@charset "utf-8";
/* Global */

@import url(http://fonts.googleapis.com/css?family=Oswald);

body {
	line-height:20px;
	color: #7a7a7a;
	background-color:#ffffff;
	overflow-x:hidden; 
}

::selection {
	background: #ff6600;
	color:#fff;
}

::-moz-selection {
	background: #ff6600; /* Firefox */
	color:#fff;
}

img {
	max-width: 100%;
}

a:link {

	text-decoration: none;
}

a:hover {

}

a:visited {
	text-decoration: none;
}

.fright{
	float:right;
}

.fleft{
	float:left;
}

.overflow_hidden {
	overflow-x:hidden;
	}

/***************************Navigation*****************************/
.menu {
	position: relative;
	/* [disabled]top: -65px; */
	width: 100%;
	height: 45px;
	background: #000000;
    padding-top: 5px;
	opacity: 0.9;
	z-index: 9999;
	box-shadow: 0 1px 14px rgba(0,0,0,1);
}

.menu-elacasa {
	position: relative;
	/* [disabled]top: -65px; */
	width: 100%;
	height: 45px;
	background: #eb2965;
	opacity: 0.9;
	z-index: 9999;
	box-shadow: 0 1px 14px rgba(0,0,0,1);
}

#logo {
	margin-bottom:0;
	margin-left:-5px;
}

#nav {
	text-align: right;
}

.navigation{
	float: right;
	list-style: none;
	margin: 0;
}

ul.navigation {
	margin:0;
	padding:0;
}

.navigation li{
	float: left;
	text-align:left;
	padding:13px 20px;
	margin-left:0;
	text-transform:uppercase;
	background:none;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:500;
	font-size:14px;
	line-height:19px;
	color:#ffffff;
	transition: background 0.3s ease-in-out;
	-moz-transition: background 0.3s ease-in-out;
	-webkit-transition: background 0.3s ease-in-out;
	-o-transition: background 0.3s ease-in-out;
}

.navigation li:first-child{
	margin-left:0;
	}

.navigation li:hover,
.navigation .active {
	cursor:pointer;
	border-top: 4px solid #fff;
    border-bottom: 4px solid #fff;
	color:#fff;
	height: auto;
}

/*********************General Slides*********************/ 
.slide{
	background-attachment: fixed;
	width:100%;
	height:auto;
	position: relative;
	padding:0;
	background:#000;
}

img.icon_img {
	float:left;
	margin-right:20px;
	margin-top:20px;
	margin-bottom:25px;
}

.effect_2 {
	background:url(../images/effect_2.png) repeat left top;
	position:relative;
	top:0;
	bottom:-57px;
	height:100%;
	z-index:999 !important;
}

/************************Slide 1**********************/
.padding_slide1 {
	padding:241px 0 101px 0;
}

#slide1 img{
	/*** width:100%;
	text-align:left; ***/
	display: block;
  height: auto;
  width: 100%;
  border: 0;
}

.filtr_bg {
	text-align:center;
}

.slogan_text {
	display:inline-block;
	padding:0 12px 28px;
	text-transform:uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:700;
	font-size:23px;
	line-height:33px;
	color:#fff;
	text-shadow: 3px 3px 3px rgba(0,0,0,0.21);
}

.left_bord {
	display:inline-block;
	padding-bottom:7px;
	background:url(../images/left_bord.png) no-repeat;
	height:2px;
	width:140px;
}

.right_bord {
	display:inline-block;
	padding-bottom:7px;
	background:url(../images/right_bord.png) no-repeat;
	height:2px;
	width:140px;
}

/**********************Slide 2**********************/
#slide2 {
	background: url(../images/slide_bg.jpg) repeat;
	height: auto;
	padding: 0 0 69px;
}

/**********************SKILLS**********************/
#skills_block p {
	padding:0 0 7px 0;
	font-weight:400;
	line-height:20px;
	color:#808080;
}

#skills_block p b{
	font-weight:400;
	color:#ff6600;
}

#skills_block li {
	background:#ddd;
	width:99%;
	height:13px;
	border-radius:10px;
	margin-bottom:15px;
}

#skills_block li span {
	display:block;
	border-radius:10px;
	background:#ff6600;
	padding:0;
	height:13px;
}

/**********************ANIMATED BOOTSTRAP**********************/
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

@-ms-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

@-o-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

