.dn {display: none;}
.db {display: block;}
.dib {display: inline-block;}
.df {display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;}

/* Flex */
.fdc {-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;}
.fdr {-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
-o-flex-direction: row;
flex-direction: row;}

.fdcr {-webkit-flex-direction: column-reverse;
-moz-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
-o-flex-direction: column-reverse;
flex-direction: column-reverse;}
.fdrr {-webkit-flex-direction: row-reverse;
-moz-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
-o-flex-direction: row-reverse;
flex-direction: row-reverse;}

.fo1 {-webkit-order: 1;
-moz-order: 1;
-ms-order: 1;
-o-order: 1;
order: 1;}
.fo2 {-webkit-order: 2;
-moz-order: 2;
-ms-order: 2;
-o-order: 2;
order: 2;}
.fo3 {-webkit-order: 3;
-moz-order: 3;
-ms-order: 3;
-o-order: 3;
order: 3;}
.fo4 {-webkit-order: 4;
-moz-order: 4;
-ms-order: 4;
-o-order: 4;
order: 4;}

.fg2 {flex-grow: 2;}
.fg3 {flex-grow: 3;}
.fg4 {flex-grow: 4;}
.fg5 {flex-grow: 5;}
.fg6 {flex-grow: 6;}

.fs1 {flex-shrink: 1;}
.fs2 {flex-shrink: 2;}
.fs3 {flex-shrink: 3;}
.fs4 {flex-shrink: 4;}
.fs5 {flex-shrink: 5;}
.fs6 {flex-shrink: 6;}

.fwnw {-webkit-flex-wrap: nowrap;
-moz-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
-o-flex-wrap: nowrap;
flex-wrap: nowrap;}
.fww {-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;}
.fwwr {-webkit-flex-wrap: wrap-reverse;
-moz-flex-wrap: wrap-reverse;
-ms-flex-wrap: wrap-reverse;
-o-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;}

.fasfs {-ms-align-self: flex-start;
align-self: flex-start;}
.fasfe {-ms-align-self: flex-end;
align-self: flex-end;}
.fasc {-ms-align-self: center;
align-self: center;}
.fass {-ms-align-self: stretch;
align-self: stretch;}

.fjcfs {justify-content: flex-start;}
.fjcfe {justify-content: flex-end;}
.fjcc {justify-content: center;}
.fjcsb {justify-content: space-between;}
.fjcsa {justify-content: space-around;}

.faifs {-ms-align-items: flex-start;
align-items: flex-start;}
.faife {-ms-align-items: flex-end;
align-items: flex-end;}
.faic {-ms-align-items: center;
align-items: center;}
.fais {-ms-align-items: stretch;
align-items: stretch;}

.facfs {align-content: flex-start;}
.facfe {align-content: flex-end;}
.facc {align-content: center;}
.facs {align-content: stretch;}
.facsb {align-content: space-between;}
.facsa {align-content: space-around;}

.rtl {direction: rtl;}
.ltr {direction: ltr;}

