@font-face {
    font-family: 'humanst521_lt_btlight';
    src: url('fonts/tt0288m-webfont.eot');
    src: url('fonts/tt0288m-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/tt0288m-webfont.woff2') format('woff2'),
         url('fonts/tt0288m-webfont.woff') format('woff'),
         url('fonts/tt0288m-webfont.ttf') format('truetype'),
         url('fonts/tt0288m-webfont.svg#humanst521_lt_btlight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
	font-family: 'Myriad Pro';
	src: url('MyriadPro-Cond.eot');
	src: url('MyriadPro-Cond.eot?#iefix') format('embedded-opentype'),
		url('MyriadPro-Cond.woff') format('woff'),
		url('MyriadPro-Cond.ttf') format('truetype'),
		url('MyriadPro-Cond.svg#MyriadPro-Cond') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'icomoon';
    src:    url('fonts/icomoon.eot?tnevuu');
    src:    url('fonts/icomoon.eot?tnevuu#iefix') format('embedded-opentype'),
        url('fonts/icomoon.ttf?tnevuu') format('truetype'),
        url('fonts/icomoon.woff?tnevuu') format('woff'),
        url('fonts/icomoon.svg?tnevuu#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-elevation:before {
    content: "\e917";
}
.icon-specification:before {
    content: "\e916";
}
.icon-interface2:before {
    content: "\e900"; font-size:18px; color:#fff;
}
.icon-pin:before {
    content: "\e911";
}
.icon-picture:before {
    content: "\e912";
}
.icon-crown:before {
    content: "\e913";
}
.icon-building:before {
    content: "\e914";
}
.icon-logo:before {
    content: "\e915";
}
.icon-money:before {
    content: "\e90e";
}
.icon-nature:before {
    content: "\e90d";
}
.icon-construction-1:before {
    content: "\e901";
}
.icon-gps:before {
    content: "\e902";
}
.icon-interface:before {
    content: "\e903";
}
.icon-location:before {
    content: "\e905";
}
.icon-technology:before {
    content: "\e907";
}
.icon-city:before {
    content: "\e90b";
}
.icon-construction:before {
    content: "\e90c";
}
.icon-icon-68665:before {
    content: "\e90f";
}
.icon-networking:before {
    content: "\e910";
}
.icon-tool:before {
    content: "\e904";
}
.icon-youtube-logotype:before {
    content: "\e908";
}
.icon-facebook3:before {
    content: "\e909";
}
.icon-google-plus:before {
    content: "\e90a";
}
.icon-social-network22:before {
    content: "\e906";
}



body {font-family: 'humanst521_lt_btlight'; font-size:16px; color:#4c4c4c; line-height:28px}
ul { padding:0}
a { color:#323337; transition:all 1s}
.navbar-header { width:20%; float:left}
a:hover, a:focus, a:active { text-decoration:underline; outline:0}
.navbar .col-sm-3 { text-align:right}
.mail-ancr { margin:15px 0; display:inline-block}
.navbar-wrapper a:hover { opacity:0.8}
#welcome-section { text-align:center; padding: 100px 0 80px; font-size:17px; line-height:32px} 
#welcome-section h1 {color:#1e2226; font-size:30px; text-transform:uppercase; margin:0}
#welcome-section h4 { font-size:20px; color:#1e2226; margin:30px 0 15px}
#project-section .col-sm-4 { padding:0}
#footer { padding:65px 0; background:#f5f5f5}
#footer h6 { color:#1e2226; border-bottom:solid 1px #d4d4d4; padding-bottom:15px; margin:0 0 15px; font-size:15px}
#footer ul { padding:0 }
#footer ul li { list-style:none; margin:6px 0}
#footer a { color:#1e2226}
#footer hr { margin:25px 0 30px; border-top:solid 1px #d4d4d4}
.social { text-align:right;}
.social a { font-size:30px; color:#8e8d8d; opacity:0.3; transition:all 1s; margin:0 0 0 5px}
.social a:hover { opacity:1; text-decoration:none}
.hrDisplay767 { display:none}
.navbar-default .navbar-collapse, .navbar-default .navbar-form { width:75%; float:left}
.mail-blk { width:5%; float:left}

.carousel-inner > .slideFirst > img  { width:auto !important; min-width:auto; position:absolute;}
.carousel-inner > .slideFirst .word1 {left:16%; top:20%;}
.carousel-inner > .slideFirst .word2 {left:41%; top:20%;}
.carousel-inner > .slideFirst .word3 {left:70%; top:23%;}
.carousel-inner > .slideFirst .word4 {left:4%; top:38%;}
.carousel-inner > .slideFirst .word5 {left:32%; top:38%;}
.carousel-inner > .slideFirst .word6 {left:64%; top:39%;}
.carousel-inner > .slideFirst .word7 {left:14%; top:55%;}
.carousel-inner > .slideFirst .word8 {left:47%; top:55%;}
.carousel-inner > .slideFirst .word9 {left:77%; top:55%;}
.carousel-inner > .slideFirst .word10 {left:7%; top:69%;}
.carousel-inner > .slideFirst .word11 {left:41%; top:68%;}
.carousel-inner > .slideFirst .word12 {left:75%; top:74%;}
.carousel-inner > .slideFirst .word13 {left:7%; top:87%;}
.carousel-inner > .slideFirst .word14 {left:35%; top:87%;}
.carousel-inner > .slideFirst .word15 {left:65%; top:87%;}

.menu-large {
  position: static !important;
}
.megamenu{
  padding: 25px 0px 5px;
  width:100%;
  text-align:center
}
.megamenu> li > ul {
  padding: 0;
  margin: 0;
}
.megamenu> li > ul > li {
  list-style: none;
}
.megamenu> li > ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333333;
  white-space: normal;
}
.megamenu> li ul > li > a:hover,
.megamenu> li ul > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.megamenu.disabled > a,
.megamenu.disabled > a:hover,
.megamenu.disabled > a:focus {
  color: #999999;
}
.megamenu.disabled > a:hover,
.megamenu.disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.megamenu.dropdown-header {
  color: #428bca;
  font-size: 18px;
}
.width60 { width:60%; margin:0 auto}
.help-div { width:70%; margin:0 auto}
.help-div .width20 { width:20%; float:left; padding:0 15px}
.megamenu span { font-size:50px;}
.megamenu a:hover, .megamenu a:active, .megamenu a:focus { text-decoration:none; color:#999}
#middle-section { padding:40px 15px; font-size:18px}
.navbar-wrapper1 { position:relative}
#middle-section h1 { margin:0 auto 10px}
.box { width:100%; border:solid 1px #E0E0E0; padding:3px 10px 3px; transition:all 1s; color:#9D9D9D}
.input-txt, .tWidth { margin:15px 0 0}
.box:hover, .box:focus, .box:active { box-shadow:0 0 5px #DBDBDB; outline:0}
.subbtn { padding:5px 15px; background:#fff; border: solid 1px #B6B6B6; margin:15px 5px 0 0 ; transition:all 1s}
.subbtn:hover, .subbtn:focus, .subbtn:active { background:#b6b6b6; color:#fff; outline:0}
.line5 { border-top:solid 1px #E6E6E6}
.cal-img { float:right !important}
.arrow-doc { margin:15px 0 0}
.arrow-doc li { list-style-position:inside}
h5 { font-size:25px; color:#000; margin:0}
.panel-heading a { padding:10px 15px; display:block}
.panel-heading a:hover, .panel-heading a:focus, .panel-heading a:active { background:rgba(0,0,0,0.1); color:#000; text-decoration:none}
.listing li {list-style:none; }
#localcase { margin:20px 0 0}
#localcase img { margin:0 15px 0 0}
.Flexible-container {  position: relative; padding-bottom: 60%; height: 0; overflow: hidden; border: solid 2px #dddada; margin-bottom:20px;s}
.Flexible-container iframe, .Flexible-container object, .Flexible-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0; }
.land h5 { padding:15px 25px; text-align:center;}
.land a:hover, .land a:active, .land a:focus { text-decoration:none;}
.back-ancr { float:right }
.back-ancr a{ padding:10px 25px; background:#f5f5f5; display:inline-block; font-size:15px; text-transform:uppercase;} 
.back-ancr a:hover, .back-ancr a:active, .back-ancr a:focus { text-decoration:none; background:#e1e1e1}
.proj-desc-links { /*border-bottom:solid 3px #f1f1f1*/}
.proj-desc-links li { display:inline-block;}
.proj-desc-links li a { padding:10px 20px 10px 0px; /*background:#F9F9F9;*/ display:block; color:#000; font-size:18px}
.proj-desc-links li a:hover {  text-decoration:none; }
.proj-desc-links li a span { font-size:20px; float:left; margin:5px 10px 5px 0}
.proj-active { text-decoration:none !important; }

#sticky { width: 100%; }
#sticky.stick { margin-top: 0 !important; position: fixed; top: 0; z-index: 10; background:#fff; left: 0;right: 0;padding: 0 8%;}
.about-section, .services-section, .contact-section { padding-top: 80px; }

figure { width: 100%; height: 100%; margin: 0; padding: 0; background: #fff; overflow: hidden; }


.gallery h5 { font-size:15px; }
h3 { font-size:28px; text-transform:uppercase; margin:0 0 20px}
.width30 li { width:25%; float:left; margin:0 0 15px; font-size:19px}
.width40 li { width:33.3333333%; float:left; margin:0 0 15px}
.land-img { float:right; margin:0 0 0 15px}
.land { margin:0}
.land .col-xs-6 { margin: 0; padding:0 1px}

table { width:100%; color:#666}
table td { padding:5px 10px}
table tr:nth-child(odd) { background:#FCFCFC}
table tr:first-child { background:#f9f9f9; color:#000; text-transform:uppercase}

.img-width250 { float:right; margin:0 0 15px 15px; width:250px}
.gallery .col-xs-6 { margin:0 0 30px}
.brochure-ancr { padding:10px 20px; background:#4E4E4E; display:inline-block; color:#fff; font-size:18px; border-bottom:solid 3px #000}
.brochure-ancr span { margin:0 5px 0 0}
.brochure-ancr:hover, .brochure-ancr:focus, .brochure-ancr:active { background:#000; color:#fff; text-decoration:none}
.galleryBlk { padding:30px 0}
.galleryBlk .galImg1 { width:67%; float:left; padding:0 1px}
.galleryBlk .galImg2 { width:33%; float:left; padding:0 1px}
.galleryBlk .galImg21 { width:100%; padding:0 0 1px}
.galleryBlk .galImg22 { width:100%; padding:1px 0 0}
.font19 { font-size:22px; margin:0 0 25px; color:#000}

.galleryBlk11 { width:100%; margin:80px auto 0}
.left-blk { width:35%; float:left; text-align:right}
.left-blk p { font-size:30px; line-height:45px; text-transform:uppercase; padding-right:30px}
.right-blk { width:65%; float:left}
.right-blk img { width:100%;}
.width100 { width:100%;}

.location-center {  background:#e7dbc3; margin-bottom:30px; text-align:center}
.location-center1 {  background:#e3dcd2; margin-bottom:30px; text-align:center}

#location {margin:20px auto 0}

.sampleflats h3 {text-align: center;margin-top: 12px;}
.maharera {float: left;margin-right: 15px;}
#location{margin:0;}
#location p {
	font-size: 15px;
}
@-webkit-keyframes shine {	100% {	left: 125%;	} }
@keyframes shine {	100% {	left: 125%;	} }

@media (min-width:1201px) { 
.nav > li > a { margin:5px 28px 0}
}

@media (max-width:1200px) { 
.nav > li > a { margin:5px 8px 0}
.left-blk p {line-height:36px; font-size:22px}
}

@media (max-width:1024px) { 
.navbar-brand > img { width:100%}
.nav > li > a { margin:5px 6px 0}
.container { width:96%;}
.galleryBlk11 {margin:40px 0 0} 
}

@media (max-width:991px) { 
.navbar-nav > li > a { font-size: 12px; margin: 8px 12% 0; padding: 10px 6px;}
.navbar-brand { padding:18px 0 10px}
#welcome-section { padding:100px 0 50px}
#welcome-section h1 { font-size:28px}
#welcome-section h4 {font-size:17px; margin:25px 0 15px}
#footer { padding:50px 0}
#footer .col-sm-12 h6 { border-top: 1px solid #d4d4d4; padding:15px 0}
#footer hr { margin:15px 0 20px}
.inner-img img { display:none}
.proj-desc-links { border:0}
.land-img { width:300px;}
.help-div, .width60 { width:100%;}
.about-img { width:300px;}
.left-blk { width:100%; text-align:center; padding:0 0 40px}
.left-blk br { display:none}
.right-blk { width:100%;}
.location-center img { width:100%}
}
@media (max-width: 768px) {
  .megamenu{
    margin-left: 0 ;
    margin-right: 0 ;
  }
  .megamenu> li {
    margin-bottom: 30px;
  }
  .megamenu> li:last-child {
    margin-bottom: 0;
  }
  .megamenu.dropdown-header {
    padding: 3px 15px !important;

  }
  .navbar-nav .open .dropdown-menu .dropdown-header{
	color:#fff;
  }


}
@media (max-width:767px) { 
	.mail-ancr { position: absolute; right: 17%; top: 17px; margin:0}
	.navbar-toggle { margin:15px 0 0 0; background: rgba(255,255,255,0.3); transition:all 1s}
	.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background: rgba(255,255,255,0.4) }
	.carousel-indicators {bottom:-62px}
	#welcome-section { padding:80px 0 50px}
	.hrDisplay767 { display:block; clear:both} 
	.navbar-wrapper { position:relative}
	.navbar-header { width:100%; padding:0 15px}
	.navbar-wrapper .navbar  { padding:0}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form { position:absolute; width:100%; background:#E9E9E9; top:67px}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { color:#000; background:none}
	.nav > li { display:block; border-bottom:solid 1px rgba(255,255,255,0.2)}
	.navbar-nav { margin:0}
	.navbar-collapse { padding:0}
	.navbar-nav > li > a { margin:0;  padding:10px 25px;}
	.navbar-default .navbar-nav > li > a  {color:#000;}
	.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {color: #000; background-color: none}
	.width60 , .help-div{ width:100%;}
	.nav .open > a, .nav .open > a:focus, .nav .open > a:hover { background:none}
	.megamenu a:hover, .megamenu a:active, .megamenu a:focus { text-decoration:none; color:#000} 
	.carousel-control { display:none}
	#sticky, .spaceP { display:none !important}
	.about-section, .services-section, .contact-section { padding:30px 0 30px}
	.width40 li { width:50%;}
	.about-img { display:none}
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { color:#000}
	.megamenu span { font-size:18px; margin:6px 8px 0 0; float:left}
	.width60 .col-xs-3, .help-div .width20 { width:100%; padding:8px 50px; border-top:solid 1px rgba(255,255,255,0.2)}
	.width60 .col-xs-3 br, .help-div .width20 br { display:none}
	.megamenu { padding:0; text-align:left}
	.megamenu p { margin:0}
	.land .col-xs-6 { margin:0 0 30px}
	.hover14 figure { text-align:center}
	.img-width250 { display:none}
	
}
@media (max-width:660px) { 
	#footer .col-xs-4, #footer .col-xs-8 { width:100%; clear:both}
	#footer .col-xs-4 ul li { display:inline-block; padding:0px 15px 0 0}
	.social { text-align:left}
	.social a { margin:0 5px 0 0}
	#welcome-section h1 { font-size:22px;}	 
	.megamenu span { font-size:18px; margin:6px 8px 0 0; float:left}
	.width60 .col-xs-4, .help-div .width20 { width:100%; padding:8px 40px; border-top:solid 1px rgba(255,255,255,0.2)}
	.width60 .col-xs-4 br, .help-div .width20 br { display:none}
	.megamenu { padding:0; text-align:left}
	.megamenu p { margin:0}
	#middle-section h1 { font-size:25px}
	.img-width250 {display:none}
	.galleryBlk .galImg1, .galleryBlk .galImg2 { width:100%; padding:1px}
}
@media (max-width:620px) { 
	.width30 li { width:50%;}
	.width40 li { width:100%;}
}
@media (max-width:550px) { 
	.land-img { width:100%; margin:0 0 15px;}
	.land .col-xs-6 { width:100%;}
	.table-div { overflow-y:scroll}	
	.table-div table { width:55px}
}
@media (max-width:370px) { 
	.navbar-brand { margin:5% 0 0; padding:0; width:60%} 
	.navbar-toggle { margin:10px 0 10px}
	.mail-ancr { right:72px; top:11px}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {top:56px;}	
	.gallery .col-xs-6 { width:100%;}
	#middle-section h1 { font-size:20px}
	.back-ancr a { font-size:13px; padding:7px 15px}
	.width30 li { width:100% !important; float:none}
	.megamenu span { font-size:18px; margin:0 8px 0 0; float:left}
}