@font-face {
    font-family: 'Naskh';
    src: url('/static/fonts/AdobeNaskh-Medium.otf') format('truetype');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'HSudan';
    src: url('/static/fonts/Hacen-Saudi-Arabia.ttf') format('truetype');
    font-weight: normal; font-style: normal;
}
.row-00 { width:100%; margin:0; height:auto; box-sizing:border-box; }
.row-05 { width:90%; margin:auto; height:auto; box-sizing:border-box; }
.row-10 { width:80%; margin:auto; height:auto; box-sizing:border-box; }

.bgc-95 { background-color:#f2f2f2;}
.bgc-90 { background-color:#e6e6e6;}
.bgc-85 { background-color:#d9d9d9;}
.bgc-B1 { background-color:#e6ccb3;}
.bgc-B2 { background-color:#d2a679;}
.bgc-B3 { background-color:#ac7339;}
.bgc-B4 { background-color:#996633;}
.bgc-B5 { background-color:#86592d;}
.bgc-B6 { background-color:#4d3319;}
.bgc-B7 { background-color:#130d06;}

.bgc-lg { background-color:lightgray;}
.bgc-g  { background-color:gray;}
.bgc-dg { background-color:darkgray;}
.bgc-db { background-color:lightblue;}
.bgc-cy { background-color:darkcyan; }
.bgc-c  { background-color:darkcyan; }
.bgc-w  { background-color:white; }

.BoxShade { box-shadow: 0px 2px 7px 2px rgba(50,50,50,0.70) }

/* -----  Text Properties ----- */
.flt-l { float:left; }
.flt-r { float:right;}
.dir-r { direction:rtl; }
.dir-l { direction:ltr; }

.cnt {text-align:center;}
.txt-c { text-align:center;}
.txt-l { text-align: left; }
.txt-r { text-align:right; }
.txt-j { text-align:justify; }


/* -----  fonts Properties ----- */
.N12 { font-family:Naskh; font-size:12px; }
.N16 { font-family:Naskh; font-size:16px; }
.N18 { font-family:Naskh; font-size:18px; }
.N20 { font-family:Naskh; font-size:20px; }
.N22 { font-family:Naskh; font-size:22px; }
.N24 { font-family:Naskh; font-size:24px; }
.N26 { font-family:Naskh; font-size:26px; }
.N28 { font-family:Naskh; font-size:28px; }
.N30 { font-family:Naskh; font-size:30px; }
.N32 { font-family:Naskh; font-size:32px; }
.N36 { font-family:Naskh; font-size:36px; }
.N38 { font-family:Naskh; font-size:38px; }
.N40 { font-family:Naskh; font-size:40px; }
.N42 { font-family:Naskh; font-size:42px; }
.N52 { font-family:Naskh; font-size:52px; }
.N62 { font-family:Naskh; font-size:62px; }
.N72 { font-family:Naskh; font-size:72px; }

.H26 { font-family:HSudan; font-size:26px; } 
.H28 { font-family:HSudan; font-size:28px; }
.H30 { font-family:HSudan; font-size:30px; }
.H32 { font-family:HSudan; font-size:32px; }
.H32 { font-family:HSudan; font-size:32px; }
.H36 { font-family:HSudan; font-size:36px; }
.H40 { font-family:HSudan; font-size:40px; }
.H44 { font-family:HSudan; font-size:44px; }

.C14 { font-family:Calibri; font-size: 14px;}
.S14 { font-family:sans-serif; font-size:14px; }
.S16 { font-family:sans-serif; font-size:16px; }
.S18 { font-family:sans-serif; font-size:18px; }
.S20 { font-family:sans-serif; font-size:20px; }
.S22 { font-family:sans-serif; font-size:22px; }
.S24 { font-family:sans-serif; font-size:24px; }
.S26 { font-family:sans-serif; font-size:26px; }
.S30 { font-family:sans-serif; font-size:30px; }
.S32 { font-family:sans-serif; font-size:32px; }
.S42 { font-family:sans-serif; font-size:42px; }
.S52 { font-family:sans-serif; font-size:52px; }


.Lhi-05 { line-height:0.5;}
.Lhi-07 { line-height:0.7;}
.Lhi-10 { line-height:1.0;}
.Lhi-12 { line-height:1.2;}
.Lhi-14 { line-height:1.4;}
.Lhi-15 { line-height:1.5;}
.Lhi-17 { line-height:1.7;}
.Lhi-22 { line-height:2.2;}
.Lhi-20 { line-height:2.0;}
.Lhi-25 { line-height:2.5;}
.Lhi-30 { line-height:30px;}
.Lhi-35 { line-height:35px;}
.Lhi-40 { line-height:40px;}
.Lhi-50 { line-height:50px;}
.Lhi-60 { line-height:60px;}
.Lhi-70 { line-height:70px;}
.Lhi-80 { line-height:80px;}


/* --  Boxes and Borders Properties -- */
.brd-g { border:1px solid gray; }
.brd-b { border:1px solid Black; }
.brd-r { border:1px solid Red; }
.brd-w { border:1px solid white; }
.brd-L { border:1px solid lightgray;}
.brd-c { border:1px solid darkcyan;}
.brd-1t{ border-top : 1px solid gray; }
.brd-1r{ border-right:1px solid gray; }
.brd-1b{ border-bottom:1px solid gray; }
.brd-1l{ border-left: 1px solid gray; }
.brd-pt { border-bottom: 2px solid white; }

.brd-n {border:none;}

.rud-5  { border-radius:5px;}
.rud-7  { border-radius:7px;}
.rud-10 { border-radius:10px;}
.rud-12 { border-radius:12px;}
.rud-15 { border-radius:15px;}
.rud-25 { border-radius:25px;}
.rud-50 { border-radius:50px;}
.rud-C { border-radius:100px;}
.dBlk { display:block;}
.bzbb { box-sizing:border-box;}
.bzcb { box-sizing:content-box;}

.clr-c { color: darkcyan; }
.clr-w { color: white; }
.clr-g { color: gray; }
.clr-r { color: red; }
.clr-b { color:black; }
.clr-B1 { color:#e6ccb3;}
.clr-B2 { color:#d2a679;}
.clr-B3 { color:#ac7339;}
.clr-B4 { color:#996633;}
.clr-B5 { color:#86592d;}
.clr-B6 { color:#4d3319;}
.clr-B7 { color:#130d06;}


.pdn-5  {padding:5px;}
.pdn-10 {padding:10px;}
.pdn-15 {padding:15px;}
.pdn-20 {padding:20px;}

.mrg-0 {margin:0;}
.mrg-5 {margin:5px;}
.mrg-10 {margin:10px;}

.mrg-T5 {margin-top:5px;}
.mrg-R5 {margin-right:5px;}
.mrg-B5 {margin-bottom:5px;}
.mrg-L5 {margin-left:5px;}

.mrg-T10 {margin-top:10px;}
.mrg-R10 {margin-right:10px;}
.mrg-B10 {margin-bottom:10px;}
.mrg-L10 {margin-left:10px;}

.mrg-T15 {margin-top:15px;}
.mrg-R15 {margin-right:15px;}
.mrg-B15 {margin-bottom:15px;}
.mrg-L15 {margin-left:15px;}

.wdt-100 {width:100%;}

.carousel-item {
    height: 65vh;
    min-height: 300px;
    background: no-repeat center center scroll;
 
    background-size: cover;
}

.portfolio-item {
    margin-bottom: 30px;
}