@font-face { font-family: 'Droid Arabic Kufi'; font-style: normal; font-weight: 400; src: url(fonts/DroidKufi-Regular.eot); src: url(fonts/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'), url(fonts/DroidKufi-Regular.woff2) format('x-woff2'), url(fonts/DroidKufi-Regular.woff) format('woff'), url(fonts/DroidKufi-Regular.ttf) format('truetype'); }
@font-face { font-family: 'Droid Arabic Kufi'; font-style: normal; font-weight: 700; src: url(fonts/DroidKufi-Bold.eot); src: url(fonts/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'), url(fonts/DroidKufi-Bold.woff2) format('x-woff2'), url(fonts/DroidKufi-Bold.woff) format('woff'), url(fonts/DroidKufi-Bold.ttf) format('truetype'); }

body { margin: 0px; font-family: 'Droid Arabic Kufi'; }

h1,
h2,
h3,
h4,
h5,
h6 { font-weight: 300; font-family: 'Droid Arabic Kufi'; color: #232323; }

p { font-family: 'Droid Arabic Kufi'; font-size: 12px; font-weight: 300; line-height: 17px; color: #444444; }

.navbar-nav { float: left !important; }
.navbar-fixed-top { padding: 0px 15px 20px }
.team-item { padding: 10px; }


/*.intro-text { left: 0px; right: 32%; padding-top: 80px; padding-bottom: 50px; position: absolute; top: 50px; text-align: center; transform: translateX(25%); }
*/
.intro-text {width:100%; position: absolute;top: 50% !important; left: 0 !important; right:50% !important; padding-top: 250px !important; padding-bottom: 0px;  text-align: center; transform: translateX(-50%) !important; transform: translateY(-50%) !important; }

@media (min-width: 768px) {
    .intro-text { padding-top: 180px; padding-bottom: 430px; }
}

.intro-text .intro-lead-in, .intro-text .btnService1, .intro-text .btnService2, .intro-text .btnService3 { display: inline-block; margin-bottom: 25px; padding: 4px 20px; font-family: 'Droid Arabic Kufi'; font-size: 13px; color: #fff; font-weight: 100; line-height: 17px; }

@media (min-width: 768px) {
    .intro-text .intro-lead-in { font-size: 30px; line-height: 17px; margin-bottom: 45px; }
}

.intro-text .intro-heading { font-weight: 900; font-size: 30px; line-height: 48px; margin-bottom: 25px; word-spacing: 10px; color: #FFFFFF; text-shadow: -1px -1px 1px rgb(0, 0, 0); }

@media (min-width: 768px) {
    .intro-text .intro-heading { line-height: 25px; font-size: 50px; margin-bottom: 50px; }
}