قالب هرمز

سلام . قالب زیر کپی شده از طرح میزفا هستش که براتون اماده کردم .

css

article,aside,details,figcaption,figure,footer,header,hgroup,hr,menu,nav,section{display:block}a,hr{padding:0}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}ins,mark{background-color:#ff9;color:#000}body{line-height:1}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;font-size:100%;vertical-align:baseline;background:0 0}ins{text-decoration:none}mark{font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{height:1px;border:0;border-top:1px solid #ccc;margin:1em 0}input,select{vertical-align:middle}
/* design by mizfa.com 2.84*/
/*@font-face {font-family: 'mizfa-yekan';src: url('//cdn.bayan.ir/blog/templates/shared/fonts/BYekan.woff?download') format('woff');font-weight: normal;font-style: normal;} */
@font-face {font-family: 'mizfa-GanjNamehSans';src: url('http://bayanbox.ir/download/4001461303678044496/GanjNamehSans-Regular.woff') format('woff');font-weight: normal;font-style: normal;}
/* mizfa.CSS 2.98 Mar 2017 by Jan Egil and Borge Refsnes */
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
dfn{font-style:italic}mark{background:#ff0;color:#000}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}
img{border-style:none}svg:not(:root){overflow:hidden}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}
button,input{overflow:visible}button,select{text-transform:none}
button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-input-placeholder{color:inherit;opacity:0.54}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
/* End extract */
html,body{font-family:Verdana,sans-serif;font-size:15px;line-height:1.5}html{overflow-x:hidden}
h1,h2,h3,h4,h5,h6,.mizfa-slim,.mizfa-wide{font-family:"Segoe UI",Arial,sans-serif}
h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}
.mizfa-serif{font-family:"Times New Roman",Times,serif}
h1,h2,h3,h4,h5,h6{font-weight:400;margin:10px 0}.mizfa-wide{letter-spacing:4px}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}
hr{border:0;border-top:1px solid #eee;margin:20px 0}
img{margin-bottom:-5px}a{color:inherit}
.mizfa-image{max-width:100%;height:auto}
.mizfa-table,.mizfa-table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}
.mizfa-table-all{border:1px solid #ccc}
.mizfa-bordered tr,.mizfa-table-all tr{border-bottom:1px solid #ddd}
.mizfa-striped tbody tr:nth-child(even){background-color:#f1f1f1}
.mizfa-table-all tr:nth-child(odd){background-color:#fff}
.mizfa-table-all tr:nth-child(even){background-color:#f1f1f1}
.mizfa-hoverable tbody tr:hover,.mizfa-ul.mizfa-hoverable li:hover{background-color:#ccc}
.mizfa-centered tr th,.mizfa-centered tr td{text-align:center}
.mizfa-table td,.mizfa-table th,.mizfa-table-all td,.mizfa-table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
.mizfa-table th:first-child,.mizfa-table td:first-child,.mizfa-table-all th:first-child,.mizfa-table-all td:first-child{padding-left:16px}
.mizfa-btn,.mizfa-btn-block,.mizfa-button{border:none;display:inline-block;outline:0;padding:6px 16px;vertical-align:middle;overflow:hidden;text-decoration:none!important;color:#fff;background-color:#000;text-align:center;cursor:pointer;white-space:nowrap}
.mizfa-btn:hover,.mizfa-btn-block:hover,.mizfa-btn-floating:hover,.mizfa-btn-floating-large:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.mizfa-button{color:#000;background-color:#f1f1f1;padding:8px 16px}.mizfa-button:hover{color:#000!important;background-color:#ccc!important}
.mizfa-btn,.mizfa-btn-floating,.mizfa-btn-floating-large,.mizfa-closenav,.mizfa-opennav,.mizfa-btn-block,.mizfa-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.mizfa-btn-floating,.mizfa-btn-floating-large{display:inline-block;text-align:center;color:#fff;background-color:#000;position:relative;overflow:hidden;z-index:1;padding:0;border-radius:50%;cursor:pointer;font-size:24px}
.mizfa-btn-floating{width:40px;height:40px;line-height:40px}.mizfa-btn-floating-large{width:56px;height:56px;line-height:56px}
.mizfa-disabled,.mizfa-btn:disabled,.mizfa-button:disabled,.mizfa-btn-floating:disabled,.mizfa-btn-floating-large:disabled{cursor:not-allowed;opacity:0.3}.mizfa-disabled *,:disabled *{pointer-events:none}
.mizfa-btn.mizfa-disabled:hover,.mizfa-btn-block.mizfa-disabled:hover,.mizfa-btn:disabled:hover,.mizfa-btn-floating.mizfa-disabled:hover,.mizfa-btn-floating:disabled:hover,
.mizfa-btn-floating-large.mizfa-disabled:hover,.mizfa-btn-floating-large:disabled:hover{box-shadow:none}
.mizfa-btn-group .mizfa-btn{float:left}.mizfa-btn-block{width:100%}
.mizfa-btn-bar .mizfa-btn{box-shadow:none;background-color:inherit;color:inherit;float:left}.mizfa-btn-bar .mizfa-btn:hover{background-color:#ccc}
.mizfa-badge,.mizfa-tag,.mizfa-sign{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}
.mizfa-badge{border-radius:50%}
ul.mizfa-ul{list-style-type:none;padding:0;margin:0}ul.mizfa-ul li{padding:6px 2px 6px 16px;border-bottom:1px solid #ddd}ul.mizfa-ul li:last-child{border-bottom:none}
.mizfa-tooltip,.mizfa-display-container{position:relative}.mizfa-tooltip .mizfa-text{display:none}.mizfa-tooltip:hover .mizfa-text{display:inline-block}
.mizfa-navbar{list-style-type:none;margin:0;padding:0;overflow:hidden}
.mizfa-navbar li{float:left}.mizfa-navbar li a,.mizfa-navitem,.mizfa-navbar li .mizfa-btn,.mizfa-navbar li .mizfa-input{display:block;padding:8px 16px}.mizfa-navbar li .mizfa-btn,.mizfa-navbar li .mizfa-input{border:none;outline:none;width:100%}
.mizfa-navbar li a:hover{color:#000;background-color:#ccc}
.mizfa-navbar .mizfa-dropdown-hover,.mizfa-navbar .mizfa-dropdown-click{position:static}
.mizfa-navbar .mizfa-dropdown-hover:hover,.mizfa-navbar .mizfa-dropdown-hover:first-child,.mizfa-navbar .mizfa-dropdown-click:hover{background-color:#ccc;color:#000}
.mizfa-navbar a,.mizfa-topnav a,.mizfa-sidenav a,.mizfa-dropdown-content a,.mizfa-accordion-content a,.mizfa-dropnav a,.mizfa-navblock a{text-decoration:none!important}
.mizfa-navbar .mizfa-opennav.mizfa-right{float:right!important}.mizfa-topnav{padding:8px 8px}
.mizfa-navblock .mizfa-dropdown-hover:hover,.mizfa-navblock .mizfa-dropdown-hover:first-child,.mizfa-navblock .mizfa-dropdown-click:hover{background-color:#ccc;color:#000}
.mizfa-navblock .mizfa-dropdown-hover,.mizfa-navblock .mizfa-dropdown-click{width:100%}.mizfa-navblock .mizfa-dropdown-hover .mizfa-dropdown-content,.mizfa-navblock .mizfa-dropdown-click .mizfa-dropdown-content{min-width:100%}
.mizfa-topnav a{padding:0 8px;border-bottom:3px solid transparent;-webkit-transition:border-bottom .25s;transition:border-bottom .25s}
.mizfa-topnav a:hover{border-bottom:3px solid #fff}.mizfa-topnav .mizfa-dropdown-hover a{border-bottom:0}
.mizfa-opennav,.mizfa-closenav{color:inherit}.mizfa-opennav:hover,.mizfa-closenav:hover{cursor:pointer;opacity:0.8}
.mizfa-btn,.mizfa-btn-floating,.mizfa-dropnav a,.mizfa-btn-floating-large,.mizfa-btn-block, .mizfa-navbar a,.mizfa-navblock a,.mizfa-sidenav a,.mizfa-pagination li a,.mizfa-hoverable tbody tr,.mizfa-hoverable li,
.mizfa-accordion-content a,.mizfa-dropdown-content a,.mizfa-dropdown-click:hover,.mizfa-dropdown-hover:hover,.mizfa-opennav,.mizfa-closenav,.mizfa-closebtn,*[class*="mizfa-hover-"]
{-webkit-transition:background-color .25s,color .15s,box-shadow .25s,opacity 0.25s,filter 0.25s,border 0.15s;transition:background-color .25s,color .15s,box-shadow .15s,opacity .25s,filter .25s,border .15s}
.mizfa-ripple:active{opacity:0.5}.mizfa-ripple{-webkit-transition:opacity 0s;transition:opacity 0s}
.mizfa-sidenav,.mizfa-sidebar{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}
.mizfa-sidenav a,.mizfa-navblock a{padding:4px 2px 4px 16px}.mizfa-sidenav a:hover,.mizfa-navblock a:hover{background-color:#ccc;color:#000}.mizfa-sidenav a,.mizfa-dropnav a,.mizfa-navblock a{display:block}
.mizfa-sidenav .mizfa-dropdown-hover:hover,.mizfa-sidenav .mizfa-dropdown-hover:first-child,.mizfa-sidenav .mizfa-dropdown-click:hover,.mizfa-dropnav a:hover{background-color:#ccc;color:#000}
.mizfa-sidenav .mizfa-dropdown-hover,.mizfa-sidenav .mizfa-dropdown-click,.mizfa-bar-block .mizfa-dropdown-hover,.mizfa-bar-block .mizfa-dropdown-click{width:100%}
.mizfa-sidenav .mizfa-dropdown-hover .mizfa-dropdown-content,.mizfa-sidenav .mizfa-dropdown-click .mizfa-dropdown-content,.mizfa-bar-block .mizfa-dropdown-hover .mizfa-dropdown-content,.mizfa-bar-block .mizfa-dropdown-click .mizfa-dropdown-content{min-width:100%}
.mizfa-bar-block .mizfa-dropdown-hover .mizfa-button,.mizfa-bar-block .mizfa-dropdown-click .mizfa-button{width:100%;text-align:left;background-color:inherit;color:inherit;padding:6px 2px 6px 16px}
.mizfa-main,#main{transition:margin-left .4s}
.mizfa-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.mizfa-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}.mizfa-closebtn{text-decoration:none;float:right;font-size:24px;font-weight:bold;color:inherit}
.mizfa-closebtn:hover,.mizfa-closebtn:focus{color:#000;text-decoration:none;cursor:pointer}
.mizfa-pagination{display:inline-block;padding:0;margin:0}.mizfa-pagination li{display:inline}
.mizfa-pagination li a{text-decoration:none;color:#000;float:left;padding:8px 16px}
.mizfa-pagination li a:hover{background-color:#ccc}
.mizfa-input-group,.mizfa-group{margin-top:24px;margin-bottom:24px}
.mizfa-input{padding:8px;display:block;border:none;border-bottom:1px solid #808080;width:100%}
.mizfa-label{color:#009688}.mizfa-input:not(:valid)~.mizfa-validate{color:#f44336}
.mizfa-select{padding:9px 0;width:100%;color:#000;border:1px solid transparent;border-bottom:1px solid #009688}
.mizfa-select select:focus{color:#000;border:1px solid #009688}.mizfa-select option[disabled]{color:#009688}
.mizfa-dropdown-click,.mizfa-dropdown-hover{position:relative;display:inline-block;cursor:pointer}
.mizfa-dropdown-hover:hover .mizfa-dropdown-content{display:block;z-index:1}
.mizfa-dropdown-hover:first-child,.mizfa-dropdown-click:hover{background-color:#ccc;color:#000}
.mizfa-dropdown-hover:hover .mizfa-button,.mizfa-dropdown-click:hover .mizfa-button{background-color:#ccc;color:#000}
.mizfa-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0}
.mizfa-dropdown-content a{padding:6px 16px;display:block}
.mizfa-dropdown-content a:hover{background-color:#ccc}
.mizfa-accordion{width:100%;cursor:pointer}
.mizfa-accordion-content{cursor:auto;display:none;position:relative;width:100%;margin:0;padding:0}
.mizfa-accordion-content a{padding:6px 16px;display:block}.mizfa-accordion-content a:hover{background-color:#ccc}
.mizfa-progress-container{width:100%;height:1.5em;position:relative;background-color:#f1f1f1}
.mizfa-progressbar{background-color:#757575;height:100%;position:absolute;line-height:inherit}
input[type=checkbox].mizfa-check,input[type=radio].mizfa-radio{width:24px;height:24px;position:relative;top:6px}
input[type=checkbox].mizfa-check:checked+.mizfa-validate,input[type=radio].mizfa-radio:checked+.mizfa-validate{color:#009688}
input[type=checkbox].mizfa-check:disabled+.mizfa-validate,input[type=radio].mizfa-radio:disabled+.mizfa-validate{color:#aaa}
.mizfa-bar{width:100%;overflow:hidden}.mizfa-center .mizfa-bar{display:inline-block;width:auto}
.mizfa-bar .mizfa-bar-item{padding:8px 16px;float:left;background-color:inherit;color:inherit;width:auto;border:none;outline:none;display:block}
.mizfa-bar .mizfa-dropdown-hover,.mizfa-bar .mizfa-dropdown-click{position:static;float:left}
.mizfa-bar .mizfa-button{background-color:inherit;color:inherit;white-space:normal}
.mizfa-bar-block{width:100%}
.mizfa-bar-block .mizfa-bar-item{width:100%;display:block;padding:6px 2px 6px 16px;text-align:left;background-color:inherit;color:inherit;border:none;outline:none}
.mizfa-block{display:block;width:100%}
.mizfa-responsive{overflow-x:auto}
.mizfa-container:after,.mizfa-container:before,.mizfa-panel:after,.mizfa-panel:before,.mizfa-row:after,.mizfa-row:before,.mizfa-row-padding:after,.mizfa-row-padding:before,.mizfa-cell-row:before,.mizfa-cell-row:after,
.mizfa-topnav:after,.mizfa-topnav:before,.mizfa-clear:after,.mizfa-clear:before,.mizfa-btn-group:before,.mizfa-btn-group:after,.mizfa-btn-bar:before,.mizfa-btn-bar:after,.mizfa-bar:before,.mizfa-bar:after
{content:"";display:table;clear:both}
.mizfa-col,.mizfa-half,.mizfa-third,.mizfa-twothird,.mizfa-threequarter,.mizfa-quarter{float:left;width:100%}
.mizfa-col.s1{width:8.33333%}
.mizfa-col.s2{width:16.66666%}
.mizfa-col.s3{width:24.99999%}
.mizfa-col.s4{width:33.33333%}
.mizfa-col.s5{width:41.66666%}
.mizfa-col.s6{width:49.99999%}
.mizfa-col.s7{width:58.33333%}
.mizfa-col.s8{width:66.66666%}
.mizfa-col.s9{width:74.99999%}
.mizfa-col.s10{width:83.33333%}
.mizfa-col.s11{width:91.66666%}
.mizfa-col.s12,.mizfa-half,.mizfa-third,.mizfa-twothird,.mizfa-threequarter,.mizfa-quarter{width:99.99999%}
@media (min-width:601px){
	.mizfa-col.m1{width:8.33333%}
	.mizfa-col.m2{width:16.66666%}
	.mizfa-col.m3,.mizfa-quarter{width:24.99999%}
	.mizfa-col.m4,.mizfa-third{width:33.33333%}
	.mizfa-col.m5{width:41.66666%}
	.mizfa-col.m6,.mizfa-half{width:49.99999%}
	.mizfa-col.m7{width:58.33333%}
	.mizfa-col.m8,.mizfa-twothird{width:66.66666%}
	.mizfa-col.m9,.mizfa-threequarter{width:74.99999%}
	.mizfa-col.m10{width:83.33333%}
	.mizfa-col.m11{width:91.66666%}
	.mizfa-col.m12{width:99.99999%}}
@media (min-width:993px){
	.mizfa-col.l1{width:8.33333%}
	.mizfa-col.l2{width:16.66666%}
	.mizfa-col.l3,.mizfa-quarter{width:24.99999%}
	.mizfa-col.l4,.mizfa-third{width:33.33333%}
	.mizfa-col.l5{width:41.66666%}
	.mizfa-col.l6,.mizfa-half{width:49.99999%}
	.mizfa-col.l7{width:58.33333%}
	.mizfa-col.l8,.mizfa-twothird{width:66.66666%}
	.mizfa-col.l9,.mizfa-threequarter{width:74.99999%}
	.mizfa-col.l10{width:83.33333%}
	.mizfa-col.l11{width:91.66666%}
	.mizfa-col.l12{width:99.99999%}}
.mizfa-content{max-width:980px;margin:auto}
.mizfa-rest{overflow:hidden}
.mizfa-layout-container,.mizfa-cell-row{display:table;width:100%}.mizfa-layout-row{display:table-row}.mizfa-layout-cell,.mizfa-layout-col,.mizfa-cell{display:table-cell}
.mizfa-layout-top,.mizfa-cell-top{vertical-align:top}.mizfa-layout-middle,.mizfa-cell-middle{vertical-align:middle}.mizfa-layout-bottom,.mizfa-cell-bottom{vertical-align:bottom}
.mizfa-hide{display:none!important}.mizfa-show-block,.mizfa-show{display:block!important}.mizfa-show-inline-block{display:inline-block!important}
@media (max-width:600px){.mizfa-modal-content{margin:0 10px;width:auto!important}.mizfa-modal{padding-top:30px}
	.mizfa-topnav a{display:block}.mizfa-navbar li:not(.mizfa-opennav){float:none;width:100%!important}.mizfa-navbar li.mizfa-right{float:none!important}
	.mizfa-topnav .mizfa-dropdown-hover .mizfa-dropdown-content,.mizfa-navbar .mizfa-dropdown-click .mizfa-dropdown-content,.mizfa-navbar .mizfa-dropdown-hover .mizfa-dropdown-content,.mizfa-dropdown-hover.mizfa-mobile .mizfa-dropdown-content,.mizfa-dropdown-click.mizfa-mobile .mizfa-dropdown-content{position:relative}
	.mizfa-topnav,.mizfa-navbar{text-align:center}.mizfa-hide-small{display:none!important}.mizfa-layout-col,.mizfa-mobile{display:block;width:100%!important}.mizfa-bar-item.mizfa-mobile,.mizfa-dropdown-hover.mizfa-mobile,.mizfa-dropdown-click.mizfa-mobile{text-align:center}
	.mizfa-dropdown-hover.mizfa-mobile,.mizfa-dropdown-hover.mizfa-mobile .mizfa-btn,.mizfa-dropdown-hover.mizfa-mobile .mizfa-button,.mizfa-dropdown-click.mizfa-mobile,.mizfa-dropdown-click.mizfa-mobile .mizfa-btn,.mizfa-dropdown-click.mizfa-mobile .mizfa-button{width:100%}}
@media (max-width:768px){.mizfa-modal-content{width:500px}.mizfa-modal{padding-top:50px}}
@media (min-width:993px){.mizfa-modal-content{width:900px}.mizfa-hide-large{display:none!important}.mizfa-sidenav.mizfa-collapse,.mizfa-sidebar.mizfa-collapse{display:block!important}}
@media (max-width:992px) and (min-width:601px){.mizfa-hide-medium{display:none!important}}
@media (max-width:992px){.mizfa-sidenav.mizfa-collapse,.mizfa-sidebar.mizfa-collapse{display:none}.mizfa-main{margin-left:0!important;margin-right:0!important}}
.mizfa-top,.mizfa-bottom{position:fixed;width:100%;z-index:1}.mizfa-top{top:0}.mizfa-bottom{bottom:0}
.mizfa-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}
.mizfa-left{float:left!important}.mizfa-right{float:right!important}
.mizfa-tiny{font-size:10px!important}.mizfa-small{font-size:12px!important}
.mizfa-medium{font-size:15px!important}.mizfa-large{font-size:18px!important}
.mizfa-xlarge{font-size:24px!important}.mizfa-xxlarge{font-size:36px!important}
.mizfa-xxxlarge{font-size:48px!important}.mizfa-jumbo{font-size:64px!important}
.mizfa-vertical{word-break:break-all;line-height:1;text-align:center;width:0.6em}
.mizfa-left-align{text-align:left!important}.mizfa-right-align{text-align:right!important}
.mizfa-justify{text-align:justify!important}.mizfa-center{text-align:center!important}
.mizfa-display-topleft{position:absolute;left:0;top:0}.mizfa-display-topright{position:absolute;right:0;top:0}
.mizfa-display-bottomleft{position:absolute;left:0;bottom:0}.mizfa-display-bottomright{position:absolute;right:0;bottom:0}
.mizfa-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.mizfa-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.mizfa-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.mizfa-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.mizfa-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.mizfa-display-container:hover .mizfa-display-hover{display:block}.mizfa-display-container:hover span.mizfa-display-hover{display:inline-block}.mizfa-display-hover{display:none}
.mizfa-display-position{position:absolute}
.mizfa-circle{border-radius:50%!important}
.mizfa-round-small{border-radius:2px!important}.mizfa-round,.mizfa-round-medium{border-radius:4px!important}
.mizfa-round-large{border-radius:8px!important}.mizfa-round-xlarge{border-radius:16px!important}
.mizfa-round-xxlarge{border-radius:32px!important}.mizfa-round-jumbo{border-radius:64px!important}
.mizfa-border-0{border:0!important}.mizfa-border{border:1px solid #ccc!important}
.mizfa-border-top{border-top:1px solid #ccc!important}.mizfa-border-bottom{border-bottom:1px solid #ccc!important}
.mizfa-border-left{border-left:1px solid #ccc!important}.mizfa-border-right{border-right:1px solid #ccc!important}
.mizfa-margin{margin:16px!important}.mizfa-margin-0{margin:0!important}
.mizfa-margin-top{margin-top:16px!important}.mizfa-margin-bottom{margin-bottom:16px!important}
.mizfa-margin-left{margin-left:16px!important}.mizfa-margin-right{margin-right:16px!important}
.mizfa-section{margin-top:16px!important;margin-bottom:16px!important}
.mizfa-padding-tiny{padding:2px 4px!important}.mizfa-padding-small{padding:4px 8px!important}
.mizfa-padding-medium,.mizfa-padding,.mizfa-form{padding:8px 16px!important}
.mizfa-padding-large{padding:12px 24px!important}.mizfa-padding-xlarge{padding:16px 32px!important}
.mizfa-padding-xxlarge{padding:24px 48px!important}.mizfa-padding-jumbo{padding:32px 64px!important}
.mizfa-padding-4{padding-top:4px!important;padding-bottom:4px!important}
.mizfa-padding-8{padding-top:8px!important;padding-bottom:8px!important}
.mizfa-padding-12{padding-top:12px!important;padding-bottom:12px!important}
.mizfa-padding-16{padding-top:16px!important;padding-bottom:16px!important}
.mizfa-padding-24{padding-top:24px!important;padding-bottom:24px!important}
.mizfa-padding-32{padding-top:32px!important;padding-bottom:32px!important}
.mizfa-padding-48{padding-top:48px!important;padding-bottom:48px!important}
.mizfa-padding-64{padding-top:64px!important;padding-bottom:64px!important}
.mizfa-padding-128{padding-top:128px!important;padding-bottom:128px!important}
.mizfa-padding-0{padding:0!important}
.mizfa-padding-top{padding-top:8px!important}.mizfa-padding-bottom{padding-bottom:8px!important}
.mizfa-padding-left{padding-left:16px!important}.mizfa-padding-right{padding-right:16px!important}
.mizfa-topbar{border-top:6px solid #ccc!important}.mizfa-bottombar{border-bottom:6px solid #ccc!important}
.mizfa-leftbar{border-left:6px solid #ccc!important}.mizfa-rightbar{border-right:6px solid #ccc!important}
.mizfa-row-padding,.mizfa-row-padding>.mizfa-half,.mizfa-row-padding>.mizfa-third,.mizfa-row-padding>.mizfa-twothird,.mizfa-row-padding>.mizfa-threequarter,.mizfa-row-padding>.mizfa-quarter,.mizfa-row-padding>.mizfa-col{padding:0 8px}
.mizfa-spin{animation:mizfa-spin 2s infinite linear;-webkit-animation:mizfa-spin 2s infinite linear}
@-webkit-keyframes mizfa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
@keyframes mizfa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
.mizfa-container{padding:0.01em 16px}
.mizfa-panel{padding:0.01em 16px;margin-top:16px!important;margin-bottom:16px!important}
.mizfa-example{background-color:#f1f1f1;padding:0.01em 16px}
.mizfa-code,.mizfa-codespan{font-family:Consolas,"courier new";font-size:16px}
.mizfa-code{line-height:1.4;width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word}
.mizfa-codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%}
.mizfa-example,.mizfa-code{margin:20px 0}.mizfa-card{border:1px solid #ccc}
.mizfa-card-2,.mizfa-example{box-shadow:0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important}
.mizfa-card-4,.mizfa-hover-shadow:hover{box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)!important}
.mizfa-card-8{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)!important}
.mizfa-card-12{box-shadow:0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19)!important}
.mizfa-card-16{box-shadow:0 16px 24px 0 rgba(0,0,0,0.22),0 25px 55px 0 rgba(0,0,0,0.21)!important}
.mizfa-card-24{box-shadow:0 24px 24px 0 rgba(0,0,0,0.2),0 40px 77px 0 rgba(0,0,0,0.22)!important}
.mizfa-animate-fading{-webkit-animation:fading 10s infinite;animation:fading 10s infinite}
@-webkit-keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.mizfa-animate-opacity{-webkit-animation:opac 0.8s;animation:opac 0.8s}
@-webkit-keyframes opac{from{opacity:0} to{opacity:1}}
@keyframes opac{from{opacity:0} to{opacity:1}}
.mizfa-animate-top{position:relative;-webkit-animation:animatetop 0.4s;animation:animatetop 0.4s}
@-webkit-keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.mizfa-animate-left{position:relative;-webkit-animation:animateleft 0.4s;animation:animateleft 0.4s}
@-webkit-keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.mizfa-animate-right{position:relative;-webkit-animation:animateright 0.4s;animation:animateright 0.4s}
@-webkit-keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.mizfa-animate-bottom{position:relative;-webkit-animation:animatebottom 0.4s;animation:animatebottom 0.4s}
@-webkit-keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0px;opacity:1}}
@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.mizfa-animate-zoom {-webkit-animation:animatezoom 0.6s;animation:animatezoom 0.6s}
@-webkit-keyframes animatezoom{from{-webkit-transform:scale(0)} to{-webkit-transform:scale(1)}}
@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.mizfa-animate-input{-webkit-transition:width 0.4s ease-in-out;transition:width 0.4s ease-in-out}.mizfa-animate-input:focus{width:100%!important}
.mizfa-opacity,.mizfa-hover-opacity:hover{opacity:0.60;-webkit-backface-visibility:hidden}
.mizfa-opacity-off,.mizfa-hover-opacity-off:hover{opacity:1;-webkit-backface-visibility:hidden}
.mizfa-opacity-max{opacity:0.25;-webkit-backface-visibility:hidden}
.mizfa-opacity-min{opacity:0.75;-webkit-backface-visibility:hidden}
.mizfa-greyscale-max,.mizfa-grayscale-max,.mizfa-hover-greyscale:hover,.mizfa-hover-grayscale:hover{-webkit-filter:grayscale(100%);filter:grayscale(100%)}
.mizfa-greyscale,.mizfa-grayscale{-webkit-filter:grayscale(75%);filter:grayscale(75%)}
.mizfa-greyscale-min,.mizfa-grayscale-min{-webkit-filter:grayscale(50%);filter:grayscale(50%)}
.mizfa-sepia{-webkit-filter:sepia(75%);filter:sepia(75%)}
.mizfa-sepia-max,.mizfa-hover-sepia:hover{-webkit-filter:sepia(100%);filter:sepia(100%)}
.mizfa-sepia-min{-webkit-filter:sepia(50%);filter:sepia(50%)}
.mizfa-text-shadow{text-shadow:1px 1px 0 #444}.mizfa-text-shadow-white{text-shadow:1px 1px 0 #ddd}
.mizfa-transparent{background-color:transparent!important}
.mizfa-hover-none:hover{box-shadow:none!important;background-color:transparent!important}
/* Colors */
.mizfa-amber,.mizfa-hover-amber:hover{color:#000!important;background-color:#ffc107!important}
.mizfa-aqua,.mizfa-hover-aqua:hover{color:#000!important;background-color:#00ffff!important}
.mizfa-blue,.mizfa-hover-blue:hover{color:#fff!important;background-color:#2196F3!important}
.mizfa-light-blue,.mizfa-hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}
.mizfa-brown,.mizfa-hover-brown:hover{color:#fff!important;background-color:#795548!important}
.mizfa-cyan,.mizfa-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}
.mizfa-blue-grey,.mizfa-hover-blue-grey:hover,.mizfa-blue-gray,.mizfa-hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important}
.mizfa-green,.mizfa-hover-green:hover{color:#fff!important;background-color:#4CAF50!important}
.mizfa-light-green,.mizfa-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}
.mizfa-indigo,.mizfa-hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}
.mizfa-khaki,.mizfa-hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
.mizfa-lime,.mizfa-hover-lime:hover{color:#000!important;background-color:#cddc39!important}
.mizfa-orange,.mizfa-hover-orange:hover{color:#000!important;background-color:#ff9800!important}
.mizfa-deep-orange,.mizfa-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}
.mizfa-pink,.mizfa-hover-pink:hover{color:#fff!important;background-color:#e91e63!important}
.mizfa-purple,.mizfa-hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}
.mizfa-deep-purple,.mizfa-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}
.mizfa-red,.mizfa-hover-red:hover{color:#fff!important;background-color:#f44336!important}
.mizfa-sand,.mizfa-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}
.mizfa-teal,.mizfa-hover-teal:hover{color:#fff!important;background-color:#009688!important}
.mizfa-yellow,.mizfa-hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important}
.mizfa-white,.mizfa-hover-white:hover{color:#000!important;background-color:#fff!important}
.mizfa-black,.mizfa-hover-black:hover{color:#fff!important;background-color:#000!important}
.mizfa-grey,.mizfa-hover-grey:hover,.mizfa-gray,.mizfa-hover-gray:hover{color:#000!important;background-color:#9e9e9e!important}
.mizfa-light-grey,.mizfa-hover-light-grey:hover,.mizfa-light-gray,.mizfa-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}
.mizfa-dark-grey,.mizfa-hover-dark-grey:hover,.mizfa-dark-gray,.mizfa-hover-dark-gray:hover{color:#fff!important;background-color:#616161!important}
.mizfa-pale-red,.mizfa-hover-pale-red:hover{color:#000!important;background-color:#ffdddd!important}
.mizfa-pale-green,.mizfa-hover-pale-green:hover{color:#000!important;background-color:#ddffdd!important}
.mizfa-pale-yellow,.mizfa-hover-pale-yellow:hover{color:#000!important;background-color:#ffffcc!important}
.mizfa-pale-blue,.mizfa-hover-pale-blue:hover{color:#000!important;background-color:#ddffff!important}
.mizfa-text-amber,.mizfa-hover-text-amber:hover{color:#ffc107!important}
.mizfa-text-aqua,.mizfa-hover-text-aqua:hover{color:#00ffff!important}
.mizfa-text-blue,.mizfa-hover-text-blue:hover{color:#2196F3!important}
.mizfa-text-light-blue,.mizfa-hover-text-light-blue:hover{color:#87CEEB!important}
.mizfa-text-brown,.mizfa-hover-text-brown:hover{color:#795548!important}
.mizfa-text-cyan,.mizfa-hover-text-cyan:hover{color:#00bcd4!important}
.mizfa-text-blue-grey,.mizfa-hover-text-blue-grey:hover,.mizfa-text-blue-gray,.mizfa-hover-text-blue-gray:hover{color:#607d8b!important}
.mizfa-text-green,.mizfa-hover-text-green:hover{color:#4CAF50!important}
.mizfa-text-light-green,.mizfa-hover-text-light-green:hover{color:#8bc34a!important}
.mizfa-text-indigo,.mizfa-hover-text-indigo:hover{color:#3f51b5!important}
.mizfa-text-khaki,.mizfa-hover-text-khaki:hover{color:#b4aa50!important}
.mizfa-text-lime,.mizfa-hover-text-lime:hover{color:#cddc39!important}
.mizfa-text-orange,.mizfa-hover-text-orange:hover{color:#ff9800!important}
.mizfa-text-deep-orange,.mizfa-hover-text-deep-orange:hover{color:#ff5722!important}
.mizfa-text-pink,.mizfa-hover-text-pink:hover{color:#e91e63!important}
.mizfa-text-purple,.mizfa-hover-text-purple:hover{color:#9c27b0!important}
.mizfa-text-deep-purple,.mizfa-hover-text-deep-purple:hover{color:#673ab7!important}
.mizfa-text-red,.mizfa-hover-text-red:hover{color:#f44336!important}
.mizfa-text-sand,.mizfa-hover-text-sand:hover{color:#fdf5e6!important}
.mizfa-text-teal,.mizfa-hover-text-teal:hover{color:#009688!important}
.mizfa-text-yellow,.mizfa-hover-text-yellow:hover{color:#d2be0e!important}
.mizfa-text-white,.mizfa-hover-text-white:hover{color:#fff!important}
.mizfa-text-black,.mizfa-hover-text-black:hover{color:#000!important}
.mizfa-text-grey,.mizfa-hover-text-grey:hover,.mizfa-text-gray,.mizfa-hover-text-gray:hover{color:#757575!important}
.mizfa-text-light-grey,.mizfa-hover-text-light-grey:hover,.mizfa-text-light-gray,.mizfa-hover-text-light-gray:hover{color:#f1f1f1!important}
.mizfa-text-dark-grey,.mizfa-hover-text-dark-grey:hover,.mizfa-text-dark-gray,.mizfa-hover-text-dark-gray:hover{color:#3a3a3a!important}
.mizfa-border-amber,.mizfa-hover-border-amber:hover{border-color:#ffc107!important}
.mizfa-border-aqua,.mizfa-hover-border-aqua:hover{border-color:#00ffff!important}
.mizfa-border-blue,.mizfa-hover-border-blue:hover{border-color:#2196F3!important}
.mizfa-border-light-blue,.mizfa-hover-border-light-blue:hover{border-color:#87CEEB!important}
.mizfa-border-brown,.mizfa-hover-border-brown:hover{border-color:#795548!important}
.mizfa-border-cyan,.mizfa-hover-border-cyan:hover{border-color:#00bcd4!important}
.mizfa-border-blue-grey,.mizfa-hover-border-blue-grey:hover,.mizfa-border-blue-gray,.mizfa-hover-border-blue-gray:hover{border-color:#607d8b!important}
.mizfa-border-green,.mizfa-hover-border-green:hover{border-color:#4CAF50!important}
.mizfa-border-light-green,.mizfa-hover-border-light-green:hover{border-color:#8bc34a!important}
.mizfa-border-indigo,.mizfa-hover-border-indigo:hover{border-color:#3f51b5!important}
.mizfa-border-khaki,.mizfa-hover-border-khaki:hover{border-color:#f0e68c!important}
.mizfa-border-lime,.mizfa-hover-border-lime:hover{border-color:#cddc39!important}
.mizfa-border-orange,.mizfa-hover-border-orange:hover{border-color:#ff9800!important}
.mizfa-border-deep-orange,.mizfa-hover-border-deep-orange:hover{border-color:#ff5722!important}
.mizfa-border-pink,.mizfa-hover-border-pink:hover{border-color:#e91e63!important}
.mizfa-border-purple,.mizfa-hover-border-purple:hover{border-color:#9c27b0!important}
.mizfa-border-deep-purple,.mizfa-hover-border-deep-purple:hover{border-color:#673ab7!important}
.mizfa-border-red,.mizfa-hover-border-red:hover{border-color:#f44336!important}
.mizfa-border-sand,.mizfa-hover-border-sand:hover{border-color:#fdf5e6!important}
.mizfa-border-teal,.mizfa-hover-border-teal:hover{border-color:#009688!important}
.mizfa-border-yellow,.mizfa-hover-border-yellow:hover{border-color:#ffeb3b!important}
.mizfa-border-white,.mizfa-hover-border-white:hover{border-color:#fff!important}
.mizfa-border-black,.mizfa-hover-border-black:hover{border-color:#000!important}
.mizfa-border-grey,.mizfa-hover-border-grey:hover,.mizfa-border-gray,.mizfa-hover-border-gray:hover{border-color:#9e9e9e!important}
.mizfa-border-light-grey,.mizfa-hover-border-light-grey:hover,.mizfa-border-light-gray,.mizfa-hover-border-light-gray:hover{border-color:#f1f1f1!important}
.mizfa-border-dark-grey,.mizfa-hover-border-dark-grey:hover,.mizfa-border-dark-gray,.mizfa-hover-border-dark-gray:hover{border-color:#616161!important}
.mizfa-border-pale-red,.mizfa-hover-border-pale-red:hover{border-color:#ffe7e7!important}.mizfa-border-pale-green,.mizfa-hover-border-pale-green:hover{border-color:#e7ffe7!important}
.mizfa-border-pale-yellow,.mizfa-hover-border-pale-yellow:hover{border-color:#ffffcc!important}.mizfa-border-pale-blue,.mizfa-hover-border-pale-blue:hover{border-color:#e7ffff!important}

/*Mizfa customize*/
.mizfa-rtl{direction:rtl!important}.mizfa-padding-right-8{padding-right:8px!important}.mizfa-padding-left-8{padding-left:8px!important}.mizfa-padding-right-4{padding-right:4px!important}.mizfa-padding-left-4{padding-left:4px!important}
.mizfa-margin-5{margin:5px!important}.mizfa-margin-top-5{margin-top:5px!important}.mizfa-margin-bottom-5{margin-bottom:5px!important}.mizfa-margin-left-5{margin-left:5px!important}.mizfa-margin-right-5{margin-right:5px!important}
.mizfa-margin-3{margin:3px!important}.mizfa-margin-top-3{margin-top:3px!important}.mizfa-margin-bottom-3{margin-bottom:3px!important}.mizfa-margin-left-3{margin-left:3px!important}.mizfa-margin-right-3{margin-right:3px!important}
.mizfa-border-left-dotted {border-left: 1px dotted #bdbdbd;}.mizfa-border-left-dashed {border-left: 1px dashed #c6c6c6;}
.mizfa-border-right-dotted {border-right: 1px dotted #bdbdbd;}.mizfa-border-right-dashed {border-right: 1px dashed #c6c6c6;}
.mizfa-border-top-dotted {border-top: 1px dotted #bdbdbd;}.mizfa-border-top-dashed {border-top: 1px dashed #c6c6c6;}
.mizfa-border-bottom-dotted {border-bottom: 1px dotted #bdbdbd;}.mizfa-border-bottom-dashed {border-bottom: 1px dashed #c6c6c6;}
.followBx {}
.mizfa-card-edge {position: relative;}
.mizfa-card-edge:after,.mizfa-card-edge:before{z-index:-1;position:absolute;content:"";bottom:15px;left:10px;width:50%;top:80%;max-width:300px;background:#777;-webkit-box-shadow:0 15px 10px #777;-moz-box-shadow:0 15px 10px #777;box-shadow:0 15px 10px #777;-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-o-transform:rotate(-3deg);-ms-transform:rotate(-3deg);transform:rotate(-3deg)}
.mizfa-card-edge:after{-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-o-transform:rotate(3deg);-ms-transform:rotate(3deg);transform:rotate(3deg);right:10px;left:auto}
body,html{height:100%;color:#777;line-height:1.8;background-image:url(http://bayanbox.ir/view/2229831928715727436/dark-stripes-light.png)}.bgimg-1{background-image:url(url-here);min-height:100%;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover}
.mizfa-wide{letter-spacing:10px}
.mizfa-hover-opacity{cursor:pointer}
.mizfa-navbar li{float:right}
.mizfa-decoration{text-decoration: none;}
.mizfa-container {word-break: break-word;overflow: inherit;word-wrap: break-word;}
ul.mizfa-ul li {padding: 6px 16px 6px 2px;}
html, body {font-family: mizfa-GanjNamehSans,mizfa-yekan,Tahoma;font-size: 15px;}
h1, h2, h3, h4, h5, h6, .mizfa-slim, .mizfa-wide {font-family: mizfa-GanjNamehSans,mizfa-yekan,Tahoma,sans-serif;}
.mizfa-button {padding: 2px 11px;} .mizfa-button-angle {padding: 8px 11px !important;}
.mizfa-top{z-index: 999;}
.mizfa-margin-32{margin:32px!important}
.mizfa-margin-top-32{margin-top:32px!important}.mizfa-margin-bottom-32{margin-bottom:32px!important}
.mizfa-margin-left-32{margin-left:32px!important}.mizfa-margin-right-32{margin-right:32px!important}
@media only screen and (max-device-width:1024px){.bgimg-1,.bgimg-2,.bgimg-3{background-attachment:scroll}}
#mizfa-theme{position:absolute;top:62%;left:50%;transform:translate(-50%,-50%)}
.mizfa-none{float:none;}
/*bayan style*/
.bgimg-1{-ms-transition:all 3s linear;-webkit-transition:all 3s linear;transition:all 3s linear;overflow:auto}
article a,footer a{border-bottom:1px dotted red;text-decoration:none}
article a:hover,footer a:hover{border-bottom:1px dotted #fff}article a img{border-bottom:none}
article img,.mizfa-post-img{max-width:100%;height:inherit}
article img:hover,.mizfa-post-img:hover{filter:grayscale(100%);-webkit-filter:grayscale(100%);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
#return-to-top{z-index:10000;position:fixed;bottom:20px;right:20px;background:rgba(225,227,225,0.8);width:50px;height:50px;display:block;text-decoration:none;-webkit-border-radius:35px;-moz-border-radius:35px;border-radius:35px;display:none;border:1px solid red;-webkit-transition:all .3s linear;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
#return-to-top i{color:red;margin:0;position:relative;left:-15px;top:13px;font-size:19px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
input.sendbutton{margin-top:14px!important;color:#FFF;margin-left:15px;width:110px;background:red;padding:0 10px 2px;cursor:pointer;-webkit-appearance:button;-webkit-transition:all .3s ease,color .15s ease;-moz-transition:all .3s ease,color .15s ease;transition:all .3s ease,color .15s ease;border:none}
input.sendbutton:hover{color:#F44336;border:none;background:#fff;box-shadow:0 8px 16px 0 rgba(158,154,154,0.2),0 6px 20px 0 rgba(171,171,171,0.19)}
#followInBx #followersLs .followImg{border-radius:50%;width:44px;height:44px}.followBx{background:none}
.followThis.followed{background:red}.followThis.followed:hover{background:gray}
video, audio#play_audio_box { max-width: 100%;}


/*comment style*/.comments-container *{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.comments-container a{color:#03658c;text-decoration:none}.comments-container ul{list-style-type:none}
.comments-container h1{font-size:36px;color:#283035;font-weight:400}.comments-container h1 a{font-size:18px;font-weight:700}
.comments-list{margin-top:30px;position:relative}
.comments-list:before,.reply-list li:before{background:red;position:absolute;content:''}
.comments-list:before{width:2px;height:140%;right:32px;top:0}.comments-list:last-child:before{height:100%}
.reply-list:after,.reply-list:before{display:none}.reply-list li:before{width:60px;height:2px;top:25px;right:-56px}
.comments-list li{margin-bottom:15px;display:block;position:relative}
.comments-list li:after{content:'';display:block;clear:both;height:0;width:0}
.reply-list{padding-right:88px;clear:both;margin-top:15px}
.comments-list .comment-avatar{width:65px;height:65px;position:relative;z-index:99;float:right;border:3px solid #FFF;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2);overflow:hidden}
.comments-list .comment-avatar img{width:100%;height:100%}.reply-list .comment-avatar{width:50px;height:50px}
.comment-main-level:after{content:'';width:0;height:0;display:block;clear:both}
.comments-list .comment-box{top:13px;margin-right:76px;position:relative;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.15);-moz-box-shadow:0 1px 1px rgba(0,0,0,.15);box-shadow:0 1px 1px rgba(0,0,0,.15)}
.comments-list .comment-box:after,.comments-list .comment-box:before{content:'';height:0;width:0;position:absolute;display:block;border-width:10px 0 10px 12px;border-style:solid;border-color:transparent #FCFCFC;top:8px;right:-11px}
.comments-list .comment-box:before{border-width:11px 0 11px 13px;border-color:transparent rgba(0,0,0,.05);right:-12px}
.comment-box .comment-head{background:#FCFCFC;padding:10px 12px;border-bottom:1px solid #E5E5E5;overflow:hidden;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}
.comment-box .comment-head i{float:left;margin-right:14px;position:relative;top:2px;color:#A6A6A6;cursor:pointer;-webkit-transition:color .3s ease;-o-transition:color .3s ease;transition:color .3s ease}
.comment-box .comment-head i:hover{color:#03658c}.comment-box .comment-name{color:#283035;font-size:14px;font-weight:700;float:right;margin-left:10px}
.comment-box .comment-name a{color:#283035}.comment-box .comment-head span{float:right;color:#999;font-size:13px;position:relative;top:1px}
.comment-box .comment-content{background:#FFF;padding:12px;font-size:15px;color:#595959;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}
.comment-box .comment-name.by-author,.comment-box .comment-name.by-author a{color:red}
.comment-box .comment-name.by-author:after{content:'نگارنده';background:red;color:#FFF;font-size:12px;padding:3px 5px;font-weight:700;margin-right:10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;float:left}
@media only screen and (max-width:766px){.comments-list .comment-avatar{width:40px;height:40px}.comments-list .comment-box{margin-right:65px}}
.current{
	    border-color: #616161 !important;

    padding: 2px 11px;

    border-color: #f44336!important;

    border: 1px solid #ccc!important;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #000;
    background-color: #f1f1f1;
    padding: 8px 16px;

}

html

<!DOCTYPE html><html><head>
	<head:meta></head:meta>		<meta name="viewport" content="width=device-width, initial-scale=1">


	

	<head:script></head:script>
	<head:style></head:style>
		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
.mizfa-black, .mizfa-hover-black:hover {
color: #fff !important;
background-color: rgba(0, 0, 0, 0.62)!important;
}
.bgimg-1 {
background-image: url(http://bayanbox.ir/view/265663443975684093/blake-richard-verdoorn-cssvEZacHvQ-unsplash.jpg);
}
.mizfa-theme-l5 {color:#000 !important; background-color:#f6f6f6 !important}
.mizfa-theme-l4 {color:#000 !important; background-color:#dfdfdf !important}
.mizfa-theme-l3 {color:#000 !important; background-color:#c0c0c0 !important}
.mizfa-theme-l2 {color:#fff !important; background-color:#a0a0a0 !important}
.mizfa-theme-l1 {color:#fff !important; background-color:#818181 !important}
.mizfa-theme-d1 {color:#fff !important; background-color:#575757 !important}
.mizfa-theme-d2 {color:#fff !important; background-color:#4e4e4e !important}
.mizfa-theme-d3 {color:#fff !important; background-color:#444444 !important}
.mizfa-theme-d4 {color:#fff !important; background-color:#3a3a3a !important}
.mizfa-theme-d5 {color:#fff !important; background-color:#303030 !important}
.mizfa-theme-light {color:#000 !important; background-color:#f6f6f6 !important}
.mizfa-theme-dark {color:#fff !important; background-color:#303030 !important}
.mizfa-theme-action {color:#fff !important; background-color:#303030 !important}
.mizfa-theme {color:#fff !important; background-color:#616161 !important}
.mizfa-text-theme {color:#616161 !important}
.mizfa-border-theme {border-color:#616161 !important}
.mizfa-hover-theme:hover {color:#fff !important; background-color:#616161 !important}
.mizfa-hover-text-theme:hover {color:#616161 !important}
.mizfa-hover-border-theme:hover {border-color:#616161 !important}
article a, footer a, #return-to-top {border-color:#616161 !important}
.comment-box .comment-name.by-author, .comment-box .comment-name.by-author a, #return-to-top i {color:#616161 !important}
.comment-box .comment-name.by-author::after, .comments-list::before, .reply-list li::before, .followThis.followed, input.sendbutton {color:#fff !important; background-color:#616161 !important}
</style>
	

</head>
<body class="mizfa-rtl" id="top">
<a href="#" id="return-to-top" style="display: inline;"><i class="fa fa-chevron-up"></i></a>
<div class="mizfa-top">
<nav class="mizfa-navbar mizfa-theme mizfa-red mizfa-theme mizfa-card-2 mizfa-right-align mizfa-large">
<box:menu>
<ul>
	<view:menu>
<li class="mizfa-hide-medium mizfa-hide-large mizfa-opennav mizfa-right">
</li>
<li class="mizfa-hide-small"><a href="(*menu_item_link*)" class="mizfa-padding-large mizfa-hover-white mizfa-border-left-dotted">(*menu_item_title*)</a>
</li>
</view:menu>
</ul>
</box:menu>
</nav>
</div>
<div id="navDemo" class=" mizfa-hide-large mizfa-hide-medium">
	<box:menu>
<ul class="mizfa-navbar mizfa-center-align mizfa-large mizfa-card-2">
		<view:menu>

<li><strong><a class="mizfa-padding mizfa-small mizfa-border-bottom-dotted mizfa-text-red mizfa-text-theme" href="(*menu_item_link*)">(*menu_item_title*)</a></strong></li>
	</view:menu>

</ul>
</box:menu>
</div>
<div class="bgimg-1 mizfa-display-container mizfa-opacity-min mizfa-card-8" id="home">
<div class="mizfa-display-middle">
<div class="mizfa-center mizfa-padding-xlarge mizfa-black mizfa-xlarge mizfa-animate-opacity"><a href="(*blog_link*)" class="mizfa-hover-text-red mizfa-hover-text-theme mizfa-decoration">(*blog_title*)	</a>
</div>
<div class="mizfa-center mizfa-padding mizfa-black mizfa-small mizfa-animate-opacity mizfa-margin-top-5">
<span>
(*blog_description*)	</span>
</div>
</div>
</div>
<br>
<br>
<div class="mizfa-content" style="max-width:1000px" id="section">
<div class="mizfa-row">
	
<div class="row mizfa-col l8 s12 mizfa-border-right-dashed">

<box:page_detail>	

 
<div class="article mizfa-card-2 mizfa-margin mizfa-white">
				
<div class="mizfa-container">
<a href="(*page_link*)" class="mizfa-decoration mizfa-text-red mizfa-text-theme"><h3><strong>
(*page_title*)</strong></h3></a>
</div>
<div class="mizfa-container mizfa-text-grey mizfa-justify">
<article class="mizfa-margin-bottom">

<p dir="rtl">(*page_content*)</p>
</article>
</div>
</div> 

<div class="mizfa-clear"></div>
<a name="comments"></a>
<div class="comments-container mizfa-margin">
<h4 class="mizfa-white mizfa-center mizfa-container mizfa-padding-8"><a href="(*page_link*)">
نظرات ((*page_comment_count*))</a>
<check:if not page_comment_count>
										<center>هیچ نظری هنوز ثبت نشده است</center>
									</check:if>
</h4>
<a name="comment-Zj_-hZzKXLw"></a>
					<box:page_comments>

<ul id="comments-list" class="comments-list">
	<view:page_comments>
<li>
<div class="comment-main-level">
<div class="comment-avatar"><img src="(*comment_avatar*)" alt="(*comment_fullname*)"></div>
<div class="comment-box mizfa-container mizfa-margin-bottom-32">
<div class="comment-head">
<h6 class="comment-name"><a href="(*comment_link*)">(*comment_fullname*)</a></h6>
<span>(*comment_date format="%d %B %y ، %H:%M"*)</span>
											<check:if comment_website>
<a href="(*comment_website*)" rel="nofollow" title="(*comment_website*)"><i class="fa fa-globe"></i></a>
</check:if>
</div>
<div class="comment-content">
<p>(*comment_body*)</p>
</div>
</div>
</div>
<check:if comment_reply>
<ul class="comments-list reply-list">
<li>
<div class="comment-avatar"><img src="(*comment_reply_avatar*)" alt="author avatar">
</div>
<div class="comment-box mizfa-container">
<div class="comment-head">
<h6 class="comment-name by-author"><a href="(*comment_link*)">(*comment_reply_fullname*)</a></h6>
<span>(*comment_reply_date*)</span>
</div>
<div class="comment-content">
<p>(*comment_reply*)</p>
</div>
</div>
</li>
</ul>
</check:if>
</li>
</view:page_comments>
</ul>
					</box:page_comments>

</div>	<check:if page_has_send_comment>

<div class="mizfa-white mizfa-container mizfa-padding-8 mizfa-margin mizfa-margin-top-32">

<div class="comment-add-form">

						<a name="send_comment"></a>
							<div class="comment-add-form">
								(*comment_add_form*)
							</div>
				
</div>	
</div>
</check:if>
</box:page_detail>	

<box:post_detail>	

 
<div class="article mizfa-card-2 mizfa-margin mizfa-white">
					<check:if post_image>

<a href="(*post_link*)">
<img class="mizfa-post-img" title="(*post_title*)" src="(*post_image*)" alt="(*post_title*)" style="">
</a>
</check:if>
<div class="mizfa-container">
<a href="(*post_link*)" class="mizfa-decoration mizfa-text-red mizfa-text-theme"><h3><strong>
(*post_title*)</strong></h3></a>
</div>
<div class="mizfa-container mizfa-text-grey mizfa-justify">
<article class="mizfa-margin-bottom">

<p dir="rtl">(*post_full_content*)</p>
</article>
</div>
</div> 
<div class="mizfa-white mizfa-margin mizfa-card-2">
<div class="mizfa-container">
<div class="mizfa-padding-4">
<div class="mizfa-small mizfa-opacity ">
<a href="#section" class="mizfa-decoration mizfa-hover-text-red mizfa-hover-text-theme mizfa-right" style="padding-top:5px;"><span class="mizfa-border-left-dotted mizfa-padding-left-8 mizfa-padding-right-4"><span class="mizfa-padding-left-4 fa fa-user mizfa-text-red mizfa-text-theme"></span>(*post_author*)</span></a>
<span class="mizfa-padding-right-4 mizfa-border-left-dotted mizfa-padding-left-8"><span class="mizfa-padding-left-4 fa fa-calendar mizfa-text-red mizfa-text-theme"></span>(*post_date format="%y/%m/%d"*)</span>
<a href="(*post_link*)#comments" class="mizfa-decoration"><span class="mizfa-padding-right-4 mizfa-border-left-dotted mizfa-padding-left-8"><span class="mizfa-padding-left-4 fa fa-comment mizfa-text-red mizfa-text-theme"></span>(*post_comment_count*)	</span></a>


<box:post_rating>
								<!-- CAUTION: Don't edit these lines unless you know what you are doing
DON'T edit rate-* classes: (rate-box rate-counter rate-button-box,
rate-button, rete-up, rate-down, rated) -->
								<span class="rate-box (*user_rated*)">
									<span class="rate-button-box rate-up (*user_rated_up*)">
										<a class="rate-button mizfa-decoration" href="(*rate_up_link*)" rel="nofollow" title="موافق">
											<span class=" mizfa-padding-right-4 mizfa-border-left-dotted mizfa-padding-left-8">
<span class="fa fa-heart mizfa-text-red mizfa-text-theme"></span>
<span class="mizfa-text-grey"><span class="rate-counter">(*up_rates*)</span>
									</span>
										</span></a>
										
									</span>
							</span>
								
							</box:post_rating>
<span class="mizfa-padding-right-4 mizfa-border-left-dotted mizfa-padding-left-8"><span class="mizfa-padding-left-4 fa fa-eye mizfa-text-red mizfa-text-theme"></span>(*post_views*)</span>
<span class="mizfa-padding-right-4 mizfa-border-left-dotted mizfa-padding-left-8">
<span class="fa fa-folder-open mizfa-text-red mizfa-text-theme"></span>
<box:post_tags>
<view:post_tags>
<span class="mizfa-button mizfa-hover-red mizfa-hover-theme mizfa-margin-bottom-3 mizfa-margin-top-3">

<a class="mizfa-decoration" href="(*tag_link*)" title="(*tag_name*)"> (*tag_name*)
</a>
</span>
</view:post_tags>
</box:post_tags>
</span>
</div>
</div>
</div>
</div>
<br>
<div class="mizfa-clear"></div>
<a name="comments"></a>
<div class="comments-container mizfa-margin">
<h4 class="mizfa-white mizfa-center mizfa-container mizfa-padding-8"><a href="(*post_link*)">
نظرات ((*post_comment_count*))</a>
<check:if not post_comment_count>
										<center>هیچ نظری هنوز ثبت نشده است</center>
									</check:if>
</h4>
<a name="comment-Zj_-hZzKXLw"></a>
					<box:post_comments>

<ul id="comments-list" class="comments-list">
	<view:post_comments>
<li>
<div class="comment-main-level">
<div class="comment-avatar"><img src="(*comment_avatar*)" alt="(*comment_fullname*)"></div>
<div class="comment-box mizfa-container mizfa-margin-bottom-32">
<div class="comment-head">
<h6 class="comment-name"><a href="(*comment_link*)">(*comment_fullname*)</a></h6>
<span>(*comment_date format="%d %B %y ، %H:%M"*)</span>
											<check:if comment_website>
<a href="(*comment_website*)" rel="nofollow" title="(*comment_website*)"><i class="fa fa-globe"></i></a>
</check:if>
</div>
<div class="comment-content">
<p>(*comment_body*)</p>
</div>
</div>
</div>
<check:if comment_reply>
<ul class="comments-list reply-list">
<li>
<div class="comment-avatar"><img src="(*comment_reply_avatar*)" alt="author avatar">
</div>
<div class="comment-box mizfa-container">
<div class="comment-head">
<h6 class="comment-name by-author"><a href="(*comment_link*)">(*comment_reply_fullname*)</a></h6>
<span>(*comment_reply_date*)</span>
</div>
<div class="comment-content">
<p>(*comment_reply*)</p>
</div>
</div>
</li>
</ul>
</check:if>
</li>
</view:post_comments>
</ul>
					</box:post_comments>

</div><check:if post_has_send_comment>
<div class="mizfa-white mizfa-container mizfa-padding-8 mizfa-margin mizfa-margin-top-32">

<div class="comment-add-form">

	
						<a name="send_comment"></a>
							<div class="comment-add-form">
								(*comment_add_form*)
							</div>
</div>
</div>
					</check:if>

</box:post_detail>	




 <box:post_list>
 <view:post_list>		
<div class="article mizfa-card-2 mizfa-margin mizfa-white">
	<check:if post_image>
<a href="(*post_link*)">
<img class="mizfa-post-img" title="(*post_title*)" src="(*post_image*)" alt="(*post_title*)" style="">
</a>
</check:if>
<div class="mizfa-container">
<a href="(*post_link*)" class="mizfa-decoration mizfa-hover-text-red mizfa-hover-text-theme"><h3><strong>
(*post_title*)	
</strong></h3></a>
</div>
<div class="mizfa-container mizfa-text-grey mizfa-justify">
<article class="">
	
<p dir="rtl">(*post_summary*)</p>

</article>
<div class="mizfa-row mizfa-padding-small mizfa-margin-top mizfa-left-align">
<br>
<div class="mizfa-hide-large mizfa-hide-medium">
<div class="mizfa-col m12 s12 mizfa-center mizfa-right-align mizfa-padding-4">
<div class="mizfa-small mizfa-opacity">
<a href="/by_author/puamaqZYUl0/#section" class="mizfa-right mizfa-decoration mizfa-hover-text-red mizfa-hover-text-theme"><span class="mizfa-border-left-dotted mizfa-padding-left-8"><span class="mizfa-padding-left-4 fa fa-user"></span>
(*post_author*)	</span></a>
<span class="mizfa-padding-right-8 mizfa-border-left-dotted mizfa-padding-left-8 mizfa-hover-text-red mizfa-hover-text-theme"><span class="mizfa-padding-left-4 fa fa-calendar"></span>
(*post_date format="%y/%m/%d"*)
</span>
<a href="(*post_link*)#comments" class="mizfa-decoration"><span class="mizfa-padding-right-4 mizfa-border-left-dotted mizfa-padding-left-8 mizfa-hover-text-red mizfa-hover-text-theme"><span class="mizfa-padding-left-4 fa fa-comment"></span>
(*post_comment_count*)	
</span></a>

<box:post_rating>
								<!-- CAUTION: Don't edit these lines unless you know what you are doing
DON'T edit rate-* classes: (rate-box rate-counter rate-button-box,
rate-button, rete-up, rate-down, rated) -->
								<span class="rate-box (*user_rated*)">
									<span class="rate-button-box rate-up (*user_rated_up*)">
										<a class="rate-button mizfa-decoration" href="(*rate_up_link*)" rel="nofollow" title="موافق">
											<span class=" mizfa-padding-right-4 mizfa-border-left-dotted mizfa-padding-left-8">
<span class="fa fa-heart mizfa-text-red mizfa-text-theme"></span>
<span class="mizfa-text-grey"><span class="rate-counter">(*up_rates*)</span>
									</span>
										</span></a>
										
									</span>
							</span>
								
							</box:post_rating>
<span class="mizfa-padding-right-4 mizfa-padding-left-4 mizfa-hover-text-red mizfa-hover-text-theme"><span class="mizfa-padding-left-4 fa fa-eye"></span>(*post_views*)	</span>
</div>
</div>
<div class="mizfa-col m12 s12 mizfa-center mizfa-opacity">
<p>
</p>
</div>
</div>
<div class="mizfa-hide-small">
<div class="mizfa-col m10 s8 mizfa-right mizfa-right-align mizfa-padding-4">
<div class="mizfa-small mizfa-opacity">
<a href="/by_author/puamaqZYUl0/#section" class="mizfa-right mizfa-decoration mizfa-hover-text-red mizfa-hover-text-theme"><span class="mizfa-border-left-dotted mizfa-padding-left-8"><span class="mizfa-padding-left-4 fa fa-user"></span>
(*post_author*)</span></a>
<span class="mizfa-padding-right-8 mizfa-border-left-dotted mizfa-padding-left-8 mizfa-hover-text-red mizfa-hover-text-theme"><span class="mizfa-padding-left-4 fa fa-calendar"></span>(*post_date format="%y/%m/%d"*)
</span>
<a href="(*post_link*)#comments" class="mizfa-decoration"><span class="mizfa-padding-right-4 mizfa-border-left-dotted mizfa-padding-left-8 mizfa-hover-text-red mizfa-hover-text-theme"><span class="mizfa-padding-left-4 fa fa-comment"></span>(*post_comment_count*)	
</span></a>
<box:post_rating>
								<!-- CAUTION: Don't edit these lines unless you know what you are doing
DON'T edit rate-* classes: (rate-box rate-counter rate-button-box,
rate-button, rete-up, rate-down, rated) -->
								<span class="rate-box (*user_rated*)">
									<span class="rate-button-box rate-up (*user_rated_up*)">
										<a class="rate-button mizfa-decoration" href="(*rate_up_link*)" rel="nofollow" title="موافق">
											<span class=" mizfa-padding-right-4 mizfa-border-left-dotted mizfa-padding-left-8">
<span class="fa fa-heart mizfa-text-red mizfa-text-theme"></span>
<span class="mizfa-text-grey"><span class="rate-counter">(*up_rates*)</span>
									</span>
										</span></a>
										
									</span>
							</span>
								
							</box:post_rating>
<span class="mizfa-padding-right-4 mizfa-padding-left-4 mizfa-hover-text-red mizfa-hover-text-theme"><span class="mizfa-padding-left-4 fa fa-eye"></span>(*post_views*)</span>
</div>
</div>
<div class="mizfa-col m2 s4 mizfa-left mizfa-opacity">
<p>
</p>
</div>
</div>
</div>
</div>
</div> 
</view:post_list>	
</box:post_list>	



			
			





<div class="mizfa-clear"></div>
 <box:pagination>

<div class="mizfa-margin-top mizfa-center">
	<check:if page_prev>
<span><a href="(*page_prev*)" class="mizfa-decoration mizfa-button mizfa-red mizfa-theme mizfa-button-angle prev fa fa-angle-right" title="صفحه قبل"></a>
</span>
</check:if>
<view:pages spec="5,2,4,2,3,2">

<check:if page_num>

								<a class="(*page_current*) mizfa-decoration mizfa-button mizfa-red mizfa-theme" href="(*page_link*)">(*page_num*)</a>
							</check:if>
							<check:if not page_num>

								<span class="spacer">. . .</span>
</check:if>
</view:pages>
<check:if page_next>
<a href="(*page_next*)" class="mizfa-decoration mizfa-button mizfa-red mizfa-theme mizfa-theme mizfa-button-angle next fa fa-angle-left" title="صفحه بعد"></a>
</check:if>
</div>
 </box:pagination>
</div>
 
<div class="mizfa-col l4">
<div class="mizfa-card-2 mizfa-margin mizfa-white">

<div class="mizfa-container mizfa-padding-8 mizfa-text-grey mizfa-justify">
<p class="mizfa-small">
(*blog_description*)	</p>
<div class="mizfa-center mizfa-xlarge mizfa-padding-12">
<a href="https://t.me/" class="mizfa-hover-text-red mizfa-hover-text-theme"><span class="mizfa-col s3 m3 l3 fa fa-telegram"></span></a>
<a href="https://www.instagram.com/" class="mizfa-hover-text-red mizfa-hover-text-theme"><span class="mizfa-col s3 m3 l3 fa fa-instagram"></span></a>
<a href="https://www.facebook.com/" class="mizfa-hover-text-red mizfa-hover-text-theme"><span class="mizfa-col s3 m3 l3 fa fa-facebook"></span></a>
<a href="https://twitter.com/" class="mizfa-hover-text-red mizfa-hover-text-theme"><span class="mizfa-col s3 m3 l3 fa fa-twitter"></span></a>
</div>
<div class="mizfa-clear"></div>
</div>

<div class="followBx">
	<div id="followInBx" class="" style="max-width: 250px;">
			(*follow_box*)
		
				<div style="clear: both"></div>
	
	</div>
</div>

</div>
<hr>
	<box:categories>

<div class="mizfa-card-2 mizfa-margin" id="cate-box">
<div class="mizfa-container mizfa-padding">
طبقه بندی موضوعی
</div>
<ul class="mizfa-ul mizfa-white mizfa-small mizfa-padding-0">
	<view:categories>
<li class=" mizfa-padding-0">
	<a class="mizfa-show mizfa-decoration mizfa-hover-red mizfa-hover-theme mizfa-padding" href="(*category_link*)" title="تعداد نوشته ها : (*category_post_count*)"><i class="fa fa-caret-left"></i> (*category_name*) <span>((*category_post_count*))</span></a>
</li>
	</view:categories>

</ul>
</div>	</box:categories>
<box:recent_posts>
<div class="mizfa-card-2 mizfa-margin" id="cate-box">
<div class="mizfa-container mizfa-padding">
آخرین مطالب</div>
<ul class="mizfa-ul mizfa-white mizfa-small mizfa-padding-0">
	<view:recent_posts>
<li class=" mizfa-padding-0">
<a class="mizfa-show mizfa-decoration mizfa-hover-red mizfa-hover-theme mizfa-padding" href="(*post_link*)" title="(*post_title*)"><i class="fa fa-caret-left"></i> (*post_title*)</a>
</li>
</view:recent_posts>


</ul>
</div>
</box:recent_posts>


<box:most_visited_posts>
<div class="mizfa-card-2 mizfa-margin" id="cate-box">
<div class="mizfa-container mizfa-padding">
پربازدیدترین مطالب</div>
<ul class="mizfa-ul mizfa-white mizfa-small mizfa-padding-0">
	<view:most_visited_posts>
<li class=" mizfa-padding-0">
<a class="mizfa-show mizfa-decoration mizfa-hover-red mizfa-hover-theme mizfa-padding" href="(*post_link*)" title="(*post_title*)"><i class="fa fa-caret-left"></i> (*post_title*)</a>
</li>
</view:most_visited_posts>


</ul>
</div>
</box:most_visited_posts>


<box:popular_posts>
<div class="mizfa-card-2 mizfa-margin" id="cate-box">
<div class="mizfa-container mizfa-padding">
بیشترین لایک شده ها</div>
<ul class="mizfa-ul mizfa-white mizfa-small mizfa-padding-0">
	<view:popular_posts>
<li class=" mizfa-padding-0">
<a class="mizfa-show mizfa-decoration mizfa-hover-red mizfa-hover-theme mizfa-padding" href="(*post_link*)" title="(*post_title*)"><i class="fa fa-caret-left"></i> (*post_title*)</a>
</li>
</view:popular_posts>


</ul>
</div>
</box:popular_posts>


<div class="mizfa-card-2 mizfa-margin">
<div class="mizfa-container mizfa-padding">
آخرین نظرات
</div>
	<box:recent_comments>	
<ul class="mizfa-ul mizfa-white mizfa-small mizfa-padding-0">
	<view:recent_comments>	
<li class="mizfa-padding-0">
<a class="mizfa-show mizfa-decoration mizfa-hover-red mizfa-hover-theme mizfa-padding" id="(*comment_id*)" href="(*comment_link*)" style="height:53px;">
<img src="(*comment_avatar*)" alt="comment avatar" class="mizfa-right mizfa-margin-left" style="width:35px">
<span class=""><span>(*comment_fullname*)</span> <span> گفته:</span>(*comment_body_text max="100"*)</span><br>
</a>
</li>
		</view:recent_comments>	
</ul>
	</box:recent_comments>	
</div>
<div class="mizfa-card-2 mizfa-margin">
<div class="mizfa-container mizfa-padding">
بایگانی
</div>
	<box:archive>	
<ul class="mizfa-ul mizfa-white mizfa-small mizfa-padding-0">
	<view:archive>
<li class="mizfa-padding-0">
<a class="mizfa-show mizfa-decoration mizfa-hover-red mizfa-hover-theme mizfa-padding" href="(*link_url*)" title="تعداد پست :(*link_count*)	"><i class="fa fa-caret-left"></i>(*link_name*)<span>((*link_count*))</span></a>
</li>
	</view:archive>
</ul>
	</box:archive>	
</div>
<div class="mizfa-card-2 mizfa-margin">
<div class="mizfa-container mizfa-padding">
وبلاگ دوستان
</div>
	<box:links>	
<ul class="mizfa-ul mizfa-white mizfa-small mizfa-padding-0">
	<view:links>
<li class="mizfa-padding-0">
<a alt="(*link_alt*)" class="mizfa-show mizfa-decoration mizfa-hover-red mizfa-hover-theme mizfa-padding" href="(*link_url*)" title="(*link_name*)" rel="nofollow"><i class="fa fa-caret-left"></i>(*link_name*) </a>
</li>
		</view:links>
</ul>
	</box:links>	
</div>
<div class="mizfa-card-2 mizfa-margin">
<div class="mizfa-container mizfa-padding">
لینک های مهم
</div>
	<box:daily_links>	
<ul class="mizfa-ul mizfa-white mizfa-small mizfa-padding-0">
	<view:daily_links>	
<li class="mizfa-padding-0">
<a alt="(*link_alt*)" class="mizfa-show mizfa-decoration mizfa-hover-red mizfa-hover-theme mizfa-padding" href="(*link_url*)" title="(*link_name*)" rel="nofollow"><i class="fa fa-caret-left"></i>(*link_name*)</a>
</li>
		</view:daily_links>	
</ul>
	</box:daily_links>	
</div>
	<div class="mizfa-card-2 mizfa-margin">
<div class="mizfa-container mizfa-padding">
نویسندگان
</div>
<box:authors>	
	<ul class="mizfa-ul mizfa-white mizfa-small mizfa-padding-0">
<view:authors>	
	<li class="mizfa-padding-0">
<a class="mizfa-show mizfa-decoration mizfa-hover-red mizfa-hover-theme mizfa-padding" href="(*author_link*)" title="(*author_link*)" rel="nofollow"><i class="fa fa-caret-left"></i>(*author_name*) <span>((*author_post_count*))</span></a>
</li>
		</view:authors>	
	</ul>
		</box:authors>	
		</div>
			<box:stat>	

	<div id="stat_summary_div" style="display: block;">
<div class="mizfa-card-2 mizfa-margin">
<div class="mizfa-container mizfa-padding">
خلاصه آمار
</div>
<ul class="mizfa-ul mizfa-white mizfa-small mizfa-padding-0">
		<view:stat>
								<li><span class="StatTitle">(*stat_title*)</span><span class="Value">(*stat_value*)</span></li>
							</view:stat>
</ul>
</div></div>
	</box:stat>	

<hr>
</div>
</div>
</div>

<footer class="mizfa-container mizfa-dark-grey mizfa-padding-8 mizfa-margin-top mizfa-hide-small">
	<p class="mizfa-right">کپی : رحمت حاجی سعدین - <a class="mizfa-decoration mizfa-hover-text-red mizfa-hover-text-theme" href="http://rahmathajisaadin.ir" target="_blank" rel="follow"> با الهام از : میزفا  </a>
</p>

<p class="mizfa-left">قدرت گرفته از<a class="mizfa-decoration mizfa-hover-text-red mizfa-hover-text-theme" href="http://bayan.ir/" target="_blank" rel="nofollow"> بیان</a>
</p>
</footer>
</body></html>

در صورت نارضایتی حذف خواهد شد