.progress {
  overflow: hidden;
  height: 13px;
  margin-bottom: 16px;
  background-color: #ddd;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.progress .bar {
  width: 0%;
  height: 100%;
  float: left;
  font-size: 12px;
  text-align: center;
  background-color: #0e90d2;
  background-image: -moz-linear-gradient(top, #149bdf, #0480be);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
  background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
  background-image: -o-linear-gradient(top, #149bdf, #0480be);
  background-image: linear-gradient(to bottom, #149bdf, #0480be);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: width 0.6s ease;
  -moz-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.progress .bar + .bar {
  -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
  -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
  box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
}

.progress-striped .bar {
  background-color: #ff5700;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 15px 15px;
  -moz-background-size: 15px 15px;
  -o-background-size: 15px 15px;
  background-size: 15px 15px;
}

.progress.active .bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -moz-animation: progress-bar-stripes 2s linear infinite;
  -ms-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}

.progress-danger .bar,
.progress .bar-danger {
  background-color: #dd514c;
  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);
}

.progress-danger.progress-striped .bar,
.progress-striped .bar-danger {
  background-color: #ee5f5b;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-success .bar,
.progress .bar-success {
  background-color: #5eb95e;
  background-image: -moz-linear-gradient(top, #62c462, #57a957);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
  background-image: -o-linear-gradient(top, #62c462, #57a957);
  background-image: linear-gradient(to bottom, #62c462, #57a957);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
}

.progress-success.progress-striped .bar,
.progress-striped .bar-success {
  background-color: #62c462;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-info .bar,
.progress .bar-info {
  background-color: #4bb1cf;
  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
  background-image: linear-gradient(to bottom, #5bc0de, #339bb9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);
}

.progress-info.progress-striped .bar,
.progress-striped .bar-info {
  background-color: #5bc0de;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-warning .bar,
.progress .bar-warning {
  background-color: #faa732;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
}

.progress-warning.progress-striped .bar,
.progress-striped .bar-warning {
  background-color: #fbb450;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
/**********************ANIMATED BOOTSTRAP**********************/

.skill1 {
	width:60%;
}
.skill2 {
	width:80%;
}
.skill3 {
	width:45%;
}

/**********************SKILLS***********************/
ul.about_sp {
	margin:4px 0 0 0;
	padding:0;
}

.about_sp li {
	background:url(../images/about_sp_bg.png) no-repeat left top;
	padding-left:35px;
	margin-bottom:11px;
	color:#a9a9a9;
}

/**********************Slide 2**********************/ 



/**********************Slide 3**********************/ 
#slide3{
	background:; height:auto;
	width:100%;
	text-align:center;
}

.padding_slide3 {
	padding:169px 0 139px;
}

#slide3 p {
}

/**********************Slide 3**********************/ 

/**********************Slide 4**********************/ 
#slide4 {
	background:; height:auto; width: 100%;
}

/**********************Slide 5**********************/ 
#slide5{
height:auto;
	width:100%;
}

.padding_slide5 {
	padding:200px 0 159px;
}

/**********************Slide 6**********************/
#slide6 {
	 height:auto;
	padding:86px 0 69px;
}

#slide6 {padding:0 0 0px;}

/**********************PORTFOLIO**********************/

/**********************Slide 7**********************/ 

#slide7{
background:#fff; height:750px;
width:100%;

}

/**********************Slide 8**********************/
#slide8 {
	height:670px; width:100%;}
}

/**********************Slide 9**********************/
#slide9 {
	height:670px; width:100%;
	padding:86px 0 0;
}

/**********************Slide 10**********************/
#slide10 {
	background:#C3C; height:500px;
	padding:86px 0 0;
}

/**********************Slide 11**********************/
#slide11 {
	background:#006; height:500px;
	padding:86px 0 0;
}

/**********************FOOTER**********************/

/*----- 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:#d3d6d4; 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;padding-top: 3px;
	}
	
/*.earth-logo{
	width: 200px;
	height: 42px;
	float: left;
    padding-top: 3px;
	margin: 1px 0 0 35px;
}*/

.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: 100%;
	max-width: 1000px;
	float: inherit;
	height:650px;
	margin: 0 auto;
}

.overview-main-lft{
	width: 25%;
	max-width: 200px;
	float: left;
	height: auto;
	background: #fff;
	box-shadow: 5px 3px 20px rgba(126,123,123,1);
	padding-top: 75px;
}

.project-logo{
	width: 100%;
	max-width: 192px;
	float: left;
	height: auto;
	margin-top: 25px;
	margin-left: 15px;
	margin-bottom: 20px;
}
.loc-info-lft{
		width: 100%; max-width: 200px; height:auto; background:#f1f1f1; border-top:1px solid #797979; border-bottom:1px solid #797979; text-align:center; padding-top: 3%; font-family:Verdana, Geneva, sans-serif; color:#34495e; font-size:13px; font-weight:400; word-spacing:1px;
	}
	
/*-----Overview Enquiry Form Start here-----*/
.qury-frm{
	width: 90%;
	max-width: 180px;
	height: auto;
	margin-bottom: 5%;
	}

.query-frm-hed{
	width:100%; max-width: 180px; font-family:Calibri; font-weight:bold; font-size:14px; line-height:1.5; color:#595959;padding-top: 5%; padding-left: 3%;
	}
	
.query-frm-cnt{
	width:100%; max-width: 180px; margin-top: 2.5%;
	}
	
.fform1{
	height:auto; box-sizing:border-box; margin:0 13px 15px; 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:18px;vertical-align:middle;width: 94.44%; max-width: 170px;
	}

.fform1-feddbox{
	height:45px; box-sizing:border-box; margin:0 13px 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:18px;vertical-align:middle; width: 94.44%; max-width: 170px;
	}

