/* Required height of parents of the Full Page Intro and Intro itself */
html,
body,
.view {
  height: 100%; }
.modal.fade .modal-dialog.modal-dialog-zoom {-webkit-transform: translate(0,0)scale(.5);transform: translate(0,0)scale(.5);}
.modal.show .modal-dialog.modal-dialog-zoom {-webkit-transform: translate(0,0)scale(1);transform: translate(0,0)scale(1);}
.navbar-dark .navbar-brand img{ width: 150px }
.navbar-home{ background: transparent !important; }
.navbar{background-color: rgba(0, 0, 0, 0.0); box-shadow: none;}
.top-nav-collapse .navbar-toggler .navbar-toggler-icon{background-color: #333;}
.top-nav-collapse .navbar-toggler .navbar-toggler-icon:before{background-color: #333;}
.top-nav-collapse .navbar-toggler .navbar-toggler-icon:after{background-color: #333;}
.top-nav-collapse {
  background-color: #fff!important; box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);}
.top-nav-collapse .nav-link{color:#4d4d4d !important}
.bsnav-mobile .navbar-nav .nav-item .navbar-nav{background: #f2f2f2}

/*home banner*/
.mobile-banner{width: 100%; height:auto; position: relative; display: none;}
.mobile-banner .text-container{
  width: 100%;
  position: relative;
  z-index: 10;
  padding:10px;
  padding-bottom: 0px;
 }
 .mobile-banner .text-container .content-bx{background: #fff; width: 100%; padding: 15px; padding-top: 12px; margin-top:0px}
 .mobile-banner .text-container .content-bx h3{font-size: 13px; margin-bottom: 0px}
 .home-banner{
 	background-image: url('../images/omega1920x1080.jpg');
 	background-repeat: no-repeat;
 	background-size: cover;
 	height: 655px;
 	display: block;
 }
 .home-banner .mask{background:rgba(0,0,0,.1)}
 .home-banner-discription{padding-top: 100px}
 .home-banner-discription .text-container{
 	width: 300px;
 	border-radius:3px;
 	padding: 20px;
  padding-bottom: 13px;
 	position: absolute;
 	z-index: 10;
 	background: rgba(0,0,0,.5);
 }
 .home-banner-discription .text-container h3{color: #fff; font-size: 16px; line-height: 23px}
 .contactus{background-image: url('../images/contactus.jpg')!important; height:310px; display: block!important;}
 .whoweare{background-image: url('../images/who-we-are.jpg')!important; height:310px; display: block!important;}
 .vision{background-image: url('../images/corporate.jpg')!important; height:310px; display: block!important;}
 .management-Board{background-image: url('../images/management-Board.jpg')!important; height:310px; display: block!important;}
.pindrop{ font-family: inherit;}
.pindrop img{ width: 26px; height: auto; }
.set-pin{position: absolute; left:500px; top:200px}
.set-pin img{ width: 70px }
.club-pin{position: absolute; bottom:150px; left: 56%}
.shopping-pin{position: absolute; bottom:180px; left:37%}
.villa-pin{position: absolute; top:200px; left:380px}
.park1-pin{position: absolute; bottom:280px; left:10px}
.park2-pin{position: absolute; bottom:325px; left:420px}
.park3-pin{position: absolute; bottom:160px; right:120px}
.park4-pin{position: absolute; bottom:400px; left:49%}
.park5-pin{position: absolute; top:50px; left:40%; z-index:60}
.flat-pin{position: absolute; top:140px; right:260px}
.flat-pin img{ width: 70px; height: auto; }
.school1-pin{position: absolute; top:0px; right:500px; z-index: 60}
.school2-pin{position: absolute; top:20px; right:440px; z-index: 60}
.healthcenter{position: absolute; top:15px; right:150px; z-index:60}
.modal-dialog-hm-banner{ max-width: 770px }
.modal-dialog-hm-banner .modal-body{background: #79c1e6; padding: 0px; border: #fff solid 10px;}
.modal-dialog-hm-banner .modal-body p{ line-height:20px; font-weight:500}
.banner-modal{ position: relative; }
.banner-modal .close{position: absolute; border-radius:50px; background:#fff; width: 35px; height: 35px; right:12px; top:12px; z-index:60; }
.modal-feature{ font-family: inherit; }
.modal-feature h4{ font-weight: 500 }
.modal-feature ul{ margin: 0px; padding: 0px; list-style: none; }
.modal-feature ul li{ margin: 0px; padding: 0px; margin-left: 20px; list-style:disc; font-size: 15px}
/*end home banner*/
/*home body--*/
.omega-feature{ font-family:inherit;}
.omega-feature ul{ margin:0px; padding: 0px; list-style: disc!important; margin-left: 10px}
.omega-feature ul li{ margin:0px; padding: 0px; font-size: 14px; list-style:disc!important; float: left; padding-right: 10px; margin-left:8px}

.SET-feature{ font-family:inherit;}
.SET-feature ul{ margin:0px; padding: 0px; list-style: disc!important; margin-left: 10px}
.SET-feature ul li{ margin:0px; padding: 0px; list-style:disc!important; margin-left:8px}
.h-margin{ margin-bottom:01rem }
.omega-feature:after{ content: ""; display: block; clear: both; }
.setSection-img{ display: block; }
.setSection-imgmobile{ display:none;}
/* dislaimer*/
.popup-wrapper{display:none;width:100%;height:100%;background:rgba(0,0,0,.90);position:fixed;z-index:999;top:0;left:0;right:0;bottom:0}
.view-area{width:100%;height:100%;display:table}
.view-block{margin:0 auto;display:table-cell;text-align:center;vertical-align:middle}
.view-cont{display:none;background:#fff; border-radius:10px; width:55%; margin:0 auto; padding:90px 0 70px; max-width:650px; min-height:300px; max-height:490px; position:relative;}
.view-cont .pop-info { float:left; width: 100%; height: 260px; overflow-y: auto; padding: 0px 20px; }
.view-cont:after{ content: ""; clear: both; display: block; }
.view-cont h4{margin:12px 0; padding:0px;}
.view-cont h5{font-style:italic; padding:0px;}
.view-cont p{font-size:15px; line-height:24px; text-align: left; color:#464646; padding:0px; margin-bottom:7px}
.view-cont .pop-info ul{ font-size: 15px; text-align: left;}
.view-cont a,.view-cont button{background:#0065bd;color:#fff;padding:8px 0; border-radius:2px; margin-top:7px; display:inline-block; width:120px; transition:.3s ease-in; border:0; text-transform:uppercase; font-size:14px; cursor:pointer}
.view-cont a:hover,.view-cont button:hover{background:#000}.view-cont img{max-width:156px}
.closepop{float:right;margin-top:-20px;background:#fff;padding:1px;cursor:pointer}
.popimg{width:100%}.mCSB_inside>.mCSB_container{margin-right:15px!important}

.view-cont img { position: absolute; top: 10px; left: 50%; display: inline-block; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.view-cont button { position: absolute; bottom: 10px; left: 50%; display: inline-block; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
/*end dislaimer*/
/*time left*/
.timeleft-circule{position: absolute; left:30px; bottom:20px; width: 320px; height:250px; background: #fff; border-radius: 50%; text-align: center; z-index: 10; background:rgba(255,255,255,.75); box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);}
.timeleft-circule .text-container{padding:40px; padding-top:45px; font-size: 20px; font-weight: 500}
.timeleft-circule .text-container .font-amount{font-weight: 700; font-size: 24px;}
#days {
    font-size: 46px;
    line-height: 45px;
    vertical-align: sub;
}
.flashit{
  color:#f2f;
  -webkit-animation: flash linear 1s infinite;
  animation: flash linear 1s infinite;
}
@-webkit-keyframes flash {
  0% { opacity: 1; } 
  50% { opacity: .1; } 
  100% { opacity: 1; }
}
@keyframes flash {
  0% { opacity: 1; } 
  50% { opacity: .1; } 
  100% { opacity: 1; }
}
/* Pulse class and keyframe animation */
.pulseit{
  -webkit-animation: pulse linear .5s infinite;
  animation: pulse linear .5s infinite;
}

/*end time left*/
/*end home body--*/

/* Footer color for sake of consistency with Navbar */
.page-footer {
  background-color: #1C2331; }
/* Adding color to the Navbar on mobile */
@media only screen and (max-width: 540px) {
  .home-banner{
 	background-image: url('../images/omega992x558.jpg');
 	height:304px;
 }
 .home-banner-discription .text-container h3{ font-size: 14px }
 .location-pin{ display: none; }
}
@media only screen and (max-width: 768px) {
	.fixed-top{ position: static; }
	.navbar-toggler .navbar-toggler-icon, .navbar-toggler .navbar-toggler-icon::after, .navbar-toggler .navbar-toggler-icon::before{background-color:#3c3b3b !important;}
  .navbar {background-color: #1C2331; }
  .home-banner{
 	display: none;
 }
 .mobile-banner{ display: block; width: 100%; height:auto; position: relative;}
 .mobile-banner .home-bannerMenu{ position: static; left: 0px; right: 0px; bottom: 0px; text-align: center; background: #f5f5f6; padding:10px }
 .mobile-banner .home-bannerMenu ul{ margin: 0px; padding: 0px; list-style: none; }
 .mobile-banner .home-bannerMenu ul li{margin: 0px; padding: 0px; padding-left:1px; padding-right:1px; list-style: none; display: inline-block;}
.mobile-banner .home-bannerMenu ul li a{ color:#fff; font-size: 12.5px; font-weight:500}
.home-bannerMenu .btn{ margin:3px }
.home-bannerMenu .btn-sm{padding:.3rem .6rem;}
.modal-feature{ margin-left: 25px; padding: 15px !important; padding-right: 20px !important; padding-top: 0px !important; margin-top: 12px !important;}
.setSection-img{ display: none; }
.setSection-imgmobile{display:block;}
.timeleft-circule{ position: static; width: auto; height:auto; border-radius: 5px; margin-right: 10px; margin-left: 10px; margin-top: -20px}
.timeleft-circule .text-container{padding: 15px; padding-top: 10px; padding-bottom: 10px; font-size: 14px; background:#fff;}
.timeleft-circule .text-container .font-amount{ font-size: 18px }
.contactus,.whoweare{ height: 180px }
}

@media (min-width: 992px) and (max-width: 1279px) {
  .home-banner{
 	background-image: url('../images/omega992x558.jpg');
 	height:558px;
 }
 .location-pin{ display: none; }

}

  @media (min-width:1280px) and (max-width:1300px) {
 	.home-banner{
 	background-image: url('../images/omega1920x1080.jpg');
 	height:720px;
 }
 .home-banner-discription .text-container{ width: 430px }
.club-pin{position: absolute; bottom:240px; left: 57%}
.set-pin{position: absolute; left:500px; top:220px}
.shopping-pin{position: absolute; bottom:265px; left:37%}
.villa-pin{position: absolute; top:190px; left:360px}
.park1-pin{position: absolute; bottom:360px; left:10px}
.park2-pin{position: absolute; bottom:405px; left:31%}
.park3-pin{position: absolute; bottom:250px; right:100px}
.park4-pin{position: absolute; bottom:480px; left:50%}
.park5-pin{position: absolute; top:50px; left:41%}
.flat-pin{position: absolute; top:160px; right:200px}
.school1-pin{position: absolute; top:5px; right:470px}
.school2-pin{position: absolute; top:25px; right:400px}
.healthcenter{position: absolute; top:10px; right:130px}
.home-banner-discription .text-container {width: 330px;}
.home-banner-discription .text-container h3 {color:#fff; font-size: 16px;}
 }

 @media only screen and (min-width: 1920px) {
  .navbar .container{ max-width: 100% }
  .home-banner-discription{ max-width: 100% }
  .home-banner-discription .text-container{ left:40px }
 	.home-banner{
 	background-image: url('../images/omega1920x1080.jpg');
 	height:980px;
 }
 .home-banner-discription .text-container{ width: 430px }
.club-pin{position: absolute; bottom:260px; left: 56%}
.set-pin{position: absolute; left:770px; top:340px}
.shopping-pin{position: absolute; bottom:295px; left:37%}
.villa-pin{position: absolute; top:300px; left:550px}
.park1-pin{position: absolute; bottom:420px; left:10px}
.park2-pin{position: absolute; bottom:520px; left:32%}
.park3-pin{position: absolute; bottom:280px; right:120px}
.park4-pin{position: absolute; bottom:620px; left:49%}
.park5-pin{position: absolute; top:100px; left:43%}
.flat-pin{position: absolute; top:200px; right:390px}
.school1-pin{position: absolute; top:0px; right:710px}
.school2-pin{position: absolute; top:43px; right:650px}
.healthcenter{position: absolute; top:20px; right:220px}
.timeleft-circule{left:40px;}
#days{font-size: 46px; line-height: 45px; vertical-align: sub;}
}