@font-face {
  font-family: 'Nassim+';
  src: url(../fonts/Nassim.eot);
  src: url(../fonts/Nassim.eot#iefix) format('embedded-opentype'),
       url(../fonts/Nassim.ttf) format('truetype'),
       url(../fonts/Nassim.woff) format('woff2'),
       url(../fonts/Nassim.woff) format('woff');
}

@font-face {
  font-family:'Yekan+';
  src: url(../fonts/Yekan.eot);
  src: url(../fonts/Yekan.eot#iefix) format('embedded-opentype'),
       url(../fonts/Yekan.ttf) format('truetype'),
       url(../fonts/Yekan.woff) format('woff2'),
       url(../fonts/Yekan.woff) format('woff');
}

@font-face {
  font-family: yekan;
  src: url('../fonts/Yekan.eot');
  src: url('../fonts/Yekan.eot#iefix') format('embedded-opentype'),
       url('../fonts/Yekan.ttf')  format('truetype'),
       url('../Fonts/Yekan.svg') format('svg');
}

/* Hide extra col in Mobile view - Design for width of 768px */
@media all and (min-width: 0px) and (max-width: 767px) {
    td.extra{
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;       
    } 
}

html, html a {
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}

body{
    font-family:'Yekan+';
    font-size:14pt;
}

body h1{
	font-family:"Nassim+";
	font-size:16pt;        
	direction:rtl;
}

body h2{
	font-family:"Nassim+";
	font-size:14pt;
	direction:rtl;
}

body h3{
    font-family:"Yekan+";
	font-size:12pt;
	direction:rtl;
}

body h4{
    font-family:"Yekan+";
	font-size:10pt;
	direction:rtl;
}

body div, header, footer{
    margin: auto; /* align:center */
}

body table{
    margin: auto;
    width:100%;
}

body table td{
    vertical-align:top;
    padding:0px;    /* border:0 */
}

a{
	color:#444444;
	text-decoration:none;
}
a:hover, a:active{
    color:#888888;
    text-decoration:none;
}

.h1
{
    font-family:"Nassim+";
	font-size:16pt;        
	direction:rtl;
}

.h2
{
	font-family:"Nassim+";
	font-size:14pt;
	direction:rtl;
}

.h3
{
    font-family:"Yekan+";
	font-size:12pt;
	direction:rtl;
}

.h4
{
    font-family:"Yekan+";
	font-size:10pt;
	direction:rtl;
}

.shadow{
  -webkit-box-shadow: 3px 3px 3px #888888;
          box-shadow: 3px 3px 3px #888888;
}

.watermark{
	color:Gray;
}

.imgSepia{
    -webkit-filter: sepia(0);
    filter: sepia(0);
}
.imgSepia:hover{
    -webkit-filter: sepia(60%);
    filter: sepia(0.6);
}

.imgGrayscale{
    -webkit-filter: grayscale(100%);
    filter: grayscale(1);
}

.grpBorder
{
     border:1px solid #ccc;
}

.grpBorder:hover
{
    border:2px solid #777;
    cursor:pointer;
}