.br5 {border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
.br10 {border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;}
.br15 {border-radius: 15px;-webkit-border-radius: 15px;-moz-border-radius: 15px;}
.br20 {border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;}
.br30 {border-radius: 30px;-webkit-border-radius: 30px;-moz-border-radius: 30px;}
.br50 {border-radius: 50px;-webkit-border-radius: 50px;-moz-border-radius: 50px;}

.brtl5 {border-top-left-radius: 5px;-webkit-border-top-left-radius: 5px;-moz-border-radius-topleft: 5px;}
.brtl10 {border-top-left-radius: 10px;-webkit-border-top-left-radius: 10px;-moz-border-radius-topleft: 10px;}
.brtl15 {border-top-left-radius: 15px;-webkit-border-top-left-radius: 15px;-moz-border-radius-topleft: 15px;}
.brtl20 {border-top-left-radius: 20px;-webkit-border-top-left-radius: 20px;-moz-border-radius-topleft: 20px;}
.brtl30 {border-top-left-radius: 30px;-webkit-border-top-left-radius: 30px;-moz-border-radius-topleft: 30px;}
.brtl50 {border-top-left-radius: 50px;-webkit-border-top-left-radius: 50px;-moz-border-radius-topleft: 50px;}

.brtr5 {border-top-right-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topright: 5px;}
.brtr10 {border-top-right-radius: 10px;-webkit-border-top-right-radius: 10px;-moz-border-radius-topright: 10px;}
.brtr15 {border-top-right-radius: 15px;-webkit-border-top-right-radius: 15px;-moz-border-radius-topright: 15px;}
.brtr20 {border-top-right-radius: 20px;-webkit-border-top-right-radius: 20px;-moz-border-radius-topright: 20px;}
.brtr30 {border-top-right-radius: 30px;-webkit-border-top-right-radius: 30px;-moz-border-radius-topright: 30px;}
.brtr50 {border-top-right-radius: 50px;-webkit-border-top-right-radius: 50px;-moz-border-radius-topright: 50px;}

.brbl5 {border-bottom-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomleft: 5px;}
.brbl10 {border-bottom-left-radius: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomleft: 10px;}
.brbl15 {border-bottom-left-radius: 15px;-webkit-border-bottom-left-radius: 15px;-moz-border-radius-bottomleft: 15px;}
.brbl20 {border-bottom-left-radius: 20px;-webkit-border-bottom-left-radius: 20px;-moz-border-radius-bottomleft: 20px;}
.brbl30 {border-bottom-left-radius: 30px;-webkit-border-bottom-left-radius: 30px;-moz-border-radius-bottomleft: 30px;}
.brbl50 {border-bottom-left-radius: 50px;-webkit-border-bottom-left-radius: 50px;-moz-border-radius-bottomleft: 50px;}

.brbr5 {border-bottom-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-bottomright: 5px;}
.brbr10 {border-bottom-right-radius: 10px;-webkit-border-bottom-right-radius: 10px;-moz-border-radius-bottomright: 10px;}
.brbr15 {border-bottom-right-radius: 15px;-webkit-border-bottom-right-radius: 15px;-moz-border-radius-bottomright: 15px;}
.brbr20 {border-bottom-right-radius: 20px;-webkit-border-bottom-right-radius: 20px;-moz-border-radius-bottomright: 20px;}
.brbr30 {border-bottom-right-radius: 30px;-webkit-border-bottom-right-radius: 30px;-moz-border-radius-bottomright: 30px;}
.brbr50 {border-bottom-right-radius: 50px;-webkit-border-bottom-right-radius: 50px;-moz-border-radius-bottomright: 50px;}

.posf {position: fixed !important;}
.posa {position: absolute !important;}
.poss {position: static !important;}
.posr {position: relative !important;}

.bdl {border-left-style: solid;border-width: 1px;}
.bdr {border-right-style: solid;border-width: 1px;}
.bdb {border-bottom-style: solid;border-width: 1px;}
.bdt {border-top-style: solid;border-width: 1px;}
.bd {border-style: solid;border-width: 1px;}

.bd111 {border-color: #111;}
.bd333 {border-color: #333;}
.bd666 {border-color: #666;}
.bd999 {border-color: #999;}
.bdbbb {border-color: #bbb;}
.bdddd {border-color: #ddd;}
.bdfff {border-color: #fff;}
.bd-alqabas {border-color: #0060af;}

.bdz1 {border-width: 1px;}
.bdz3 {border-width: 3px;}
.bdz5 {border-width: 5px;}
.bdz8 {border-width: 8px;}
.bdz10 {border-width: 10px;}
.bdz15 {border-width: 15px;}
.bdz20 {border-width: 20px;}
.bdz25 {border-width: 25px;}
.bdz30 {border-width: 30px;}

.bdn {border: none !important;}

.c000 {color: #000;}
.c111 {color: #111;}
.c222 {color: #222;}
.c333 {color: #333;}
.c444 {color: #444;}
.c555 {color: #555;}
.c666 {color: #666;}
.c777 {color: #777;}
.c888 {color: #888;}
.c999 {color: #999;}
.caaa {color: #aaa;}
.cbbb {color: #bbb;}
.cccc {color: #ccc;}
.cddd {color: #ddd;}
.ceee {color: #eee;}
.cfff {color: #fff;}

.bg111 {background: #111;}
.bg333 {background: #333;}
.bg666 {background: #666;}
.bg999 {background: #999;}
.bgbbb {background: #bbb;}
.bgddd {background: #ddd;}
.bgfff {background: #fff;}

.bg111-50 {background: rgba(18,18,18,.5);}
.bg333-50 {background: rgba(51,51,51,.5);}
.bg666-50 {background: rgba(102,102,102,.5);}
.bg999-50 {background: rgba(153,153,153,.5);}
.bgbbb-50 {background: rgba(187,187,187,.5);}
.bgddd-50 {background: rgba(221,221,221,.5);}
.bgfff-50 {background: rgba(255,255,255,.5);}


.bgpcc {background-position: center;}
.bgptc {background-position: top center;}

.bgrn {background-repeat: no-repeat;}
.bgrr {background-repeat: repeat;}
.bgrx {background-repeat: repeat-x;}
.bgry {background-repeat: repeat-y;}

.bgzcv {background-size: cover;}
.bgzct {background-size: contain;}
.bgza {background-size: auto;}


.m0 {margin: 0 !important;}
.m5 {margin: 5px !important;}
.m10 {margin: 10px !important;}
.m15 {margin: 15px !important;}
.m20 {margin: 20px !important;}
.m25 {margin: 25px !important;}
.m30 {margin: 30px !important;}
.m35 {margin: 35px !important;}

.ma {margin: 0 auto !important;}
.mv5 {margin: 5px 0 !important;}
.mv10 {margin: 10px 0 !important;}
.mv15 {margin: 15px 0 !important;}
.mv20 {margin: 20px 0 !important;}
.mv30 {margin: 30px 0 !important;}

.mh5 {margin: 0 5px !important;}
.mh10 {margin: 0 10px !important;}
.mh15 {margin: 0 15px !important;}
.mh20 {margin: 0 20px !important;}
.mh30 {margin: 0 30px !important;}

.mt0 {margin-top: 0 !important;}
.mb0 {margin-bottom: 0 !important;}
.mr0 {margin-right: 0 !important;}
.ml0 {margin-left: 0 !important;}

.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}

.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}

.mr5 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr30 {margin-right: 30px !important;}

.ml5 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml30 {margin-left: 30px !important;}


.p0 {padding: 0;}
.p1 {padding: 1px;}
.p2 {padding: 2px;}
.p3 {padding: 3px;}
.p4 {padding: 4px;}
.p5 {padding: 5px;}
.p10 {padding: 10px;}
.p15 {padding: 15px;}
.p20 {padding: 20px;}
.p25 {padding: 25px;}
.p30 {padding: 30px;}
.p35 {padding: 35px;}
.p50 {padding: 50px;}
.pt0 {padding-top: 0;}
.pb0 {padding-bottom: 0;}
.pr0 {padding-right: 0;}
.pl0 {padding-left: 0;}
.pv5 {padding: 5px 0;}
.pv10 {padding: 10px 0;}
.pv15 {padding: 15px 0;}
.pv20 {padding: 20px 0;}
.pv25 {padding: 25px 0;}
.pv30 {padding: 30px 0;}
.pv50 {padding: 50px 0;}
.ph5 {padding: 0 5px;}
.ph10 {padding: 0 10px;}
.ph15 {padding: 0 15px;}
.ph20 {padding: 0 20px;}
.ph25 {padding: 0 25px;}
.ph30 {padding: 0 30px;}
.ph50 {padding: 0 50px;}

.fz50 {font-size: .5em;}
.fz65 {font-size: .65em;}
.fz75 {font-size: .75em;}
.fz80 {font-size: .8em;}
.fz90 {font-size: .9em;}
.fz100 {font-size: 1em;}
.fz125 {font-size: 1.25em;}
.fz150 {font-size: 1.5em;}
.fz175 {font-size: 1.75em;}
.fz200 {font-size: 2em;}
.fz250 {font-size: 2.5em;}
.fz300 {font-size: 3em;}
.fz400 {font-size: 4em;}

.lh100 {line-height: 1;}
.lh120 {line-height: 1.2;}
.lh140 {line-height: 1.4;}
.lh150 {line-height: 1.5;}
.lh170 {line-height: 1.7;}
.lh180 {line-height: 1.8;}
.lh200 {line-height: 2;}

.fr {float: right;}
.fl {float: left;}
.fn {float: none;}

.cp {color: #0060af;}
.bgp {background: #0060af;}

.h100 {height: 100% !important;}
.h50 {height: 50% !important;}
.h33 {height: 33% !important;}
.h25 {height: 25% !important;}
.h20 {height: 20% !important;}
.ha {height: auto !important;}
.he10 {height: 10em!important;}
.he11{height: 1.1em !important;}
.he12{height: 1.2em !important;}
.he13{height: 1.3em !important;}
.he14{height: 1.4em !important;}
.he15{height: 1.5em !important;}
.he16{height: 1.6em !important;}
.he17{height: 1.7em !important;}
.he18{height: 1.8em !important;}
.he19{height: 1.9em !important;}
.he20{height: 2em !important;}
.he21{height: 2.1em !important;}
.he22{height: 2.2em !important;}
.he23{height: 2.3em !important;}
.he24{height: 2.4em !important;}
.he25{height: 2.5em !important;}
.he26{height: 2.6em !important;}
.he27{height: 2.7em !important;}
.he28{height: 2.8em !important;}
.he29{height: 2.9em !important;}
.he29{height: 2.9em !important;}
.he30{height: 3em !important;}

.w100 {width: 100% !important;}
.w50 {width: 50% !important;}
.w33 {width: 33% !important;}
.w25 {width: 25% !important;}
.w20 {width: 20% !important;}
.wa {width: auto !important;}

.tac {text-align: center;}
.tar {text-align: right;}
.tal {text-align: left;}
.taj {text-align: justify;}

.t0 {top: 0 !important;}
.r0 {right: 0 !important;}
.l0 {left: 0 !important;}
.b0 {bottom: 0 !important;}

.ta {top: auto !important;}
.ba {bottom: auto !important;}
.ra {right: auto !important;}
.la {left: auto !important;}

.t50 {top: 50% !important;}
.b50 {bottom: 50% !important;}
.r50 {right: 50% !important;}
.l50 {left: 50% !important;}

.t1em {top: 1em !important;}
.t2em {top: 2em !important;}
.t3em {top: 3em !important;}
.t4em {top: 4em !important;}
.t5em {top: 5em !important;}

.z0 {z-index: 0;}
.z1 {z-index: 1;}
.z10 {z-index: 10;}
.z100 {z-index: 100;}
.z1000 {z-index: 1000;}
.z10000 {z-index: 10000;}
.z100000 {z-index: 100000;}

.fwn {font-weight: normal;}
.fwb {font-weight: bold;}
.fwl  {font-weight: lighter;}

.ovh {overflow: hidden;}
.ovv {overflow: visible;}

.on {outline: none;}

.op0 {opacity: 0;}
.op25 {opacity: 0.25;}
.op50 {opacity: 0.50;}
.op75 {opacity: 0.75;}
.op100 {opacity: 1;}


.whsnw {white-space: nowrap;}

@media (max-width: 560px) {
	.he22{height:1.2em!important}
}