@import url('https://fonts.googleapis.com/css?family=Cairo:700');


body {
  font-family: 'Cairo', sans-serif;
  font-size: 14px;
}

.container {max-width: 1080px;min-width: 320px;margin: 0 auto;box-sizing:border-box;}
.container-pad {padding-left: 10px;padding-right: 10px;}
.pointer{cursor:pointer;}
.help{cursor:help;}
.no-style{text-decoration:none;}

.pull_left{float:left;}
.pull_right{float:right;}
.clear_left{clear:left;}
.clear_right{clear:right;}
.clear_both{clear:both;}

.hidden{display: none;}
.relative{position:relative;}
.strong{font-weight:bold;}
.italic{font-style:italic;}

.basic_link{text-decoration:none;color:#0087f5;}

.round0 {-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
.round2 {-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.round3 {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.round4 {-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.round6 {-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
.round8 {-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.round10 {-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.round10top {-webkit-border-radius: 10px 10px 0 0 ;-moz-border-radius: 10px 10px 0 0 ;border-radius: 10px 10px 0 0 ;}
.round10topleft {-webkit-border-radius: 10px 0 0 0 ;-moz-border-radius: 10px 0 0 0 ;border-radius: 10px 0 0 0 ;}
.round100 {-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;}

.full-width{width:100%;}

.m0{margin:0;}
.m10{margin:10px;}
.m20{margin:20px;}
.m-b-20{margin-bottom:20px;}
.m-t-100{margin-top:100px;}
.m-t-10{margin-top:10px;}
.m-b-10{margin-bottom:20px;}
.p0{padding:0;}
.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.p40{padding:40px;}
.p-l-5{padding-left:5px;}
.p-r-5{padding-right:5px;}
.p-t-5{padding-top:5px;}
.p-b-5{padding-bottom:5px;}
.p-l-20{padding-left:20px;}
.p-r-20{padding-right:20px;}
.p-t-20{padding-top:20px;}
.p-b-20{padding-bottom:20px;}
.p-l-10{padding-left:10px;}
.p-r-10{padding-right:10px;}
.p-t-10{padding-top:10px;}
.p-b-10{padding-bottom:10px;}

.p-l-15{padding-left:15px;}
.p-r-15{padding-right:15px;}
.p-t-15{padding-top:15px;}
.p-b-15{padding-bottom:15px;}

.p-t-40{padding-top:40px;}
.p-b-40{padding-bottom:40px;}
.p-l-40{padding-left:40px;}
.p-r-40{padding-right:40px;}
.p-t-50{padding-top:50px;}
.p-t-60{padding-top:60px;}


.m-r-10{margin-left: 10px;}
.m-l-10{margin-right: 10px;}

.p-t-15{padding-top:15px;}
.block{display:block;}

.orange{color: #ef7320;}
.green{color: #56d790;}
.green-dark{color:#41a541;}
.grey{color:#ccc;}
.white{color: #fff;}
.red{color:#e66161;}
.purple{color:#7b53c1;}

.h50{height:50px;}
.h100{height:100px;}
.h150{height:150px;}
.h200{height:200px;}

a:hover{text-decoration:none;cursor: pointer;}
.pointer{cursor: pointer;}
.ivory{background: #f6f7fb;}
.ivory-light{background-color: rgba(0,0,0,0.05);}
.spinner {display:block;height: 50px;width: 50px;margin:auto;animation: rotate 0.6s infinite linear;border-width: 4px; border-style: solid; border-color:rgba(0,0,0,0.1);border-right-color: transparent;border-radius: 50%;}
.flash { background:black;animation: flash 1s forwards linear normal; }

.nopadding{padding: 0 !important;margin: 0 !important;}




.head-nav-m{}
.head-nav-m span{display: block;height: 60px;line-height: 60px;font-size: 14px;text-decoration: none;font-weight: bold;color: #009ade;text-transform: uppercase;}
.head-nav-m .logo{text-align: center;padding-top: 10px;}
.head-nav-m .logo img{max-height: 40px;max-width: 100%}


.header{background:#fff;border-bottom:1px solid #cccccc;position: fixed;top:0;left: 0;right: 0;z-index: 9999;height: 60px;}
.header-spacer{height:60px;}

.header-top{border-bottom:1px solid #e0e0e0;height:30px;background-color: #000;}
.head-nav-top{margin:0;padding:0;}
.head-nav-top li{float:left;list-style: none;padding:0;margin:0;padding-right:20px;padding-top:5px;padding-bottom:5px;}
.head-nav-top li a{display:block;font-size:12px;color:#666;font-weight: bold;text-transform: uppercase;}
.head-nav-top li:first-child a{color:#666;}

.head-nav{height:70px;margin:0;padding:0;padding-top:5px;}
.head-nav li{float:left;list-style: none;padding:0;margin:0;}
.head-nav li a span{display:block;height:60px;line-height:60px;padding-left:20px;padding-right:20px;font-size:14px;text-decoration:none;font-weight: bold;color:#009ade; text-transform: uppercase;}
.head-nav li a span:hover{color:#c22c91;}
.head-nav li:first-child a{padding-left:0;padding-right:40px;}
.header .logo{height:60px;border:0;text-decoration:none;}
.header .logo img{height:60px;}



.side-nav{padding:0;margin:0;position: absolute;top: 180px;right: 50px;z-index: 99999;width:120px;display: block;}
.side-nav li{padding:0;margin:0;list-style: none;background-color:rgba(255,255,255,0.75);}
.side-nav li a{display:block;height: 40px;line-height: 40px;font-size:12px;padding-left: 15px;padding-right:15px;color:#000;text-transform: uppercase;}
.side-nav li.active{background-color: rgba(255,255,255,0.9);}
.side-nav li:hover{background-color: rgba(255,255,255,0.9);}
.side-nav li.active a{color:#009ade;}
.side-nav li:hover a{color:#c22c91;}
.side-nav li:last-child{height: 70px;-webkit-border-radius: 0 0 0 50px;-moz-border-radius: 0 0 0 50px;border-radius: 0 0 0 50px;}
.side-nav li:last-child:hover{background-color:rgba(255,255,255,0.75);}


.nav-tabs>li>a {
  margin-bottom:5px!important;
    border: 1px solid #ccc;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    border: 1px solid #ddd;
}




/*HOME*/
.screen-list{}
.screen-list li{padding:0;margin:0;background-color: #666;display:block;border-top:1px solid #fff;border-bottom:1px solid #fff;margin-bottom: -1px;  }

.screen-box-wrapper{float:right;width: 465px;margin-bottom: -1px; }
.screen-box{position:relative;float:right;width:230px;height:230px;margin-top:-1px;margin-right:-1px;background-color:rgba(0,0,0,.5);border:1px solid #fff;}
.screen-box-clear{background-color:rgba(0,0,0,0)}
.screen-box-spacer{background: none;border-color: rgba(255,255,255,0)}
.screen-box .dev{position: absolute;top:0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;opacity: 0.7;}
.screen-box .dev:hover{opacity: 1;-o-transition: .4s;-ms-transition: .4s;-moz-transition: .4s;-webkit-transition: .4s;transition: .4s;-webkit-appearance: none;}
.screen-box .link{position: absolute;bottom: 0;left: 0;right: 0;width:100;text-align:center;font-size: 18px;color: #000;font-weight: bold;padding:15px;}
.screen-list .title-container{position: absolute;top:0;left:0;margin-left:20px;margin-top:60px;}

.xs-screen-box .dev{position: absolute;top:0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;opacity: 0.5;}
.xs-screen-box .dev:hover{opacity: 1;-o-transition: .4s;-ms-transition: .4s;-moz-transition: .4s;-webkit-transition: .4s;transition: .4s;-webkit-appearance: none;}
.xs-screen-box .link{position: absolute;bottom: 0;left: 0;right: 0;width:100;text-align:center;font-size: 16px;color: #000;font-weight: bold;}
.xs-screen-list .title-container{position: absolute;top:0;left:0;margin-left:20px;margin-top:60px;}


.xs-menu-box-list a{float:left;height:120px;width: 32%;margin:2px;border:1px solid #000;position: relative;}
.xs-screen-box{position: absolute;top:0;left:0;right:0;bottom:0;}


.screen-list h3{padding:0;margin:0;font-size:36px;font-weight: bold;color: #fff;line-height: 50px;}
.padded-multi-line {  display: inline;  background: rgba(0,0,0,0.75);box-shadow: 10px 0 0 rgba(0,0,0,0.75), -10px 0 0 rgba(0,0,0,0.75);}


.page-head-image{height:390px;background-color:#ccc;background-repeat: no-repeat; background-position: center; background-size: cover;}
.page-head-image h1{padding:0;margin:0;font-size:40px;font-weight: bold;color: #fff;line-height: 50px;}
.page-head-gutter{margin:0;padding:0;background:#ececec;}
.page-head-gutter li{padding:0;margin:0;font-size:11px;padding-top:10px;padding-bottom:10px;border-right:1px solid #ccc;list-style: none;}
.page-head-gutter li:last-child{border-right:0;}
.page-head-gutter li p{padding:0;margin:0;color:#666;}

.wrapper:after {content: '';display: block;clear: both;}

.breadcrumbs{list-style: none;display: block;}
.breadcrumbs li{float: left;padding-right: 10px;}
.breadcrumbs li:after{content: '›';padding-left:10px;font-size: 26px;vertical-align: -2px;color:#7b939c;}
.breadcrumbs li a{color:#7b939c;}
.breadcrumbs li:last-child:after{content: '';}

.panel{background:#fff;box-shadow: 0 0 25px 5px rgba(0,0,0,0.05);}
.panel h4{font-family:'Lato',sans-serif;font-size:18px;font-weight:400;letter-spacing:1px;text-transform:uppercase;color:#3fa9f5;margin-bottom:20px}
.panel .unique-features-list{font-family:'Lato',sans-serif;font-weight:300;list-style-position:outside;margin-left:20px;list-style-type:circle}
.panel .unique-features-list li{font-weight:300;font-size:14px;line-height:1.7;margin-bottom:10px;display:list-item;list-style:circle}
.panel .unique-amenities-list{font-family:'Lato',sans-serif;font-weight:300;list-style-position:outside;margin-left:20px;list-style-type:circle}
.panel .unique-amenities-list li{font-weight:300;font-size:14px;line-height:1.7;margin-bottom:10px;display:list-item;list-style:circle;width:33%;box-sizing: border-box;float: left;}


.gallery{}
.gallery .main{float: left;height: 230px;width:50%;box-sizing: border-box;padding-right:5px;padding-bottom:5px;}
.gallery .sub{float: left;height: 115px;width:25%;padding-right:5px;padding-bottom:5px;box-sizing: border-box;}
.gallery .image{height:100%;width:100%;background-color:#ccc; background-size: cover; background-repeat: no-repeat; background-position: center;}

.project-meta{border-top: 1px solid #eee;margin-top: 10px;color:#666;}
.meta-tag-line{font-size: 23px;font-family: 'Lato',sans-serif;font-weight: 400;letter-spacing: 1px;text-transform: uppercase;color: #3fa9f5;margin-bottom: 20px;}

.meta-p-footer{
  font-size: 15px;
  font-weight: 700;
  margin-top: 5px;
  letter-spacing: 1px;
}
.meta-p-footer span{
  display: block;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}


.meta-tag-line{padding-top: 10px;font-size: 20px}

.about-project{ font-family: 'Lato',sans-serif;font-weight:300;color:#4d4d4d;line-height:1.75;-moz-column-count:2;-moz-column-gap:3em;-webkit-column-count:2;-webkit-column-gap:3em;column-count:2;color:#666; }
p{font-family: 'Lato',sans-serif;}
sup{top:-.5em}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
.font-light{font-weight: 300;}
.project-meta-titles{font-size:12px;color:#666;}
.project-meta-titles p{padding:0;margin:0;font-weight: 300;}
.project-meta-titles p.title{font-weight: 400;}

.sidebar-rebate{font-family:'Lato',sans-serif;background-color:#3fa9f5;color:#fff;box-shadow:0 0 15px 5px rgba(63,169,245,0.38);border:1px solid #3fa9f5;position:relative}
.rebate-heading .amount{padding:0;margin:0;font-size:6.3em;font-weight:500;letter-spacing:1px;line-height:1}
.rebate-heading .sub-heading{text-transform:uppercase;font-size:16px;font-weight:900;margin:5px 0}
.rebate-label{font-size:15px;text-transform:uppercase;font-weight:900}
.rebate-counters{margin:20px 0;text-align:center;font-size:32px;font-weight:700}

.panel .location{height:300px;background-size: cover;background-position: center; background-repeat: no-repeat;}
.map-marker-13{background-image: url(../img/map-marker-13.png); background-repeat: no-repeat; background-size: cover;width:30px;height: 30px;position: absolute;top:50%;left: 50%;margin-top: -15px;margin-left: -15px;z-index: 99;}

.contact-card .main-heading{font-family:'Lato',sans-serif;font-size:18px;font-weight:500;padding-bottom:10px;border-bottom:1px solid #eee;margin-bottom:15px}
.label{margin-bottom:5px;font-family:'Lato',sans-serif;font-size:11px;font-weight:700;color:#666;display:block;text-align: left;}
.input{background-color:#fff;font-family:'Lato',sans-serif;font-size:14px;width:100%;min-width:100%;display:block;border-radius:2px;border:1px solid #ccc;padding:5px 10px;color:#666;margin-bottom:5px;line-height: 30px;}
.submit-form{font-family:'Lato',sans-serif;font-weight:600;border:0;background-color:#3fa9f5;width:100%;text-align:center;color:#fff;padding:10px;border-radius:5px;position:relative}
.submit-form:hover{background-color:#3fa9f5;}
.input-text-area{min-height: 120px;}

.contact-agent .main-title{margin:20px;font-size:38px;color:#2e393f;font-weight:400;text-transform:capitalize;line-height:1.4}
.contact-agent .sub-heading{color:#7b939c;margin:10px 0;font-size:16px;line-height:1.5;width:80%;margin:auto}
.contact-agent .section{border-bottom: 1px solid #eee;}


.white{background:#fff;}
.developer .content-heading {margin-bottom: 25px;}
.developer .developer-name{font-family:'Lato',sans-serif;font-weight:700;font-size:24px;color:#4d4d4d;line-height:1;display:inline-block}
.developer .developer-headquarters{display:inline-block;float:right;font-family:'Lato',sans-serif;font-size:16px;font-weight:900;text-transform:uppercase;color:#4d4d4d;padding:5px 0}
.developer-about{font-family:'Lato',sans-serif;font-size:15px;color:#4d4d4d;line-height:1.6;margin-bottom:25px}
.developer-about p{margin-bottom: 20px;}

.developer-projects .heading{border-bottom:2px solid #eee;margin:40px 0 25px}
.developer-projects .heading h2{font-family:'Lato',sans-serif;font-weight:700;font-size:21px;color:#4d4d4d}


.glow{box-shadow:0 0 25px 5px rgba(0,0,0,0.05)}
.project-container{background-color:#fff;border:3px solid #333;border-radius:4px;margin-bottom: 20px;}
.project-container .image-container{position:relative;height:215px;display:block;background-size: cover;background-position: center;background-repeat: no-repeat;}
.project-container a{color:#666;text-decoration: none;padding:0;margin:0;}
.project-container .project-meta{border:0;padding: 0;margin:0;}
.project-container .project-meta .project-name{padding:0;margin:0;font-size:21px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.project-container .project-meta .project-type{text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.project-container .project-meta .meta-footer{font-size:15px;text-align:right;font-weight:700;letter-spacing:1px}
.project-container .project-meta .meta-footer span{display:block;font-size:11px;font-weight:700;text-transform:uppercase}


.sidebar-heading{font-family:'Lato',sans-serif;font-size:15px;font-weight:700;text-transform:uppercase;padding-bottom:7px;margin-bottom:30px;border-bottom:1px solid #eee}

.footer-spacer{height:50px;}
.footer{background-color: #fff;border-top:1px solid #ddd;}
.footer p{color:#666;}
.footer .title{border-bottom:1px solid #ccc;padding-bottom: 10px;margin-bottom: 10px;color:#3fa9f5;font-size:16px;}

.border-top{border-top:1px solid #ccc;}

.main-section-pattern{}
.main-section-pattern .section-heading{font-family:'Lato',sans-serif;text-align:center;max-width:100%;margin-bottom:50px;border-bottom:1px solid #ccc;padding-bottom:50px}
.main-section-pattern .main-heading{margin:20px;font-size:42px;color:#2e393f;font-weight:400;text-transform:capitalize;line-height:1.4}
.main-section-pattern .sub-heading{color:#7b939c;margin:10px 0;font-size:18px;line-height:1.75;width:75%;margin:auto}

.rubric-label{background-color:rgba(0,154,222,0.85);color:#fff;display:table;font-family:A2 Regular,sans-serif;font-size:12px;font-weight:600;letter-spacing:.5px;line-height:1;margin:0;min-height:30px;padding:10px 30px 10px 10px;width:auto;}
.hed-label{color:#fff;font-family:Titling Gothic Narrow Medium,sans-serif;font-weight:400;background-color:rgba(0,0,0,.8);box-decoration-break:clone;box-shadow:10px 0 0 rgba(0,0,0,.8), -10px 0 0 rgba(0,0,0,.8);display:inline;margin:0;padding:0;font-size:36px;padding-top:5px;padding-left:5px;padding-bottom:5px;line-height:54px}
.hed-container{display:inline;font-size:inherit;font-weight:inherit;line-height:inherit;margin:0}
.featured-sept-hero-hed{padding:10px 5px}


.project-box{height:200px;position: relative;}
.project-box .dev{position: absolute;top:0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;background-size: cover;background-position:center;background-repeat: no-repeat;opacity: 0.3;}
.project-box .dev:hover{opacity: 1;-o-transition: .4s;-ms-transition: .4s;-moz-transition: .4s;-webkit-transition: .4s;transition: .4s;-webkit-appearance: none;}
.project-box .link{position: absolute;bottom: 0;left: 0;right: 0;width:100;text-align:center;font-size: 18px;color: #000;font-weight: bold;padding:15px;}
.project-box .active{opacity: 1;border:1px solid #000;}


.center-text{text-align: center;}
.offers-heading {margin-bottom: 25px;font-family:'Lato',sans-serif;font-weight:700;font-size:24px;color:#666;line-height:1;}

.offers-info{font-family:'Lato',sans-serif;font-size:15px;color:#666;line-height:1.6;margin-bottom:25px}
.offers-info p{margin-bottom: 20px;}
.offers-info h3{color:#33b5e5;}

#broker .rs-range-color , #buyer .rs-range-color  {
    background-color: #33B5E5;
}
#broker .rs-path-color, #buyer .rs-path-color  {
    background-color: #C2E9F7;
}
#broker .rs-handle, #buyer .rs-handle  {
    background-color: #C2E9F7;
    padding: 7px;
    border: 2px solid #C2E9F7;
}
#broker .rs-handle.rs-focus, #buyer .rs-handle.rs-focus  {
    border-color: #33B5E5;
}
#broker .rs-handle:after, #buyer .rs-handle:after  {
    border-color: #33B5E5;
    background-color: #33B5E5;
}
#broker .rs-border, #buyer .rs-border {
    border-color: transparent;
}
#broker .rs-tooltip.rs-tooltip-text, #buyer .rs-tooltip.rs-tooltip-text{
  color: #000;
}

.tooltip-head{
  color: #9c9c9c;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: 2px;
  text-transform: uppercase;

}
.tooltip-value{
  font-size: 16px;
  color: #33B5E5;
  font-weight: 700;
  text-transform: uppercase;
}



.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs-15 {
    width: 20%;
    float: left;
}


@keyframes flash {
  0% { background:#fff; }
  4% { background:#0bc3c4; }
  100% { background:#fff; }
}
@keyframes rotate {
  0%    { transform: rotate(0deg); }
  100%  { transform: rotate(360deg); }
}


@media screen and (min-width: 0px) and (max-width: 500px) {
	.screen-box{width:100;float:none;}
	.container-pad{padding:0;}
	.screen-box-wrapper{float: none;width: 100%;}
	.screen-list li{height:auto;min-height:350px;}
  .screen-list .title-container{margin-top:0;}
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}




.base-menu {
    position: relative;
    box-sizing: border-box;
    height: 50px;
    overflow: hidden;
    padding-top: 10px;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    min-height: 64px;
    z-index: 8000 !important;
    position: fixed;
    background-color: #fff;
    box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.1);
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.base-menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
    clear: both;
}
.base-menu ul li {
    float: left;
    width: 25%;
    padding: 0;
    margin: 0;
    text-align: center;
}
.base-menu ul li i {
    display: block;
    font-size: 24px;
    color: #ccc;
    height: 26px;
}
.base-menu ul li.active i {
    color: #303f61;
}
.base-menu ul li a {
    color: #ccc;
    text-decoration: none;
    display: block;
    font-size: 13px;
}
.base-menu ul li.active a {
    color: #303f61;
}