@charset "utf-8";
 /** Website template by freewebsitetemplates.com **/


@font-face {
  font-family: 'BBadr'; src: url('fonts/BBadr.ttf.eot?#') format('eot'),  /* IE6–8 */ url('fonts/BBadr.ttf.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/BBadr.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
  
}
.BBadr{ font-family:'BBadr';}
@font-face {
  font-family: 'BTitr'; src: url('fonts/Titr.ttf.eot?#') format('eot'),  /* IE6–8 */ url('fonts/Titr.ttf.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/Titr.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
.BTitr{ font-family:'BTitr';}
@font-face {
  font-family: 'BEntezar'; src: url('fonts/Entezar.ttf.eot?#') format('eot'),  /* IE6–8 */ url('fonts/Entezar.ttf.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/Entezar.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
.BEntezar{ font-family:'BEntezar';}

@font-face {
  font-family: 'BHoma';  src: url('fonts/BHoma.eot?#') format('eot'),  /* IE6–8 */ url('fonts/BHoma.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/BHoma.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
.BHoma{ font-family:'BHoma';}
@font-face {
  font-family: 'BMitra';  src: url('fonts/BMitra.eot?#') format('eot'),  /* IE6–8 */ url('fonts/BMitra.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/BMitra.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
.BMitra{ font-family:'BMitra';}

@font-face {
  font-family: 'BBaran'; src: url('fonts/BBaran.eot?#') format('eot'),  /* IE6–8 */  url('fonts/BBaran.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/BBaran.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
.BBaran{ font-family:'BBaran';}
@font-face {
  font-family: 'BBardiya'; src: url('fonts/BBardiya.eot?#') format('eot'),  /* IE6–8 */  url('fonts/BBardiya.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/BBardiya.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
.BBardiya{ font-family:'BBardiya';}
@font-face {
  font-family: 'BCompset'; src: url('fonts/BCompset.eot?#') format('eot'),  /* IE6–8 */  url('fonts/BCompset.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/BCompset.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
.BCompset{ font-family:'BCompset';}
@font-face {
  font-family: 'BDavat'; src: url('fonts/BDavat.eot?#') format('eot'),  /* IE6–8 */  url('fonts/BDavat.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/BDavat.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
.BDavat{ font-family:'BDavat';}
@font-face {
  font-family: 'BElham'; src: url('fonts/BElham.eot?#') format('eot'),  /* IE6–8 */  url('fonts/BElham.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/BElham.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
.BElham{ font-family:'BElham';}
@font-face {
  font-family: 'BEsfehanBold'; src: url('fonts/BEsfehanBold.eot?#') format('eot'),  /* IE6–8 */  url('fonts/BEsfehanBold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/BEsfehanBold.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
.BEsfehanBold{ font-family:'BEsfehanBold';}
@font-face {
  font-family: 'BFantezy'; src: url('fonts/BFantezy.eot?#') format('eot'),  /* IE6–8 */  url('fonts/BFantezy.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/BFantezy.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
.BFantezy{ font-family:'BFantezy';}
@font-face {
  font-family: 'BFarnaz'; src: url('fonts/BFarnaz.eot?#') format('eot'),  /* IE6–8 */  url('fonts/BFarnaz.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/BFarnaz.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
.BFarnaz{ font-family:'BFarnaz';}
@font-face {
  font-family: 'BFerdosi'; src: url('fonts/BFerdosi.eot?#') format('eot'),  /* IE6–8 */  url('fonts/BFerdosi.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/BFerdosi.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
.BFerdosi{ font-family:'BFerdosi';}
@font-face {
  font-family: 'BHamid'; src: url('fonts/BHamid.eot?#') format('eot'),  /* IE6–8 */  url('fonts/BHamid.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/BHamid.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
.BHamid{ font-family:'BHamid';}
@font-face {
  font-family: 'BHelal'; src: url('fonts/BHelal.eot?#') format('eot'),  /* IE6–8 */  url('fonts/BHelal.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/BHelal.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
.BHelal{ font-family:'BHelal';}
@font-face {
  font-family: 'BJadidBold'; src: url('fonts/BJadidBold.eot?#') format('eot'),  /* IE6–8 */  url('fonts/BJadidBold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/BJadidBold.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
.BJadidBold{ font-family:'BJadidBold';}
@font-face {
  font-family: 'BJalal'; src: url('fonts/BJalal.eot?#') format('eot'),  /* IE6–8 */  url('fonts/BJalal.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/BJalal.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
.BJalal{ font-family:'BJalal';}
@font-face {
  font-family: 'BKoodakBold'; src: url('fonts/BKoodakBold.eot?#') format('eot'),  /* IE6–8 */  url('fonts/BKoodakBold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/BKoodakBold.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
.BKoodakBold{ font-family:'BKoodakBold';}
@font-face {
  font-family: 'BKourosh'; src: url('fonts/BKourosh.eot?#') format('eot'),  /* IE6–8 */  url('fonts/BKourosh.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/BKourosh.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
.BKourosh{ font-family:'BKourosh';}
@font-face {
  font-family: 'BLotus'; src: url('fonts/BLotus.eot?#') format('eot'),  /* IE6–8 */  url('fonts/BLotus.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/BLotus.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
.BLotus{ font-family:'BLotus';}
@font-face {
  font-family: 'BMahsa'; src: url('fonts/BMahsa.eot?#') format('eot'),  /* IE6–8 */  url('fonts/BMahsa.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/BMahsa.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
.BMahsa{ font-family:'BMahsa';}
@font-face {
  font-family: 'BMehrBold'; src: url('fonts/BMehrBold.eot?#') format('eot'),  /* IE6–8 */  url('fonts/BMehrBold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/BMehrBold.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
.BMehrBold{ font-family:'BMehrBold';}
@font-face {
  font-family: 'BMitra'; src: url('fonts/BMitra.eot?#') format('eot'),  /* IE6–8 */  url('fonts/BMitra.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/BMitra.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
.BMitra{ font-family:'BMitra';}
@font-face {
  font-family: 'BMorvarid'; src: url('fonts/BMorvarid.eot?#') format('eot'),  /* IE6–8 */  url('fonts/BMorvarid.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/BMorvarid.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
.BMorvarid{ font-family:'BMorvarid';}
@font-face {
  font-family: 'BNarm'; src: url('fonts/BNarm.eot?#') format('eot'),  /* IE6–8 */  url('fonts/BNarm.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/BNarm.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
.BNarm{ font-family:'BNarm';}
@font-face {
  font-family: 'BRoya'; src: url('fonts/BRoya.eot?#') format('eot'),  /* IE6–8 */  url('fonts/BRoya.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/BRoya.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
.BRoya{ font-family:'BRoya';}
@font-face {
  font-family: 'BSetarehBold'; src: url('fonts/BSetarehBold.eot?#') format('eot'),  /* IE6–8 */  url('fonts/BSetarehBold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/BSetarehBold.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
.BBadr{ font-family:'BSetarehBold';}
@font-face {
  font-family: 'BShiraz'; src: url('fonts/BShiraz.eot?#') format('eot'),  /* IE6–8 */  url('fonts/BShiraz.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/BShiraz.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
.BShiraz{ font-family:'BShiraz';}
@font-face {
  font-family: 'BSinaBold'; src: url('fonts/BSinaBold.eot?#') format('eot'),  /* IE6–8 */  url('fonts/BSinaBold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/BSinaBold.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
.BSinaBold{ font-family:'BSinaBold';}
@font-face {
  font-family: 'BTabassom'; src: url('fonts/BTabassom.eot?#') format('eot'),  /* IE6–8 */  url('fonts/BTabassom.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/BTabassom.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
.BTabassom{ font-family:'BTabassom';}
@font-face {
  font-family: 'BTehran'; src: url('fonts/BTehran.eot?#') format('eot'),  /* IE6–8 */  url('fonts/BTehran.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/BTehran.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
.BTehran{ font-family:'BTehran';}
@font-face {
  font-family: 'BTitrBold'; src: url('fonts/BTitrBold.eot?#') format('eot'),  /* IE6–8 */  url('fonts/BTitrBold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/BTitrBold.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
.BTitrBold{ font-family:'BTitrBold';}
@font-face {
  font-family: 'BTitrTGEBold'; src: url('fonts/BTitrTGEBold.eot?#') format('eot'),  /* IE6–8 */  url('fonts/BTitrTGEBold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/BTitrTGEBold.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
.BTitrTGEBold{ font-family:'BTitrTGEBold';}
@font-face {
  font-family: 'BTraffic'; src: url('fonts/BTraffic.eot?#') format('eot'),  /* IE6–8 */  url('fonts/BTraffic.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/BTraffic.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
.BTraffic{ font-family:'BTraffic';}
@font-face {
  font-family: 'BVahidBold'; src: url('fonts/BVahidBold.eot?#') format('eot'),  /* IE6–8 */  url('fonts/BVahidBold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/BVahidBold.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
.BVahidBold{ font-family:'BVahidBold';}
@font-face {
  font-family: 'BYagut'; src: url('fonts/BYagut.eot?#') format('eot'),  /* IE6–8 */  url('fonts/BYagut.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/BYagut.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
.BYagut{ font-family:'BYagut';}
@font-face {
  font-family: 'BYas'; src: url('fonts/BYas.eot?#') format('eot'),  /* IE6–8 */  url('fonts/BYas.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/BYas.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
.BYas{ font-family:'BYas';}
@font-face {
  font-family: 'BYekan'; src: url('fonts/BYekan.eot?#') format('eot'),  /* IE6–8 */  url('fonts/BYekan.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/BYekan.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
.BYekan{ font-family:'BYekan';}
@font-face {
  font-family: 'BZar'; src: url('fonts/BZar.eot?#') format('eot'),  /* IE6–8 */  url('fonts/BZar.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/BZar.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
.BZar{ font-family:'BZar';}
@font-face {
  font-family: 'BZiba'; src: url('fonts/BZiba.eot?#') format('eot'),  /* IE6–8 */  url('fonts/BZiba.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/BZiba.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
.BZiba{ font-family:'BZiba';}
.Arial{ font-family: Arial, Helvetica, sans-serif;}
.Lucida{ font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
.Tahoma{ font-family: Tahoma, Geneva, sans-serif;}
.Time{ font-family: "Times New Roman", Times, serif;}

 
body {
	
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:small;
	 
 }
.xxs{font-size:xx-small;}
.xs{font-size:x-small;}
.s{font-size:small;}
.medium{font-size:medium;}
.l{font-size:large;}
.xl{font-size:x-large;}
.xxl{font-size:xx-large;}
.bld{font-weight:bold;}
.tc{ text-align:center;}
.tr{ text-align:right;}
.tl{ text-align:left;}
.dr{direction:rtl;}
.dl{direction:ltr;}
.fr{float:right;}
.fl{float:left;}
.fn{float:none;}
.b1s{border:1px solid #CCC;}
.b2s{border:2px solid #CCC;}
.b3s{border:3px solid #CCC;}
.b4s{border:4px solid #CCC;}
.b5s{border:5px solid #CCC;}

.w10{width:10%;}
.w20{width:20%;}
.w30{width:30%;}
.w40{width:40%;}
.w50{width:50%;}
.w60{width:60%;}
.w70{width:70%;}
.w80{width:80%;}
.w90{width:90%;}
.w95{width:95%;}
.w98{width:98%;}
.w100{width:100%;}

.red{color:#F00;}
.white{color:#FFF;}
.black{color:#000;}

.hidden{visibility:hidden;}
.show{visibility:visible;}
/************************************* Loader for Ajax Start*************************/
 
#loader {
    display: block;
    position: relative;
	margin-top:50px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #3498db;
    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
 
#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #e74c3c;
    -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
      animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
 
#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #f9c922;
    -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
      animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

 @media screen and (max-width: 999px) {

#loader
{
		margin-top:100px;
}
.w10{width:50%;}
.w20{width:100%;}
.w30{width:100%;}
.w40{width:100%;}
.w50{width:100%;}
.w60{width:100%;}
.w70{width:100%;}
.w80{width:100%;}
.w90{width:100%;}
.w95{width:100%;}
.w98{width:100%;}
.w100{width:100%;}
 }
/*
body{
	background-image:url(images/Tile_2.jpg);
	
}

*/
/************************************* Loader for Ajax Start*************************/
 
#loader {
    display: block;
    position: relative;
	margin-top:50px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #3498db;
    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
 
#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #e74c3c;
    -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
      animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
 
#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #f9c922;
    -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
      animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

 @media screen and (max-width: 999px) {

#loader
{
		margin-top:100px;
}
 
 }
@-webkit-keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}
@keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}
/************************************* Loader for Ajax End*************************/


.form{
	padding:5px;
	background: #FFF;
}
.form .inner-wrap{
	padding: 30px;
	background: #F8F8F8;
	border-radius: 8px;
	background-image:url(images/background_hashoor.png);
}
.Backform{
	background: #F8F8F8;
	border-radius: 8px;
	background-image:url(images/background_hashoor.png);
}
 
h1{
	
	font-family:"BHoma";
	margin:10px;
	font-size:170%;
	padding: 20px;
	border-radius: 8px;
	text-align: center;
	background-color: #53afff;
	color: #fff;
 	box-shadow: 0 0 0.5rem rgba(0,0,0,.15) !important;
 
}
.RedSpan{
	
	color: #F00;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
	font: normal 20px 'BTitr', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin:0px;
	padding:0px;
}

 
.form label{
	display: block;
	font: 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #888;
}
.form input[type="text"],
.form input[type="date"],
.form input[type="datetime"],
.form input[type="email"],
.form input[type="number"],
.form input[type="search"],
.form input[type="time"],
.form input[type="url"],
.form input[type="password"],
.form textarea,
.form select {
	
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-radius: 8px;
	-webkit-border-radius:6px;
	-moz-border-radius:8px;
	border: 2px solid #fff;
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
	-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
	-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
}

.form .section{
	font: normal 20px 'BBadr', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #2A88AD;
	margin-bottom: 5px;
}
.form .section span {
	background: #2A88AD;
	padding: 5px 10px 5px 10px;
	position: absolute;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border: 4px solid #fff;
	font-size: 14px;
	margin-left: -45px;
	color: #fff;
	margin-top: -3px;
}
.form input[type="button"], 
.form input[type="submit"]{
	background: #B5CCE6;
	padding: 8px 20px 8px 20px;
	border-radius: 8px!important;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	color: #393939;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
	font: normal 30px 'BHoma',"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	-moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
	-webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
	box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
	font-size: 17px;
}
.form input[type="button"]:hover, 
.form input[type="submit"]:hover{
	background: #F7B0EA;
	cursor:pointer;
	-moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
	-webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
	box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
}

.button{
	background: #CCC;
	padding: 8px 20px 8px 20px;
	margin-top:10px;
	border-radius: 8px!important;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	color: #393939;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
	font: normal 30px 'BHoma',"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	-moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
	-webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
	box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
	font-size: 17px;
}
.button:hover{
	background: #ffffff;
	cursor:pointer;
	-moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
	-webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
	box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
}


.form2{
	background-image:url(images/tile-1-s.gif);
	border-radius:8px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Geneva, sans-serif;
	border:#CCC solid 1px;
	padding-bottom:10px;

}
.form1{
 	border-radius:8px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Geneva, sans-serif;
 
}
.form1 h1{
	padding: 8px;
	display: block;
	text-align: center;
	margin: 0px 0px 20px 0px;
	color: #fff;
	font-size:x-large;
	background-color: #8FB4C8;
}
.title{
	padding: 8px;
	display: block;
	text-align: center;
	margin: 0px 5px 20px 5px;
	color: #fff;
	font-size:x-large;
	background-color: #8FB4C8;
}
.form1 ul{
	list-style:none;
	padding:0;
	margin:0;	
}
.form1 li{
	display: block;
	padding: 9px;
	border:1px solid #DDDDDD;
	margin-bottom: 30px;
	border-radius: 8px;
}
.form1 li:last-child{
	border:none;
	margin-bottom: 0px;
	text-align: center;
}
.form1 li > label{
	display: block;
	float: right;
	margin-top: -19px;
	background: #FFFFFF;
	height: 14px;
	padding: 2px 5px 2px 5px;
	color: #B9B9B9;
	font-size: 14px;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
}
.form1 input[type="text"],
.form1 input[type="date"],
.form1 input[type="datetime"],
.form1 input[type="email"],
.form1 input[type="number"],
.form1 input[type="search"],
.form1 input[type="time"],
.form1 input[type="url"],
.form1 input[type="password"],
.form1 textarea,
.form1 select 
{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	outline: none;
	height: 40px;
	line-height: 25px;
	font-size: 12px;
	padding: 0;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Geneva, sans-serif;
	box-shadow:inset 1px 1px 1px 1px rgba(0, 0, 0, 0.33);
	background-color:rgb(243, 245, 244);
	border-radius:8px;
	padding:10px;
	width:500px;
 
}
.form1 textarea
{
	height:auto;


	
}
.form1 input[type="text"]:focus,
.form1 input[type="date"]:focus,
.form1 input[type="datetime"]:focus,
.form1 input[type="email"]:focus,
.form1 input[type="number"]:focus,
.form1 input[type="search"]:focus,
.form1 input[type="time"]:focus,
.form1 input[type="url"]:focus,
.form1 input[type="password"]:focus,
.form1 textarea:focus,
.form1 select:focus 
{
}
.form1 li > span{
	background: #F3F3F3;
	display: block;
	padding: 3px;
	margin: 0 -9px -9px -9px;
	text-align: center;
	color: #C0C0C0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.form1 textarea{
	resize:none;
}
.keys {
	background: #E6C8FD!important;
	width:96%!important;
	padding: 2px!important;
	margin:2%!important;
	border-radius: 8px!important;
	color: #fff!important;
	border:none!important;
	font: normal 18px 'BHoma',"Lucida Sans Unicode", "Lucida Grande", sans-serif!important;
}
.keys:hover{
	background: #33C!important;
	cursor:pointer;
	-moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
	-webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
	box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
}

#main{position:relative; float:right; width:980px; }


#modalContainer ,#modalContainer1{
	background-color:transparent;
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:10000;
	background-image:url(tp.png); /* required by MSIE to prevent actions on lower z-index elements */
}

#alertBox, #alertBox1 {
	position:relative;
	width:400px;
	min-height:100px;
	margin-top:150px;
	border:2px solid #000;
	background-color: #FF6600;
	background-image:url(images/Exclamation-Mark.png);
	background-repeat:no-repeat;
	background-position:5px 30px;
}

#modalContainer > #alertBox {
	position:fixed;
}
#modalContainer1 > #alertBox1 {
	position:fixed;
}

#alertBox h1,#alertBox1 h1 {
	margin:0;
	font:bold small "Lucida Sans Unicode", "Lucida Grande", sans-serif,arial;
	background-color: #FFFF00;
	color:#000;
	border-bottom:1px solid #000;
	padding:5px;
}

#alertBox p, #alertBox1 p {
	font:bold small "Lucida Sans Unicode", "Lucida Grande", sans-serif,arial;
	height:50px;
	padding:5px;
	margin-left:55px;
	color:#fff;
}

#alertBox #closeBtn,#alertBox1 #closeBtn1,#alertBox1 #closeBtn2 {
	display:block;
	position:relative;
	margin:5px auto;
	padding:3px;
	border:2px solid #000;
	width:70px;
	font:small "Lucida Sans Unicode", "Lucida Grande", sans-serif,arial;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	color:#FFF;
	background-color:#78919B;
	text-decoration:none;
}
#alertBox1 #closeBtn1,#alertBox1 #closeBtn2 {
	float:right;
	margin:10px;
	cursor:pointer;
}
#alertBox1 #closeBtn2 {
margin-right:110px;
}
/* unrelated styles */

#mContainer {
	position:relative;
	width:600px;
	margin:auto;
	padding:5px;
	border-top:2px solid #000;
	border-bottom:2px solid #000;
	font: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}


code {
	font-size: large;
	color:#069;
}

#credits {
	position:relative;
	margin:25px auto 0px auto;
	width:350px; 
	font:large "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	height:90px;
	padding-top:4px;
}

#credits img {
	float:left;
	margin:5px 10px 5px 0px;
	border:1px solid #000000;
	width:80px;
	height:79px;
}

.important {
	background-color:#F5FCC8;
	padding:2px;
}

code span {
	color:green;
}

.OkBox {height:100px; vertical-align:middlel; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:large; font-weight:bold; color:#FFFF00;}
#popup_message {
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif ;
margin:5px;
margin-bottom:30px;
}
.border1{
border-top: #F8F8F8 solid 1px;
border-right: #E1E1E1 solid 1px;
border-left: #D4D4D4 solid 1px;
border-bottom: #9E9E9E solid 1px;
}
.border{
border:#000000 solid 1px;
}
input[type=button] {cursor:pointer;}
.cursuring {
cursor:pointer;
}
.cursuring:hover {background-color:#A5C7FA;}
#companiesList option:hover, #select-1 option:hover, #select-2 option:hover, #select-3 option:hover, #select-4 option:hover, #select-5 option:hover{ background-color:#A5C7FA;cursor:pointer;}
.padding {padding:0px 10px;}
.padding_5 {padding:5px;}
.TexRight{text-align:right;}
.TexCenter{text-align:center;}
.TexLeft{text-align:left;}
.smallButtons{ padding:3px 3px;font-size:x-small; width:40px; border:1px solid #999; border-radius:8px;}
.prodbox1{padding:10px;border-top:1px solid #666;border-right:1px solid #666;border-left:1px solid #666; border-radius:8px 8px 0px 0px;}
.prodbox2{padding:5px;border-bottom:1px solid #666;border-right:1px solid #666;border-left:1px solid #666; border-radius:0px 0px 8px 8px;}

.small-title {
	font-size:x-small;
	color:#CCC;
	margin:0px!important;
	padding:0px!important;
	margin-right:20px!important;
}
.mainInputs {
	
	font-size:x-large;
	margin:10px;
	margin-top:0px; 
	background-color: #F0F0F0; 
	border-radius:8px;
	padding-right:10px;

	 font-size:medium!important; 
	 font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif!important; 
	 font-weight:normal;
	 height:40px;
}



.mainSelect {
	font-size: large!important;;
	padding:10px;
	margin:10px;
	margin-top:0px; 
	border-radius:8px;
	background-color: #D8D8D8;
	color:#666; 
	font-family:'BHoma'!important;;

	cursor:pointer;
	height:35px!important;
}
.whiteBackground
{
	background-color: #fff;
	color:#666; 
	border:1px solid #999!important;
	border-radius:8px;
	padding:10px;
	color:#000!important;
	cursor:pointer;
    background-image:url(images/tile-1-s.gif);
}
.mainTitle
{
	  position:absolute;
	  font-family:'BTitr'; 
	  font-size:30px; 
	  margin-right:380px; 
	  padding:0px; 
	  color: rgb(187, 188, 200);
	  
}
.jadval-title
{
	text-align:center;
	background-color: #CCC;
	color:#000;
	font-family:'BHoma';
	font-size:small;
	border: solid  #CCC 1px;
	border-radius:8px;
	height:5px;
	
	
}
.jadval-1
{
	text-align:center;
	height:30px;
	background-color: #FFF;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Geneva, sans-serif;
	font-size:small;
	border: solid  #CCC 1px;
	border-radius:8px;
	cursor:pointer;
}
.jadval-2
{
	text-align:center;
	height:30px;
	background-color: #F8F8F8;
	color:#000;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Geneva, sans-serif;
	font-size:small;
	border: solid  #CCC 1px;
	border-radius:8px;
	cursor:pointer;
	
}
.tableItems
{
	font-family:'BHoma';
	font-size:medium;

	background-color:#fff;
	border-radius:8px;	
}
.tableItems2
{
	font-family:'BHoma';
	font-size:medium;
	border-top:1px solid #333333;
	border-bottom:1px solid #333333;
	background-color:#E1F2FF;	
	border-radius:8px;	
}
.sanadTitle
{
	font-family:'BTitr'; 
	background-color:#069; 
	color:#FFF;
	
}
.textHintBox
{
	overflow-y:scroll;
	position:absolute; 
	width:600px; 
	height:500px;
	top:200px;
	right:550px;
	display:none; 
	z-index:0;
	background-color:#fff;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

.topmenu{
	 padding:15px 3px 15px 3px; 
	 border:#CCC 1px solid;
	 border-radius:8px;
	 background-color: #244871;
	 color:#fff;
	-webkit-border-radius:8px;
	-moz-border-radius: 8px;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
	font-family:'BTitr';
	font-size:medium;
}
.list0:hover {
  background: #eee;
  cursor: pointer;
}
.list0{
	 padding:15px 3px 15px 3px; 
	 background-color:#FFF;
}
.list1{
	 padding:15px 3px 15px 3px; 
	 background-color: #DFF7FF;
}
.list1:hover {
  background: #eee;
  cursor: pointer;
}
.listItems{
	 padding:15px 3px 15px 3px; 
	 border:#CCC 1px solid;
	 border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius: 8px;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}
.-sprayTitle2{
	
 font-family:'Byekan';
 font-size:large;
 text-align:center;
 background-color: #EAF8FF!important;
 border:1px solid #666;
 border-radius:8px;
 padding:5px;
 margin:5px;
 cursor:pointer;
 color:#000;
}
.-sprayTitle1{
	
	
 font-family:'Byekan';
 font-size:large;
 text-align:center;

 border-radius:8px;
 padding:5px;
 cursor:pointer;
 background-color:#ccc!important;
 color:#000;
}
.-sprayTitle3{
	
	
 font-family:'Byekan';
 font-size:large;
 text-align:right;
 cursor:pointer;
 color:#000;
}
.-sprayContent{
	
}
.ToolTip-LI{
	color: #fff;
	border-radius:8px;
 	font-size:large;
	font-family:'BHoma';
	list-style-type: none;
	}
	
.fadeIn  {
    text-align: center;
    animation: fadein 0.5s;
    -moz-animation: fadein 0.5s; /* Firefox */
    -webkit-animation: fadein 0.5s; /* Safari and Chrome */
    -o-animation: fadein 0.5s; /* Opera */
	filter:drop-shadow(-6px 6px 5px #000);
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

.blur {
  -webkit-filter: blur(10px); /* Chrome, Opera, etc. */
  filter: url('blur.svg#blur'); /* Older FF and others - http://jordanhollinger.com/media/blur.svg */
  filter: blur(10px); /* Firefox 35+, eventually all */
}
.BackFadeAndDisable {
    background-color:#000;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1000;
    top: 0px;
    left: 0px;
    opacity: .7; /* in FireFox */ 
    filter: alpha(opacity=50); /* in IE */
	filter:grayscale(100%);
}
.itemsInSanad{
	background-color: #F8F8F8;
	color:#fff;
	filter:drop-shadow(-6px 6px 5px #000);
	margin-top:40px;
	 border-radius:8px;

}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////منوی اکاردئونی ///////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
button.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

button.accordion.active, button.accordion:hover {
    background-color: #ddd;
}

button.accordion:after {
    content: '\02795';
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
}

button.accordion.active:after {
    content: "\2796";
}

div.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
}

div.panel.show {
    opacity: 1;
    max-height: 500px;  
}


.form input[type="button"], .form input[type="submit"]
{
  font-size: 1.15em;
  padding: 15px!important;
  cursor:pointer;
  margin: 0;
	line-height: 30px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  color: #000 ;
  background: #D0D0D0;
  box-shadow: none;
  text-shadow: none;
    height : auto !important;
    border : none!important;
    box-shadow : none !important;
    color : #FFF;
    outline : none;
    font-size : 1.5em !important;
    transition : all .5s ease-in-out;
    -webkit-transition : all .5s ease-in-out;
    -moz-transition : all .5s ease-in-out;
    text-shadow : none;
}
.form input[type="button"]:hover, .form input[type="submit"]:hover
{
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5));
	background: -webkit-linear-gradient(top, #00B3FF 0%, #194BD4 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
	background: linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 );
    background-color:#A6BCE3 ;
    box-shadow : none;
    border : none!important;
    color : #FFF;
}
.mainButtons
 {
  font-size: 1.15em;
  padding: 2px!important;
  cursor:pointer;
  margin: 0;
	line-height: 30px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  color: #fff!important ;
  background: #727272!important;
  box-shadow: none;
  text-shadow: none;
    height : auto !important;
    border : none!important;
    box-shadow : none !important;
    color : #FFF;
    outline : none;
    font-size : 1.5em !important;
    transition : all .5s ease-in-out;
    -webkit-transition : all .5s ease-in-out;
    -moz-transition : all .5s ease-in-out;
    text-shadow : none;
}
.mainButtons:hover {
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
	background: linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 );
    background : #000!important;
    box-shadow : none;
    border : none!important;
    color : #FFF!important;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.small_input{
	width:100px;
	height:25px!important;
	border-radius:6px!important;
	
}
input[type=text]:enabled {
  background: #ffffff;
}

input[type=text]:disabled {
  background: #666;
  color: #CCC;
}
.small_list_items
{
	text-align:center;
}

.pointer
{
	cursor:pointer;
}
.menuItems_Fa
{
  display:block!important;
  font-family:'BHoma'!important;
  text-decoration:none!important;
  font-size:1.4rem!important;
  font-weight:normal!important;
  	
}
.itemListing
{
	width:100%; 
	background-color:#fff; 
	padding:2px 0px 2px 0px; 
	border-radius:6px;
}
.menuItems_En
{
  display:block!important;
  font-family: "Montserrat", sans-serif!important;
  text-decoration:none!important;
  font-size:0.95rem!important;
  font-weight:normal!important;
}

.menuItems_Fa:hover ,.menuItems_En:hover 
{
	color:#09F!important;
 
  	
}


.menuItems_s_En
{
  display:block!important;
  font-family: "Montserrat", sans-serif!important;
  text-decoration:none!important;
  font-size:x-small!important;
  font-weight:normal!important;
  padding-right:5px;
  padding-left:5px;
	border-bottom:2px solid #fff;
	text-align:left;
	direction:ltr;
 }
 
.menuItems_s_Fa
{
  display:block!important;
  font-family:'BYekan'!important;
  text-decoration:none!important;
  font-size:x-small!important;
  font-weight:normal!important;
  padding-right:5px;
  padding-left:5px;
	border-bottom:2px solid #ececec;
	text-align:right;
	direction:rtl;
}
.menuItems_s_Fa:hover ,.menuItems_s_En:hover 
{
	color:#FFF!important;
	background-color:#66b0ff;
 	cursor:pointer;
  }

.menuItems_s_titr_Fa
{
  display:block!important;
   text-decoration:none!important;
  font-size:large!important;
  font-weight:normal!important;
  font-family:'BYekan';
  	
}

.menuItems_s_titr_En
{
  display:block!important;
  font-family: sans-serif!important;
  text-decoration:none!important;
  font-size:medium!important;
  font-weight:normal!important;
  
}

.subMenu_1
{
 padding: 5px;
 box-shadow: 0 0 1rem rgba(0, 0, 0, 0.18) !important;
}
.padding_shadow
{
 padding: 5px;
 box-shadow: 0 0 1rem rgba(0, 0, 0, 0.18) !important;
}
.item_shadow
{

  background-color: #fff!important;
  border: #ddd 1px solid!important;
   color:#000 !important;
 -webkit-transition: all 400ms linear 0s!important;
-o-transition: all 400ms linear 0s!important;
transition: all 400ms linear 0s!important;	
}

.item_shadow:hover
{
 	border-color: rgba(82,168,236,0.8)!important;
	outline: 0!important;
	outline: thin dotted \9!important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(82,168,236,0.6)!important;
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(82,168,236,0.6)!important;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(82,168,236,0.6)!important;
 -webkit-transition: all 400ms linear 0s!important;
-o-transition: all 400ms linear 0s!important;
transition: all 400ms linear 0s!important;
 	color: #1774A6!important;
	 	transition: 0.3s;

}
.item_shadow_Off
{
 
  background-color: #F7F7F7!important;
  border: #ddd 1px solid!important;
   color: #CCC!important;
 -webkit-transition: all 400ms linear 0s!important;
-o-transition: all 400ms linear 0s!important;
transition: all 400ms linear 0s!important;	
}
.p_list_text h3::before
{
	width:100%!important;
	
}
.p_list_text
{ 
	 border : 1px solid #ccc;
 	border-radius:8px;

 
}
.p_list_text h3
{
 	border-radius:8px;
	color: #fff!important;
	border:1px solid #eaeaea  !important;
	box-shadow: 0 0 0.5rem rgba(0,0,0,.15) !important;
	padding:8px;
	background-color: #53afff;
 }
.fle_1{
	
	flex:50%;max-width: 50%;
}
.fle_2
{
	max-width: 70%;flex: 0 0 66%; 
	
}
.moshahede_btn
{
display: inline-block;
text-align: center;
border: 1px solid  #CCC;
padding: 0px 20px;
 line-height: 38px;
-webkit-transition: all 400ms linear 0s;
-o-transition: all 400ms linear 0s;
transition: all 400ms linear 0s;

font-family:'BYekan'; 
font-size:150%; 
margin:20px; 
color:#666; 
border-radius:8px;
margin-right: auto;
margin-left: auto;

color:#ccc;
}
body
 {
	 /*	background:url(images/tile-1.gif);*/
	 background-color:#F9F9F9;
 }
.back_sign
{
	padding-top:8px; 
	 
	background-color: #FFF ;
 	border-radius:8px; 
	border:1px solid #ededed !important;
	box-shadow: 0 0 0.5rem rgba(0,0,0,.15) !important;
	margin-bottom: 20px;
	width: 48%;
	float: right;
	margin-right: 1%;
	margin-left: 1%;
}
.visible {
  visibility: visible;
  opacity: 1;
  transition: opacity 2s linear;
}
.hidden {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 2s, opacity 2s linear;
}


/*این قسمت مربوط به تابع جاوا اسکریپت fade_show میباشد*/

.fade_show {
  visibility: visible;
  opacity: 1;

  -webkit-transition: opacity 1s linear;
  -moz-transition: opacity 1s linear;
  -o-transition: opacity 1s linear;
  transition: opacity 1s linear;
}
.fade_hide {
  visibility: hidden;
  opacity: 0;

  -webkit-transition: visibility 0s 1s, opacity 1s linear;
  -moz-transition: visibility 0s 1s, opacity 1s linear;
  -o-transition: visibility 0s 1s, opacity 1s linear;
  transition: visibility 0s 1s, opacity 1s linear;
}

h3 {


color:#5B6598 !important;
font-size: 1.8rem;
 

}
.f_w_title h3
{
	color:#DDD!important;
	font-weight:normal!important;
}

.mini_search 
{
 box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
 position: absolute;
width: 100%;
 border: 2px solid #fff;
background-color: #000;
top: 2px;
z-index: 500000;
border-radius: 0px 0px 8px 8px;
margin-left: auto;
margin-right: auto;
  opacity: 0.9;
  filter: alpha(opacity=90)
}
.search_bar
{
padding:10px;
border: 1px dashed #666;
font-family: Tahoma, Geneva, sans-serif; 
height:40px; 
width:100%; 
border-radius:8px;	
}

#submitButton
{
	vertical-align: top;
	font-family:'BHoma';
	height: 38px;
	width: 120px;
	border-radius: 8px;
	border:1px solid #ccc; 
	cursor:pointer;
}
.fotUL ul
{
 	padding: 0px 0px 20px 0px!important;
}
.fotUL 
{
  margin-bottom:0px!important;
}
.mainDIV
{
 	width:90%; 
 	margin-right: auto;
	margin-left: auto;
}

.contactBox
{
	width:80%; 
	margin:20px auto 20px auto;
	border-radius:8px; 
	padding:20px;
	background-color: #fff;
	color: #848484;
	border:1px solid #eaeaea  !important;
	box-shadow: 0 0 0.5rem rgba(0,0,0,.15) !important;
}
 
.pic_border 
{
	border:4px dashed  #E0E0E0; 
	border-radius:8px; 
	padding:10px;
	width:70%;
  }
.texte_motoon_Fa
{
	padding:20px; 
	text-align: justify;
    line-height: 45px; 
	font-size:150%;
}
.texte_motoon_En
{
	padding:20px; 
	text-align: left;
    line-height: 45px;
    font-size:150%;
	
}
.persiansafety
{
	font-size: medium;
	font-family:'Arial', Gadget, sans-serif;
	color:#000;
	font-weight:bold;
	
}
.btn-primary
{
	background-color:#09F;
	
}
.flex-box {
  display: flex;
  flex-wrap: wrap;
 }

.flex-box > div {
 	 width:23%; 
	 margin:11px;

}
 

* {
	box-sizing: border-box;
	
}

.img-magnifier-container {
  position:relative;
}

.img-magnifier-glass {
  position: absolute;
  border: 1px solid #000;
  border-radius: 50%;
  cursor: none;
  /*Set the size of the magnifier glass:*/
  width: 180px;
  height: 180px;
}

 .flex-container
{
	position:flex; 
	flex-wrap: wrap;
	align-self: center;
}

 
.container_block
{
	width: 260px;
	margin: 15px;
	padding-bottom:15px;

}
.container_list
{
	width: 98%;
	margin: 5px;
	overflow: hidden;
	padding: 0px;
	min-height: 150px;
}
.ProdBackPicDiv
{
	
	position: relative;
	text-align: center;
 }
.dashedHover
{

	transition: all 400ms linear 0s !important;
	background-color: #f1f1f1;
	color: #848484;
	border:1px solid #eaeaea  !important;
	box-shadow: 0 0 0.5rem rgba(0,0,0,.15) !important;
 }

.prodPic
{
 	border: 1px #666 solid;
	padding: 0px;
	border-radius: 8px;
}
.prodPic_Big
{
 	border: 1px #666 solid;
	padding: 0px;
	border-radius: 13px;
}
.prodPicNoCurve
{
	margin: 15px;
	border: none;
	padding: 0px;
 }

.prodText span
{
	color:#79BEE8; 
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:medium;
}
.ProdItems_Fa
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
 	color:#999;
}
.ProdItems_En
{
	font-family: Arial, Helvetica, sans-serif;
	color:#999;
}

.ProdSideBar
{
	position:relative;
	direction:rtl;
	width:23%;
}

.TheTable th
{
 	text-align:center;
	font-family:"BHoma";
  }
.TheTable td
{
 	text-align:center;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
   }


.ProdImage
{
	
	box-shadow: 0 0 13px #0000000d;
	border: 1px solid #ebebeb;
	padding: 5px;
}
.prodDiv {
	width:48%;
	}
.prodPicDiv
{
	width:200px;
	margin:5px;
	background-color: #fff;
	color: #848484;
	border:1px solid #eaeaea  !important;
	box-shadow: 0 0 0.5rem rgba(0,0,0,.15) !important;
	border-radius: 8px;
}

 


.nav {
	margin-bottom: 20px;
	margin-left: 0;
	list-style: none
}
.nav>li>a {
	display: block
}
.nav>li>a:hover {
	text-decoration: none;
	background-color: #eee
}
.nav>.pull-right {
	float: right
}
.nav-header {
	display: block;
	padding: 3px 15px;
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
	color: #999;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	text-transform: uppercase
}
.nav li+.nav-header {
	margin-top: 9px
}
.nav-list {
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom: 0
}
.nav-list>li>a, .nav-list .nav-header {
	margin-right: -15px;
	margin-left: -15px;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5)
}
.nav-list>li>a {
	padding: 3px 15px
}
.nav-list>.active>a, .nav-list>.active>a:hover {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
	background-color: #08c
}
.nav-list [class^="icon-"], .nav-list [class*=" icon-"] {
	margin-right: 2px
}
.nav-list .divider {
*width:100%;
	height: 1px;
	margin: 9px 1px;
*margin:-5px 0 5px;
	overflow: hidden;
	background-color: #e5e5e5;
	border-bottom: 1px solid #fff
}
.nav-tabs, .nav-pills {
*zoom:1
}
.nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after {
	display: table;
	line-height: 0;
	content: ""
}
.nav-tabs:after, .nav-pills:after {
	clear: both
}
.nav-tabs>li, .nav-pills>li {
	float: left
}
.nav-tabs>li>a, .nav-pills>li>a {
	padding-right: 12px;
	padding-left: 12px;
	margin-right: 2px;
	line-height: 14px
}
.nav-tabs {
	border-bottom: 1px solid #ddd
}
.nav-tabs>li {
	margin-bottom: -1px
}
.nav-tabs>li>a {
	padding-top: 8px;
	padding-bottom: 8px;
	line-height: 20px;
	border: 1px solid transparent;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0
}
.nav-tabs>li>a:hover {
	border-color: #eee #eee #ddd
}
.nav-tabs>.active>a, .nav-tabs>.active>a:hover {
	color: #555;
	cursor: default;
	background-color: #fff;
	border: 1px solid #ddd;
	border-bottom-color: transparent
}
.nav-pills>li>a {
	padding-top: 8px;
	padding-bottom: 8px;
	margin-top: 2px;
	margin-bottom: 2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px
}
.nav-pills>.active>a, .nav-pills>.active>a:hover {
	color: #fff;
	background-color: #08c
}
.nav-stacked>li {
	float: none;
	width: 100%;
	cursor:pointer;
}
.nav-stacked>li>a {
	margin-right: 0
}
.nav-tabs.nav-stacked {
	border-bottom: 0
}
.nav-tabs.nav-stacked>li>a {
	background-color: #fff;
	color: #848484;
	border:1px solid #eaeaea  !important;
	box-shadow: 0 0 0.5rem rgba(0,0,0,.15) !important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}
.nav-tabs.nav-stacked>li:first-child>a {
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-topleft: 4px
}
.nav-tabs.nav-stacked>li:last-child>a {
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px
}
.nav-tabs.nav-stacked>li>a:hover {
	z-index: 2;
	background-color:#66b0ff;
	color:#FFF;
	border:1px solid #fff;
   
}
.nav-pills.nav-stacked>li>a {
	margin-bottom: 3px
}
.nav-pills.nav-stacked>li:last-child>a {
	margin-bottom: 1px
}
.nav-tabs .dropdown-menu {
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px
}
.nav-pills .dropdown-menu {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px
}
.nav .dropdown-toggle .caret {
	margin-top: 6px;
	border-top-color: #08c;
	border-bottom-color: #08c
}
.nav .dropdown-toggle:hover .caret {
	border-top-color: #005580;
	border-bottom-color: #005580
}
.nav-tabs .dropdown-toggle .caret {
	margin-top: 8px
}
.nav .active .dropdown-toggle .caret {
	border-top-color: #fff;
	border-bottom-color: #fff
}
.nav-tabs .active .dropdown-toggle .caret {
	border-top-color: #555;
	border-bottom-color: #555
}
.nav>.dropdown.active>a:hover {
	cursor: pointer
}
.nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav>li.dropdown.open.active>a:hover {
	color: #fff;
	background-color: #999;
	border-color: #999
}
.nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret, .nav li.dropdown.open a:hover .caret {
	border-top-color: #fff;
	border-bottom-color: #fff;
	opacity: 1;
	filter: alpha(opacity=100)
}
.container-1 {
	margin-right: auto;
	margin-left: auto;
*zoom:1
}
.container-1:before, .container-1:after {
	display: table;
	line-height: 0;
	content: ""
}
.container-1:after {
	clear: both
}
.container-1-fluid {
	padding-right: 20px;
	padding-left: 20px;
*zoom:1
}
.container-1-fluid:before, .container-1-fluid:after {
	display: table;
	line-height: 0;
	content: ""
}
.container-1-fluid:after {
	clear: both
}
 .breadcrumb {
	padding: 8px 15px;
	margin: 0 0 20px;
	list-style: none;
	background-color: #f5f5f5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}
.breadcrumb li {
	display: inline-block;
*display:inline;
	text-shadow: 0 1px 0 #fff;
*zoom:1
}
.breadcrumb .divider {
	padding: 0 5px;
	color: #ccc
}
.breadcrumb .active {
	color: #999
}
.inDivop
{
    width: 95%;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
}
.picSignDiv
{
	margin:2px; 
}
.bigBanner_1
{
	width:80%;
	padding:0px 15px;
	margin:auto;
		
}
.bigBanner_2
{
	width:50%;
	padding:0px 15px;
	margin-buttom:30px;
 }

.half_Percent_Banner
{
	width: 33%;
	padding: 0px 15px 20px 15px;
 }

.rightBanner
{
	width:100%;
	padding:10px 15px;
	margin:auto;
}


.catsDiv_n
{
	 margin:auto;
	 padding:60px 25px 120px 25px;
}
ul
{
	margin:0px;
	padding:0px;
}
.paginationForSign
{
	width:100%;
	margin:auto;
 }
.pagination
{ 
	padding: 0px 50px;
}
.radioDiv
 {
	  max-width:100%;
	  padding:15px;
 }
 .HOM
{
	 display:inherit;
}
.SHOM
{
	display:none;
}
#myTable 
{
	width: 100%;
	display: inline-table;
}
.prodLogoSmallIcon
{
	margin:5px;
	height:40px;
	
}

.Back_Table_Header
{
	background-color: rgb(255, 255, 255)!important;
	border: none!important;
	text-align: center!important;
	box-shadow:-2px 1px 6px #c7c7c7!important;
	color:#000!important;

}
 .Back_Table td
{
	border-color: #e1e1e1!important;
	font-size: 13px!important;
	padding: 9px 12px!important;
	border-style: solid!important;
    border-top-style: solid!important;
    border-left-style: solid!important;
	border-width: 1px!important;
    border-top-width: 1px!important;

}

.tablinks
{
	width:31%!important;
}
.signCodText
{
	font-weight:bold; 
	font-family:Tahoma, Geneva, sans-serif; 
	direction:ltr;
	font-size: x-large;
}
.signDivDash
{
	 padding:15px; 
	 border-left:2px dashed #CCCCCC ;
}

 @media screen and (max-width: 500px) {
.signDivDash
{
	 padding:5px; 
	 border-left:none;
}
 
 }
 
 @media screen and (max-width: 800px) {

.signCodText
{
	font-size: Medium;
}

.mainDIV
{
 	width:100%; 
 	margin-right: auto;
	margin-left: auto;
}
 }
 @media screen and (max-width: 1200px) {
.menuItems_Fa, .menuItems_En
{
   font-size:large!important;
}
.col-sm-4{
	flex: 0 0 33%!important;
}
	 }

	 @media screen and (max-width: 999px) {
.tablinks
{
	width:95%!important;
}
.HOM
{
	 display:none;
}
.SHOM
{
	display:inherit;
}
.pagination
{ 
	padding: 0px;
}
.rightBanner , .half_Percent_Banner
{
	padding:10px 0px;
}
 .radioDiv
 {
	  padding:0px;
 }
.paginationForSign
{
	margin-right:0px;
	margin-left:0px;
}
.catsDiv_n
{
	 margin:auto;
	 padding:0px;
}

.span3-1 
{
	width: 100%;
	max-width: 100%;
	padding: 0px;
	margin:auto;
}

.bigBanner_2
{
	width:100%;
  }
.half_Percent_Banner
{
	width: 100%;
 }
.prodPicDiv
{
	width:90%;
}

.prodDiv {
	width:95%;
}
h3 
{
  	text-align: center!important;
	font-size: 1.4rem;
}

.flex-box > div {
  width: 100%;
  margin: 9px;

}
.texte_motoon_Fa
{
	padding:10px; 
	text-align: justify;
	font-family:'BMitra';
	line-height: 40px; 
	font-size:110%;
}
.texte_motoon_En
{
	padding:10px; 
	text-align: justify;
	font-family: "Times New Roman", Times, serif;
	line-height: 40px; 
	font-size:110%;
 }
.pic_border 
{
	padding:2px;
	width:100%
  }
	.contactBox
	{
		width:100%; 
	}
	 .mobil_display
	{
		display: none!important;
	}  
	
	 .fle_1 , .fle_2
	{	
		flex:none;
		max-width: inherit;
 	}
	.mobil_pic
	{
		width:95%;
		height:inherit;

	}
 
	.search_bar , .mini_search2
	{
		width:100%!important; 
	}
	.Desc
	{
		position:relative; width:100%;direction:rtl
	}
	.ImageProd
	{
		width:100%;
	}
	.ProdSideBar
	{
		position:relative;
		direction:rtl;
		width:100%;
	}
.back_sign
{
	width:98%;
}
.p_list_img
{
	display:none;
}
.picSignDiv
{
 	width:18%;
}  
   
    }

