.rights
{
	float:right !important; right:0px; position:absolute; width:78%; top:220px;
}
.lefts
{
	float:left; width:35%;
}
@media only screen and (max-width: 768px) 
{
	.rights
{
	 left:220px; width:45% !important; top:220px;
	 clear:both !important;
}
.lefts
{
	width:50% !important; clear:both !important;
}
.left-menu
{
	clear:both;
	width:70% !important;
	padding:0px;
	margin:0px;
}
.left-menu ul
{
	clear:both;
	width:100%;
}
.middle-container .left-bg
{
	clear:both;
	height:250px;
	margin:0px;
	padding:0px;
	width:100% !important;
}
.residential-pg
{
	clear:both !important;
	width:100% !important;
	padding:0px;
	margin:0px;
}
}

img{border:0}a{text-decoration:none;outline:0}.BodyLoader{width:100%;height:100%;position:fixed;background:url(../SiteImages/bodyLoader.gif) no-repeat 48% 35%;background-color:#fdfdfd;border:solid 0 red;top:0;left:0;z-index:11111111}#divBannerHolder{position:relative;width:100%;height:100%;z-index:-1}#divBanners{position:relative;width:100%;height:100%;z-index:0}#divBanner1{position:relative;width:100%;height:100%;z-index:6;min-width:1024px}#imgBig1{z-index:6;border:solid 0 red;position:fixed;width:100%;left:0;height:100%;min-width:1024px}#divBanner2{border:solid 0 red;position:relative;height:100%;z-index:5;min-width:1024px}#imgBig2{z-index:5;position:fixed;width:100%;height:100%;left:0;min-width:1024px}#divBanner3{position:relative;width:100%;height:100%;z-index:4;min-width:1024px}#imgBig3{z-index:4;width:100%;height:100%;position:fixed;min-width:1024px}#divBanner4{position:relative;width:100%;height:100%;z-index:3;min-width:1024px}#imgBig4{z-index:3;position:fixed;width:100%;height:100%;min-width:1024px}#divBanner5{position:relative;width:100%;height:100%;z-index:2;min-width:1024px}#imgBig5{z-index:2;position:fixed;width:100%;height:100%;min-width:1024px}#divBanner6{position:relative;width:100%;height:100%;z-index:1;min-width:1024px}#imgBig6{z-index:1;width:100%;height:100%;position:fixed;min-width:1024px}#prev{position:fixed;top:40%;left:10px;width:26.4px;height:60.8px;cursor:pointer;border:0}#next{position:fixed;top:40%;right:10px;width:24.8px;height:57.6px;cursor:pointer;border:0}.bgStretcherNav bgStretcherNavNext,.bgStretcherNav bgStretcherNavPrev{z-index:-1}.PagingContainer{width:57px;height:15px;border:solid 0 green;float:right;padding-top:5px}.PagingIcon{width:9px;height:8px;border:solid 0 green;float:left;margin-left:8px;display:none}#nav ul{list-style:none;margin:0 auto;padding:0;height:15px;overflow:hidden;width:115px;border:solid 0 green}#nav ul li{display:inline;list-style:none;border:solid 0 red}#nav ul li.showPage{list-style:none;width:8px;height:8px;float:left;margin-right:8px;margin-top:5px;background-image:url(../SiteImages/paging-selected.png)}#nav ul li.showPage a{list-style:none;border:solid 0 red;width:8px;height:8px;float:left;margin-right:8px;margin-top:5px}.LogoContainer{width:258px;height:183px;position:absolute;top:0;left:0}.LogoContainer img{width:80%;height:80%}.MenuContainer{position:absolute;background-color:#343434;width:600px;height:36px;right:0;top:0}.MenuContainer ul{margin:0;padding:0}.MenuContainer ul li{float:left;height:36px;line-height:36px;text-decoration:none;list-style:none;text-align:center;border:0 solid green}.MenuContainer ul li a{color:#fff;font-family:'Roboto Condensed',sans-serif,Arial;letter-spacing:1px;font-size:13px;text-transform:uppercase;text-align:center;text-decoration:none;border:0 solid #00f;cursor:pointer}.liSeparetor{color:#888;font-size:11px}#liHome{width:63px;background:#f6f6f6 url(../SiteImages/icon-homepage.png) no-repeat center 6px;cursor:pointer}.ancHome{width:63px;background:#f6f6f6 url(../SiteImages/icon-homepage.png) no-repeat center 6px;cursor:pointer;float:left;height:36px;border:Solid 1px red}#liAboutUs{width:97px;border-right:solid 1px #575758}#liBuyers{width:130px;border-right:solid 1px #575758}#liContact{width:105px;border-right:solid 1px #575758}#liMedia{width:80px;border-right:solid 1px #575758}#liSearch{width:120px;float:right;text-align:left;text-indent:12px;font-family:'Roboto Condensed',sans-serif,Arial;font-size:14px;color:#343434;background:#f6f6f6 url(../SiteImages/arrow-current-project.png) no-repeat 90px center;cursor:pointer}#liSearch a{color:#343434;text-decoration:none;font-size:14px}.SBContainer{width:20%;height:40px;position:absolute;top:36px;right:0;border:solid 1px #999;background-color:#fff;display:none}.SBBtn{width:14%;height:40px;border:solid 0 red;float:left;cursor:pointer;background:url(../SiteImages/icon-search.jpg) no-repeat center}.txtSB{width:84%;height:35px;line-height:40px;float:right;outline:0;background-color:Transparent;font-family:'Open Sans',sans-serif,Arial;font-size:13px;color:#333;border:solid 0 red}.SBNoProject{width:17%;height:30px;line-height:30px;background-color:#fff;text-indent:5px;position:absolute;top:77px;right:0;border:solid 1px #999;display:none;font-family:'Open Sans',sans-serif,Arial;font-size:13px;color:#333}.FooterAbs{width:100%;height:55px;padding-top:5px;overflow:hidden;bottom:24px;left:0;border:solid 0 red;position:fixed;background:rgba(255,255,255,0.8);z-index:450;font-size:100%}.FooterContainer{width:100%;border:solid 0 #ff0;height:60px;overflow:hidden;}.ProjectsMenuContainer{height:25px;width:100%;overflow:hidden;border:solid 0 #ff0}.FooterMenuContainer{height:26px;width:100%;border:solid 0 red;overflow:hidden}.ProjectsMenuLeft{width:77%;border:solid 0 red;float:left;padding-left:1.5%}.ProjectsMenuRight{width:18%;border:solid 0 #00f;float:right;padding-right:1.5%}.ProjectsMenu{width:auto;height:23px;float:left;padding:0 7px;font-family:Helvetica;font-size:11px;color:#aeaeae;border:solid 0 green;line-height:30px}.ProjectsMenu a{text-decoration:none;color:#666}.RedTxt{font-weight:bolder;font-size:11px;font-family:Arial;height:23px;line-height:30px;padding:0 7px 0 0;color:#272727;float:left}.CurrTxt{font-weight:bolder;font-family:Helvetica,Arial;font-size:11px;color:#000;padding:0 0 0 10px;height:23px;line-height:30px;float:left}.FooterMenuButtons{width:auto;height:27px;float:left;padding:0 8px;font-family:Arial;font-size:11px;color:#565656;border:solid 0 green;line-height:25px}.FooterMenuButtons a{text-decoration:none;color:#565656}.clr{clear:both;overflow:hidden}.FBBox{width:19px;height:17px;float:right;cursor:pointer;margin:6px 0 0;background-image:url(../SiteImages/icon-facebook.png)}.TwitterBox{width:19px;height:17px;float:right;cursor:pointer;margin:6px 5px 0 0;background-image:url(../SiteImages/icon-twitter.png)}.EmailContainer{width:115px;float:right;height:25px;border:solid 0 Green;font-family:Arial;font-size:11px;color:#565656;background-image:url(../SiteImages/icon-mail.png);background-position:8px 8px;background-repeat:no-repeat;text-align:right;padding-left:25px;line-height:25px}.EmailContainer a{text-decoration:none;color:#565656}.PhoneContainer{width:105px;float:right;height:25px;border:solid 0 Green;font-family:Arial;font-size:11px;color:#565656;background-image:url(../SiteImages/icon-telephone.png);background-position:5px 6px;background-repeat:no-repeat;text-align:left;padding-left:25px;line-height:25px}.CopyRight{width:100%;height:25px;line-height:25px;background:rgba(0,0,0,0.8);position:fixed;bottom:0;left:0;z-index:450;overflow:hidden;font-family:Arial;font-size:10px;color:#aeaeae}.CopyRight a{text-decoration:none;color:#aeaeae}.CopyRightLeft{width:45%;text-align:left;height:25px;float:left;padding-left:1.5%;overflow:hidden}.CopyRightRight{width:45%;text-align:right;height:25px;float:right;padding-right:1.5%;overflow:hidden}.CurrentProjectsDiv{position:absolute;top:35%;right:0;width:60px;height:161px;border:solid 0 red;background-image:url(../SiteImages/current-projects.html);z-index:100;cursor:pointer}.EnquiryDiv{position:absolute;top:40%;left:20px;width:57px;height:58px;border:solid 0 red;background-image:url(../SiteImages/icon-enquiry.html);display:none}.ProjectsRelative{width:100%;border:solid 0 red;position:fixed;bottom:118px;height:auto;z-index:299}.SiteLogoContainer{overflow:hidden;height:308px;width:174.4px;bottom:-172px;cursor:pointer;position:fixed;right:10%;border:solid 0 red;background-color:Transparent;display:none}.divOverlay{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:500;-moz-opacity:.5;opacity:.8;filter:alpha(opacity=80)}.divLeftSideImage{position:absolute;right:0;top:40%;width:76px;height:245px;cursor:pointer;border:0 solid #000;background-image:url('Images/current-projects.html');background-position:center;background-repeat:no-repeat;z-index:100}.divCurrentProjects{position:fixed;right:-36.7%;width:55%;height:29%;display:block;top:57%;background-color:Transparent;border:solid 0 green;font-size:100%;z-index:1001;overflow:hidden}.divLeftSmallImg{width:30%;height:100%;float:left;cursor:pointer;border:0 solid red;background-color:Transparent;}.divContentImagesContainer{width:70%;height:100%;float:left;background-color:#fff;border:0 solid red;overflow:hidden;display:none}.divContainerBox{width:23.8%;height:100%;float:left;padding:0 .5% 0 0;border:0 solid brown;cursor:pointer}.ContainerText{width:100%;font-family:Arial;height:10%;font-size:11px;color:#f25334;border:0 solid green;text-align:left;text-indent:3px}.ContainerText div{color:#110101;height:10%;font-size:11px;border:0 solid green}.StripImageContainer{height:80%;width:100%;border:0 solid red;background-position:top}.StripImageContainer img{padding:5% 0 3%;width:100%;height:92%}.bgstretcher-area{text-align:left}.bgstretcher,.bgstretcher UL,.bgstretcher UL LI{position:absolute;top:0;left:0}.bgstretcher UL,.bgstretcher UL LI{margin:0;padding:0;list-style:none}.bgstretcher{background:#000;overflow:hidden;width:100%;position:fixed;z-index:1;_position:absolute;top:0;left:0}.RightNav{position:absolute;top:300px;right:10px;width:50px;height:50px;border:solid 1px red;overflow:hidden}.LeftNav{position:absolute;top:300px;left:10px;overflow:hidden;width:50px;height:50px;border:solid 1px red}#next,#prev{z-index:999999}#page{position:relative;width:100%;height:100%;border:solid 0 #ff0}.Sample{width:300px;height:300px;position:absolute;left:2px;top:10px;border:solid 2px red}.OOPLogoContainer{width:226px;height:auto;line-height:56px;position:absolute;right:0;top:36px;background-color:#f6f6f6;border:solid 0 #000;z-index:1002;display:none}.PropertyLogo{width:226px;height:56px;cursor:pointer;border-right:solid 1px #e4e4e4;border-bottom:solid 1px #e4e4e4;display:block}.PropertyLogo img{width:226px;height:56px}.RedevelopmentLogo{width:226px;height:56px;line-height:56px;background-color:#fff;cursor:pointer;text-align:center;font-family:Arial;font-size:16px;color:#666;font-weight:700}

.shadow{width:100%; height:300px; background:url(../ProjectImages/shadow-bg.png) repeat-x;position:fixed; bottom:0;}
.navigation{width:100%; background:url(../ProjectImages/menu-bg.png) repeat-x; position:fixed; height:88px; margin-top:20px; z-index:5;}
.navigation2{width:76%; background:#fcbe00; height:78px; float:left; position:fixed; right:0;}
.earth-logo{width:207px; height:55px; float:left; margin:10px 0 0 100px; }
/* COLUMNS */
.col1,.col2,.col3,.col4,.col5 { margin: 10px 0; float: left; padding: 0 0px;}


	/* 1 Column */
	.container-1 { width: 170px; }
	.container-1 .col1 { width: 100%; }

	/* 2 Column */
	.container-2 { width: 270px; }
	.container-2 .col1 { width: 50% }
	.container-2 .col2 { width: 100% }

	/* 3 Column */
	.container-3 { width: 400px; }
	.container-3 .col1 { width: 33.33% }
	.container-3 .col2 { width: 66.66% }
	.container-3 .col3 { width: 100% }


	/* 4 Column */
	.container-4 { width: 700px; }
	.container-4 .col1 { width: 21%;}
	.container-4 .col2 { width: 50% }
	.container-4 .col3 { width: 75% }
	.container-4 .col4 { width: 100% }


	/* 5 Column */
	.container-5 { width: 500px; }
	.container-5 .col1 { width: 35%; }
	.container-5 .col2 { width: 45% }
	.container-5 .col3 { width: 60% }
	.container-5 .col4 { width: 80% }
	.container-5 .col5 { width: 100% }
	

/* HIGHLIGHTS */

.container-3 .highlighted { 
	width: 400px; 
	margin-left: -20px; 
	padding: 20px; 
	background: #e4fbff; 
	border-top: 1px solid #ddd; 
	border-bottom: 1px solid #ddd;
}
.container-4 .highlighted { 
	width: 500px;
	margin-left: -10px; 
	padding: 20px; 
	background: #e4fbff; 
	border-top: 1px solid #ddd; 
	border-bottom: 1px solid #ddd;
}

.
.opacity{ background:rgba(255,255,255,3);}
.middle-container .top-bg{width:100%; height:27px; background:url(../images/bg.jpg) repeat; top:0; position:relative;}
.middle-container .bottom-bg{width:100%; height:27px; background:url(../images/bg.jpg) repeat; bottom:0!important; position:relative;}
.middle-container .left-bg{width:274px; height:520px; background:url(../images/bg.jpg) repeat; left:0; box-shadow: 6px 0 8px #999; float:left; }
.middle-container .right-bg{height:520px; background:rgba(255,255,255,0.6); float:left; }
.left-menu{width:225px; margin-left:42px; height:auto; float:left;}
.left-menu ul{ margin:15px 0 0 0; padding:0; list-style:none;}
.left-menu li{ font:16px 'Dosis', sans-serif; background:url(../images/right-arw.jpg) no-repeat left center;  padding-left:12px; line-height:2; width:192px; height:33px; margin:0; }
.left-menu li a{ text-decoration:none; color:#000;}
.left-menu li:hover{ font:16px 'Dosis', sans-serif; background:url(../images/tab-bg2.png) no-repeat; padding-top:7px; padding-left:12px; width:210px; height:35px; }
.left-menu .active{font:16px 'Dosis', sans-serif; background:url(../images/tab-bg.png) no-repeat; padding-top:7px; padding-left:12px; width:210px; height:35px; }


.proj-heading{background:url(../images/heading-bg.png) no-repeat;  height:40px; margin-top:170px; border-bottom:6px #fcbe00 solid; padding:7px 0 0 275px;}
.orange-arw{ }
.fl{float:left;}
.project-logo{width:185px; margin-left:42px;}
.blc{color:#4f4f4f;}
.ylw{color:#f99f1c;}
.wht{color:#fff;}
.sticky-nav{ position:fixed; top:0; left:0; margin:0;}
.project-features{width:350px; height:200px; }
.project-features span1{font:17px 'Dosis', sans-serif; color:#ed8719; line-height:2.2;}
.project-features ul{margin:0; padding:0; list-style:none;}
.project-features li{ font:bold 12px Tahoma, Geneva, sans-serif; border-bottom:1px #eee solid; color:#4d4d4d; background:url(../images/bullet.gif) left top 4px no-repeat; line-height:1.6; padding-left:14px; padding-bottom:2px; display:block!important; float:none!important; margin-bottom:7px!important;}

.overview{width:552px; height:541px; background:rgba(108,157,49,0.8); border-right:2px #b2b2b2 solid; padding:41px 25px 0 27px;}
.overview-elacasa{width:552px; height:541px; background:rgba(200,64,104,0.8); border-right:2px #b2b2b2 solid; padding:41px 25px 0 27px;}
.overview-gracia{width:552px; height:541px; background:rgba(116,69,155,0.8); border-right:2px #b2b2b2 solid; padding:41px 25px 0 27px;}
.overview-copia{width:552px; height:541px; background:rgba(231,52,56,0.8); border-right:2px #b2b2b2 solid; padding:41px 25px 0 27px;}
.overview-towne{width:552px; height:541px; background:rgba(48,147,72,0.8); border-right:2px #b2b2b2 solid; padding:41px 25px 0 27px;}
.overview-marvel{width:552px; height:541px; background:rgba(207,129,66,0.8); border-right:2px #b2b2b2 solid; padding:41px 25px 0 27px;}
.overview-iconic{width:552px; height:541px; background:rgba(114,65,44,0.8); border-right:2px #b2b2b2 solid; padding:41px 25px 0 27px;}
.overview-sapphire{width:552px; height:541px; background:rgba(71,125,50,0.8); border-right:2px #b2b2b2 solid; padding:41px 25px 0 27px;}
.overview-citymart{width:552px; height:541px; background:rgba(93,61,58,0.8); border-right:2px #b2b2b2 solid; padding:41px 25px 0 27px;}
.overview-alphatech{width:552px; height:541px; background:rgba(236,106,54,0.7); border-right:2px #b2b2b2 solid; padding:41px 25px 0 27px;}
.overview-betatech{width:552px; height:541px; background:rgba(212,46,97,0.7); border-right:2px #b2b2b2 solid; padding:41px 25px 0 27px;}
.overview-gammatech{width:552px; height:541px; background:rgba(107,174,72,0.9); border-right:2px #b2b2b2 solid; padding:41px 25px 0 27px;}
.overview-expressone{width:552px; height:541px; background:rgba(251,152,12,0.7); border-right:2px #b2b2b2 solid; padding:41px 25px 0 27px;}

.overview{width:552px; height:550px; background:rgba(108,157,49,0.8); border-right:2px #b2b2b2 solid; padding:41px 25px 0 27px;}
.proj-features{width:393px; height:550px; background:#fff; border-right:2px #b2b2b2 solid; padding:41px 25px 25px 27px;}
 .width1{width:321px!important; height:550px!important; background:#fff; border-right:2px #b2b2b2 solid; padding:41px 25px 25px 27px;}
.downloads{width:470px; height:550px; background:#fff; border-right:2px #b2b2b2 solid; padding:41px 25px 25px 27px;}
.construction{width:453px;  height:370px; overflow-y:scroll;}
.box-lgt{border:5px #e6ebed solid; margin:0 0 10px 0!important;}

.download{width:650px!important; }
.download-tab{ width:450px; height:10px; border-bottom:1px #ccc solid; padding:12px 10px 19px 0;}
.download-tab .left-tab{font:15px "Myriad Web Pro", "Myriad Pro", Myriad, "Segoe UI", "Verdana", "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif; color:#666; float:left; }

.download-tab .right-tab{font:15px "Myriad Web Pro", "Myriad Pro", Myriad, "Segoe UI", "Verdana", "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif; color:#666; float:right; }
.download-tab .right-tab a{font:15px "Myriad Web Pro", "Myriad Pro", Myriad, "Segoe UI", "Verdana", "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif; color:#666; color:#666;}
.download-tab .right-tab a:hover{font:15px "Myriad Web Pro", "Myriad Pro", Myriad, "Segoe UI", "Verdana", "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif; color:#666; color:#f59c1c;}

.residential-pg{width:1000px; height:650px; padding:27px 25px 0 27px;}
.residential-pg-thanktou{width:1000px; height:341px; padding:27px 25px 0 27px;}
.resi-pg-bg{width:100%; height:auto; margin-bottom:100px; background:rgba(255,255,255,0.8)!important;}
.resi-pg-bg2{width:100%; height:auto;background:rgba(255,255,255,0.9)!important;}

.upcoming{font:bold 19px "Myriad Web Pro", "Myriad Pro", Myriad, "Segoe UI", "Verdana", "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif; color:#666; float:left; height:22px; margin:6px 0 0 15px; border-left:1px #636466 solid; padding-left:15px;} 
.upcoming a{color:#666; text-decoration:none;}
.upcoming a:hover{color:#f99f1c; text-decoration:none;} 
.projects-area{width:162px; margin-right:18px; float:left;}
.project-icon{width:162px; height:92px; border:1px #ccc solid; background:#fff; padding-top:15px; text-align:center;}
.project-name{font:bold 13px Calibri; color:#2f2f2f; text-align:center; width:162px; background:none; height:40px; margin-top:7px; }
.icon2{width:117px!important; height:78px!important;}

/*--------- CSS write by Akash-------*/
.qury-frm{
	width: 218px;
	height: auto;
	border-top: 1px solid #ccc;
	margin-left: 45px;
	margin-top: 90px;
	
}
.query-frm-hed{ width:218px; font-family:Calibri; font-weight:bold; font-size:14px; line-height:1.5; color:#595959;padding-top:20px;}
.query-frm-cnt{ width:223px; margin-top:15px;}
.fform1{height:30px; box-sizing:border-box; margin:0 0 10px; font-family:open-sans,Arial,Helvetica,sans-serif;font-weight:400;font-style:normal;font-size:12px;color:#a7a7a7!important;background-color:#fff;border:1px solid #b3b3b3;padding:4px 6px;line-height:20px;vertical-align:middle;width:196px;}

.fform1-feddbox{height:60px; box-sizing:border-box; margin:0 0 18px; font-family:open-sans,Arial,Helvetica,sans-serif;font-weight:400;font-style:normal;font-size:12px;color:#a7a7a7!important;background-color:#fff;border:1px solid #b3b3b3;padding:4px 6px;line-height:20px;vertical-align:middle; width:196px;}

.fform1-feddbox-submit{font-family:open-sans,Arial,Helvetica,sans-serif;font-style:normal;font-size:13px;color:#fff;text-transform:uppercase;background:#f59c1c; width:60px; height:25px; font-weight:bold!important;cursor:pointer;border:1px solid #c5900c; margin-top:-7px; }

.md-main{ width:440px; height:335px; float:left; margin:0; padding:10px 10px 10px 10px;}
.md-divider{ width:1px; height:240px; background:#ccc; margin:65px 20px }
.awrd-main{ border-right:1px #CCC solid; width:440px; height:260px; float:left; margin:0 15px 0 0; padding:10px 22px 10px 10px;}
.hr{ margin:20px 0!important;  }
.awrd-pic{width:430px; height:162px; border:1px #ccc solid; float:left; padding:5px; margin:0 10px 10px 0;}
.awad-icon{width:35px; height:30px; float:left; margin:6px 10px 0 0;  }
.awad-cont{width:380px; float:left; }
.group-comy-pic{background:#fff; height:90px; text-align:center; border:1px #ccc solid; float:left; padding:8px; 
margin:0 10px 10px 0;}
.md-pic{width:125px; height:125px; border:1px #ccc solid; float:left; padding:5px; margin:0 10px 10px 0;}
.blue{margin:0!important; color:#3482af;}
.sky-blu{ color:#09a3dc;}
.arc-head{margin:0 0 5px 0!important; color:#3482af; font-size:20px;}
.yellow{margin:0!important; color:#ae7021; font-size:14px;}
.punch{margin-top:10px!important; line-height:1; color:#000; font-size:14px;}
.md-txt{font-size:15px; text-align:justify;}
.p_r{ font-size:14px; text-align:justify; margin:0!important; }
.arc-pic{width:200px; height:100px; border:1px #ccc solid; float:left; padding:5px; margin:0 10px 10px 0; 
text-align:center; background:#fff;}
.csr-pic{background:#fff; height:135px; width:200px; overflow:hidden; text-align:center; border:1px #ccc solid; float:left; padding:8px; 
margin:0 10px 10px 0;}
.send-btn{ background:#f59c1c; width:100px; height:40px; }

.input{ background:#fff; border:#bbbbbb solid 1px; width:180px; padding:0px 5px; height:34px; margin:5px 0px; color:#333;}
.textarea{ background:#fff; border:#bbbbbb solid 1px;width:384px; padding:5px 5px 0; height:78px; color:#333; font-family:Arial, Helvetica, sans-serif; margin-top:6px;}
::-webkit-input-placeholder {
   color:#666;}
.sendbotton{ width:150px!important; height:37px;  background:url(../Scripts/accordian/btn.jpg) no-repeat; text-align:center; color:#FFF;  margin-top:10px; border:none!important; cursor:pointer;} 
.submitbtn{ width:150px!important; height:37px;  background:url(../Scripts/accordian/submit-btn.jpg) no-repeat; text-align:center; color:#FFF;  margin-top:10px; border:none!important;} 

.points{font:bold 17px Arial, Helvetica, sans-serif; 
background:url(../images/arrow-right.png) no-repeat left top 5px; padding-left:15px; color:#e99012; 
line-height:1.4; }

.media-frame{width:187px; height:180px; padding:7px; border:1px #ccc solid; line-height:1.8!important; color:#333; 
font:12px Arial, Helvetica, sans-serif!important; float:left; margin:0 20px 15px 0;}
.media-img{width:185px; height:140px; border:1px #ccc solid; margin-bottom:8px;}
.radio-frame{width:242px; height:80px; padding:7px; border:1px #ccc solid; line-height:1.8!important; color:#333; 
font:12px Arial, Helvetica, sans-serif!important; float:left; margin:0 20px 20px 0;}
.radio-bg{
	width: 240px;
	height: auto;
	border: 1px #ccc solid;
	margin-bottom: 8px;
}

.news-frame{width:157px; height:310px; padding:7px; border:1px #ccc solid; line-height:1.8!important; color:#333; 
font:12px Arial, Helvetica, sans-serif!important; float:left; margin:0 35px 0 0;}
.news-img{width:154px; height:240px; border:1px #ccc solid; margin-bottom:12px;}
.outdoor{color:#1d91c0; font-size:20px; margin:-12px 0 20px 0!important; padding:0!important; font-family:Calibri; }
.out-divider{height:370px; width:1px; margin:0 20px 0 -14px; background:#ccc; }
.press-rls-frame{width:200px; height:260px; padding:7px; border:1px #ccc solid; line-height:1.8!important; color:#333; 
font:12px Arial, Helvetica, sans-serif!important; float:left; margin:0 35px 0 0;}
.press-rls-img{width:196px; height:auto; border:1px #ccc solid; margin-bottom:12px;}

.events-frame{width:240px; height:260px; padding:7px; border:1px #ccc solid; line-height:1.8!important; color:#333; 
font:12px Arial, Helvetica, sans-serif!important; float:left; margin:0 35px 0 0;}
.events-img{width:230px; height:auto; border:1px #ccc solid; margin-bottom:12px;}

.testimonial{width:385px; float:left; margin-top:20px; border-right:1px #ccc solid; padding-right:20px; margin-right:20px;}
.testimonial .hd{font:bold 17px Calibri; color:#3c97c0; }
.justify{text-align:justify!important;}
.size{font-size:15px!important; }

@media screen and (min-width: 1370px) {
.middle-container{width:100%; height:605px; margin-bottom:100px; background:rgba(255,255,255,0.6);}
.middle-container .left-bg{width:274px; height:577px; background:url(../images/bg.jpg) repeat; left:0; box-shadow: 6px 0 8px #999; float:left; }
.middle-container .right-bg{width:1610px; height:577px;  float:left; }

.content{
	overflow: auto;
	position: relative;
	padding: 0; 
	width: 1610px!important;
	max-width: 100%;
	height: 650px!important;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

}


.qury-frm{
	width: 218px;
	height: auto;
	border-top: 1px solid #ccc;
	margin-left: 45px;
	margin-top: 90px;
	
}
.query-frm-hed{ width:218px; font-family:Calibri; font-weight:bold; font-size:14px; line-height:1.5; color:#595959;padding-top:20px;}
.query-frm-cnt{ width:223px; margin-top:15px;}
.fform1{height:30px; box-sizing:border-box; margin:0 0 10px; font-family:open-sans,Arial,Helvetica,sans-serif;font-weight:400;font-style:normal;font-size:12px;color:#a7a7a7!important;background-color:#fff;border:1px solid #b3b3b3;padding:4px 6px;line-height:20px;vertical-align:middle;width:196px;}

.fform1-feddbox{height:60px; box-sizing:border-box; margin:0 0 18px; font-family:open-sans,Arial,Helvetica,sans-serif;font-weight:400;font-style:normal;font-size:12px;color:#a7a7a7!important;background-color:#fff;border:1px solid #b3b3b3;padding:4px 6px;line-height:20px;vertical-align:middle; width:196px;}

.fform1-feddbox-submit{font-family:open-sans,Arial,Helvetica,sans-serif;font-style:normal;font-size:14px;color:#fff;text-transform:uppercase;background:#f59c1c; width:60px; height:25px; font-weight:400!important;cursor:pointer;border:1px solid #c5900c; margin-top:-7px; }
.rght-mrgn{ margin:0 !important;}


/*Contact Us Page CSS Start Here(Akash)------*/
.overview-cntct-us{width:552px; height:541px; background:#fff;border-right:2px #b2b2b2 solid; padding:41px 25px 0 27px;}
.cntct-us{ width:740px; height:auto; float:left;  margin-top:5px;}
.cntact-us-ofc{ width:222px; float:left; height:auto; margin-right:20px;}
.ofc-head{ font-family:calibri; font-size:22px; font-weight:bold; color:#3b99bd; text-transform:uppercase;}
.cntct-ofc-box-grey{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; word-spacing:0.5px;}
.cntct-outerlne{ background:#989a9a; width:700px; height:1px; float:left; margin-top:15px; margin-bottom:8px;}
.cntct-btm{ width:125px; float:left; height:auto;}
.cntct-btm-3{ width:180px; float:left; height:auto;}
.cntct-btm-sales{
	width: 160px;
	float: left;
	height: auto;
}
.cntct-btm-email{
	width: 160px;
	float: left;
	height: auto;
}
.cntct-btm-2{ width:100px; float:left; height:auto;}

.abt-txt{ width:100%; height:auto; overflow:hidden; position:fixed; z-index:999; bottom:83px; }
.container_butt0n{ width:220px; height:26px; cursor:pointer; padding-top:2px; text-align:center; -webkit-filter: drop-shadow(-5px 0px 14px rgba(255,215,86,0.8)); background:url(../images/latest-top.png) no-repeat; margin:auto;}
.container_text{ width:100%; height:230px; background:rgba(255,255,255,0.9); padding-top:20px; display:none; border-radius:30px 30px 0 0;} 
.txt-container{ width:1100px; margin: auto;}
#site-visit a{position:absolute;top:0;right:0;width:255px;height:47px;
font-family:HelveticaNeueLTCom-Lt, sans-serif;font-size:13px;color:#fff;text-align:center;z-index:0}
.site-head{font-family:'HelveticaNeueLTCom-Lt', sans-serif; font-weight:bold; font-size:18px; margin:5px 0 0 0; color:#40aad3;}
#backgroundPopup { 
	z-index:999999;
	position: absolute;
	display:none;
	height:100%;
	width:100%;
	background:#000;	
	top:0px;  
	left:0px;
}
#toPopup {
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 10px solid #ccc;
    border-radius: 3px 3px 3px 3px;
    color: #333333; height:280px;
    display: none;
	font-size: 14px;
    margin-left: -642px; padding-left:10px;
    position: absolute!important;
    top: -250px;  z-index:999999!important;
    width: 420px;

}
div.loader {
    background: url("../img/loading.html") no-repeat scroll 0 0 transparent;
    height: 32px;
    width: 32px;
	display: none;
	z-index: 9999;
	top: 40%;
	left: 50%;
	position: absolute;
	margin-left: -10px;
}
div.close {
    background: url(../images/closelabel.gif) no-repeat scroll 0 0 transparent;
    bottom: 0;
    cursor: pointer;
    float: right;
    height: 18px;
    left: 0;
    position: relative;
    width: 53px;
}
span.ecs_tooltip {
    background: none repeat scroll 0 0 #000000;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    display: none;
    font-size: 11px;
    height: 16px;
    opacity: 0.7;
    padding: 4px 3px 2px 5px;
    position: absolute;
    right: -62px;
    text-align: center;
    top: -51px;
    width: 93px;
}
span.arrow {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #000000;
    display: block;
    height: 1px;
    left: 40px;
    position: relative;
    top: 3px;
    width: 1px;
}
div#popup_content { margin: 4px 7px; padding-top:10px;}
.rqst-site{width:255px; height:47px; position:fixed; top:400px; right:0;}
.rqst-site2{width:255px; height:47px; position:fixed; top:150px; right:0;}
.overview-techone{
	width: 550px;
	height: 541px;
	background: rgba(255,255,255,0.8);
	border-right: 2px #b2b2b2 solid;
	padding: 41px 25px 0 27px;
}
.wht-alpha{color:#fff; background:url(../images/projects-logos/alpha.png) no-repeat;}
.lfe-rth{width:650px; float:left; margin-top:20px; border-right:1px #ccc solid; padding-right:20px; margin-right:20px;}
.lfe-rth .hd{font:bold 17px Calibri; color:#3c97c0; }
.lfe-rth-1{
	width: 500px;
	float: left;
	margin-top: 20px;
	border-right: 1px #ccc solid;
	padding-right: 20px;
	margin-right: 20px;
}
.lfe-rth-1 .hd{font:bold 17px Calibri; color:#3c97c0; }

.residential-pg-erth{width:1000px; height:650px !important; padding:27px 25px 0 27px; background:rgba(255,255,255,0.7);}
.testi{ width:350px; height:200px;}
.testi ol{ margin:0 0 0 20px; padding:0;}
.testi li{ font:15px Calibri; line-height:1.6; float:none!important; color:#4d4d4d;}


@media (min-width:980px) and (max-width:1280px){
.earth-logo{width:207px; height:55px; float:left; margin:14px 0 0 15px; position:absolute; z-index:5; }
.content{
	overflow: auto;
	position: relative;
	padding: 0; cursor:move;
	width: 890px!important; 
	max-width: 100%; 
	height: 650px; 
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.navigation2{width:82%; background:#fcbe00; height:78px; float:left; position:fixed; right:0;}


@media (min-width:760px) and (max-width:980px){

.middle-container{width:100%!important; height:575px; margin-bottom:100px; background:rgba(255,255,255,0.6);}
.middle-container .left-bg{width:274px!important; height:520px; background:url(../images/bg.jpg) repeat; left:0; 
box-shadow: 6px 0 8px #999; float:left; }
.middle-container .right-bg{width:980px!important; height:577px;  float:left; border:1px #FF0 solid!important;}
.earth-logo{width:207px; height:55px; float:left; margin:14px 0 0 80px; }
.content{
	overflow: auto;
	position: relative;
	padding: 0; cursor:move;
	width: 704px!important;
	max-width: 100%; 
	height:650px; 
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.navigation2{width:76%; background:#fcbe00; height:78px; float:left; position:fixed; right:0;}

.nav {

	border-radius: 3px; float:left;
	width: 650px!important;
	margin: 18px 0 0 -28px;
	height: 43px;
}

.nav li { list-style: none;  }
.nav > li { padding: 0; float: left; position: relative; }
.nav > li > a {font-family:"Myriad Web Pro", "Myriad Pro", Myriad, "Segoe UI", "Verdana", "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;
	float: left;
	color: #000;
	font-size: 13px; text-transform:uppercase;
	text-decoration: none;
	line-height: 43px;
	padding: 0 12px; 
	height: 43px;
}
.nav > li:hover > a { background: #e6ae00;	 }
.nav > li:first-child > a { border-left: 0; }
.nav > li:last-child > a { border-right: 0; }
.nav > li:hover > div { display: block; }

/* MEGA DROP DOWN */

.nav > li > div {
	position: absolute;font-family:"Myriad Web Pro", "Myriad Pro", Myriad, "Segoe UI", "Verdana", "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:13px;
	left: 0; line-height:1.7;text-transform:uppercase;
	top: 43px;
	display: none;
	background: rgba(255,255,255,0.8);
	padding: 10px -5px;
	box-shadow: 0 2px 3px rgba(0,0,0,0.1);
	overflow: hidden;
}
.nav > li > div p { color: #666; }
.nav > li > div a { color: #333; }
.nav > li > div a:hover { color: #e55f17; }
.nav > li > div.right { right: 0; left: auto }
.container-1, .container-2, .container-3, .container-4 { font-size: 80%; }


}

@media (min-width:1600px){
.content{
	overflow: auto;
	position: relative;
	padding: 0; cursor:move;
	width: 1290px!important;
	max-width: 100%; 
	height:650px; 
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.navigation2{width:76%; background:#fcbe00; height:78px; float:left; position:fixed; right:0;}
.nav {

	border-radius: 3px; float:left;
	width: 980px;
	margin: 18px 0 0 -28px;
	height: 43px;
}
.earth-logo{width:200px; height:42px; float:left; margin:10px 0 0 190px;}
.nav li { list-style: none;  }
.nav > li { padding: 0; float: left; position: relative; }
.nav > li > a {font-family:"Myriad Web Pro", "Myriad Pro", Myriad, "Segoe UI", "Verdana", "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;
	float: left;
	color: #000;
	font-size: 13px; text-transform:uppercase;
	text-decoration: none;
	line-height: 43px;
	padding: 0 12px; 
	height: 43px;
}
.nav > li:hover > a { background: #e6ae00;	 }
.nav > li:first-child > a { border-left: 0; }
.nav > li:last-child > a { border-right: 0; }
.nav > li:hover > div { display: block; }

.ProjectsMenuRight{width:29%!important;border:solid 0 #00f;float:right;padding-right:1.5%}
}

@media (min-width:1920px){
.content{
	overflow: auto;
	position: relative;
	padding: 0; cursor:move;
	width: 1620px!important;
	max-width: 100%; 
	height: 650px; 
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.earth-logo{width:200px; height:42px; float:left; margin:10px 0 0 190px;}
.navigation2{width:76%; background:#fcbe00; height:78px; float:left; position:fixed; right:0;}
.nav {

	border-radius: 3px; float:left;
	width: 980px;
	margin: 18px 0 0 -28px;
	height: 43px;
}

.nav li { list-style: none;  }
.nav > li { padding: 0; float: left; position: relative; }
.nav > li > a {font-family:"Myriad Web Pro", "Myriad Pro", Myriad, "Segoe UI", "Verdana", "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;
	float: left;
	color: #000;
	font-size: 13px; text-transform:uppercase;
	text-decoration: none;
	line-height: 43px;
	padding: 0 12px; 
	height: 43px;
}
.nav > li:hover > a { background: #e6ae00;	 }
.nav > li:first-child > a { border-left: 0; }
.nav > li:last-child > a { border-right: 0; }
.nav > li:hover > div { display: block; }

.ProjectsMenuRight{width:29%!important;border:solid 0 #00f;float:right;padding-right:1.5%}
}

::-webkit-scrollbar {
    width: 14px; cursor:pointer;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;cursor:pointer;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.6); cursor:pointer;
}
.press-release{width:600px; height:30px; float:left; border-left:1px #ccc solid; margin-left:40px; 
padding:4px 0 0 42px;}
.year{height:19px; background:#333; float:left; 
margin-right:2px; font:14px Calibri; padding:4px 10px; color:#fff;}
.slt-yr{ width:auto; height:20px; padding:4px 10px; color:#333; font:15px Calibri;}
.year-actv{background:#f99f1c!important;}

.co{font-size:10px!important; }

@media (min-width:900px) and (max-width:1024px){

.middle-container{width:100%!important; height:575px; margin-bottom:100px; background:rgba(255,255,255,0.6);}
.middle-container .left-bg{width:274px!important; height:520px; background:url(../images/bg.jpg) repeat; left:0; 
box-shadow: 6px 0 8px #999; float:left; }
.middle-container .right-bg{width:980px!important; height:577px;  float:left; border:1px #FF0 solid!important;}
.earth-logo{width:207px; height:55px; float:left; margin:14px 0 0 80px; }
.content{
	overflow: auto;
	position: relative;
	padding: 0; cursor:move;
	width: 704px!important;
	max-width: 100%; 
	height:650px; 
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
}

.sitemap-area{width:1300px; border:1px #ccc solid!important; margin-top:0; height:240px; padding-bottom:10px;}
.sitemap-area .head-bg{width:1300px; background:#fcb317; height:30px; padding-top:5px;}
.sitemap-area ul{margin:5px 63px 0 5px!important; padding:0; float:left;}
.sitemap-area li{ background:url(../images/arrow.png) no-repeat left center; float:none!important; 
padding-left:13px; font-size:13px; line-height:1.9;font-family:HelveticaNeueLTCom-Lt, sans-serif;}
.sitemap-area li a{ color:#000; }
.sitemap-area li a:hover{ color:#026e98; }
.sitemap-area .head{ font-size:15px; text-transform:uppercase; line-height:1.7;font-family:HelveticaNeueLTCom-Lt, sans-serif; color:#fff; 
margin:0 140px 0 15px; float:left;}
.sitemap-area .head a{color:#fff;}
.sitemap-area .head a:hover{color:#185269;}

/*----- New Main Menu CSS Start Here ---------*/

.main-menu-nav{width:77%; background:#fff; height:65px; float:left; position:absolute; right:0; opacity:1; padding-left:10px;}
.main-menu{width:100%; background:#004077; position:absolute; height:65px; margin-top:20px; z-index:5; opacity:0.8;box-shadow:0 1px 14px rgba(0,0,0,1);}
.earth-logo{
	width: 200px;
	height: 42px;
	float: left;
	margin: 10px 0 0 90px;
}
.scroll-popup{ width:70px; height:85px; bottom:0; float:none; margin:0 auto;  z-index:1; left:0;  position:absolute; left:50%; }

.overview-main{
	width: 1000px;
	float: inherit;
	height:650px;
	margin: 0 auto;
}
.overview-main-lft{
	width: 200px;
	float: left;
	height: auto;
	background: #fff;
	box-shadow: 5px 3px 20px rgba(126,123,123,1);
}

.project-logo{
	width: auto;
	float: left;
	height: auto;
	margin-top: 25px;
	margin-left: 15px;
	margin-bottom: 20px;
}
.loc-info-lft{ width:200px; height:80px; background:#f1f1f1; border-top:1px solid #797979; border-bottom:1px solid #797979; text-align:center; padding-top:20px; font-family:Verdana, Geneva, sans-serif; color:#34495e; font-size:13px; font-weight:400; word-spacing:1px;}


/*-------Christmas CSS Start Here-----*/
.bells-christmas{width:201px; height:158px; position:absolute; z-index:99999; left:0; display:block; top:3.5%;}
.christmas-dec-balls{width:75px; height:140px; position:fixed; z-index:1; right:0; display:block; top:23%;}
.christmas-dec-balls-index{width:75px; height:140px; position:fixed; z-index:99999; right:0; display:block; top:3%;}