@font-face {
  font-family: 'BBadr';
  src: url('fonts/BBadr.eot?#') format('eot'),  /* IE6–8 */
       url('fonts/BBadr.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('fonts/BBadr.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@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+ */
}

@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+ */
}

@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+ */
}

@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+ */
}

@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+ */
}

@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+ */
}

@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+ */
}

@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+ */
}

@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+ */
}

@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+ */
}

@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+ */
}

@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+ */
}

@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+ */
}

@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+ */
}

@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+ */
}

@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+ */
}

@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+ */
}

@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+ */
}

@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+ */
}

@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+ */
}

@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+ */
}

@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+ */
}

@font-face {
  font-family: 'BNasimBold';
  src: url('fonts/BNasimBold.eot?#') format('eot'),  /* IE6–8 */
       url('fonts/BNasimBold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('fonts/BNasimBold.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
  font-family: 'BNazanin';
  src: url('fonts/BNazanin.eot?#') format('eot'),  /* IE6–8 */
       url('fonts/BNazanin.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('fonts/BNazanin.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@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+ */
}

@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+ */
}

@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+ */
}

@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+ */
}

@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+ */
}

@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+ */
}

@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+ */
}

@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+ */
}

@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+ */
}

@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+ */
}

@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+ */
}

@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+ */
}

@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+ */
}

@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+ */
}

@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+ */
}

body {
	background: #f6f6ec;
}


#container {
	background: #fff;
	font-size: 20px;
	width: 90%;
	padding: 2em 0;
	margin: 30px auto;
	position: relative;
	-webkit-border-radius: 12px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
	-moz-border-radius: 12px; /* FF1-3.6 */
	border-radius: 12px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
	-webkit-box-shadow: 0px 0px 10px #cdcdc3; /* Saf3.0+, Chrome */
	-moz-box-shadow: 0px 0px 10px #cdcdc3; /* FF3.5 - 3.6 */
	box-shadow: 0px 0px 10px #cdcdc3; /* Opera 10.5, IE9, FF4+, Chrome 10+ */

}

#container div {
	padding: 1em 2em;
	-webkit-transition: background-color 0.3s ease-out;  /* Saf3.2+, Chrome */
	-moz-transition: all 0.3s ease-out;  /* FF4+ */
	-ms-transition: all 0.3s ease-out;  /* IE10? */
	-o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
	transition: all 0.3s ease-out;
	position: relative;  
}

#container div span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	padding: 10px;
	font-weight: bold;
	color: #fff;
	background: #C00;
	font: bold 18px/1 "Times New Roman", Times, serif;
	-webkit-border-radius: 0 0 5px 0;
	-moz-border-radius: 0 0 5px 0;
	border-radius: 0 0 5px 0;
	display: none;
}
	
#container div:hover {
	background: #E6E6CA;
	text-shadow: 0 1px 0 #fff;
}

#container div:hover span {
	text-shadow: none;
	display: block;
}



.BBadr {
	font-family: BBadr, Arial, Helvetica, sans-serif;
}

.BBaran {
	font-family: BBaran, Arial, Helvetica, sans-serif;
}

.BBardiya {
	font-family: BBardiya, Arial, Helvetica, sans-serif;
}

.BCompset {
	font-family: BCompset, Arial, Helvetica, sans-serif;
}

.BDavat {
	font-family: BDavat, Arial, Helvetica, sans-serif;
}

.BElham {
	font-family: BElham, Arial, Helvetica, sans-serif;
}

.BEsfehanBold {
	font-family: BEsfehanBold, Arial, Helvetica, sans-serif;
}

.BFantezy {
	font-family: BFantezy, Arial, Helvetica, sans-serif;
}

.BFarnaz {
	font-family: BFarnaz, Arial, Helvetica, sans-serif;
}

.BFerdosi {
	font-family: BFerdosi, Arial, Helvetica, sans-serif;
}

.BHamid {
	font-family: BHamid, Arial, Helvetica, sans-serif;
}

.BHelal {
	font-family: BHelal, Arial, Helvetica, sans-serif;
}

.BHoma {
	font-family: BHoma, Arial, Helvetica, sans-serif;
}

.BJadidBold {
	font-family: BJadidBold, Arial, Helvetica, sans-serif;
}

.BJalal {
	font-family: BJalal, Arial, Helvetica, sans-serif;
}

