* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body{
	background: #fff;
    color: #929296;
    font-family:  Helvetica, Arial, sans-serif ;
    font-size: 14px;
    line-height: 1.57143;}
/*#################################Headers###########################*/
h1, h2, h3, h4, h5, h6 {
  color: #222222;
  font-family:"brand-font-light", Helvetica, Arial, sans-serif ;
  font-style: normal;
  font-weight: normal;
  line-height: 1.4; 
  text-rendering: optimizeLegibility; }
  h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    color: #6f6f6f;
    font-size: 60%;
    line-height: 0; }

h1 {
  font-size: 1.88889rem; }

h2 {
  font-size: 1.4rem; }

h3 {
  font-size: 1.22222rem; }

h4 {
  font-size: 1.0rem; }

h5 {
  font-size: 0.9rem; }

h6 {
  font-size: 0.8rem; }

.subheader {
  line-height: 1.4;
  color: #6f6f6f;
  font-weight: normal;
  }

/*#################################END HEADERS########################*/
/*#################################SEPARATORS########################*/
h1, h2, h3, h4, h5, h6, ul, ol,dl, p,blockquote{}
h1, h2, h3, h4, h5, h6,img{padding-bottom:0px;}
pre{margin: 10px;}
table h1,table h2,table h3, table h4, table h5, table h6, table p, table ul, table ol, table dl{padding:0;}
a {color: #4594ef; text-decoration: none;}
a:focus, a:hover {text-decoration: underline;}
a:focus{}
a:visited { }
.ver-align-bot{vertical-align:text-bottom}
.ver-align-middle{vertical-align:middle}
.ver-align-sub{vertical-align:sub}
.ver-align-super{vertical-align:super}
.line-height20{line-height:20px}
.clb{clear:both}
.text-uppercase{text-transform:uppercase}
/*#################################END SEPARATORS########################*/
/*################################DEFULT  COLORS###############################*/


/*
Color mood based on adobe color.com
light-gray: #a5a5a9 
gray: #3f3f3f 
black:#171717 
orange:#ee5329 



*/
.brand-color{color:#22849f}

.brand-txt-color{color:#222}
.brand-header{color:#3f3f3f}
.brand-secondary-header{color:#eb4a2c}
.brand-link{color:#ee5329;}
.brand-secondary-link{color:#eb4a2c;}
.color-default{color:#a5a5a9}
.color-primary{color:#ee5329}
.color-info{color:#5bc0de}
.color-success{color:#5cb85c}
.color-warning{color:#f0ad4e}
.color-danger{color:#d9534f}
.color-very-danger{color:#9C1214}
.color-light{color:#fff}
/*################################END DEFULT D1G COLORS###########################*/
/*################################DEFULT BACKGROUNDS COLORS###########################*/
.brand-primary-bg{background:#22262b}
.brand-secondary-bg{background:#33363c}
.bg-default{background:#a5a5a9}
.bg-primary{background:#ee5329}
.bg-info{background:#5bc0de !important}
.bg-success{background:#5cb85c !important}
.bg-warning{background:#f0ad4e !important}
.bg-danger{background:#d9534f !important}
.black-bg{background:#000 !important}
.white-bg{background:#fff !important}
/*################################END DEFULT BACKGROUNDS COLORS###########################*/
.mt2{margin:2px 0 0 0}
/*#################################MARGINS########################*/
/*all margins*/
.m5{margin:5px}
.m10{margin:10px}
.m15{margin:15px}
.m20{margin:20px}
.m25{margin:25px}
/*margin top*/
.mt5{margin:5px 0 0 0}
.mt10{margin:10px 0 0 0}
.mt15{margin:15px 0 0 0}
.mt20{margin:20px 0 0 0}
.mt25{margin:25px 0 0 0}
/*margin right*/
.mr5{margin:0 5px 0 0}
.mr10{margin:0 10px 0 0}
.mr15{margin:0 15px 0 0}
.mr20{margin:0 20px 0 0}
.mr25{margin:0 25px 0 0}
/*margin bottom*/
.mb5{margin:0  0 5px 0}
.mb10{margin:0  0 10px 0}
.mb15{margin:0 0 15px 0}
.mb20{margin:0 0 20px 0}
.mb25{margin:0 0 25px 0}
.mb50{margin:0 0 50px 0}
.mb55{margin:0 0 55px 0}
/*margin left*/
.ml5{margin:0 0 0 5px}
.ml10{margin:0  0 0 10px}
.ml15{margin:0  0 0 15px}
.ml20{margin:0  0 0 20px}
.ml25{margin:0  0 0 25px}
/*#################################END MARGINS########################*/
/*#################################PADDINGS########################*/
/*all paddings*/
.p5{padding:5px}
.p10{padding:10px}
.p15{padding:15px}
.p20{padding:20px}
.p25{padding:25px}
/*padding top*/
.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pt15{padding-top:15px}
.pt20{padding-top:20px}
.pt25{padding-top:25px}
/*padding right*/
.pr5{padding:0 5px 0 0}
.pr10{padding:0 10px 0 0}
.pr15{padding:0 15px 0 0}
.pr20{padding:0 20px 0 0}
.pr25{padding:0 25px 0 0}
/*padding bottom*/
.pb5{padding:0  0 5px  0}
.pb10{padding:0 0 10px 0}
.pb15{padding:0 0 15px 0}
.pb20{padding:0 0 20px 0}
.pb25{padding:0 0 25px 0}
/*padding left*/
.pl5{padding:0  0 0 5px}
.pl10{padding:0  0 0 10px} 
.pl15{padding:0  0 0 15px}
.pl20{padding:0  0 0 20px}
.pl25{padding:0  0 0 25px}
/*#################################END PADDINGS########################*/
.mr2{margin: 0 2px 0 0}
.ml2{margin: 0 0 0 2px}
/*#################################ALIGNMENT AND FLOATING########################*/
.fl{float:left;}
.fr{float:right;}
.alignleft {text-align:left !important;}
.alignright {text-align:right;}
.aligncenter {text-align:center;}
.aligjustify{text-align:justify}

/*#################################END ALIGNMENT AND FLOATING########################*/
/*#################################FONTS########################*/
.fontz10{font-size:10px}.fontz11{font-size:11px}.fontz12{font-size:12px}.fontz13{font-size:13px}.fontz14{font-size:14px}.fontz15{font-size:15px}
.fontz16{font-size:16px}.fontz17{font-size:17px}.fontz18{font-size:18px}.fontz19{font-size:19px}.fontz21{font-size:21px}.fontz23{font-size:23px}.fontz24{font-size:24px}.fontz60{font-size:60px}
.bold-fw{font-weight:bold}.font-italic{font-style:italic} .font-normal{font-weight:normal!important}
/*#################################END FONTS########################*/
/*#################################DISPLAY########################*/
.dis-none{display:none}.dis-block{display:block}.dis-inline{display:inline}.dis-inblock{display:inline-block !important;}
/*#################################POSITIONS########################*/
.pos-rel{position:relative}.pos-abs{position:absolute}.pos-fixed{position:fixed} .pos-static{position:static !important}
/*#################################END POSITION########################*/
/*#################################END DISPLAY########################*/
/*#################################OVERFLOW########################*/
.over-h{overflow:hidden}.over-auto{overflow:auto}.over-x{overflow-x:hidden}
.visibility-h{visibility:hidden;position:absolute; z-index:-1}
/*#################################END OVERFLOW########################*/
/*#################################D1G FONT########################*/
/*
@font-face {
  font-family: 'GothamNights';
  src: url("/webPortal/javax.faces.resource/fonts/GothamNights.eot.xhtml");
  src: url("") format('embedded-opentype'),
       url("/webPortal/javax.faces.resource/fonts/GothamNights.woff2.xhtml") format('woff2'),
       url("/webPortal/javax.faces.resource/fonts/GothamNights.woff.xhtml") format('woff'),
       url("/webPortal/javax.faces.resource/fonts/GothamNights.ttf.xhtml") format('truetype'),
       url("") format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'brand-font-bold';
  src: url("/webPortal/javax.faces.resource/fonts/DroidArabicKufi-Bold.eot.xhtml");
  src: url("") format('embedded-opentype'),
       url("/webPortal/javax.faces.resource/fonts/DroidArabicKufi-Bold.woff2.xhtml") format('woff2'),
       url("/webPortal/javax.faces.resource/fonts/DroidArabicKufi-Bold.woff.xhtml") format('woff'),
       url("/webPortal/javax.faces.resource/fonts/DroidArabicKufi-Bold.ttf.xhtml") format('truetype'),
       url("") format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'brand-font-light';
  src: url("/webPortal/javax.faces.resource/fonts/DroidArabicKufi.eot.xhtml");
  src: url("") format('embedded-opentype'),
       url("/webPortal/javax.faces.resource/fonts/DroidArabicKufi.woff2.xhtml") format('woff2'),
       url("/webPortal/javax.faces.resource/fonts/DroidArabicKufi.woff.xhtml") format('woff'),
       url("/webPortal/javax.faces.resource/fonts/DroidArabicKufi.ttf.xhtml") format('truetype'),
       url("") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'brand-numbers';
  src: url("/webPortal/javax.faces.resource/fonts/scratch.eot.xhtml");
  src: url("") format('embedded-opentype'),
       url("/webPortal/javax.faces.resource/fonts/scratch.woff2.xhtml") format('woff2'),
       url("/webPortal/javax.faces.resource/fonts/scratch.woff.xhtml") format('woff'),
       url("/webPortal/javax.faces.resource/fonts/scratch.ttf.xhtml") format('truetype'),
       url("") format('svg');
  font-weight: normal;
  font-style: normal;
}


.barnd-font-bold{font-family:brand-font-bold ,Arial, Helvetica, sans-serif}
.brand-font-light{font-family:brand-font-light ,Arial, Helvetica, sans-serif}
*/
/*#################################END D1G FONT########################*/
/*#################################BOEDER RADIUS########################*/
.radius5{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.radius10{-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.radius15{-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;}
.radius20{-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
.radius-b-lr5{-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;}
.text-shadow{text-shadow: 4px 4px 5px rgba(195, 195, 195, 1);}
.mbox-shadow{-webkit-box-shadow: 0px 1px 5px rgba(85, 85, 85, 0.5);
-moz-box-shadow:    0px 1px 5px rgba(85, 85, 85, 0.5);
box-shadow:         0px 1px 5px rgba(85, 85, 85, 0.5); border:1px solid #8a8888\9}
.foot-text-shadow{text-shadow:-1px 3px 2px #000000}
.box-border{border:1px solid #ccc; overflow:hidden}
/*#################################END BOEDER RADIUS########################*/
.responsive-img{width:100%; height:auto;width: auto\9; /* for ie 8 */ }
.horizantal-list{}
.horizantal-list > li{float:left}
.horizantal-list-mr10 li{margin:0 10px 0 0}
.horizental-list-18z li a i {font-size: 18px}

blockquote {
    border-left: 1px solid #dddddd;
    margin: 0 0 1.11111rem;
    padding: 0.5rem 1.11111rem 0 1.05556rem;
}
blockquote cite {
    color: #555555;
    display: block;
    font-size: 0.72222rem;
}
blockquote cite::before {
    content: "— ";
}
blockquote cite a, blockquote cite a:visited {
    color: #555555;
}
blockquote, blockquote p {
    color: #6f6f6f;
    line-height: 1.6;
}