/*=========== Reset-CSS =============*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{margin:0; padding:0}
h1, h2, h3, h4, h5, h6{font-weight:normal}
h1{
    font-size: 32px;
    word-spacing: -5px;
    font-weight: bolder;

}
h2{font-size:19px}
h3{font-size:16px}
html{direction:rtl}
table{border-collapse:collapse; border-spacing:0}
fieldset, img{border:0}
ul{list-style:none; padding-right:0}
input{border:none}
a, a:hover, a:focus{text-decoration:none; outline:none; cursor:pointer}
.clear{clear:both}
img{border:none}
*{outline:none !important}
*{box-sizing:border-box}
/*============ Bootstrap ================*/
.container-fluid{ padding-left:15px;  padding-right:15px;  margin-left:auto;  margin-right:auto}
.row{ margin-left:-15px;  margin-right:-15px}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{ position:relative;  min-height:1px;  padding-left:15px;  padding-right:15px}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{ float:right}
.col-xs-12{ width:100%}
.col-xs-11{ width:91.66666667%}
.col-xs-10{ width:83.33333333%}
.col-xs-9{ width:75%}
.col-xs-8{ width:66.66666667%}
.col-xs-7{ width:58.33333333%}
.col-xs-6{ width:50%}
.col-xs-5{ width:41.66666667%}
.col-xs-4{ width:33.33333333%}
.col-xs-3{ width:22%; margin-top: 7px;}
.col-xs-3{ width:22%; margin-top: 7px;}
.col-xs-2{ width:16.66666667%}
.col-xs-1{ width:8.33333333%}
.col-xs-offset-12{ margin-right:100%}
.col-xs-offset-11{ margin-right:91.66666667%}
.col-xs-offset-10{ margin-right:83.33333333%}
.col-xs-offset-9{ margin-right:75%}
.col-xs-offset-8{ margin-right:66.66666667%}
.col-xs-offset-7{ margin-right:58.33333333%}
.col-xs-offset-6{ margin-right:50%}
.col-xs-offset-5{ margin-right:41.66666667%}
.col-xs-offset-4{ margin-right:33.33333333%}
.col-xs-offset-3{ margin-right:25%}
.col-xs-offset-2{ margin-right:16.66666667%}
.col-xs-offset-1{ margin-right:8.33333333%}
.col-xs-offset-0{ margin-right:0}
@media (min-width:768px){ .col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{ float:right}
 .col-sm-12{ width:100%}
 .col-sm-11{ width:91.66666667%}
 .col-sm-10{ width:83.33333333%}
 .col-sm-9{ width:75%}
 .col-sm-8{ width:66.66666667%}
 .col-sm-7{ width:58.33333333%}
 .col-sm-6{ width:50%}
 .col-sm-5{ width:41.66666667%}
 .col-sm-4{ width:33.33333333%}
 .col-sm-3{ width:25%}
 .col-sm-2{ width:16.66666667%}
 .col-sm-1{ width:8.33333333%}
 .col-sm-offset-12{ margin-right:100%}
 .col-sm-offset-11{ margin-right:91.66666667%}
 .col-sm-offset-10{ margin-right:83.33333333%}
 .col-sm-offset-9{ margin-right:75%}
 .col-sm-offset-8{ margin-right:66.66666667%}
 .col-sm-offset-7{ margin-right:58.33333333%}
 .col-sm-offset-6{ margin-right:50%}
 .col-sm-offset-5{ margin-right:41.66666667%}
 .col-sm-offset-4{ margin-right:33.33333333%}
 .col-sm-offset-3{ margin-right:25%}
 .col-sm-offset-2{ margin-right:16.66666667%}
 .col-sm-offset-1{ margin-right:8.33333333%}
 .col-sm-offset-0{ margin-right:0}
}
@media (min-width:992px){ .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{ float:right}
 .col-md-12{ width:100%}
 .col-md-11{ width:91.66666667%}
 .col-md-10{ width:83.33333333%}
 .col-md-9{ width:75%}
 .col-md-8{ width:66.66666667%}
 .col-md-7{ width:58.33333333%}
 .col-md-6{ width:50%}
 .col-md-5{ width:41.66666667%}
 .col-md-4{ width:33.33333333%}
 .col-md-3{ width:25%}
 .col-md-2{ width:16.66666667%}
 .col-md-1{ width:8.33333333%}
 .col-md-offset-12{ margin-right:100%}
 .col-md-offset-11{ margin-right:91.66666667%}
 .col-md-offset-10{ margin-right:83.33333333%}
 .col-md-offset-9{ margin-right:75%}
 .col-md-offset-8{ margin-right:66.66666667%}
 .col-md-offset-7{ margin-right:58.33333333%}
 .col-md-offset-6{ margin-right:50%}
 .col-md-offset-5{ margin-right:41.66666667%}
 .col-md-offset-4{ margin-right:33.33333333%}
 .col-md-offset-3{ margin-right:25%}
 .col-md-offset-2{ margin-right:16.66666667%}
 .col-md-offset-1{ margin-right:8.33333333%}
 .col-md-offset-0{ margin-right:0}
}
@media (min-width:1200px){ .col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{ float:right}
 .col-lg-12{ width:100%}
 .col-lg-11{ width:91.66666667%}
 .col-lg-10{ width:83.33333333%}
 .col-lg-9{ width:75%}
 .col-lg-8{ width:66.66666667%}
 .col-lg-7{ width:58.33333333%}
 .col-lg-6{ width:50%}
 .col-lg-5{ width:41.66666667%}
 .col-lg-4{ width:33.33333333%}
 .col-lg-3{ width:25%}
 .col-lg-2{ width:16.66666667%}
 .col-lg-1{ width:8.33333333%}
 .col-lg-offset-12{ margin-right:100%}
 .col-lg-offset-11{ margin-right:91.66666667%}
 .col-lg-offset-10{ margin-right:83.33333333%}
 .col-lg-offset-9{ margin-right:75%}
 .col-lg-offset-8{ margin-right:66.66666667%}
 .col-lg-offset-7{ margin-right:58.33333333%}
 .col-lg-offset-6{ margin-right:50%}
 .col-lg-offset-5{ margin-right:41.66666667%}
 .col-lg-offset-4{ margin-right:33.33333333%}
 .col-lg-offset-3{ margin-right:25%}
 .col-lg-offset-2{ margin-right:16.66666667%}
 .col-lg-offset-1{ margin-right:8.33333333%}
 .col-lg-offset-0{ margin-right:0}
}
/*============= Common Style=============*/
@font-face{font-family:'IRANSans'; src:url('../fonts/IRANSans.eot'); src:url('../fonts/IRANSans.eot?#iefix') format('embedded-opentype'),url('../fonts/IRANSans.woff') format('woff'),url('../fonts/IRANSans.ttf') format('truetype'); font-weight:normal; font-style:normal}
@font-face{font-family:'myriad'; src:url(../fonts/MYRIADPROREGULAR.eot); src:url(../fonts/MYRIADPROREGULAR.eot?#iefix) format("embedded-opentype"),url(../fonts/MYRIADPROREGULAR.woff) format("woff"),url(../fonts/MYRIADPROREGULAR.ttf) format("truetype"),url(../fonts/MYRIADPROREGULAR.svg#robotoregular) format("svg"); font-weight:400; font-style:normal}
*{margin:0}
html, body{height:100%; min-width:295px}
body{font-family:'IRANSans'; font-size:14px}
.en-font{font-family:'myriad'; font-size: 16px; font-weight: bold;}
.red{color:#ff7742}
.green{color:#4aaf18; background:url(../images/dl.png) no-repeat right center; padding-right:19px}
.miladsafarzadeh{color:#6d6d6d;}
/*=================================*/
.book img{max-width:100%}
.wrapper{min-height:100%; height:auto !important; height:100%; margin:0px auto -128px; padding-top:90px; color:#fff}
 
.footer, .push{height:128px; clear:both}
.footer{background:#f2f2f2}
.menu li{float:left}
.menu li a{margin:10px; line-height:128px; color:#959595; transition:all 0.5s}
.menu li:hover a, .menu .active a{color:#585858}
.info{text-align:center; color:#6d6d6d; margin-top:40px; word-spacing: -3px;}
.bg{background:#284fcd url(../images/dots.png) no-repeat 35% top; width:100%; height:350px; position:absolute; top:0; z-index:-1}
.counter{}
.note{
    
    
    
    line-height: 30px;
    font-size: 14px;
    margin-top: 30px;
    margin-bottom: 120px;
    text-align: justify;
    word-spacing: -2px;
}


}
@media(min-width:1400px){h1{font-size:30px}
.wrapper{font-size:15px}
}
@media(min-width:1445px){.note{margin-bottom:150px}

}
@media(max-width:1007px){.note{margin-bottom:90px}

}
@media(max-width:998px){.menu li a{font-size:12px; margin:5px}
}
@media(max-width:811px){.menu{text-align:left;margin-top:9px;}
.menu li{float:none}
.menu li a{line-height:28px}
}
@media(max-width:461px){.info{font-size:12px; text-align:right}
}
@media(max-width:767px){.wrapper{color:#959595}
.button{margin-bottom:30px}
.dl{margin-bottom:30px}
}
@media(min-width:629px) and (max-width:767px){.bg{height:250px}
}
@media(max-width:628px){.wrapper{color:#fff}
.bg{height:520px}
}
@media(max-width:374px){.bg{height:550px}
.col-xs-9.dl{width:100%; margin-top:30px; clear:both}
.footer .col-xs-6{padding:0 !important}
h1{font-size:18px}
}
.button{
    
    -webkit-box-shadow: inset 0 -3px 8px 0 rgba(62,173,7,0.8);
    box-shadow: inset 0 -3px 8px 0 rgba(62,173,7,0.8);
    background: #4dbc16;
    font-size: 16.5px;
    word-spacing: -3px;
    padding: 6px 29px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 40px;
    white-space: nowrap;
    color: #fff;
-webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
       -o-transition: all .5s ease;
      -ms-transition: all .5s ease;
          transition: all .5s ease;



}

.button:hover{
    
    background: #4DC511;
    -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;




}
 .button:active{-webkit-box-shadow:inset 0 0 9px 0 rgba(0,0,0,0.3); box-shadow:inset 0 0 9px 0 rgba(0,0,0,0.3)}
.dl{text-align:left; color:#565656; font-weight: 400;     margin-top: 7px;}
@media(min-width:992px) and (max-width:1231px){.counter{padding:0}
}