.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: 38.88%; height:25px; font-weight:bold!important;cursor:pointer;border:1px solid #c5900c; margin-top:-7px; margin-left:13px;
	}

/*-----Overview Enquiry Form End here-----*/ 

.residential-tab{
	width: 100%;
	max-width: 200px;
	height: auto;
	float: left;
}

.residential-tab a{
	width:100%; max-width: 200px; height:26px; float:left; background:#fcbe00; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#000; font-weight:400; text-align:center; padding: 1.5%; word-spacing:2px; border-bottom:1px solid #e8af00;
	}

.residential-tab a:hover{
	background:#000; color:#fff; border-bottom:1px solid #333333;
	}

.commercial-tab{
	width: 100%;
	max-width: 200px;
	height: auto;
	float: left;
	margin: 2% 0;
}

.commercial-tab a{
	width:100%; max-width: 200px; height:26px; float:left; background:#000; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#000; font-weight:400;  color:#fff; text-align:center; padding: 1.5%; word-spacing:2px;
	}

.commercial-tab a:hover{
	background:#fcbe00;  border-bottom:1px solid #e8af00;  border-top:1px solid #e8af00; color:#000;
	}

.overview-main-rght{
	width: 75%;
	max-width: 740px;
	height: auto;
	float: right;
	padding-top: 75px;
}

.grey-border{
	width: 100%;
	max-width: 740px;
	height: 1px;
	background: #797979;
}

.grey-border-sml-ttl{
	width: 100%;
	max-width: 740px;
	height: 1px;
	background: #797979;
	margin-top: -10px;
	margin-bottom:10px;
}

/*------- Border Color wise--------*/
.purple-brdr{
	width: 740px;
	height: 3px;
	background: #714493;
}

.marvel-orange-brdr{
	width: 740px;
	height: 3px;
	background: #e03a3e;
}

.green-brdr{
	width: 740px;
	height: 3px;
	background: #8db30a;
}

.alpha-brdr{
	width: 740px;
	height: 3px;
	background: #e65624;
}

.beta-brdr{
	width: 740px;
	height: 3px;
	background: #cc3152;
}

.gamma-brdr{
	width: 740px;
	height: 3px;
	background: #008acf;
}

.skygte-brdr{
	width: 740px;
	height: 3px;
	background: #7d642a;
}

.express-brdr{
	width: 740px;
	height: 3px;
	background: #de8507;
}

.pink-brdr{
	width: 740px;
	height: 3px;
	background: #d6124f;
}

.copia-red-brdr{
	width: 740px;
	height: 3px;
	background: #ac0003;
}

.iconic-red-brdr{
	width: 740px;
	height: 3px;
	background: #51200b;
}

.towne-red-brdr{
	width: 100%;
	height: 3px;
	background: #008b43;
}

.overview-cnt{
	font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333333; text-align:left; word-spacing:1.5px; padding: 1.5%;
	}
	
.h1{
	font-family:Arial, Helvetica, sans-serif; color:#714493; font-size:23px; font-weight:bold; text-transform:uppercase; text-align:center;
	}
	
.h2{
	font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#222222; word-spacing:2px; font-weight:bold; text-align:left; text-transform:uppercase; margin-top:-10px;
	}
	
.h3{
	font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#222222; word-spacing:2px; font-weight:bold; text-align:left; text-transform:uppercase; margin-top:-10px;
	}
	
/*----- Main Menu CSS End Here ---------*/

/*---------------Enquiry Form CSS Start Here------------*/
.butset2 a {
	font-family:'chd'; display:block; color:#14285a; text-decoration:none; font-size:18px; line-height:22px; padding:8px 0px 8px 0px; border-bottom:1px solid #a7a6a6;
	}
	
.butset2 a:hover {
	color:#739e0b;
	}
	
.resCont {
	position:absolute; width:1px; height:130px; top:50px; left:0px; z-index:5;background:#000;
	}
	
.resCont {
	display:none;
	}
	
.prohome {
	float:left; margin:0 10px 15px 0; width:110px; text-align:center; border:1px solid #ccc; padding:4px; background-color:#ffffff;
	}
	
#mycarousel a {
	font-size:12px; color:#707070; line-height:16px; display:block; text-decoration:none;
	}
	
#mycarousel a:hover {
	color:#000000;
	}
	
/*---------------Enquiry Form CSS End Here------------*/
.rqst-ste-visit{
	position:absolute; z-index:5; right:0; top:40%; bottom:0;
	}
	
.enqr-now{
	position:absolute; z-index:5; right:0; top:68%; bottom:0;
	}

/*------------ Features CSS Start Here ---------------*/
.features{
	width: 100%;
	height: 800px;
	float: none;
	margin: 0 auto;
	background: url(../images/main-bg.jpg) repeat;
	border-top: 1px solid #797979;
}

.features-main{
	width: 100%;
	height: 83.75%;
	float: none;
	margin: 0 auto;
	background: #fff;
	margin-top: 65px;
	border-top: 1px solid #797979;
	border-bottom: 1px solid #797979;
}

