@font-face {
	font-family: IRANSansX;
	font-style: normal;
	font-weight: 100;
	src: url('fonts/woff/IRANSansX-Thin.woff') format('woff'),   
	url('fonts/woff2/IRANSansX-Thin.woff2') format('woff2');		
}

@font-face {
	font-family: IRANSansX;
	font-style: normal;
	font-weight: 200;
	src: url('fonts/woff/IRANSansX-UltraLight.woff') format('woff'),   
	url('fonts/woff2/IRANSansX-UltraLight.woff2') format('woff2');	
}

@font-face {
	font-family: IRANSansX;
	font-style: normal;
	font-weight: 300;
	src: url('fonts/woff/IRANSansX-Light.woff') format('woff'),   
	url('fonts/woff2/IRANSansX-Light.woff2') format('woff2');		 
}

@font-face {
	font-family: IRANSansX;
	font-style: normal;
	font-weight: 500;
	src: url('fonts/woff/IRANSansX-Medium.woff') format('woff'),   
	url('fonts/woff2/IRANSansX-Medium.woff2') format('woff2');		 
}

@font-face {
	font-family: IRANSansX;
	font-style: normal;
	font-weight: 600;
	src: url('fonts/woff/IRANSansX-DemiBold.woff') format('woff'),   
	url('fonts/woff2/IRANSansX-DemiBold.woff2') format('woff2');	 
}

@font-face {
	font-family: IRANSansX;
	font-style: normal;
	font-weight: 800;
	src: url('fonts/woff/IRANSansX-ExtraBold.woff') format('woff'),   
	url('fonts/woff2/IRANSansX-ExtraBold.woff2') format('woff2');		 
}

@font-face {
	font-family: IRANSansX;
	font-style: normal;
	font-weight: 900;
	src: url('fonts/woff/IRANSansX-Black.woff') format('woff'),   
	url('fonts/woff2/IRANSansX-Black.woff2') format('woff2');		 
}

@font-face {
	font-family: IRANSansX;
	font-style: normal;
	font-weight: 950;
	src: url('fonts/woff/IRANSansX-ExtraBlack.woff') format('woff'),   
	url('fonts/woff2/IRANSansX-ExtraBlack.woff2') format('woff2');		 
}

@font-face {
	font-family: IRANSansX;
	font-style: normal;
	font-weight: 1000;
	src: url('fonts/woff/IRANSansX-Heavy.woff') format('woff'),   
	url('fonts/woff2/IRANSansX-Heavy.woff2') format('woff2');		 
}

@font-face {
	font-family: IRANSansX;
	font-style: normal;
	font-weight: bold;
	src: url('fonts/woff/IRANSansX-Bold.woff') format('woff'),   
	url('fonts/woff2/IRANSansX-Bold.woff2') format('woff2');	 
}

@font-face {
	font-family: IRANSansX;
	font-style: normal;
	font-weight: normal;
	src: url('fonts/woff/IRANSansX-Regular.woff') format('woff'),   
	url('fonts/woff2/IRANSansX-Regular.woff2') format('woff2');	
}

