/* CSS RESET BY REZAHUSSEINPOUR*/
/* This set of fonts are used in this project under the license: (GSAGD) */
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, font, 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 {
	padding:0px;
	margin:0px;
	border:0px;
	outline:0px;
	font-size:100%;
	vertical-align: baseline;
}
*{
	padding:0px;
	margin:0px;
	border:0px;
	outline:0px;
	font-size:100%;
	vertical-align: baseline;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing: border-box;
}
::-moz-selection{
	background:#3399FF;
	color:#ffffff;
}
::selection{
	background:#3399FF;
	color:#ffffff;
}
html{
	width: 100%;
	height: 100%;
	font-size:100%;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
}
body{
	direction:rtl;
	line-height:1;
}
a{
	text-decoration:none;
	color:#666666;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
li{
	list-style:none;
}
/*----MATERIAL RESET---*/
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle; }
fieldset {
  border: 0;
  margin: 0;
  padding: 0; }
textarea {
  resize: vertical; }
@media print {
  *,
  *:before,
  *:after,
  *:first-letter,
  *:first-line {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: http://www.sanbeiji.com/archives/953 */
    box-shadow: none !important;
    text-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; } }
/*----END CSS RESET----*/

/***********************************************/
body{
    direction:rtl;
    font-family:'BYekan','IRANSans','IRANSansWeb_Light',tahoma,Tahoma;
    background-image: linear-gradient(#e4effb,#fff);
    background-attachment: fixed;
}
@font-face{
    font-family:'BYekan';
    font-style: normal;
    font-weight: normal;
    src:url('../font/BYekan.eot');
    src:url('../font/BYekan.eot?#iefix') format('embedded-opentype'),
    url('../font/BYekan.woff') format('woff'),
    url('../font/BYekan.ttf') format('truetype'),
    url('../font/BYekan.svg#WebYekan') format('svg');
}
@font-face {
    font-family: IRANSansWeb_Light;
    font-style: normal;
    font-weight: 300;
    src: url('../font/eot/IRANSansWeb_Light.eot');
    src: url('../font/eot/IRANSansWeb_Light.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../font/woff2/IRANSansWeb_Light.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../font/woff/IRANSansWeb_Light.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../font/ttf/IRANSansWeb_Light.ttf') format('truetype');
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    src: url('../font/eot/IRANSansWeb.eot');
    src: url('../font/eot/IRANSansWeb.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../font/woff2/IRANSansWeb.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../font/woff/IRANSansWeb.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../font/ttf/IRANSansWeb.ttf') format('truetype');
}
@font-face {
    font-family: 'robotoblack';
    src: url('../font/Roboto-Black-webfont.eot');
    src: url('../font/Roboto-Black-webfont.eot?#iefix') format('embedded-opentype'),
    url('../font/Roboto-Black-webfont.woff') format('woff'),
    url('../font/Roboto-Black-webfont.ttf') format('truetype'),
    url('../font/Roboto-Black-webfont.svg#robotoblack') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*-----start header----->*/
main{
    width: 1060px;
    height: auto;
    background: #fff;
    margin:0 auto;
    box-shadow: 0 0 6px 2px #999;
}
header{
    width: 1000px;
    min-height: 93px;
    margin:0 auto;
    border-bottom: 1px solid #999;
}
nav{
    width: 750px;
    min-height: 53px;
    margin: 25px 0 0 0;
    float: right;
}
menu{
    width: 100%;
    height: auto;
}
menu li{
    font: 13px 'IRANSans';
    float: right;
    width: auto;
    padding: 14px 0 0 30px;
}
menu li a{
    color: #06357a;
    display: block;
}
menu li a:hover{
    color: #00c1b6;
    text-decoration: underline;
}
.logo{
    width: 204px;
    min-height: 41px;
    float: left;
    margin: 20px 0 0 0;
}
.min-menu{
    width: 50px;
    min-height: 90px;
    float: right;
    background: #e3e3e3;
    background-image: url('../icon/sprise1.png');
    background-position: 50px -75px;
    transition: .3s;
    display: none;
}
.min-menu:hover{
    cursor: pointer;
    transition: .3s;
}
.logo p:nth-child(1){
    height: 41px;
    font-size: 36px;
    font-family: 'robotoblack';
    color: #06357a;
    text-align:left;
}
.logo p:nth-child(2){
    font: 17px 'robotoblack';
    color: #06357a;
    text-align:right;
    padding:0 22px 0 0;
}
.abii{
    color:#0DA8E6;
}
/*-----start blog----->*/
.blog{
	width: 900px;
	min-height: 600px;
	margin: 0 auto;
	margin-top: 20px;
    margin-bottom: 20px;
}
.blog::after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}
.blg{
    width: 100%;
    min-height: 200px;
    border:1px solid #dbdbdb;
    margin-bottom: 5px;
}
.img-box{
    width: 160px;
    height: auto;
    margin: 20px;
    float: right;
}
.blg-title{
    width: 680px;
    min-height: 20px;
    font-size: 15px;
    display: inline-block;
    margin: 20px 0 2px 0;
}
.blg-title:hover{
    text-decoration:underline;
}
.blg p{
    width: 680px;
    min-height: 110px;
    display: inline-block;
font-size: 12px;
    font-family:tahoma,'IRANSansWeb_Light';
    color: #a1a1a1;
    text-align: justify;
    line-height: 1.8;
    transition: .5s;
}
.more{
    width: 130px;
    height: 38px;
    display: block;
    background: #dbdbdb;
    padding: 11px;
    text-align: center;
    float: left;
    margin: -7px 0 0 20px;
    font-size: 13px;
    font-family:tahoma,'IRANSansWeb_Light';
    transition: .5s;
    color: #666;
}
.blg:hover{
    opacity: 1;
    transition: .5s;
}
.blg:hover .blg p{
    opacity: 1;
    transition: .5s;
}
.blg:hover .more{
    background: #1297e0;
    color: #fff;
    transition: .5s;
}
/*-----start section----->*/
section{
	width: 900px;
	min-height: 172px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	margin: 0 auto;
}
article,.social{
	width: 300px;
	height: 100%;
}
article{
	float: right;
	padding: 10px;
}
.sale{
	width: 300px;
	height: 164px;
	float: right;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	margin-top: 3px;
    transition: .3s;
}
.social{
	float: left;
}
.art_title{
	font: 12px BYekan;
	color: #00188F;
    transition: .5s;
    display: block;
    margin: 3px 0 0 0;
}
.art_title:hover{
    color: #11255E;
    text-decoration: underline;
    transition: .5s;
}
article p{
	width: 100%;
	min-height: 67%;
	font-size: 11px;
    font-family:tahoma,'IRANSansWeb_Light';
	color: #777;
	text-align: justify;
	display: block;
	line-height: 1.7;
	margin: 5px 0 0 0;
}
.art_contin{
	font: 12px BYekan;
	color: #0046FF;
	float: left;
    transition: .5s;
}
.art_contin:hover{
    color: #2849EC;
    text-decoration: underline;
    transition: .5s;
}
.salebox,.salebox1{
	width: 214px;
	height: 105px;
	margin: 0 auto;
	margin-top: 30px;
    transition: .3s;
}
.salebox{
    background-image: url('../icon/sprise1.png');
    background-position: -2px -2px;
}
.salebox1{
    background-image: url('../icon/sprise1.png');
    background-position: -2px -111px;
    display: none;
}
.sale:hover .salebox{
    display: none;
    transition: .5s;
}
.sale:hover .salebox1{
    display: block;
    transition: .5s;
}
.sale:hover{
    transition: .5s;
    cursor: pointer;
}
.social p{
    width: 162px;
    font: 19px 'IRANSansWeb_Light';
    color: #0f2566;
    text-align: center;
    display: block;
    margin: 0 auto;
    margin-top: 45px;
}
.social ul{
    width: 85px;
    height: 37px;
    margin: 0 auto;
    margin-top: 15px;
}
.social ul a{
    float: right;
    width: 37px;
    height: 37px;
    margin-left: 10px;
    opacity: .5;
    transition: .3s;
}
.s5{
    margin-left: 0 !important;
}
.s1{
    background-image: url('../icon/sprise1.png');
    background-position: 141px -7px;
}
.s2{
    background-image: url('../icon/sprise1.png');
    background-position: 95px -7px;
}
.s3{
    background-image: url('../icon/sprise1.png');
    background-position: 49px -7px;
}
.s4{
    background-image: url('../icon/sprise1.png');
    background-position: 141px -53px;
}
.s5{
    background-image: url('../icon/sprise1.png');
    background-position: 95px -53px;
}
.social ul a:hover{
    opacity: 1;
    transition: .3s;
}
/*-----start footer----->*/
footer{
    width: 900px;
    min-height: 60px;
    margin: 0 auto;
}
footer p:nth-child(1),footer p:nth-child(2){
    margin-top: 20px;
    display: block;
    font-size: 11px;
    font-family:'-apple-system','HelveticaNeue',tahoma,sans-serif,'IRANSansWeb_Light';
    color: #777;
}
footer p:nth-child(1){
    width: 80%;
    float: right;
}
footer p:nth-child(2){
    width: 20%;
    float: left;
    text-align: left;
}
footer a:hover{
    color: #444;
}
.img-blg{
    width:160px;
    height:160px;
}
@media only screen and (max-width: 1060px){

    main{
        overflow: hidden;
        position: relative;
    }
    header{
        width:100%;
        min-height:120px;
    }
    nav{
        display: none;
        float: none;
        width:100% !important;
        margin-top:100px;
    }
    nav:after{
        visibility: visible;
        content: '';
        clear: both;
        display: block;

    }
    .min-menu{
        display: block;
        float: none;
        position:absolute;
        top:10px;
        right: 45px;
    }
    .logo{
        float: none;
        position:absolute;
        top:0;
        left: 45px;
    }
    menu{
        padding-top: 2px
    }
    menu li{
        float: none;
        margin: 0 auto;
        padding: 0 0 2px 0;
        padding-left:0 !important;
        padding-right:0 !important;
    }
    menu li a{
        width: 100%;
        height: 35px;
        background: #f2f2f2;
        text-align: center;
        padding: 7px 0 0 0;
        transition: .2s;
    }
    menu li a:hover{
        background: #00c1b6;
        color: #fff;
        text-decoration: none;
        transition: .2s;
    }
}
@media only screen and (max-width: 450px){
    .min-menu{
        right:25px;
    }
    .logo{
        left:25px;
    }
}
@media only screen and (max-width: 350px){
    .min-menu{
        right:15px;
    }
    .logo{
        left:15px;
    }
}
/***********************************************/
@media only screen and (max-width: 1060px){
    main,figure,section,.blog{
        width:95%;
    }
    footer{
        width:90%;
    }
    menu li{
        padding-left: 17px;
    }
    .img-blg{
        width: 95%;
        margin: 0 auto;
        display: block;
    }
    .blg-title,.blg p{
        width: 72%;
    }
    article,.sale,.social{
        width: 33%;
    }
    .art_contin{
        margin-top: 5px;
    }
footer p:nth-child(1){
        line-height:2;
    }
.blg p{
text-align: right;
}
}
@media only screen and (max-width: 920px){
    menu{
        float: none;
        margin: 0 auto;
    }
    .logo{
        padding-top: 10px;
    }
    .logo p:nth-child(2){
        text-align: center;
    }
    header{
        height: 40%;
    }
    article p{
        line-height: 1.5;
    }
}
@media only screen and (max-width: 870px){
    footer p:nth-child(1),footer p:nth-child(2){
        float: none;
        width: 100%;
        text-align: center;
    }
    footer p:nth-child(2){
        margin-top: 10px;
    }
}
@media only screen and (max-width: 820px){
    .blg-title,.blg p{
        width: 70%;
    }
    .img-box{
        margin: 15px;
    }
    .more{
        margin-top: -2px;
    }
}
@media only screen and (max-width: 802px){
    menu li{
        padding: 10px;
    }
    article p,.art_title{
        font-size: 10px;
    }
    .art_title,.art_contin{
        font-size: 11px;
    }
    .blg p{
        line-height: 1.7;
    }
}
@media only screen and (max-width: 774px){
    .blg p{
        height: 100px;
        line-height: 1.5;
    }
    .blg-title,.blg p{
        width: 67%;
    }
}
@media only screen and (max-width: 755px){
    article{
        display: none;
    }
    .sale,.social{
        width: 50%;
    }
    .sale{
        border-right: 0px;
    }
}
@media only screen and (max-width: 740px){

}
@media only screen and (max-width: 720px){
    .img-box{
        display: none;
    }
    .blg-title,.blg p{
        width: 95%;
        margin-right: 15px;
    }
}
@media only screen and (max-width: 668px){
    menu li{
        padding: 12px 7px 0 7px;
    }
}
@media only screen and (max-width: 675px){
    footer p:nth-child(2){
        margin-top: 4px;
    }
}
@media only screen and (max-width: 619px){
    .logo{
        float: left;
    }
    menu{
        padding-top: 2px
    }
    menu li{
        float: none;
        margin: 0 auto;
        padding: 0 0 2px 0;
    }
    menu li a{
        width: 100%;
        height: 35px;
        background: #f2f2f2;
        text-align: center;
        padding: 7px 0 0 0;
        transition: .2s;
    }
    menu li a:hover{
        background: #00c1b6;
        color: #fff;
        text-decoration: none;
        transition: .2s;
    }
    nav{
        display: none;
    }
}
@media only screen and (max-width: 510px){
    .blg-title,.blg p{
        width: 92%;
        margin-right: 10px;
    }
    .blg-title{
        margin-top: 10px;
    }
    .more{
        margin-top: 10px;
    }
}
@media only screen and (max-width: 502px){
    section{
        border-bottom: 0px;
    }
    .sale,.social{
        width: 100%;
        border-left: 0px;
    }
    .social{
        height: 47%;
        border-bottom: 1px solid #999;
    }
    .sale{
        height: 62%;
        margin-top: 5px;
    }
    .salebox,.salebox1{
        margin-top: 2px;
    }
    .social p{
        margin-top: 8px;
    }
    .social ul{
        margin-top: 5px;
        margin-bottom: 10px;
    }
    footer{
        min-height: 70px;
    }
    article{
        float: right;
    }
}
@media only screen and (max-width: 500px){
    nav{
        width: 90%;
    }
}
@media only screen and (max-width: 494px){
    .blg p{
        font-size: 11px;
    }
}
@media only screen and (max-width: 450px){
    .more{
        float: none;
        margin: 0 auto;
        width: 230px;
        height: 35px;
        margin-top: 7px;
    }
}
@media only screen and (max-width: 413px){
    nav{
        width: 100%;
    }
}
@media only screen and (max-width: 385px){
    .blg p{
        font-size: 10px;
    }
}
@media only screen and (max-width: 355px){
    footer p:nth-child(2){
        padding-bottom: 12px;
    }
}
@media only screen and (max-width: 340px){
    .blg-title{
        font-size: 13px;
    }
}
@media only screen and (max-width: 312px){
    .blg-title{
        font-size: 12px;
    }
    .blg p{
        font-size: 9px;
    }
}
@media only screen and (max-width: 300px){
    .min-menu{
        width: 40px;
        background-position: 45px -75px;
    }
}