body{font-family: "Cairo", sans-serif;direction:rtl}
.Text-center{text-align:center}
.Text-right{text-align:right}
.Text-left{text-align:left}
.Text-justify{text-align:justify}
.Menu-center{float:none;margin:0 auto;display:inline-block;position:relative;background:rgba(255,122,37,0.8);padding:0 3%;-webkit-box-shadow:inset 0 16px 18px -18px rgba(0,0,0,0.5);-moz-box-shadow:inset 0 16px 18px -18px rgba(0,0,0,0.5);box-shadow:inset 0 16px 18px -18px rgba(0,0,0,0.5);z-index:99}
.navbar-brand{float:none;height:50px;padding:15px;font-size:18px;line-height:20px;margin:0 auto}
.navbar-header{width:100%;text-align:center;padding:15px 0;background:#fff;border-bottom:1px solid rgba(204,204,204,0.34901960784313724)}
.navbar-default{background-color:transparent;border-color:transparent}
.navbar{margin-bottom:0;height:140px;border:none;z-index:9}
.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a:hover,.navbar-default .navbar-nav > .active > a:focus{color:#fff;background-color:transparent;border-bottom:4px solid #516673}
.navbar-nav > li > a{padding-top:10px;padding-bottom:5px}
.navbar-brand > img{display:inline-block}
.display-desktop{display:block!important}
.display-responsive{display:none!important}
.shadow-menu{width:100%;z-index:9999999999;position:relative}
.navbar-default .navbar-nav > li > a{color:#fff}
.fixed-menu{position:fixed;width:100%}
.language{position:absolute;top:14px;right:10%;display:block}
.language div{display:inline-block;padding:3px 11px;border:1px solid #7793A4;margin:10px;font-size:22px;font-family:sans-serif}
.language a{color:#7793A4;text-decoration:none}
.language-res div{display:inline-block;padding:3px 11px;border:1px solid #fff;margin:10px;font-size:22px;font-family:sans-serif}
.language-res a{color:#fff;text-decoration:none}
.contact-info-container{position:absolute;top:150px;background:rgba(81,102,115,0.9);width:30%;left:36%;padding:17px;direction:ltr}
.bold{font-weight:700}
.color-white{color:#fff}
.pad-10{padding:10px}
.ubuntu{font-family:'Ubuntu',sans-serif}
.fleft{float:left}
.fright{float:right}
.fnone{float:none}
.mar-0-auto{margin:0 auto}
.dis-inline-block{display:inline-block}
.dis-block{display:block}
.pad-0{padding:0}
.nav > li > a:hover,.nav > li > a:focus{text-decoration:none;background-color:transparent;color:#fff}
a{color:#fff;text-decoration:none}
.font-11{font-size:11pt}
.font-13{font-size:13pt}
.font-16{font-size:16pt}
.gray-color{color:#D8D7D7}
.gray-bg{background:#F5F5F5;}
.DarkGray-color{color:#7F7F7F}
.pad-48-30{padding-top:48px;padding-bottom:30px}
.triangle-bg{background:url(../images/bg.jpg)}
.calculas-bg{background:url(../images/calculas-banner.png);background-size:cover}
footer a:hover{color:#D8D7D7;text-decoration:none}
.nav > li > a{position:relative;display:block;padding:10px 27px}
.clear{clear:both}
.pad-tb-section{padding:9% 0 3%}
.font-35{font-size:35pt}
.font-20{font-size:20pt}
.white-color{color:#fff}
.mar-btm-1{margin-bottom:1%}
.pad-btm-2{padding-bottom:2%}
.pad-btm-3{padding-bottom:3%}
.pad-btm-4{padding-bottom:4%}
.pad-btm-5{padding-bottom:5%}
.pad-tb-5{padding-top:5%}
.page-button{display:inline-block;border:4px solid #FF7A25;padding:10px 20px}
.home-sec-bg{background:url(../images/home-sec-bg.jpg);background-size:cover}
.blue-color{color:#516673}
.purple-bg{background:#D9D8EA}
.pad-30{padding:30px}
.box-t{width:220px;height:220px;margin:0 auto;margin-bottom:70px;background-color:#D9D8EA;border-radius:113.75px;position:relative;display:flex;align-items:center;align-content:center;text-align:center}
.triangle.bottom:before{border-top-color:#D9D8EA;bottom:-85px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.triangle:before{content:"";width:0;height:0;position:absolute;z-index:1;border-width:55px;border-style:solid;border-color:transparent}
.sec-button{display:inline-block;padding:15px 50px 0 60px;background:rgba(255,122,37,0.8)}
.project-border{width:100%;height:1px;border-bottom:1px dashed #7F7F7F;margin:15px 0}
.flex{display:flex;flex-direction:row-reverse;align-items:center;align-content:center;flex-wrap:wrap}
.relative{position:relative}
.box-orange{background:rgba(255,122,37,0.8);width:200px;height:200px;position:absolute;left:51%;top:50%;margin-top:-12vh;margin-left:-12vh;z-index:1;direction:rtl}
.box-gray{background:rgba(81,102,115,0.8);width:200px;height:200px;position:absolute;left:51%;top:50%;margin-top:-12vh;margin-left:-12vh;z-index:1;direction:rtl}
html,body{position:relative;height:100%}
.swiper-container{width:100%;height:100%}
.swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.swiper-slide img{width:100%;height:100%;object-fit:cover}
 
.swiper-content{position:absolute;z-index:999;color:#fff}
.projects-bg{background:url(../images/projects-banner.jpg);background-size:100% 100%}
.page--banner-title{display:inline-block;font-size:25pt;padding:1% 10%;border:5px solid #fff;margin:12% 0;color:#fff}
.project-details-container{padding-right:7%;padding-top:4%;padding-bottom:4%}
.project-category-name{padding:20% 7%;border:3px solid #eb813a}
.flex-row{flex-direction:row}
.project-category-name div{width:100%;font-size:16pt;color:#fff;text-align:right}
.project-category-description{font-size:12pt;color:#516673}
.project-blue-bg{background:#657D8B;padding:10% 6% 15% 6%}
.project-blue-bg div{color:#fff;padding-top:10px;padding-bottom:10px;border-bottom:1px dashed #fff;font-size:13pt}
.project-category{margin-top:20px}
.boxx{object-fit:cover;object-position:80% 100%}
.building-bg{background:url(../images/building-bg.jpg);background-size:cover;padding:4% 0}
.building-bg-blue{background:url(../images/building-bg-blue.jpg);background-size:cover;padding:4% 0}
.p-outer{position:relative;margin:20px 0 0}
.p-outer img{width:100%;max-height:300px;min-height: 300px;object-fit:cover}
.p-outer-content{position:absolute;bottom:0;width:100%;left:0;right:0;padding-right:15px;padding-left:15px}
.p-outer-content-inner{text-align:center;background:rgba(217,216,234,0.88);width:100%;padding:12px 0}
.pad-top-7-percentage{padding:7% 0}
.pad-top-4-percentage{padding:4% 0}
.project-details-title{color:#eb813a;padding-bottom:15px;}
.values-bg{background:url(../images/values-bg.jpg);background-size:100% 100%}
.pad-values-section {padding: 6% 0 3%;}
.values-inner{    width: 300px;
    border: 4px solid #D9D8EA;
    height: 555px;
    margin-top: 37%;
    position: relative;
    margin-bottom: 10%;}
.values-inner img{    position: absolute;
    left: 14%;
    bottom: 0;
    width: 260px;
    height: auto;
    margin: -25px;
    top: -73px;}
.values-inner-description{    padding: 20px;
    font-size: 15px;}
.project-values-title {
    color: #eb813a;
    padding-bottom: 15px;
    margin-top: 50%;
    padding: 20px;
    font-size: 16px;
}
.About-Us-bg-1{background:url(../images/about-banner-1.jpg);background-size:100% 100%}
.About-Us-bg-2{background:url(../images/about-banner-2.jpg);background-size:100% 100%}

.page-about-banner-title{display:inline-block;font-size:25pt;padding:1% 10%;border:5px solid #fff;color:#fff}
.page-about-banner-mar{margin: 8% 0;}

.project-about-description {
   
    padding-bottom: 15px;
    margin-top: 50%;
    padding: 20px;
    font-size: 15px;
}

.orange-color{    color: #EB690B; }
.has-ul ul{padding-right:0px;list-style: none}
.has-ul li::before {content: "•"; color: #EB690B;width: 1em;margin-left: 1em;}
.has-ul li {color: #EB690B;}
.pad-about-section {
    padding: 6% 3%;
}

.org-title{padding:7% 0px 5% 0px;}
.font-15{font-size:15pt;}


.circle-triangle{position: absolute;
    left: 10%;
    bottom: 0;
    width: 235px;
    height: 259px;
    top: -120px;
    text-align: center;
    background: #fff url(../images/border.png);
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30pt;
    font-weight: bold;
    color: #eb680b;
    background-origin: content-box;
    padding: 20px;
    background-repeat: no-repeat;}


.circle-triangle span{margin-bottom: 13%;}

.Home-project{     padding-top: 5%;
    padding-bottom: 5%;}
.Home-project-container{border: 2px solid #7F7F7F;padding: 25px;position: relative;margin-bottom: 15px;height: 230px;display: flex; justify-content: center;}
		.Home-project-img-container	{     position: absolute;bottom: 0;width: 260px;height: auto;top: -85px;}
		.Home-project-text-container{    margin-top: 35%;    font-weight: bold;}


	.my-slider .Thumbs img{width: 85px;
    height: auto;
    margin: 0px 5px;cursor:pointer;}

	.my-slider-content img {
    -webkit-box-shadow: 0 15px 21px -6px #777;
    -moz-box-shadow: 0 15px 21px -6px #777;
    box-shadow: 0 15px 21px -6px #777;
    margin-bottom: 25px;width:90%;
}
#fancylink i{    font-size: 40px;
    color: #b58133;
    padding-bottom: 15px;}

#targetParent{max-width: 50rem;
    margin: 0px auto;}
@media screen and (min-width:1280px) and (max-width:1440px) {
.contact-info-container{position:absolute;top:150px;background:rgba(81,102,115,0.9);width:35%;left:36%;padding:17px}
.box-orange{width:180px;height:180px}
.box-gray{width:180px;height:180px}
.box-gray .font-20{font-size:14pt}
.box-orange .font-20{font-size:14pt}
}
@media screen and (min-width:1023px) and (max-width:1024px) {
.contact-info-container{position:absolute;top:180px;background:rgba(81,102,115,0.9);width:44%;left:30%;padding:17px}
.box-orange{width:150px;height:150px}
.box-gray{width:150px;height:150px}
.box-gray .font-20{font-size:13pt}
.box-orange .font-20{font-size:13pt}
.Home-project-container{    padding: 5px;}
}
@media screen and (max-width:800px) {
.navbar{height:auto}
.navbar-header{padding:0}
.navbar-brand{width:auto;float:left;height:auto}
.navbar-brand > img{display:inline-block;width:120px}
.Menu-center{float:none;width:100%;margin:0 auto;display:inline-block;position:relative;background:rgba(255,122,37,0.8);padding:0;top:0}
.navbar-collapse{padding-right:0;padding-left:0}
.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a:hover,.navbar-default .navbar-nav > .active > a:focus{display:inline-block}
.navbar-toggle{margin-top:50px}
.display-desktop{display:none!important}
.display-responsive{display:block!important}
.language-res{position:relative;top:0;right:0;display:block}
.contact-info-container{position:absolute;top:150px;background:rgba(81,102,115,0.9);width:88%;left:7%;padding:17px}
.f-menu{display:none;}
}
@media screen and (max-width:600px) {
	.my-slider .Thumbs img {
    width: 56px;}
	.Home-project {
    padding-top: 20%;
    padding-bottom: 5%;
}

	.contact-info-container .dis-inline-block .fleft{float:none;}
	.values-inner {
    width: 290px;}
.boxx{height:auto!important}
.box{height:auto!important}
.box-orange{background:rgba(255,122,37,0.8);width:100%;height:130px;position:relative;left:0;top:0;margin-top:0;margin-left:0;z-index:1;padding-right:5px;padding-left:5px}
.box-gray{background:rgba(81,102,115,0.8);width:100%;height:130px;position:relative;left:0;top:0;margin-top:0;margin-left:0;z-index:1;padding-right:5px;padding-left:5px}
.buy-now-btn{background-color:transparent;width:110px;height:33px;border:2px solid #fff;text-align:center;font-family:"Droid Arabic kufi";font-size:17px;color:#fff;position:relative;cursor:pointer;transition:all .2s;margin:15px auto}
.calculas-bg .font-35{font-size:17pt}
.home-sec-bg .font-35{font-size:17pt}
.home-sec-bg .font-13{font-size:11pt}
.home-sec-bg .pad-btm-3 img{height:300px;object-fit:scale-down}
.sec-button{display:inline-block;padding:10px 16px 0 18px}
.calculas-bg{padding-top:11%}
footer .nav > li{float:left}
footer .pad-48-30{padding-top:18px;padding-bottom:23px}
.f-home .pad-btm-5{padding:0 5% 5%;text-align:justify}
.values .pad-30{padding:30px 15px}
.project-details-container{padding:0}
.project-category-name div{width:100%}
.project-category-name{padding:4% 6%;border:3px solid #eb813a;text-align:center;margin-top:15px;margin-bottom:15px}
.project-category-description{text-align:justify;padding-bottom:40px}
.project-blue-bg{background:#657D8B;padding:8% 6%;margin-top:5px;margin-bottom:25px}
}