html {
  direction: rtl;
  font-family: IRANSansX  !important;
  font-size: 90%;
}
body {
  background-color: #FDFDFD;
}
* {
  box-sizing: border-box;
}
h1 , h2{
  display: inline;
  font-size: 100%;
}
h1 {
  font-weight: 800;
}
h2 {
  font-weight: bold;
}
p.tiny {
  display: inline;
  font-size: 80%;
}
p.small {
  display: inline;
  font-size: 90%;
}
p.bold {
  font-weight: bold;
}
.ltr-text {
  direction: ltr;
}
ul.a {
  list-style-type: disc;
}
ul.b {
  list-style-type: circle;
}
ul.c {
  list-style-type: square;
}
ol {
  list-style-type: arabic-indic;
  counter-reset: item;
}
ol.en {
  list-style-type: decimal;
  counter-reset: item;
}
a:link, a:visited {
  text-decoration: none;
}
a:hover, a:active {
  text-decoration: underline;
  text-underline-position: under;
}
a:active {
  color: #777;
}
.wrapper {
  max-width: 48rem;
  margin: 0.75rem auto;
  position: relative;
  border-bottom: 0.0625rem solid #aaa;
}
[class^="collapsible"] {
  font-family: IRANSansX;
  direction: rtl;
  font-size: 160%;
  font-weight: 900;
  width: 100%;
  background-color: #F9F9F9;
  cursor: pointer;
  padding: 0.8rem 1rem;
  border-top: 0.0625rem solid #aaa;
  border-bottom: none;
  border-left: 0.0625rem solid #aaa;
  outline: none;
  text-align: right;
  margin: 0rem;
}
.c1 {
  color: #2980b9;
}
.collapsible1 {
  color: #2980b9;
  border-right: 0.625rem solid #2980b9;
}
.active1, .collapsible1:hover {
  color: white;
  background-color: #2980b9;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  padding-left: 1rem;
  padding-right: 1.375rem;
  border: none;
}
.collapsible1:after {
  content: "\002B";
  float: left;
}
.active1:after {
  color: white;
  content: "\2212";
}
.content1 {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #FDFDFD;
  border-right: 0.625rem solid #2980b9;
  border-left: 0.0625rem solid #aaa;
}
.c2 {
  color: #6D214F;
}
.collapsible2 {
  color: #6D214F;
  border-right: 0.625rem solid #6D214F;
}
.active2, .collapsible2:hover {
  color: white;
  background-color: #6D214F;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  padding-left: 1rem;
  padding-right: 1.375rem;
  border: none;
}
.collapsible2:after {
  content: "\002B";
  float: left;
}
.active2:after {
  color: white;
  content: "\2212";
}
.content2 {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #FDFDFD;
  border-right: 0.625rem solid #6D214F;
  border-left: 0.0625rem solid #aaa;
}
.c3 {
  color: #474787;
}
.collapsible3 {
  color: #474787;
  border-right: 0.625rem solid #474787;
}
.active3, .collapsible3:hover {
  color: white;
  background-color: #474787;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  padding-left: 1rem;
  padding-right: 1.375rem;
  border: none;
}
.collapsible3:after {
  content: "\002B";
  float: left;
}
.active3:after {
  color: white;
  content: "\2212";
}
.content3 {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #FDFDFD;
  border-right: 0.625rem solid #474787;
  border-left: 0.0625rem solid #aaa;
}
.c4 {
  color: #218c74;
}
.collapsible4 {
  color: #218c74;
  border-right: 0.625rem solid #218c74;
}
.active4, .collapsible4:hover {
  color: white;
  background-color: #218c74;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  padding-left: 1rem;
  padding-right: 1.375rem;
  border: none;
}
.collapsible4:after {
  content: "\002B";
  float: left;
}
.active4:after {
  color: white;
  content: "\2212";
}
.content4 {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #FDFDFD;
  border-right: 0.625rem solid #218c74;
  border-left: 0.0625rem solid #aaa;
}
.c5 {
  color: #227093;
}
.collapsible5 {
  color: #227093;
  border-right: 0.625rem solid #227093;
}
.active5, .collapsible5:hover {
  color: white;
  background-color: #227093;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  padding-left: 1rem;
  padding-right: 1.375rem;
  border: none;
}
.collapsible5:after {
  content: "\002B";
  float: left;
}
.active5:after {
  color: white;
  content: "\2212";
}
.content5 {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #FDFDFD;
  border-right: 0.625rem solid #227093;
  border-left: 0.0625rem solid #aaa;
}
.c6 {
  color: #27ae60;
}
.collapsible6 {
  color: #27ae60;
  border-right: 0.625rem solid #27ae60;
}
.active6, .collapsible6:hover {
  color: white;
  background-color: #27ae60;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  padding-left: 1rem;
  padding-right: 1.375rem;
  border: none;
}
.collapsible6:after {
  content: "\002B";
  float: left;
}
.active6:after {
  color: white;
  content: "\2212";
}
.content6 {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #FDFDFD;
  border-right: 0.625rem solid #27ae60;
  border-left: 0.0625rem solid #aaa;
}
.col-container {
  display: table;
  width: 100%;
}
.col1 {
  max-width: 26rem;
  min-width: 18.5rem;
  display: table-cell;
  background-color: #F9F9F9;
  border-left: 0.0625rem dashed #bbb;
  padding-right: 1rem;
  padding-left: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.col2 {
  max-width: 22rem;
  min-width: 16.5rem;
  background-color: #FDFDFD;
  display: table-cell;
  padding-right: 1rem;
  padding-left: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
@media only screen and (max-width: 600px) {
  .col1 {
    display: block;
    width: 100%;
    border-left: 0rem;
    border-bottom: 0.0625rem dashed #bbb;
  }
  .col2 {
    display: block;
    width: 100%;
  }
}