@import "https://fonts.googleapis.com/css?family=Lora:300,300i,400,400i,600,600i,700,700i";
@import "https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i";

@font-face{
    font-family:"IRANSans-web";
    src:url(fonts/IRANSans-web.eot);
    src:url(fonts/IRANSans-web.eot?#iefix) format("eot"),url(fonts/IRANSans-web.woff2) format("woff2"),url(fonts/IRANSans-web.woff) format("woff"),url(fonts/IRANSans-web.ttf) format("ttf");
}
html,h1,h2,h3,h4,body{
    font-family:'IRANSans-web', 'Arial'
}
html{
    font-weight:300;
    -moz-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}
html,body{
    -webkit-tap-highlight-color:transparent;
    -moz-tap-highlight-color:transparent;
    -ms-tap-highlight-color:transparent;
    -o-tap-highlight-color:transparent;
    tap-highlight-color:transparent;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-smoothing:antialiased;
    -webkit-osx-font-smoothing:grayscale;
    -moz-osx-font-smoothing:grayscale;
    osx-font-smoothing:grayscale;
    -webkit-text-size-adjust:100%;
    -moz-text-size-adjust:100%;
    text-size-adjust:100%;
    -webkit-text-shadow:1px 1px 1px rgba(0,0,0,0.004);
    -ms-text-shadow:1px 1px 1px rgba(0,0,0,0.004);
    text-shadow:1px 1px 1px rgba(0,0,0,0.004);
    text-rendering:optimizeSpeed !important;
    font-smooth:always;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    text-size-adjust:100%
}
body{
  margin: 0 !important;
  font-size: 15px;
  padding-bottom: 15px;
  background-color: #ffffff;
  direction:rtl;
  line-height: 1.6;
}
.left{float:left !important}
.right{float:right !important}
.container-fluid{
  padding-right: 0;
  padding-left: 0;
}
#heading{
  background: #00a884;
  padding-top: 2px;
  padding-bottom: 2px;
}
#heading h2{
  color: #ffffff;
}

.col-xs-6{
  padding-right: 10px;
  padding-left: 10px;
}
.cat{
  border: 1px solid #424242;;
  border-radius: 5px;
  padding: 12px 2px;
  text-align: right;
  font-size: .8em;
  font-weight: 600;
}
.cat:hover{
  border: 1px solid #00a884;;
  background-color: #00a884;
}
.cat:hover a{
  color:#ffffff;
}
.cat a{
  color: #262626;
  text-decoration: none;
  text-underline: none;
  text-align: right;
}
.question{
  /*border: 1px solid #424242;;
  border-radius: 5px;
  padding: 8px 5px 8px 5px ;
  text-align: right;*/
  border: 1px solid #424242;
  border-radius: 5px;
  color: #424242;
  margin: 5px 0;
}
.question:hover{
  border: 1px solid #0a5957;
  cursor: pointer;
}

.question .header{
  text-align: right;
  font-size: .8em;
  font-weight: 600;
  padding: 10px ;
}
.question .header:hover{
  background-color: #00a884;
}
.question .header:hover p{
  color:#ffffff;
}
.question .desc{
  padding: 10px 15px;
  margin: 10px;
  font-size: .8em;
  font-weight: 500;
  line-height: 30px;

}
.desc ul li {
  margin-bottom: 10px;
}
.desc img{
  max-width: 90%;
}
.rotate{transform: rotate(180deg);}
.no-margin {
  margin:0;
}

.no-border {
  border:0 !important;
}

.margin-bottom-5 {
  margin-bottom: 5px;
}
.margin-10 {
  margin: 10px 10px 10px 10px !important;
}
.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-right-10 {
  margin-left: 10px !important;
}
.padding-5 {
  padding: 5px !important;
}
.padding-10 {
  padding: 5px 30px !important;
}
.bold {
  font-weight:600 !important;
}

.fix-margin {
  margin-right: 0px !important
}

h2{
  font-size:1.5em;
  line-height:2.2em !important
}
h3{
  font-size:1.5em;
  line-height:1.8em !important
}
h4{
  font-size:1.3em;
  line-height:1.8em !important
}
h5{
  font-size:1.25em;
  line-height:1.8em !important
}
h1,h3,h4,h5{
  color:#373f48;
  font-weight:600
}
h2{
  color:#373f48;
  font-weight:600;
  text-align:center
}
p,ul,ol,pre{
  color:#262626;
  margin: 0 0 0px;
}
.page-loading {
  border: 9px solid #f3f3f3;
  border-radius: 50%;
  border-top: 9px solid #00a884;
  border-bottom: 9px solid #00a884;
  width: 80px;
  height: 80px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}