@font-face {	
	font-family: "DroidKufi-Bold";
    src: url('../fonts/DroidKufi-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "DroidKufi-Regular";
    src: url('../fonts/DroidKufi-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "icons";
    src: url('../images/icons.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.index-menu {  white-space:nowrap;}
.index-menu li { 
list-style:none; 
display:inline-block;
margin-right:20px;
cursor:pointer;
}
.index-menu a { 
font-family:droidkufi-bold; 
font-size:15px; 
color:#555; 
transition-duration:0.2s;
text-decoration:none;
}
.index-menu a:hover { color:#35358e;}

.index-page-header {
font-family:droidkufi-bold; 
font-size:20px; 
color:#555;
border-bottom:3px solid #5757bc;
width:180px;
white-space:nowrap; 	
}


.index-content {
font-family:droidkufi-regular; 
font-size:15px; 
color:#555;
text-align:justify;
text-justify:inter-word;
}
.footer {
font-family:droidkufi-regular; 
font-size:10px; 
color:#fff;
text-align:center;
padding:3px 0;
}



.upload-text-box {
background: #eee;
padding:9px;
 border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
border:0 none;
width:100%;
vertical-align:middle;
font-family:DroidKufi-Regular;
color:#555;
font-size:13px;
}
  
.upload-button {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding: 10px 50px;
  border-radius:5px;
  transition-duration: 0.2s;
  background-color:#5757bc;
  color:#fff;
  font-family:DroidKufi-bold;
  font-size:15px;
  cursor:pointer;
  border:2px solid #5757bc;
} 
.upload-button:hover { color:#5757bc;   background-color:#fff;}
.my-font { font-family:droidkufi-bold; color:#555; width:1%;}






.headertd1{width:1%; display:table-cell; text-align:left;}
.headertd1 img{padding:10px 0 10px 40px; width:350px; max-width:350px;}
.headertd2{width:1%; display:table-cell; text-align:right;}
.headertd2 .index-menu{padding-right:40px;}
.emptyheadertd { display:table-cell;}
@media all and (max-width: 800px),
 only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 800px),
  only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 800px),
   only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 800px),
    only screen and (min-device-pixel-ratio: 2) and (max-width: 800px),
	 only screen and (min-resolution: 192dpi) and (max-width: 800px),
	  only screen and (min-resolution: 2dppx) and (max-width: 800px) {
.headertd1{width:100%; display:block; text-align:center;}
.headertd1 img{padding:10px; width:80%;}
.headertd2{width:100%; display:block; text-align:center;}
.headertd2 .index-menu{padding-right:0;}
.emptyheadertd { display:none;}
}


.contacttd1{width:45%; display:table-cell;}
.contacttd2{width:55%; display:table-cell;}
.emptycontacttd { display:table-cell;}
@media all and (max-width: 900px),
 only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 900px),
  only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 900px),
   only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 900px),
    only screen and (min-device-pixel-ratio: 2) and (max-width: 900px),
	 only screen and (min-resolution: 192dpi) and (max-width: 900px),
	  only screen and (min-resolution: 2dppx) and (max-width: 900px) {
.contacttd1{width:100%; display:block; }
.contacttd2{width:100%; display:block; }
.emptycontacttd { display:none;}
}