.features-cont {
 width: 100%; max-width:1000px;
 float:inherit; margin:0 auto; height:auto; margin-top:60px;
 }
 
.features-cnt-lft {
	width: 40%; max-width: 400px; float:left; height:auto;
	}
	
.features-head{ 
font-family:Arial, Helvetica, sans-serif; font-size:32px; color:#34495e !important; text-align:left; text-transform:uppercase; word-spacing:5px;
}

.ftrs-p-cnt{ 
font-family:Verdana, Geneva, sans-serif; font-size:13.5px; color:#34495e; text-align:left; width: 87.5%;max-width:350px; word-spacing:1px; 
}

.features-cnt-rght{
	width: 60%;
	max-width: 600px;
	float: right;
	height: 340px;
}

.features-cnt-rght-lft{ width: 43.33%; max-width:260px; height:auto; float:left; margin-left:40px;}
.features-cnt-rght-lft span {font:16px Arial, Helvetica, sans-serif; color:#ed8719; line-height:3.5; text-align:left; margin-left:-60px;}
.features-cnt-rght-lft ul{margin:0; padding:0; list-style:none;}
.features-cnt-rght-lft 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: 2%; display:block!important; float:none!important; margin-bottom:12px!important; text-align:left;}
.features-cnt-rght-lft-2{ width:43.33%; max-width:260px; height:auto; float:left; margin-left:40px; margin-top:55px;}
.features-cnt-rght-lft-2 span1{font:16px Arial, Helvetica, sans-serif; color:#ed8719; line-height:3.5; text-align:left; margin-left:-60px;}
.features-cnt-rght-lft-2 ul{margin:0; padding:0; list-style:none;}
.features-cnt-rght-lft-2 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:12px!important; text-align:left;}
/*------------ Features CSS End Here ---------------*/

