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

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

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

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

/* Body Website 'Aframooz.ir' */
body {direction: rtl;background: #EDF0F5;border-top: 1px crimson solid;font: 13px 'RYekan';color: inherit}

/* Menu Website 'Aframooz.ir' */
.menu {display: block;background: #ffffff;border-bottom: 1px rgba(0, 0, 0, 0.1) solid}
.menu li {display: inline-block;padding: 10px 7px;}
.menu li a {font: 13px 'RYekan';color: #333333}
.menu li:hover {transition: 0.3s all;background: crimson}
.menu li:hover > a {color: #ffffff}
.social {float: left}

/* Header Website 'Aframooz.ir' */
.header {width: 100%;float: right;background: #ffffff;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)}
.logo {width: 50%;height: 100px;float: right}
.search {width: 50%;height: 100px;float: left}
.logo img {display: flex;margin: 0 auto;width: 300px;height: 100px;max-width: 95%}
#search {float: right;margin-top: 4%;width: 85%;font: 13px 'RYekan';color: #333333;background: #fafafa;padding: 5px 7px;border-radius: 0 4px 4px 0;border: 1px rgba(0, 0, 0, 0.1) solid;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset}
#submit {float: right;margin-top: 4%;color: #ffffff;background: crimson;padding: 8px 12px;border-radius: 4px 0 0 4px;border: none;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)}
.date {float: right;font: 13px 'RYekan';color: crimson;margin-top: 2px}

/* Container Website 'Aframooz.ir' */
#boxtit {width: 100%;float: right;margin-top: 7px}
.icon {width: 27px;height: 27px;background: url('../images/blue.png') no-repeat;float: right}
.icons {width: 27px;height: 27px;background: url('../images/yellow.png') no-repeat;float: right}
.title {font: 13px 'RYekan';float: right;color: #333333;padding-bottom: 4px;margin-top: 5px;margin-right: 7px;border-bottom: 1px rgba(0, 0, 0, 0.2) solid}

/* Single Website */
.mores {width: 68%;float: right;margin-top: 7px;margin-left: 7px}
.sidebar {width: 30%;float: left;margin-top: 7px}

/* Buy Website 'Aframooz.ir' */
.buy {width: 32.9%;height: 100px;float: right;margin: 4px 2px;padding: 2px 0;background: #ffffff;border-right: 2px crimson solid;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)}
.buy img {width: 92px;height: 92px;float: right;margin: 2px 3px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)}
.buy span {font: 13px 'RYekan';padding: 4px 7px;color: #333333}
.buy p {font: 12px 'RYekan';padding: 3px 5px;color: #333333;text-align:justify; text-overflow: ellipsis; white-space: nowrap; overflow:hidden}
.buy a {float: left;margin-top: 4px;margin-left: 5px;border-radius: 3px;padding: 4px 9px;color: #ffffff;font: 13px 'RYekan';box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset}
.buy a:nth-child(odd) {background: crimson}
.buy a:nth-child(even) {background: #6495ED}

/* Block Website 'Aframooz.ir' */
.block {width: 32.9%;height: auto;float: right;border-radius: 3px;background: #ffffff;margin: 12px 2px 7px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)}
.btitle {width: 100%;float: right;border-bottom: 1px rgba(0, 0, 0, 0.1) solid;padding: 7px 0}
.btitle b {font: 13px 'RYekan';color: #333333;padding-right: 7px}
.btitle i {float: left;margin-top: 4px;margin-left: 7px;color: tomato}
.content {width: 100%;height: 400px;float: right;overflow: auto;}
.archive {display: block}
.archive li {display: block;padding: 7px 6px;border-bottom: 1px rgba(0, 0, 0, 0.1) solid;text-align:justify; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}
.archive li:hover {background: #fafafa}
.archive li a {color: #333333;font: 13px 'RYekan'}
.more {width: 96%;display: flex;margin: 7px auto;justify-content: center;align-items: center;background: crimson;border-radius: 4px;color: #ffffff;font: 13px 'RYekan';padding: 6px 0}
.blocks {width: 65%;height: 436px;float: left;border-radius: 3px;margin: 12px 2px 7px;background: #ffffff;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)}
.rand {width: 40%;float: right}
.select {width: 60%;float: left}
#select {display: flex;margin: 7px auto;width: 98%;font: 13px 'RYekan';padding: 7px 2px;border-radius: 20px}
.ostan {display: flex;margin: 7px auto 12px;width: 98%;height: 180px;border-radius: 2px}
.ostan i {float: right;font-size: 6em;margin-top: 10%;margin-right: 14px}
.ostan b {position: relative;top: 4em;padding: 2px 7px;color: #6a6a6a;font: 14px 'RYekan'}
#telg {position: relative;top: 4em;padding: 2px 7px;color: #ffffff;font: 14px 'RYekan'}
.ostan:nth-child(even) {background: #e2e2e2;border-bottom: 3px #D1CFCF solid}
.ostan:nth-child(odd) {background: #42A5F5;border-bottom: 3px #1E88E5 solid}
#newsp {color: #6a6a6a}
#newst {color: #ffffff}
.sblock {width: 100%;float: right;margin: 7px 0;border-radius: 2px;}
.ptitle,.btitle {width: 100%;float: right;background: #ffffff;padding: 6px 0;border-bottom: 1px rgba(0, 0, 0, 0.1) solid}
.ptitle b {font: 13px 'RYekan';color: #333333;padding-right: 7px;}
.ptitle time {float: left;margin-top: 2px;color: crimson;padding-left: 7px;font: 13px 'RYekan'}
.contents {width: 100%;float: right;padding: 4px 0;background: #ffffff;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)}
.contents img {display: flex;margin: 7px auto;max-width: 95%}
.contents h4 {font: 13px 'RYekan';padding: 4px 8px;text-align: justify}
.eye {width: 100%;float: right;margin: 4px 0;padding: 7px 0;background: #eeeeee;border: 1px #DEDFE1 solid}
.eye b {display: flex;justify-content: center;align-items: center;font: 13px 'RYekan';color: #333333}
#city {width: 100%;float: right;background: #ffffff;padding: 7px 0;border-right: 2px crimson solid;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)}
#city b {padding-right: 7px;font: 13px 'RYekan';color: #333333}
#exas {width: 50%;float: right;margin: 7px 0;background: #ffffff;padding: 7px 0;border-right: 2px #1E88E5 solid;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)}
#exas b {padding-right: 7px;font: 13px 'RYekan';color: #333333}

/* Category Website */
.category {display: block;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)}
.category li {display: block;background: crimson;padding: 6px 0;border-radius: 2px;border-bottom: 1px rgba(0, 0, 0, 0.1) solid}
.category li i {position: relative;top: 2px;padding-right: 7px;color: #ffffff}
.category li a {color: #ffffff;font: 13px 'RYekan'}
.sub {display: none;padding: 7px 0}
.category li:hover > .sub {display: block;}
.sub li {width: 49%;display: inline-block;padding: 5px 0;margin-top: 3px;border-left: 1px rgba(0, 0, 0, 0.1) solid;border-bottom: none}
.sub li a {font: 13px 'RYekan';color: #ffffff;padding-right: 7px}
.sub li a::before {content: ' ○ '}

/* Archive Website */
#archive {display: block}
#archive li {display: block;padding: 4px 3px}
#archive li i {position:relative;top: 3px;color: #333333}
#archive li a {color: #333333;font: 13px 'RYekan'}
#archive li:hover {background: crimson;transition: 0.3s all}
#archive li:hover > i {color: #ffffff;padding-right: 7px;transition: 0.3s all}
#archive li:hover > a {color: #ffffff;transition: 0.3s all}

/* Related Website */
.related {display: block}
.related li {display: block;padding: 4px 3px;border-bottom: 1px rgba(0, 0, 0, 0.1) solid;text-align:justify; text-overflow: ellipsis; white-space: nowrap; overflow:hidden}
.related li a {color: #333333;font: 13px 'RYekan'}
.related li:hover {background: #fafafa;transition: 0.3s all}

/* Link Website */
.link {display: block}
.link li {display: block;padding: 4px 1px;border-right: 2px #1E88E5 solid;text-align:justify; text-overflow: ellipsis; white-space: nowrap; overflow:hidden}
.link li a {color: #333333;font: 13px 'RYekan'}
.link li:hover {background: #1E88E5;transition: 0.3s all}
.link li:hover > a {color: #ffffff;font: 13px 'RYekan'}
.link li p {float: left;margin-top: 2px;font: 12px 'RYekan';color: #333333;padding-left: 4px}
.link li:hover > p {color: #ffffff}

/* Newspaper Website */
.np {font: 13px 'RYekan';padding: 4px 8px;text-align: justify}
.nf {width: 100%;float: right;padding: 4px 0}

/* Adstext Website */
.adstext {display: block}
.adstext li {display: block;width: 100%;float: right;margin: 3px 0;padding: 6px 3px;border-radius: 2px;transition: 0.3s all;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)}
.adstext li:nth-child(even) {background: crimson}
.adstext li:nth-child(odd) {background: #1E88E5}
.adstext li a {font: 13px 'RYekan';color: #ffffff;padding: 7px 14px}
.adstext li p {float: left;font: 13px 'RYekan';margin-top: 20px;color: #ffffff;padding: 3px 6px}
.adstext li:hover {border-radius: 50px}

/* Form Website */
input,textarea,select {font: 13px 'RYekan';color: #333333;background: #fafafa;padding: 5px;border-radius: 4px;border: 1px rgba(0, 0, 0, 0.1) solid;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset}
input[type="submit"],input[type="reset"],input[type="submit"],input[type="button"],button {color: #ffffff;background: crimson;padding: 5px;border-radius: 4px;border: none;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)}

/* Comment Website */
.comment {display: block;width: 100%;margin-top: 7px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)}
.comment li {display: block;float: right;width: 100%;padding: 7px 0;background: #ffffff;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)}
.comment li:nth-child(odd) {background: #fafafa}
.comment li img {width: 70px;height: 70px;float: right;margin: 7px 14px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)}
.comment li b {position: relative;top: 14px;right: 7px;padding: 3px 6px;font: 13px 'RYekan';color: #333333}
.comment li div {color: crimson;padding: 4px 3px;font: 13px 'RYekan'}

/* Clearfix Website */
.clearfix {clear: both}

/* Footer Website */
.footer {width: 100%;float: right;margin-top: 7px;background: #ffffff;box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1)}
.nav {display: block;padding: 4px 0;-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)}
.nav li {display: inline-block;padding: 3px 7px}
.nav li a {font: 13px 'RYekan';color: #333333}
.nav li a::before {content: " ○ "}
.nav li a:hover {color: crimson}
#copyright {color: crimson}
.fa-heart {float: right;margin: 14px 7px;font-size: 60px;color: crimson;-webkit-animation: pulse 1.5s infinite}
.copyright {float: right;display: block}
.copyright li {display: block;padding: 4px;margin: 3px}
.copyright li span {font: 13px 'RYekan';color: #333333}

/* Animate Website */
@-webkit-keyframes pulse{
  0%{
    -webkit-transform: scale(0.98);
  }
  50%{
    -webkit-transform: scale(1.1);
  }
  100%{
    -webkit-transform: scale(0.98);
  }
}

/* Responsiv Website */

@media screen and (max-width:1195px) {
.ostan {height: auto;padding-bottom: 7px}
.ostan i {margin-top: 7px}
.ostan b {top: 7px}
#telg {top: 7px}
}

@media screen and (max-width:1024px) {
.block,.rand,.select{width: 100%}
.blocks {width: 100%;height: auto}
.content {height: auto}
.ostan {width: 50%;float: right}
}

@media screen and (max-width:991px) {
.buy {width: 100%;height: auto}
.buy a {margin-top: 18px}
.mores {width: 100%}
.sidebar {width: 100%}
}

@media screen and (max-width:989px) {
.buy {width: 100%;height: auto}
.buy a {margin-top: 16px}
}

@media screen and (max-width:490px) {
.menu li {display: block}
.header {padding: 7px 0}
.buy img {float: none;display: flex;margin: 7px auto}
.logo,.search {width: 100%;float: none;margin: 7px auto}
.logo img {max-width: 100%}
#search {width: 98%;border-radius: 4px;margin-right: 5px}
#submit {width: 98%;border-radius: 4px;margin-right: 5px}
.date {width: 98%;margin-right: 5px}
.nav li {display: block}
.footer i {display: none}
.ostan {width: 100%;float: right}
}