body{background: linear-gradient(135deg, #292f67, #5993c3, #2e3970); background-position: center center ;background-repeat: no-repeat;background-attachment: fixed;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:#000000} 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:Droid Arabic Kufi Bold;color:#021460;font-size:12px;font-weight:200;margin:5 5px -5px;word-spacing:2px} h2{color:#021460;font-size:14px;font-weight:200;margin:5 5px 10px;font-family:Righteous-Regular} h3{font-family:Droid Arabic Kufi Bold;color:#021460;font-size:14px;font-weight:600;margin:5 5px -5px;} html, body { margin:0; padding:0; } #header img{ display:block; width:100%; height:auto; } #header{position:fixed;top:0px;width: 100%;overflow:hidden; height:auto; padding:-3px 0 1px 0 ; border-bottom:solid 4px #ffffff;border-radius: 0px;z-index:999 } #wowslider-container1{border-bottom:solid 4px #ffffff;} #banner{position:fixed;top:135px;left:0px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;z-index:-1} #avatar{position:absolute;top:6px;left:5px}#header div.avatar img{max-height:145px;max-width:145px} #text{min-width:220px;margin:12 1px 5px 150px} /*Arabic Page */ #avatar-ar{position:absolute;top:3px;right:5px}#header div.avatar-ar img{max-height:115px;max-width:125px} #text-ar{min-width:220px;text-align:right;margin:10 150px 5px -90px} #header-ar{position:fixed;top:0px;width: 100%;overflow:hidden;min-height:95px;padding:-3px 0 1px 0; background-image: url(../logo/header.jpg);border-radius:10px;} #text-header-ar{margin-top: 150px;height: 0px;padding:-20px} /*End Arabic Page */ #breadcrumbs{position:fixed;top:140px;width: 98%;overflow: hidden;min-height:0px;text-indent:10px;padding:9px 6 10px 0; background-color:#ffffff;border:solid 2px #021460;border-radius: 25px;z-index:999 } #breadcrumbs1{position:fixed;top:141px;width:98%;overflow: hidden;min-height:0px;text-indent:10px;padding:9px 10 10px 0; border-bottom:2px solid #ffffff;background-color:#ffffff ;border-radius: 25px; } #text-header{margin-top: 142px;height: 0px;padding:-20px} /* internal pages ... Branches */ #text-header1{margin-top: 165px;height: 0px;padding:14px} #text-header-share{margin-top: 120px;height: 0px;padding: 10px;} #text-header2{margin-top: 110px;height: 0px;padding: 10px;} .contact-item-about {background-color:#fff;height:140px;width:99.7%;background-image: url(../logo/about.jpg);background-position: center center;background-size: cover ; display:block; position:static;border-radius:35px;} .contact-item{height:70;background-color:#021460;border-bottom:3px solid #ffffff;border-radius:20px;border-top:3px solid #ffffff;display:block;margin-bottom:-1px;min-height:32px;padding:7px;position:static} .contact-item1{height:110;background-color:#021460 ;border-bottom:3px solid #ffffff;border-radius:20px;border-top:3px solid #ffffff;display:block;margin-bottom:-1px;min-height:32px;padding:7px;position:static} span.n-lbl{font-family:Righteous-Regular;font-weight:600;color:#fff;display:block;margin-left:57px;margin-bottom:8px;margin-top:-40px;word-wrap:break-word} span.value{font-family:Righteous-Regular;display:block;color:#ffffff;margin-left:57px;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} span.n-lbl-ar{font-family:Droid Arabic Kufi Bold;font-weight:600;color:#fff;display:block;margin-right:57px;margin-bottom:8px;margin-top:-40px;word-wrap:break-word} span.value-ar{font-family:Droid Arabic Kufi Bold;display:block;color:#ffffff;margin-right:57px;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} span.n-lbl-branch-en{font-size:14;font-family:Righteous-Regular;font-weight:200;color:#fff;display:block;margin-left:87px;margin-bottom:8px;margin-top:-60px;word-wrap:break-word} span.n-lbl-branch-ar{font-size:14;font-family:Droid Arabic Kufi Bold;font-weight:200;color:#fff;display:block;margin-right:87px;margin-bottom:8px;margin-top:-75px;word-wrap:break-word} span.value-branch-ar{font-size:16;font-family:Droid Arabic Kufi Bold;display:block;color:#fff;margin-right:117px;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} span.n-lbl-en-menu{font-size:18;font-family:Righteous-Regular;font-weight:200;color:#fff;display:block;margin-left:120px;margin-bottom:4px;margin-top:-65px;word-wrap:break-word} span.value-en-menu{font-size:14;font-weight:600;font-family:Righteous-Regular;display:block;color:#ec2127;margin-left:88px;margin-bottom:18px;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} .contact-item-near1{height:auto;width:240;background-image: url(../logo/near.gif);background-position: center center;background-size: cover ;border-bottom:2px solid #fcec4e;border-top:2px solid #fcec4e;display:block;margin-bottom:15px;padding:10px; position:static;border-radius:20px;} span.value-main{display:block;color:#000;text-align:center;margin-top:60px;font-size:17px;word-wrap:break-word;font-family:Righteous-Regular} .contact-item-near{height:70px;width:260;background-image: url(../logo/near.gif);background-position: center center;background-size: cover ;border-bottom:2px solid #fff;border-top:2px solid #fff;display:block;margin-bottom:15px;padding:10px; position:static;border-radius:20px; } .contact-item-opening{height:auto;width:280;background: linear-gradient(rgb(0,0,0,0.5), rgb(0,0,0,0.5)), url("../logo/4A5.gif"); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(rgb(0,0,0,0.5), rgb(0,0,0,0.5)), url("../logo/4A5.gif"); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ background-size: cover; background-repeat: no-repeat;border-bottom:4px solid #ca1234;border-top:4px solid #ca1234;display:block;margin-bottom:15px;padding:10px; border-radius:20px; } span.near{letter-spacing: 1.5px;font-family:Righteous-Regular;font-size:17;font-weight:600;color:#fff;display:block;margin-left:0px;margin-bottom:10px;margin-top:-28px;word-wrap:break-word} span.near-ar{letter-spacing:0.5px;font-family:Droid Arabic Kufi Bold;font-size:17;font-weight:600;color:#fff;display:block;margin-right:0px;margin-bottom:10px;margin-top:-32px;word-wrap:break-word} span.n-lbl1{font-family:Righteous-Regular;font-weight:200;color:#fff;display:block;margin-left:52px;margin-bottom:4px;margin-top:-40px;word-wrap:break-word} span.value1{font-family:Righteous-Regular;display:block;color:#ffffff;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-image: url(../logo/front.png); background-position: center;border-radius:20px;margin:0px 5px 0px;border-bottom:3px solid #fff; } div.related-content-gallery{background-color:#021460;border-radius:10px;margin:0px 10px 0px;} div.related-content-hidden{border-radius:10px;margin:0px 10px 0px;z-index:-100} /* 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} #marquee{position:fixed;top:112px;padding:-38px;width: 100%;} #wowslider-container1{z-index:-1} /* end engage */ #footer{position:fixed;bottom:0px;width: 100%;overflow:hidden;padding-top:15px ;border-top:3px solid #fff;background-color:#ffffff;border-top-left-radius:20px;border-top-right-radius:20px;} #footer1{position:fixed;bottom:18px;width: 100%;overflow:hidden;min-height:60px;z-index:-1 } p {font-size:11;color:#021460;font-family:Righteous-Regular; margin:4 0px 0px 0px;} #p2 { font-size:11; font-weight:200 ; color:#021460;font-family:Droid Arabic Kufi Bold;letter-spacing: 0px } #p3 { font-size:8; font-weight:200 ;font-family:Righteous-Regular; color:#021460;margin:4 0px 0px 0px;letter-spacing: 0px } #p4 { font-size:7; font-weight:200 ;font-family:Droid Arabic Kufi Bold; color:#021460 ;margin:4 0px 0px 0px;letter-spacing: 0px } #p5 { font-size:10; font-weight:200 ;font-family:Droid Arabic Kufi Bold; color:#ffffff;margin:4 0px 0px 0px;letter-spacing: 0px } .crumb { font-family:Righteous-Regular;font-size:11; } @font-face { font-family: "Droid Arabic Kufi Bold"; src: url("../eHotline/Droid Arabic Kufi Bold.ttf"); } @font-face { font-family: "Righteous-Regular"; src: url("../eHotline/Righteous-Regular.ttf"); } section #thumbs { margin-top:3px; margin-left: 0; margin-right: 0; text-align:left ; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; } section #thumbs a { vertical-align: top; display: inline-block; *display: inline; zoom: 1; } section .stretch { width: 0%; display: inline-block; font-size: 0; line-height: 0 } section #single_image1{ margin-top:10px; margin-left: 14px; margin-right: 14px; } section #single_image2{ margin-top:10px; margin-left: 14px; margin-right: 14px; } section #single_image3{ margin-top:10px; margin-left: 14px; margin-right: 14px; } section #single_image4{ margin-top:10px; margin-left: 14px; margin-right: 14px; } .fb-container{ display: flex; } .fb-like{ width: 142px; overflow: hidden; margin: auto; } /*Srart search-bar */ .search-bar { width: 90%; max-width: 500px; background: #ffffff; display: flex; align-items: center; border-radius: 60px; border: 3px solid #fff; padding: 10px; } .search-bar input { background: transparent; flex: 1; border: 0; padding: 14px 10px; border-radius: 60px; font-size: 14px; color: #fff; } ::placeholder { color: whitesmoke; } .search-bar button { border: 0; border-radius: 50%; width: 50px; height: 50px; background:linear-gradient(to bottom, #ffffff 0%, #ffffff 100%); } .searchButton { width: 60px; height: 35px; border: 0px solid #000; text-align: center; color: #fff; border-radius: 0 5px 5px 0; cursor: pointer; font-size: 20px; } /* End search-bar */ /* backToTop */ .backToTop{ display: none; position: fixed; bottom: 46px; right: 30px; font-size: 8em; z-index: 9999; height: 40px; width: 40px; background-color: #ffffff; text-align: center; border-top-left-radius: 8px; border-top-right-radius: 8px; } .backToTop i{ position: absolute; top: 8px; left: 7px; color: #021460; font-size:3em; } .backToTop i:hover{ color: #5890c0; } .image-box { position: relative; width: 90%; max-width: 1200px; border-radius: 25px; overflow: hidden; } .image-box img { width: 100%; height: auto; display: block; animation: zoomEffect 10s ease-in-out infinite alternate; transform-origin: center; } @keyframes zoomEffect { 0% { transform: scale(1); } 100% { transform: scale(1.06); } } /* تحسين شكل صور الشهادات */ #cert-carousel .item img { border-radius: 10px; border: 2px solid #eee; background-color: #fff; padding: 5px; max-height: 150px; object-fit: contain; }