/*--------- Project Location CSS Start here ----------*/
.prjct-loc{ width:100%; height:100px; float:none; margin:0 auto; background:url(../images/slide_bg.jpg) repeat; border-top:2px solid #797979;}

.prjct-loc-1{ width:100%; height:100px; float:none; margin:0 auto; background:url(../images/home-logo-bg.png) repeat; border-top:1px solid #d1d1d1;}
.prjct-loc-head {font-family:Arial, Helvetica, sans-serif; font-size:32px; color:#34495e !important; text-align:center; font-weight:bold; text-transform:uppercase; word-spacing:5px; padding-top:40px;}
.prjct-loc-wht{ width:100%; height:500px; background:#fff; float:none; margin:0 auto; border-top:1px solid #d1d1d1;}
.prjct-loc-wht-gharonda{ width:100%; height:600px; background:#fff; float:none; margin:0 auto; border-top:1px solid #d1d1d1;}
.prjct-loc-wht-towne{ width:100%; height:650px; background:#fff; float:none; margin:0 auto; border-top:1px solid #d1d1d1;}
.prjct-loc-maincnt-div{ width:1000px; height:auto; float:inherit; margin:0 auto; margin-top:35px;}
.p-prjct-loc{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #34495e;
	word-spacing: 2px;
	text-align: center;
	font-weight: 500;
}
.prjct-loc-bx-main{ width:300px; height:auto; float:left; margin-top:45px; }
.prjct-loc-bx-main-1a{ width:300px; height:auto; float:left; margin-top:95px; }
.prjct-loc-bx-main-2{ width:300px; height:auto; float:left; margin-top:45px; margin-left:50px; }
.prjct-loc-bx-main-3{ width:300px; height:auto; float:left; margin-top:95px; margin-left:50px; }
.prjct-loc-bx-main-rght{ width:230px; height:60px; float:right;   line-height: 1.2; margin-left:10px; padding-top:10px;}
.prjtc-loc-bx-lft{ width:52px; height:58px; background:#704393; box-shadow: 4px 4px 6px #8a8a8a; float:left; padding-top:15px; padding-left:8px;}
.prjtc-loc-bx-lft-elacasa{ width:52px; height:58px; background:#b8023b; box-shadow: 4px 4px 6px #8a8a8a; float:left; padding-top:15px; padding-left:8px;}
.prjtc-loc-bx-lft-expressone{ width:52px; height:58px; background:#de8507; box-shadow: 4px 4px 6px #8a8a8a; float:left; padding-top:15px; padding-left:8px;}

.prjtc-loc-bx-lft-copia{ width:52px; height:58px; background:#ac0003; box-shadow: 4px 4px 6px #8a8a8a; float:left; padding-top:15px; padding-left:8px;}
.prjtc-loc-bx-lft-towne{ width:52px; height:58px; background:#008b43; box-shadow: 4px 4px 6px #8a8a8a; float:left; padding-top:15px; padding-left:8px;}
.prjtc-loc-bx-lft-marvel{ width:52px; height:58px; background:#c14e10; box-shadow: 4px 4px 6px #8a8a8a; float:left; padding-top:15px; padding-left:8px;}
.prjtc-loc-bx-lft-city-mart{ width:52px; height:58px; background:#563532; box-shadow: 4px 4px 6px #8a8a8a; float:left; padding-top:15px; padding-left:8px;}
.prjct-bx-cnt-wt{ font-family: 'Oswald', sans-serif; font-size:35px; color:#fff; text-align: center; padding-left:5px;}
.prjct-bx-cnt-wt-small{ font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#fff; text-align:center; word-spacing:2px; padding-left:5px;}
.prjct-bx-cnt-grey{
	font-family: 'Oswald', sans-serif;
	font-size: 18px;
	color: #1f1f1f;
	text-align: center;
	font-weight: 500;
	word-spacing: 2px;
}







.ylw{color:#f99f1c;}

/*-------- New location CSS Start Here------*/
.prjct-loc-1main{
	width: 100%;
	height: auto;
	background-color: #714493;
	display: inline-block;
}
.prjct-loc-1main-skygate{
	width: 100%;
	height: 630px;
	background-color: #714493;
	display: inline-block;
}
.prjct-loc-1main-studio{ width:100%; height:720px; background-color:#714493; display:inline-block;}
.prjct-loc-dark{ width:50%; height:590px; background:#714493; float: left; text-align:center; padding-top:140px;}
.prjct-loc-dark-copia{ width:50%; height:590px; background:#db1116; float: left; text-align:center; padding-top:140px; }
.prjct-loc-dark-towne{ width:50%; height:590px; background:#02b056; float: left; text-align:center; padding-top:140px; }
.prjct-loc-dark-alpha{ width:50%; height:590px; background:#e85c21; float: left; text-align:center; padding-top:140px; }
.prjct-loc-dark-beta{ width:50%; height:590px; background:#d02d56; float: left; text-align:center; padding-top:140px; }
.prjct-loc-dark-elacasa{ width:50%; height:590px; background:#d6124f; float: left; text-align:center; padding-top:140px; }
.prjct-loc-dark-express{ width:50%; height:590px; background:#f9ac40; float: left; text-align:center; padding-top:140px; }
.prjct-loc-dark-gamma{
	width: 50%;
	height: 590px;
	background: #008bcf;
	float: left;
	text-align: center;
	padding-top: 110px;
}
.prjct-loc-dark-skygte{
	width: 50%;
	height: 590px;
	background: #7d642a;
	float: left;
	text-align: center;
	padding-top: 110px;
}
.prjct-loc-dark-gharonda{ width:50%; height:590px; background:#bac721; float: left; text-align:center; padding-top:140px; }
.prjct-loc-dark-city-mart{ width:50%; height:590px; background:#8db30a; float: left; text-align:center; padding-top:140px; }
.prjct-loc-dark-iconic{ width:50%; height:590px; background:#a1542f; float: left; text-align:center; padding-top:140px; }
.prjct-loc-dark-marvel{ width:50%; height:590px; background:#e03a3e; float: left; text-align:center; padding-top:140px; }
.prjct-loc-dark-sapphire{
	width: 50%;
	height: 590px;
	background: #50853b;
	float: left;
	text-align: center;
	padding-top: 110px;
}
.prjct-loc-dark-studio{ width:50%; height:630px; background:#18953f; float: left; text-align:center; padding-top:140px; }

.prjct-loc-head-1-copia {font-family:Arial, Helvetica, sans-serif; font-size:45px; color:#000 !important; line-height:95px; text-align:center; font-weight:bold; text-transform:uppercase; word-spacing:2px; }
.prjc-span-copia{font-family:Verdana, Geneva, sans-serif; font-size:13.2px !important; color:#000 !important; text-align:center; word-spacing:2px; width:80%; padding:0px 10%; font-weight:300; float:left; line-height:25px; display:block;}
.prjc-span-skygte{font-family:Verdana, Geneva, sans-serif; font-size:13.2px !important; color:#fff !important; text-align:center; word-spacing:2px; width:80%; padding:0px 10%; font-weight:300; float:left; line-height:25px; display:block;}

.prjct-loc-head-1 {font-family:Arial, Helvetica, sans-serif; font-size:45px; color:#fff !important; line-height:95px; text-align:center; font-weight:bold; text-transform:uppercase; word-spacing:2px; }
.prjc-span{font-family:Verdana, Geneva, sans-serif; font-size:13.2px !important; color:#fff !important; text-align:center; word-spacing:2px; width:80%; padding:0px 10%; font-weight:300; float:left; line-height:25px; display:block;}
.prjct-loc-dark-wht{
	width: 50%;
	height: 590px;
	background: #FFF;
	float: left;
	text-align: left;
	padding-top: 130px;
}
.prjct-loc-dark-wht span1{font:16px Arial, Helvetica, sans-serif; color:#ed8719; line-height:3.5; text-align:left; margin-left:-60px;}
.prjct-loc-dark-wht ul{margin:0; padding:0; list-style:none;}
.prjct-loc-dark-wht li{ font:bold 12px Tahoma, Geneva, sans-serif; border-bottom:1px #eee dotted; color:#4d4d4d; background:url(../images/bullet-1.gif) left top 8px no-repeat; line-height:2.6; padding-left:40px; padding-bottom:2px; display:block!important; float:none!important; margin-bottom:12px!important; text-align:left; margin-left:50px;}

.prjct-loc-dark-wht-skygte{
	width: 50%;
	height: 590px;
	background: #FFF;
	float: left;
	text-align: left;
	padding-top: 50px;
}
.prjct-loc-dark-wht-skygte span1{font:16px Arial, Helvetica, sans-serif; color:#ed8719; line-height:3.5; text-align:left; margin-left:-60px;}
.prjct-loc-dark-wht-skygte ul{margin:0; padding:0; list-style:none;}
.prjct-loc-dark-wht-skygte li{ font:bold 12px Tahoma, Geneva, sans-serif; border-bottom:1px #eee dotted; color:#4d4d4d; background:url(../images/bullet-1.gif) left top 8px no-repeat; line-height:2.6; padding-left:40px; padding-bottom:2px; display:block!important; float:none!important; margin-bottom:12px!important; text-align:left; margin-left:50px;}

.prjct-loc-dark-wht-studio{
	width: 50%;
	height: 700px;
	background: #FFF;
	float: left;
	text-align: left;
	padding-top: 50px;
}
.prjct-loc-dark-wht-studio span1{font:15px Arial, Helvetica, sans-serif; color:#ed8719; line-height:3; text-align:left; margin-left:60px;}
.prjct-loc-dark-wht-studio ul{margin:0; padding:0; list-style:none;}
.prjct-loc-dark-wht-studio li{ font:bold 11.5px Tahoma, Geneva, sans-serif; border-bottom:1px #eee dotted; color:#4d4d4d; background:url(../images/bullet-1.gif) left top 8px no-repeat; line-height:2; padding-left:40px; padding-bottom:2px; display:block!important; float:none!important; margin-bottom:12px!important; text-align:left; margin-left:50px;}


/*--------- Project Location CSS End here ----------*/


/*---------- Gallery CSS Start Here---------*/
.gallery{
	width:100%; height:auto; float:none; margin:0 auto; background:url(../images/retina_wood.png) repeat 0 0;
	}
	
.gallery-main{
	width: 100%; max-width:1000px; height:auto; float:inherit; margin:0 auto;
	}
	
.gallerys-head{
	font-family:Arial, Helvetica, sans-serif;font-size:40px;text-transform:uppercase; font-weight:bold; color:#34495e !important; word-spacing:10px; text-align:left; line-height:1.5; padding-top:20px; padding-bottom:10px;
	}
	
.gllry-loc-img{
	float: left;
	margin-top: 35px;
}

.gllry-loc-img-2{
	float: left;
	margin-top: 35px;
	margin-left: 40px;
}
/*.gllry-loc-cnt{
	margin-top: 70px;
	margin-left: 30px;
}*/
.img-cnt-gllry{
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-style: normal;
	font-size: 14px; font-weight:500;
	color: #232323;
	
	/* [disabled]padding-left: 20px; */
}


/*---------- Gallery CSS End Here---------*/

/*----------E-brochure CSS Start here--------*/
.brchure{
	width:100%; height:610px; float:none; margin:0 auto; background:url(../images/gracia-gallery-theme2.jpg) repeat;
	}
	
.brchre-main{ 
width: 100%; max-width:1000px; height:auto; float:inherit; margin:0 auto;
}

.brhure-wht{ 
width:100%; height:70px; float:none; margin:0 auto; background:#fff;
}

.flip-brchr-lft { 
width: 56%; max-width:560px; float:left; height:auto; padding-top:180px; 
}

.flip-brchr-dwnlod{ width:200px; float:left; height:30px; border:1px solid #000;}
.flip-brchr-img{ width:auto; height:auto; float:left; border-radius:3px; border:5px solid #fff; margin-top:120px; margin-left:45px;}
.flip-head{font-family:Arial, Helvetica, sans-serif;font-size:50px; text-transform:uppercase; font-weight:bold; color:#fca92f; word-spacing:10px; text-align:center; line-height:1.5;}
.flip-brchr-cnt  { font-family: 'Oswald', sans-serif; font-size:30px; font-weight:200; color:#f4f2f2; text-align:center; line-height:1.4; word-spacing:6px;}
.flip-dwnld-lnk{margin-top:30px; margin-left:150px; float:left;}
.flip-dwnld-lnk a{ font-family: Tahoma, Geneva, sans-serif; box-shadow: 5px 3px 20px rgba(75,72,72,1); font-weight:400; border-radius:2px; font-size:16px; color:#000; text-align:center; text-transform:uppercase; border:2px solid #fd9d0f; padding:5px 10px 5px 10px; background:#fca92f;}
.flip-dwnld-lnk a:hover{ border:2px solid #fff; background:#fff; color:#000;}

/*.flip-dwnld-lnk a{ width:200px; border:2px solid #fff; border-radius:1px; text-transform:uppercase; padding:7px 13px 7px 13px; color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; word-spacing:2px;}
.flip-dwnld-lnk a:hover{ background:#fff; border:2px solid #fff; color:#000;}*/
/*----------E-brochure CSS End here--------*/

/*--------- Downloads CSS Start here-------*/
.dwnlds{ width:100%; height:auto; float:none; margin:0 auto;}
.dwnlds-main{width: 100%; max-width:1000px; float:inherit; margin:0 auto; height:auto; margin-top:45px;}
.downloads{width: 100%; max-width:700px; height:auto; background:#fff; padding:31px 25px 25px 27px; margin: 5%;}
.blc{color:#4f4f4f;}
.download-tab{width: 100%; max-width:650px; height:10px; border-bottom:1px #ccc solid; padding:32px 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;}
/*--------- Downloads CSS End here-------*/

/*---------- Cons Updates CSS Start Here-------------*/
.cons-updt{ width:100%; height: 600px; float:none; margin:0 auto; background:#caefe6; border-top: 1px solid #9fe4d3;}
.cons-updt-main{width: 100%; max-width:1000px; height:auto; float:inherit; margin:0 auto;}
.construction{
	width: 70%;
	max-width: 700px;
	height: 400px;
	margin-top: 40px;
	margin-left: 140px;
}

.cons-uptd-loc{ width:100%; height:100px; float:none; margin:0 auto; background:#f5f5ed; border-top:1px solid #797979;}
.box-lgt{border:5px #e3e8e6 solid; margin:0 10px 10px 0!important;}

		p{margin:0 0 20px 0;}
		
		.links{margin:10px;}
		.links a{display:inline-block; padding:3px 15px; margin:7px 10px; background:#444; text-decoration:none; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;}
		.links a:hover{color:#fff; }
		.content{
	margin: 40px;
	width: 100%;
	max-width: 700px;
	height: 400px;
	padding: 20px;
	overflow: auto;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
		
		
/*---------- Cons Updates CSS End Here-------------*/

.rqst-site2{width:255px; height:47px;position:absolute; z-index:5; right:0; top:50%; bottom:0;}

#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.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: 21px;
    opacity: 0.7;
    padding: 4px 3px 2px 5px;
    position: absolute;
    right: -12px;
    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;}

.site-head{font-family:'HelveticaNeueLTCom-Lt', sans-serif; font-weight:bold; font-size:18px; margin:5px 0 0 0; color:#40aad3;}

.input{ background:#fff; border:#bbbbbb solid 1px; width:180px; padding:0px 5px; height:34px; margin:5px 0px; color:#333;}
.sendbotton{ width:150px!important; height:37px;  background:url(../images/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(../images/submit-btn.jpg) no-repeat; text-align:center; color:#FFF;  margin-top:10px; border:none!important;} 


/*------------- Footer Section Start here------*/
.footer1 {
	background-color: rgba(179, 168, 168, 0.87);
}
.FooterAbs{width:100%; height: auto; max-height:55px;padding-top:5px;overflow:hidden;bottom:24px;left:0;border:solid 0 red; position:fixed; background:rgba(255,255,255,1);z-index:450;font-size:100%; border-top:1px solid #cccccc;}

.FooterContainer{width:100%;border:solid 0 #ff0;height:60px;overflow:hidden;}

.ProjectsMenuContainer{height:25px;width:100%;overflow:hidden;border:solid 0 #ff0}
.ProjectsMenuLeft{width:77%;border:solid 0 red;float:left;padding-left:1.5%}
.RedTxt{font-weight:bolder;font-size:13px;font-family:Arial;height:23px;line-height:30px;padding:0 7px 0 0;color:#000000;float:left}
.CurrTxt{font-weight:bolder;font-family:Helvetica,Arial;font-size:14px;color:#000;padding:0 0 0 10px;height:23px;line-height:30px;float:left}

.ProjectsMenu{width:auto;height:23px;float:left;padding:0 7px;font-family:Helvetica;font-size:14px;
border:solid 0 green;line-height:30px; color:#000000;}

.ProjectsMenuRight{width:42%!important;border:solid 0 #00f;float:right;padding-right:1.5%}
.PagingContainer{width:57px;height:15px;border:solid 0 green;float:right;padding-top:5px}
.FooterMenuContainer{height:26px;width:100%;border:solid 0 red;overflow:hidden}
.ProjectsMenuLeft{width:77%;border:solid 0 red;float:left;padding-left:1.5%}
.FooterMenuButtons{width:auto;height:27px;float:left;padding:0 8px;font-family:Arial;font-size:13px;color:#565656;border:solid 0 green;line-height:25px}

.social-media {
	width: 255px;
	float: left; z-index: 988;
	position: relative; margin-top:2px; border-right:1px #999 solid; padding-right:8px;
}
.overflow { 
	overflow: hidden;
}

.social-media ul li {
	float: left; list-style:none;
	margin-right: 4px;
}
.social-media ul li .fb {
	width: 24px;
	height: 24px;
	display: block; list-style:none;
	text-indent: -999999px;
	background:url(../images/social-media.png) no-repeat 0 0;
}

.social-media ul li .fb:hover {
	background-position: 0px -24px;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out; list-style:none;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.social-media ul li .twitter {
	width: 25px;
	height: 24px; list-style:none;
	display: block;
	text-indent: -999999px;
	background: url(../images/social-media.png) no-repeat -28px 0;
}

.social-media ul li .twitter:hover {
	background-position: -28px -24px;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out; 
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out; list-style:none;
}

.social-media ul li .linkedin {
	width: 25px;
	height: 24px;
	display: block;
	text-indent: -999999px;
	background: url(../images/social-media.png) no-repeat -57px 0;
}

.social-media ul li .linkedin:hover {
	background-position: -57px -24px;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.social-media ul li .blog {
	width: 25px;
	height: 24px;
	display: block;
	text-indent: -999999px;
	background: url(../images/social-media.png) no-repeat -86px 0;
}

.social-media ul li .blog:hover {
	background-position: -86px -24px;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.social-media ul li .you {
	width: 25px;
	height: 24px;
	display: block;
	text-indent: -999999px;
	background: url(../images/social-media.png) no-repeat -114px 0;
}

.social-media ul li .you:hover {
	background-position: -114px -24px;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.social-media ul li .blog2 {
	width: 25px;
	height: 24px;
	display: block;
	text-indent: -999999px;
	background: url(../images/social-media.png) no-repeat -142px 0;
}

.social-media ul li .blog2:hover {
	background-position: -142px -24px;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.social-media ul li .pinterest {
	width: 25px;
	height: 24px;
	display: block;
	text-indent: -999999px;
	background: url(../images/social-media.png) no-repeat -171px 0;
}

.social-media ul li .pinterest:hover {
	background-position: -171px -24px;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}



.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}

.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}
/*------------- Footer Section End here------*/
.specifications{
	width:100%; height:auto; float:none; margin:0 auto; background:#000; border-top:1px solid #797979;
	}
	
.specifications-cnt-rght{
	width: 100%;
	max-width: 1000px;
	float: left;
	height: auto;
}
.specifications-cnt-rght-lft{
	width: 45%;
	max-width: 450px;
	height: auto;
	float: left;
	/* [disabled]margin-left: 80px; */
	padding-left: 80px;
}
.specifications-cnt-rght-lft span1{font:16px Arial, Helvetica, sans-serif; color:#ed8719; line-height:3.5; text-align:left; margin-left:-60px;}
.specifications-cnt-rght-lft ul{margin:0; padding:0; list-style:none;}
.specifications-cnt-rght-lft 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:12px!important; text-align:left;}
.specifications-main{
	width:100%; height:700px; float:none; margin:0 auto; background:#fff; margin-top:45px;border-top:1px solid #797979;border-bottom:1px solid #797979;
	}

/*----- Walkthrough CSS Start here---*/
.walkthrough{ width:100%;height:630px; float:none; margin:0 auto; 	background:url(../images/prop-tech-01.jpg) repeat; background-position:center;}
.wlkthrgh-main-1{ width:100%; height:350px; float:none; background:#fff; margin-top:100px;}
.wlkthrgh-main{ width:1000px; height:auto; float:inherit; margin:0 auto;}
.wlkthrgh-main-lft{ width:450px; float:left; height:auto; }
.wlkthrgh-main-rght{ width:500px; float:right; height:auto; margin-top:40px; margin-left:10px;}
.wlkthrgh-vdeo{ padding:8px; border:1px solid #dddfe4; width:360px; height:230px;}
.wlkthrgh-lnk{ width:800px; height:380px; float:left; margin-left:100px; margin-top:30px;}
.wlkthrgh-head{font-family:Arial, Helvetica, sans-serif; font-size:32px; color:#34495e !important; text-align:left; font-weight:bold; text-transform:uppercase; word-spacing:5px; padding-top:60px;}
.wlkthrgh-p{ 	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #34495e;
	word-spacing: 2px;
	text-align: left;
	font-weight: 500; padding-top:25px;}
	
	
/*------- Perfect Location CSS Start Here------*/
.loc-tab{ width:230px; height:auto; float:left; margin-top:50px;}
.loc-tab span1{font:16px Arial, Helvetica, sans-serif; color:#ed8719; line-height:3.5; text-align:left; margin-left:-60px;}
.loc-tab ul{margin:0; padding:0; list-style:none;}
.loc-tab 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:12px!important; text-align:left;}

.loc-tab-2{ width:220px; height:auto; float:left; margin-top:50px; margin-left:75px;}
.loc-tab-2 span1{font:16px Arial, Helvetica, sans-serif; color:#ed8719; line-height:1.5; text-align:left; }
.loc-tab-2 ul{margin:0; padding:0; list-style:none; padding-top:10px;}
.loc-tab-2 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:12px!important; text-align:left;}


/*-------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-2{width:75px; height:140px; position:fixed; z-index:99999; right:0; display:block; top:3%;}

@media (min-width:1600px) and (max-width:1920px) {
	
.earth-logo{width:200px; height:42px; float:left; margin:10px 0 0 190px;}	
	}
