body{ background: linear-gradient(to top, #00024f, #cf000a);background-size:  cover; }body,table,tr,td,form,div,p,h1,h2,h3,h4{font-family:Arial,Verdana,Geneva,Helvetica,sans-serif;font-size:small;font-style:normal;color:#3c3c3c;margin:0;padding:0}

.body-ar{background-color:#5ca842}
a:link,a:visited,a:hover,a{font-family:Arial,Verdana,Geneva,Helvetica,sans-serif;font-size:small;font-style:normal;color:#3c3c3c}a{text-decoration:none}


h1{font-family:Arial;color:#0c3256;font-size:19px;font-weight:600;margin:5  5px  10px}
h2{font-family:Arial;color:#0c3256;font-size:15px;font-weight:600;margin:5  5px  10px}


#header{position:fixed;top:0px;width: 100%;overflow:hidden;min-height:76px;padding:7px 0 1px 0;border-bottom:3px solid #c2c2c2;background-color:#fff}


 
#avatar{position:absolute;top:5px;left:10px}#header div.avatar img{ height:95px;width:auto}
#text{min-width:220px;margin:5 20px 9px 140px}


 /*Arabic Page */

#avatar-ar{position:absolute;top:4px;right: 6px}#header div.avatar img{max-height:95px;width:auto}


#avatar-en{position:absolute;top:4px;left: 6px}#header div.avatar img{max-height:95px;width:auto}

#text-ar{min-width:220px;text-align:right;margin:12 140px 5px  -30px}

#header-ar{position:fixed;top:0px;width: 100%;overflow:hidden;min-height:95px;padding:-3px 0 1px 0;border-bottom:3px solid #5ca842;background-color:#fff}

#text-header-ar{margin-top: 90px;height: 0px;padding:-20px}


#footer-ar{position:fixed;bottom:0px;width: 100%;overflow:hidden;min-height:50px;padding:6px 0 10px 0;border-top:3px solid #5ca842;background-color:#fff}

#footer1-ar{position:fixed;bottom:69px;width: 100%;overflow:hidden;min-height:60px;border-bottom:3px solid #5ca842;background-color:#fff }


 /*End Arabic Page */

#breadcrumbs{position:fixed;top:84px;width: 100%;overflow: hidden;min-height:0px;text-indent:10px;padding:9px 10 10px 0;background:none repeat scroll 0 0 #0c3256;border-bottom:solid 2px #c2c2c2;padding-bottom:5px;margin:13px 0px}

#breadcrumbs1{position:fixed;top:77px;width: 100%;overflow: hidden;min-height:0px;text-indent:10px;padding:5px 10 5px 0;background:none repeat scroll 0 0 #0c3256;border-bottom:solid 2px #c2c2c2;padding-bottom:5px;margin:13px 0px}


#text-header{margin-top: 115px;height: 0px;padding:-20px}


 /* internal pages ... Branches */
 
 
#text-header1{margin-top: 160px;height: 0px;padding:-20px}


.contact-item{height:auto;background-color:#0c3256;border-bottom:2px solid #d3010a;border-top:2px solid #d3010a;display:block;margin-bottom:-1px;min-height:32px;padding:7px;position:static}
 
span.n-lbl{font-weight:600;color:#fff;font-family:egular;display:block;margin-left:52px;margin-bottom:8px;margin-top:-40px;word-wrap:break-word}
span.n-lbl1{font-weight:600;color:#fff;font-family:egular;display:block;margin-left:52px;margin-bottom:4px;margin-top:-40px;word-wrap:break-word}

span.value{display:block;color:#fff;font-family:egular;margin-left:52px;word-wrap:break-word}span.value span.ttle{display:block;margin-top:5px;border-top:dotted 1px #999;padding-top:5px}span.value span.sub-value{margin-top:1px;display:block;color:#666}

div.related-content{background-color:#fff;margin:10px 10px 15px;padding:10px}



 /* engage */
 
#text-header-engage{margin-top: 120px;height: 0px;padding:-20px}

div.related-content1{background:linear-gradient(to  bottom, #000 0%, #000 100%);margin:-5px 10px 0px;width:200px;height:82px;border:4px solid #537bc5;padding:7px}

div.related-content2{background:linear-gradient(to  bottom, #000 0%, #000 100%);margin:10px 10px 15px;width:200px;height:75px;border:4px solid #3498db;padding:7px}

div.related-content3{background:linear-gradient(to  bottom, #000 0%, #000 100%);margin:10px 10px 15px;width:200px;height:80px;border:4px solid #d02122;padding:7px}

div.related-content4{background:linear-gradient(to  bottom, #000 0%, #000 100%);margin:10px 10px 15px;width:200px;height:75px;border:4px solid #8f3aa1;padding:7px}

div.related-content5{background:linear-gradient(to  bottom, #000 0%, #000 100%);margin:10px 10px 15px;width:200px;height:75px;border:4px solid #0077b5;padding:7px}

div.related-content6{background:linear-gradient(to top, #000 0%, #000 100%);margin:10px 10px 15px;width:200px;height:75px;border:4px solid #ca2128;padding:7px}

 /* end engage */

#footer{position:fixed;bottom:0px;width: 100%;overflow:hidden;min-height:50px;padding:6px 0 10px 0;border-top:3px solid #c2c2c2;background-color:#fff}
 
#footer1{position:fixed;bottom:50px;width: 100%;overflow:hidden;min-height:60px;border-bottom:3px;z-index:-1 }

p{ font-size:10; font-weight:200; color:#fff;font-family:egular}

#p2 
{
 font-size:12;
 font-weight:600
;
 color:#02263f;
 font-family:egular
 
}

#p3 
{
 font-size:8;
 font-weight:600
;
 color:#02263f;
 font-family:egular
 
}


@font-face {
font-family: "egular";
src: url("../../../s0.webproxy.nic.tel/smartphone/css/egular.ttf");
}

 
.bg {
  animation:slide 3s ease-in-out infinite alternate;
  background-image: linear-gradient(-60deg, #002753 50%, #00abeb 50%);
  bottom:0;
  left:-50%;
  opacity:.5;
  position:fixed;
  right:-50%;
  top:0;
  z-index:-1;
}

.bg2 {
  animation-direction:alternate-reverse;
  animation-duration:4s;
}

.bg3 {
  animation-duration:5s;
}

 

 
@keyframes slide {
  0% {
    transform:translateX(-25%);
  }
  100% {
    transform:translateX(25%);
  }
}

.redTable {
  border: 2px solid #58595b;
  background-color: #00517d;
   width: 20%;
   position: center center
  
}
table.redTable td, table.redTable th {
  border: 1px solid #58595b;
  border-bottom: 6px solid #58595b;
  padding: 3px 2px;
}
table.redTable tbody td {
  font-size: 9px;
  font-family: "Dubai-Regular", Dubai-Regular;
}
table.redTable tr:nth-child(even) {
  background: #00aef0;
}
table.redTable thead {
  background: #38927e;
}
table.redTable thead th {
  font-size: 9px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  border-left: 2px solid #38927e;
}
table.redTable thead th:first-child {
  border-left: none;
}

table.redTable tfoot {
  font-size: 9px;
  font-weight: bold;
  color: #FFFFFF;
  background: #38927e;
}
table.redTable tfoot td {
  font-size: 9px;
}
table.redTable tfoot .links {
  text-align: right;
}
table.redTable tfoot .links a{
  display: inline-block;
  background: #FFFFFF;
  color: #38927e;
  padding: 2px 8px;
  border-radius: 5px;
}