.BKoodakBold {
	font-family: BKoodakBold, Arial, Helvetica, sans-serif;
}

.BKourosh {
	font-family: BKourosh, Arial, Helvetica, sans-serif;
}

.BLotus {
	font-family: BLotus, Arial, Helvetica, sans-serif;
}

.BMahsa {
	font-family: BMahsa, Arial, Helvetica, sans-serif;
}

.BMehrBold {
	font-family: BMehrBold, Arial, Helvetica, sans-serif;
}

.BMitra {
	font-family: BMitra, Arial, Helvetica, sans-serif;
}

.BMorvarid {
	font-family: BMorvarid, Arial, Helvetica, sans-serif;
}

.BNarm {
	font-family: BNarm, Arial, Helvetica, sans-serif;
}

.BNasimBold {
	font-family: BNasimBold, Arial, Helvetica, sans-serif;
}

.BNazanin {
	font-family: BNazanin, Arial, Helvetica, sans-serif;
}

.BRoya {
	font-family: BRoya, Arial, Helvetica, sans-serif;
}

.BSetarehBold {
	font-family: BSetarehBold, Arial, Helvetica, sans-serif;
}

.BShiraz {
	font-family: BShiraz, Arial, Helvetica, sans-serif;
}

.BSinaBold {
	font-family: BSinaBold, Arial, Helvetica, sans-serif;
}

.BTabassom {
	font-family: BTabassom, Arial, Helvetica, sans-serif;
}

.BTehran {
	font-family: BTehran, Arial, Helvetica, sans-serif;
}

.BTitrBold {
	font-family: BTitrBold, Arial, Helvetica, sans-serif;
}

.BTitrTGEBold {
	font-family: BTitrTGEBold, Arial, Helvetica, sans-serif;
}

.BTraffic {
	font-family: BTraffic, Arial, Helvetica, sans-serif;
}

.BVahidBold {
	font-family: BVahidBold, Arial, Helvetica, sans-serif;
}

.BYagut {
	font-family: BYagut, Arial, Helvetica, sans-serif;
}

.BYas {
	font-family: BYas, Arial, Helvetica, sans-serif;
}

.BYekan {
	font-family: BYekan, Arial, Helvetica, sans-serif;
}

.BZar {
	font-family: BZar, Arial, Helvetica, sans-serif;
}

.BZiba {
	font-family: BZiba, Arial, Helvetica, sans-serif;
}




.vakilian1 {
color: white;
text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
}
.vakilian2 {
color: coral;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.vakilian3 {
text-shadow: 0 0 3px #FF0000;
}
.vakilian4 {
text-shadow: 2px 2px 4px #000000;
}
.vakilian5 {
text-shadow: 0 0 3px #FF0000, 0 0 5px #0000FF;
}
.vakilian6 {
text-shadow: 2px 2px 5px red;
}
.vakilian7 {
text-shadow: 2px 2px red;
}
.vakilian8 {
color: coral;
text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}
.vakilian9 {
text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}
.vakilian10 {
color: #FFFFFF;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.vakilian11 {
color: #FE4D57;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.vakilian12 { 
  text-shadow: 0 1px 0 #ffffff,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
 -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}



.rise {
	text-shadow: -0.01em -0.01em 0.01em #000;
	animation: rise 2s ease-in-out 0.5s forwards;
}
@keyframes rise {
	to {
		text-shadow: 0em 0.01em #ff5, 0em 0.02em #ff5, 0em 0.02em 0.03em #ff5,
			-0.01em 0.01em #333, -0.02em 0.02em #333, -0.03em 0.03em #333,
			-0.04em 0.04em #333, -0.01em -0.01em 0.03em #000, -0.02em -0.02em 0.03em #000,
			-0.03em -0.03em 0.03em #000;
		transform: translateY(-0.025em) translateX(0.04em);
	}
}
.outline {
	background-clip: text;
	color: #ffdd40;
	animation: outline 1s ease-in-out 1.5s forwards;
}
@keyframes outline {
	from {
		text-shadow: 0em -7em 10em #fff;
	}
	to {
		text-shadow: 0 0.02em #fff, 0.02em 0 #fff, -0.02em 0 #fff, 0 -0.02em #fff;
	}
}
.small {
font-size:14pt;
color: #0066FF;

}