html,body{position:relative;height:100%}
body{margin:0;padding:0;font-family:'Droid Arabic Kufi';overflow-x:hidden}
section{position:relative}
.img-div{position:relative; display: inline-block;}
.img-div:hover:after{
    content:'';
    position:absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    width: 100%;
    background: url('../images/search.png') center no-repeat;
    background-size: 50px;
}

.img-div:hover img{opacity: 0.4;}
.modal{z-index:999999999999 !important;}

.loc-button {
    display: inline-block;
    border: 1px solid #939598;
    padding: 9px 40px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}
.bg{background:url(../images/cover6.png);background-size:100% 100%;width:100%;height:100vh;display:flex;-ms-flex-direction:column;align-items:center;justify-content:center}
#text1,#text2,#text3{position:absolute;top:13%;font-size:115px;color:#939598;width:20%;left:10%;text-align:center}
#stage11,#stage21,#stage31{position:absolute;left:0;margin-top:1%;text-align:left}
#stage12,#stage22,#stage32{position:absolute;right:0;margin-top:1%;text-align:right}
#stage12 img,#stage22 img,#stage32 img,#stage11 img,#stage21 img,#stage31 img{width:90%}
#family1,#family2{margin-top:12%;text-align:center;margin-left:9%;left:4%;bottom:0;position:absolute}
#family3{margin-top:12%;text-align:center;left:10%;bottom:0;position:absolute}
#logo{position:absolute;top:5%;width:9%}
#family1 img,#family2 img,#family3 img{width:85%}
#buttons{position:absolute;bottom:3%;display:inline-flex;visibility:hidden}
td{text-align:center}
.line td{position:relative}
.line td:after{content:'';border-bottom:1px solid #ccc;width:100%;height:1px;position:absolute;top:50%;left:50%;transform:translate(0,-100%);z-index:1}
.line td:last-child:after{display:none}
input{margin:60px}
.Text-center{text-align:center}
.Text-left{text-align:left}
.Text-right{text-align:right}
.Text-justify{text-align:justify}
.btn_burger{position:fixed;top:5px;right:3.5%;cursor:pointer;z-index:9999999}
.btn_burger div{width:60px;height:5px;background-color:#808184;margin:6px 0}
.fixed-bg{position:fixed;z-index:999999;width:100%;height:100%}
.fixed-bg img{width:100%;height:100%}
.sidenav{height:100%;width:0;position:fixed;z-index:999999999;right:0;background-color:#59595C;overflow-x:hidden;transition:.5s;padding-top:60px}
.sidenav a{text-decoration:none;font-size:25px;color:#fff;display:block;transition:.3s}
.sidenav .closebtn{position:absolute;right:0;font-size:55px;margin-right:15px;padding:0}
#main{right:0;transition:right .5s;padding:0;width:100%;height:100%}
#overlay{position:absolute;top:0;width:100%;height:100%;z-index:999999;background:rgba(0,0,0,0.55);display:none}
.cover-container{position:fixed}
.pad-0{padding:0}
body{margin:0}

.pushmenu{background:#6b6c6e;width:70%;height:100%;top:0;z-index:1000;position:fixed}
.pushmenu h3{color:#cbbfad;font-size:14px;font-weight:700;padding:15px 20px;margin:0;background:#282522;height:16px}
.pushmenu-left{right:-70%}
.pushmenu-left.pushmenu-open{right:0;z-index:999999}
.pushmenu-push{overflow-x:hidden;position:relative;right:0}
.pushmenu-push-toright{right:70%}
.pushmenu,.pushmenu-push{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
#nav_list{cursor:pointer;width:60px;text-indent:-99999em;float:right;position:fixed;top:1%;right:2%}
#nav_list div{    width: 43px;
    height: 4px;
    background-color: #6D6E70;
    margin: 6px 0;}
nav-list.active{background-position:-33px top}
.buttonset{height:16px;position:fixed;z-index:999}
.clear{clear:both}
#Close{font-size:30px;color:#fff;padding-right:20px;cursor:pointer;display:inline-block;clear:both}
.menu-container{text-align:center;direction:rtl;border-left:1px solid #fff}
.font-86{font-size:86px}
.font-61{font-size:61px}
.font-50{font-size:50px}
.font-40{font-size:40px}
.font-34{font-size:34px}
.font-30{font-size:30px}
.font-25{font-size:25px}
.font-23{font-size:23px}
.font-20{font-size:20px}
.font-18{font-size:18px}
.font-15{font-size:15px}
.font-12{font-size:12px}
.color-white{color:#fff}
.color-gray{color:#58595B}
.color-gray2{color:##6D6E70}
.color-LightGray{color:#d5d6d8}
.color-blue{color:#1DAEE5}
.color-Darkblue{color:#007FC4}
.color-Darkerblue{color:#243973}
.padding-7-tb-btm{padding:7px 0}
.dis-inline-block{display:inline-block}
.ubuntu{font-family:'Ubuntu',sans-serif}
.bold{font-weight:700}
.color-white a{color:#fff;text-decoration:underline}
.display-desktop{display:block}
.display-responsive{display:none}
.cover-container img{width:100%}
.pad-tb-25{padding-top:25px}
.pad-tb-15{padding-top:15px}
.pad-tb-35{padding-top:35px}
.swiper-container{width:100%;height:100%}
.ss1{padding-top:30%!important}
.ss2{padding-top:115px!important;padding-bottom:90px!important}
.swiper-slide{text-align:center;font-size:18px;background:#fff;flex-wrap:wrap;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}
.villa-res img{width:100%}
.village-res img{width:100%}
.family-res img{width:100%;margin-top:10px}
.villa-text-res{width:100%;font-size:60px;color:#939598}
.section2{padding-top:225px;padding-bottom:140px;direction:rtl}
.section3{padding-top:200px;padding-bottom:140px;direction:rtl}
#Villa-a , #Villa-b , #Villa-c{padding-top:130px;}
.pad-btm-5{padding-bottom:5px}
.pad-btm-20{padding-bottom:20px}
.pad-btm-55{padding-bottom:55px}
.shadow{position:absolute;width:100%;line-height:.7;z-index:99}
.shadow img{width:100%}
.fnone{float:none}
.fleft{float:left}
.fright{float:right}
.mar-0-auto{margin:0 auto}
.absolute{position:absolute}
.gray-bg{background-color:#E7E6E6}
.title-icon{padding:75px 0 40px}
.flex{display:flex;align-items:center;flex-direction:row-reverse;justify-content:center;padding:15px 0}
.mar-btm-20{margin-bottom:20px}
.mar-tb-25{margin-top:50%}
.circle{border:2px solid #BBBDBF;display:inline-block;border-radius:100%;padding:10px 13px;text-align:center}
.services{border:2px solid #7f8083;margin:38px 0;display:inline-block;margin-bottom:10px;text-align:center;width:165px;padding:33px 0}
.services img{width:auto;height:50px}
.square{display:inline-block;border:1px solid #939598;padding:9px 26px;text-align:center;line-height:1;width:60%}
.Data-attr-next{padding:13px 39px 0 20px;color:#fff;text-align:left;font-family:'Droid Arabic Kufi';font-size:12px}
.Data-attr-prev{padding:13px 20px 0 39px;color:#fff;text-align:right;font-family:'Droid Arabic Kufi';font-size:12px}
.items ul{-moz-column-count:2;-webkit-column-count:2;column-count:2;list-style-position:inside;direction:rtl;text-align:right;font-size:14px;padding:0}
.items li{color:#939598;line-height:3}
.items li span{color:#414141;position:relative;left:9px}
.slide-title{padding:20px 0}
.items2 ul{list-style-position:inside;direction:rtl;text-align:right;font-size:14px;padding:0}
.items2 li{color:#939598;line-height:2}
.items2 li span{color:#414141;position:relative;left:9px}
.items3 ul{-moz-column-count:3;-webkit-column-count:3;column-count:3;list-style-position:inside;direction:rtl;text-align:right;font-size:14px;padding:0}
.items3 li{color:#939598;line-height:2}
.items3 li span{color:#414141;position:relative;left:9px}
.dir-rtl{direction:rtl}
.pad-lft-20{padding-left:20px}
.pad-top-150{padding-top:150px}
#tell{display:block;font-size:1.2em;color:#57585a;text-decoration:none;    line-height: 1.2;}
#tell-menu{display:block;font-size:27px;color:#fff;text-decoration:none}
.droid{font-family:'Droid Arabic Kufi'}
.icon{padding-bottom:10px}
.flex-end{align-items:flex-end}
.phone-number-new{font-size:27px;color:#57585a;cursor:pointer;float:right;position:fixed;top:1%;right:6%}
#mm iframe{width:100%;height:80vh;float:left;position:relative;top:0;left:0;z-index:100}
#mm{height:80vh}
#contact{height:80vh;}
.contact-bottom{width: 100%;
    height: 244px;
    position: relative;
    background: url(../images/contact-bg.png);
    background-size: 100% 100%;}
.card2{width:100%;position:relative;text-align:center;background:#58595B;padding:40px 10px}
.card{    width: 100%;
    position: relative;
    text-align: center;
    background: #58595B;
    padding: 20px;}
.bor_n a{color:#fff;padding:10px;font-size:25px}
.bor_n{padding-top:0px}
.bor_n a:hover{text-decoration:none}
.contact-inner{display:flex;flex-direction:row;align-items:center}
.brdr-right{border-right:1px solid #fff;margin-top:13px;    padding-right: 10px;}
.copyright{    padding: 24px 9px 15px 9px;
    background-color: #57585a;
    margin-top: 2px;}
.copyright a{color:#d5d6d8}
.copyright a:hover{color:#d5d6d8;text-decoration:none}
.pad-btm-140{padding-bottom:140px}
.section4{padding-top:100px;padding-bottom:100px}
.flex-wrap{flex-wrap:wrap}
.zoom{display:inline-block;position:relative}
.zoom:after{content:'';display:block;width:33px;height:33px;position:absolute;top:0;right:0;background:url(../images/zoom-icon.png)}
.zoom img{display:block;width:768px;height:500px}
.zoom img::selection{background-color:transparent}
#ex2 img:hover{cursor:url(grab.cur),default}
#ex2 img:active{cursor:url(grabbed.cur),default}
.jannat{font-family:"JannaLT-Regular"}
.dis-res320{display:none}
.dis-res400{display:none}
.dis-res480{display:none}
.dis-res768{display:none}
.gray-soft-bg{ background: rgba(187, 189, 191, 0.08)}
.fixScroll{position:fixed !important;    margin-top: 80px !important;}
.pad-r-l{    padding: 10px 15px;}
.header-youtube{padding-left: 12px;font-size: 37px;line-height: 0px;  padding-right: 12px;}
.flex-row{flex-direction:row;}
@media screen and (max-width:1100px) and (min-width:1023px) {
.bor_n a{padding:3px}
#nav_list{cursor:pointer;width:60px;text-indent:-99999em;float:right;position:fixed;top:0;right:2%}
.phone-number-new{font-size:23px;color:#57585a;cursor:pointer;float:right;position:fixed;top:0;right:9%}
 
.gaz-img{width:100%}
#stage12 img,#stage22 img,#stage32 img,#stage11 img,#stage21 img,#stage31 img{width:58%}
#family1 img,#family2 img,#family3 img{width:60%}
#text1,#text2,#text3{font-size:87px}
#logo{width:17%}
#nav_list div{width:43px!important;height:4px!important;background-color:#6D6E70!important;margin:5px 0!important}
.square{width:90%}
.scr-width{width:100%}
.cut img{width:100%}
.header-youtube {
    padding-left: 12px;  
    font-size: 32px;
    line-height: 0px;
}
}


@media screen and (max-width:1280px) and (min-width:1279px) {
.bor_n a{padding:9px}
 
#stage12 img,#stage22 img,#stage32 img,#stage11 img,#stage21 img,#stage31 img{width:60%}
#text1,#text2,#text3{font-size:100px}
.square{width:75%}
.scr-width{width:80%}
.cut img{width:100%}
}


@media screen and (max-width:1440px) and (min-width:1366px) {
 
#family1 img,#family2 img,#family3 img{width:75%}
#stage12 img,#stage22 img,#stage32 img,#stage11 img,#stage21 img,#stage31 img{width:72%}
#logo{position:absolute;top:5%;width:15%}
.cut img{width:100%}
.square{width:75%}
}


@media screen and (max-width:1680px) and (min-width:1600px) {
 
#stage12 img,#stage22 img,#stage32 img,#stage11 img,#stage21 img,#stage31 img{width:80%}
}


@media screen and (max-width:1440px) and (min-width:1280px) {
#nav_list{top:0!important}
.phone-number-new{top:0;right:7%}
}


@media screen and (max-width: 768px) {
 
.zoomer:after {
    content: '';
    display: block;
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(../images/zoom-icon.png);    background-size: contain;
}	
	
	.zoom:after {
    content: '';
    display: block;
    width: 33px;
    height: 33px;
    position: absolute;
    top: 0;
    right: 0;
    background: transparent;
}
	
	img.u1 {
    width: 65px;
}
img.u2 {
    width: 65px;
}
img.u3 {
    width: 60px;
}
img.u4 {
    width: 51px;
}
img.u5 {
    width: 55px;
}
img.u6 {
    width: 60px;
}
img.u7 {
    width: 40px;
}
	.flex {
    padding: 0px;
}
	.card2 .Text-left {
    text-align: center;
}
	.card2 .Text-right {
    text-align: center;
}
	.card2 .pad-tb-35 {
    padding-top: 10px;
}
.card2 .font-25 {
    font-size: 22px;
}
	.mar-tb-15{margin-top:30px;}
	.loc-button {
    display: inline-block;
    border: 1px solid #939598;
    padding: 9px 12px;
    text-align: center;
	  margin-top: 0px;
     margin-bottom: 0px; 
}
	#contact {
    height: 58vh;
    padding-top: 7%;
}
.bor_n a {
    color: #fff;
    padding: 2px;
    font-size: 22px;
}
	.pad-btm-40{padding-bottom:40px;}
	.swipe-banner{width:80%;}
 
	img.faucet-icon {
    width: 55px;
}
	img.window-icon {
    width: 50px;
}
	img.pump-icon {
    width: 60px;
}
	img.bool2-icon {
    width: 60px;
}
	img.iron-door-icon {
    width: 45px;
}
	img.tsh6ebat-icon {
    width: 60px;
}
	img.condition-work-icon {
    width: 80px;
}
	img.condition-air-icon {
    width: 80px;
}
	img.construction-icon {
    width: 65px;
}
	img.lighting-icon {
    width: 55px;
}
	img.security-icon {
    width: 50px;
}
	img.smart-control-icon {
    width: 70px;
}
	img.food-elevator-icon {
    width: 59px;
}
	img.elevator-icon {
    width: 50px;
}
	img.door-icon {
    width: 70px;
}
	img.ground-icon {
    width: 48px;
}
	img.paint-icon {
    width: 55px;
}
	img.condition-icon {
    width: 70px;
}
	img.gaz-icon {
    width: 70px;
}

	img.sebaka-icon {
    width: 70px;
}
	img.bool-icon {
    width: 75px;
}
	.electro-icon{width:40px}
	.items ul {text-align: center;}
	.items2 ul {text-align: center;}
	.items3 ul {text-align: center;}
	.swiper-wrapper .Text-right {text-align: center;}
	
.slide-title {
    padding: 10px 0;
}
#Electromechanical .pad-btm-55 {padding-bottom: 10px;}
 
	.pad-btm-140 {
    padding-bottom: 60px;
}
.section4 {
    padding-top: 65px;
    padding-bottom: 45px;
}
.pad-top-150 {
    padding-top: 50px;
}
.section4 .pad-btm-55 {
    padding-bottom: 10px;
}
.services img {
    width: auto;
    height: 44px;
}		.l-img img{ width: auto;height: 33px;}
	.villa-text-res {
    width: 100%;
    font-size: 40px;
    color: #939598;
    padding-bottom: 2px;
}
.village-res{width:90%}
.village-res img {width: 75%;margin-top: 25px;padding-bottom: 15px;}
.dis-res768{display:block}
.dis-res320{display:none}
.dis-res400{display:none}
.dis-res480{display:none}
.txt{text-align:center;padding-top:15px;color:#58595B;font-size:17px;font-family:'JannaLT-Regular';line-height:1.5}
.form-content input{height:40px}
.phone-number-new{font-size:19px;top:3px;left:11px;    right: auto;}
.service-icon{padding-top:30px}
.smart-villa .pad-btm-55{padding-bottom:14px}
.smart-villa .font-30{font-size:18px}
.Text-cont .fright{float:none;padding:5px 0}
.Technical-Specifications .flex{display:block;text-align:center}
.Technical-Specifications .Text-right{text-align:center}
.gaz-img{height:430px;width:auto}
.ss2{padding-top:70px!important;padding-bottom:100px!important}
#Electromechanical .font-40{font-size:25px}
.items ul{-moz-column-count:1;-webkit-column-count:1;column-count:1}
.items3 ul{-moz-column-count:1;-webkit-column-count:1;column-count:1}
.section3 .font-86{font-size:40px}
.section3 .pad-btm-20{padding-bottom:0}
.section3 .mar-tb-25{margin-top:3%}
.section3 .fleft{float:none}
.section3 .font-23{font-size:18px}
.section3 .font-61{font-size:32px}
.section3 .font-25{font-size:18px}
.section4 .font-86{font-size:60px}
.section4 .font-23{font-size:18px}
.section4 .font-61{font-size:32px}
.section4 .font-25{font-size:18px}
.section4 .font-30{font-size:20px}
.section4 .font-40{font-size:29px}
.cut img{width:55%}
.Measurements{padding:15px 0}
.section3{direction:rtl;padding-top:65px;padding-bottom:50px}
.services{border:2px solid #7f8083;margin:18px 0;display:inline-block;margin-bottom:10px;text-align:center;width:112px;padding:10px 0}
.section2{padding-top:65px;padding-bottom:50px;direction:rtl}
.villa-res img{width:70%}
.family-res img{width:55%}
.sidenav{padding-top:15px}
.sidenav a{font-size:18px}
.pushmenu{width:100%}
.pushmenu-left{right:-100%}
.pushmenu-push-toright{right:100%}
.display-desktop{display:none}
.display-responsive{display:block}
.menu-container .font-34{font-size:20px}
.menu-container .font-23{font-size:15px}
.menu-container .padding-7-tb-btm{padding:2px 0}
.menu-container{border-left:none;border-bottom:1px solid #fff;padding-bottom:20px}
.menu-container-2 .font-15{font-size:12px}
.menu-container-2 .font-18{font-size:14px}
.menu-container-2 .pad-tb-25{padding-top:7px}
.bg{display:none}
#nav_list{width:32px;top:1.5%}
#nav_list div{width:32px;height:3px;margin:4px 0}
.cover-container img{width:100%;height:auto;padding-top:17px;background:#fff}
.head-logo img{width:34%}
.font-34{font-size:28px}
.font-50{font-size:34px}
.font-30 {
    font-size: 28px;
}
#mm iframe{height:60vh}
#mm{height:auto}
.zoom img{display:block;width:100%;height:330px}
.cover-container img{padding-top:70px;padding-bottom:20px}
}


@media screen and (max-width: 768px) and (min-width: 767px) {
	.villa-text-res {
    width: 100%;
    font-size: 60px;
    color: #939598;
    padding-bottom: 2px;
    padding-top: 14px;
}
.head-logo img{width:18%}
.phone-number-new{font-size:25px;top:1%;right:8%}
.villa-res img{width:70%}
.family-res img{width:80%}
.items ul{-moz-column-count:2;-webkit-column-count:2;column-count:2}
.items3 ul{-moz-column-count:2;-webkit-column-count:2;column-count:2}
.villa-res{width:100%}
.ss1{padding-top:20%!important}
#contact {
    height: 44vh;
    padding-top: 7%;
}
}


@media screen and (max-width: 500px) {
#MyIframe{height:740px !important;}
#MyIframe2{height:350px !important;}
.width-100{width:100%;}
.ss1{padding-top:37%!important}
.dis-res768{display:none}
.dis-res320{display:none}
.dis-res400{display:none}
.dis-res480{display:block}
.cover-container img{padding-top:60px;padding-bottom:20px}
#nav_list{top:2.5%;right:4%}
.phone-number-new{font-size:19px;top:2%;left:4%;    right: auto;}
.font-50 {font-size: 27px;}
.font-34 {font-size: 23px;}
}


@media screen and (max-width: 400px) {
.dis-res768{display:none}
.dis-res480{display:none}
.dis-res400{display:block}
.dis-res320{display:none}
.cover-container img{padding-top:60px;padding-bottom:20px}
}


@media screen and (max-width: 320px) {
#nav_list{right:2%}
.phone-number-new{font-size:19px;top:2%;left:2%;    right: auto;}
.dis-res768{display:none}
.dis-res480{display:none}
.dis-res400{display:none}
.dis-res320{display:block}
.cover-container img{padding-top:60px;padding-bottom:20px}
.card2  .font-18{    font-size: 16px;}
.card2 .font-15 {font-size: 13px;}
.card2 .font-25 {font-size: 20px;}
.card2 .font-20 {font-size: 17px;}
.bor_n a {
    color: #fff;
    padding: 0px;
    font-size: 23px;
}

}