﻿@charset "utf-8";
/* CSS Document */

/*@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat-regular-webfont.eot');
    src: url('../fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-regular-webfont.woff') format('woff'),
         url('../fonts/montserrat-regular-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/
/*html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  outline: none;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-weight:normal;
}

li{ list-style:none;}
a { text-decoration:none; outline: none; }

body {
	color: #515151;
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 62.5%;
    background: #e5e5e5 url('../img/brushed.png'); /*http://subtlepatterns.com/white-brushed/ */

}
.clear { clear:both; margin:0; padding:0; }
.nicescroll-rails { z-index:999 !important; }

ol, ul {
    margin-bottom: 10px;
    margin-top: 0;
}*/


header { background-color: white; position: fixed; z-index: 999; top: 0; left: 0; width: 100%;  border-bottom: 1px solid #ededed;}
header .container{padding: 0; width:100%; max-width:1200px; margin:0 auto; position:relative;}

header .rowone {display:none;}
/*header .rowone {height:30px; width:100%; margin:0 auto; position:relative; background:#444;}
header .rowone .width_fix {max-width:1200px; margin:0 auto; position:relative; line-height:30px; font-size:12px; color:#FFF; }
header .rowone .width_fix .contact-L {float: left;}
header .rowone .width_fix .social-R {float: right;}
header .rowone .width_fix .contact-L a { color:#FFF; text-decoration:none; background:url(../images/mailto_icon.png) no-repeat left center; padding-left:25px;} 
header .rowone .width_fix .contact-L span{background:url(../images/mobile_icon.png) no-repeat left center; padding-left:15px; margin-left:25px;}
header .rowone .width_fix .social-R span { margin-left:10px;}
header .rowone .width_fix .social-R span a { background:none; text-decoration:none; }*/


#wrapper { width:100%; }
#headerHolder { width:100%; background-color:#0a0a0a; position:fixed; padding:15px 0; z-index:99; top:0; }
#headerHolder .header { width:1050px; margin:0 auto; padding:7px 0;  }


.footerHolder { width:100%; background-color:#0a0a0a; position:relative; z-index:99;}
.footerHolder p { width:98%; margin:0 auto; padding:0; color:#939393; font-size:12px; line-height:45px; }
.footerHolder p span.social-R { float:right; }
.footerHolder p span.social-R .social_fb, .footerHolder p span.social-R .social_gplus,  .footerHolder p span.social-R .social_twitter {float:left; margin-right:10px; margin-top:5px;} 


/*.holder { width:100%; position:relative;  }*/

/*.explore { width:1050px; margin:0 0 0 -525px; position:absolute; left:50%; top:95px; z-index:19; }*/
/*.explore {
    background-color: white;
    left: 0;
    padding: 22px 0;
    position: relative;
    top: 115px;
    width: 100%;
    z-index: 19;
}*/

/*#===== OLD ======= 
	rightNav { 
	list-style: outside none none;
    margin: auto;
    padding: 0;
    position: fixed;
    right: 25%;
    text-align: center;
    top: 8%;
    z-index: 100000;
	border:1px solid red;
 }*/
#rightNav { 
	list-style: outside none none;
    position: fixed;
    right: 18%;
    top: 3%;
    z-index: 999;
	font-size:13px;
 }

#rightNav li {
	color: #333;
	cursor: pointer;
	float: left;
  	line-height: 25px; 
   	margin: 0 15px;
/*	padding: 0;*/
    position: relative;
	text-align: center;
	text-transform: uppercase;
 }
 
#rightNav li.active, #rightNav li:hover { color:  #C87031; transition: all 0.2s linear 0s; }
#rightNav li span {
	left: 0px;
	opacity: 0;
	position: absolute;
	bottom: -5px;
	transition: all 0.2s linear 0s;
	border-bottom:5px solid #C87031;
	width: 100%;
}
#rightNav li.active span, #rightNav li:hover span, #rightNav li:focus span { opacity:1; }



/*.sections { width:100%; overflow:hidden; position:relative; background:#fff; top:85px; box-shadow: inset 0px 4px 4px #e1e1e1; -webkit-box-shadow:  inset 0px 4px 4px #e1e1e1; -moz-box-shadow:  inset 0px 4px 4px #e1e1e1; }*/
.sections .introBanner { width:1920px; height:985px; left:50%; position:absolute; margin:0 0 0 -960px; }
.sections .secondBanner { width:1920px; left:50%; position:relative; margin:0 0 0 -960px; }
.sections .introBanner img { margin:135px 0 0 0; }

.sections .sec2Cont { height:450px; position:absolute; width:800px; left:50%; top:50%; margin:-225px 0 0 -400px; color:#292929; text-align:center; }
.sections .sec2Cont h2 { font-size:50px; margin:40px 0 0 0; padding-bottom:35px; }
.sections .sec2Cont p { font-size:16px; line-height:24px; margin:40px 0 0 0; padding-bottom:25px; }
.sections .sec2Cont p span { font-size:20px; }
/*.sections .sec2Cont .slimImg { width:720px; margin:20px auto 0 auto; }*/


/*.sections .secHolder { width:1200px; margin:50px auto;  height:500px; /*height:50%;*/ }*/

.sections p span{display:block;}
 /*.sections .sec3Cont { height:370px; position:absolute; width:920px; left:50%; top:50%; margin:-185px 0 0 -460px; color:#292929; }*/
.sections .sec3Cont { height:370px; position:relative; left:0%; top:5%; margin:0px 0px; color:#333; }
.sections .sec3Cont h2 { line-height:100%; font-size:25px; margin:0px 0px; padding:0 50px 0px 0; }
.sections .sec3Cont .project_box {width:380px; margin-right:30px; float:left;  box-shadow: 0px 6px 3px #dbdbdb; -moz-box-shadow: 0px 6px 3px #dbdbdb; -webkit-box-shadow: 0px 6px 3px #dbdbdb;}
.sections .sec3Cont .project_box .project_img img { width:100%; }
.sections .sec3Cont .project_box .project_text { height:auto; padding:10px 10px 20px; background:#fff;}
.sections .sec3Cont .project_box .project_text h3 { color:#333; font-size:18px; margin-bottom:0px; min-height: 50px;}
.sections .sec3Cont .project_box .project_text p { color:#999; font-size:14px; margin:0px; padding:0px; line-height:normal; margin-bottom:10px; min-height:75px;}
.sections .sec3Cont .project_box .project_text a{ color:#4daffa; text-decoration:none; font-size:14px;}
.sections .sec3Cont .project_box .project_text a:hover{ color:#ca6934;  transition: all 0.2s linear 0s;}
.sections .sec3Cont .project_box:last-child { margin-right:0px;}


/*/*/*.sections .sec4Bg { width:60%; position:absolute; height:100%; left:0; top:0; background:url(../images/sleek-bg.png) no-repeat right center }*/
.sections .sec4Cont { height:370px; position:relative;  left:0%; top:5%; margin:0px 0px; color:#ca6934; }
.sections .sec4Cont h2 { line-height:100%; font-size:24px; margin:0px 0px; padding:0 0px 15px 0;}
.sections .sec4Cont p { color: #333; font-size: 14px; margin: 0px; padding: 0px; line-height: 22px; margin-bottom: 10px; }
.sections .sec4Cont .toggleText a { color:#4daffa; text-decoration:none; font-size:14px;}
.sections .sec4Cont a.txtChange { line-height:30px; background: #999; padding: 5px 20px; text-align:center; font-size:12px; color:#fff;}
.sections .sec4Cont .toggleText a:hover { background:#333; color:#fff;  transition: all 0.2s linear 0s; cursor:pointer;}

.Hline { height: 2px; width: 1200px; border-top-width: 1px; border-top-style: solid; border-top-color: #E1E1E1; margin: 25px 0px;}
.Hline2 { height: 2px; width: 310px; border-top-width: 1px; border-top-style: solid; border-top-color: #E1E1E1; margin: 10px 0px;}


#aboutus_news { height: 380px; width: 1200px; }
.about_news { width: 380px; height:325px; text-align: center; color: #afafaf; margin-right: 30px; float: left; line-height: 25px; font-size:14px; }
.about_news span { color:#333; text-transform: uppercase; font-size:16px; font-weight:bold;}

.about_news:last-child { margin-right:0px;}
.about_news img { margin:auto; margin-bottom:40px; display:block;}
.about_news strong { color: #333; display:block; margin-bottom:15px;}
.sections .sec4Cont .about_news p { display:block; margin:0px; padding:0px; line-height:20px; margin-bottom:5px;}
.sections .sec4Cont .about_news span a { color:#ca6934;}
.sections .sec4Cont .about_news span a:hover { font-weight:normal; text-decoration:underline;}

/*.sect3{ background:#fafafa !important; box-shadow: inset 0px 4px 8px #e1e1e1; -webkit-box-shadow: inset 0px 4px 8px #e1e1e1; -moz-box-shadow:  inset 0px 4px 8px #e1e1e1;}
.sections .sec5Holder { height:550px; width:1200px;}*/
.sections .sec5Cont {  position:relative;  left:0%; top:5%; margin:0px 0px; color:#ca6934;}
.sections .sec5Cont h2 { line-height:100%; font-size:25px; margin:0px 0px; padding:0px 0px;}
.sections .sec5Cont .left_Colmn {padding:10px;}
.sections .sec5Cont .rgt_Colmn { width:100%; padding:10px; margin-left:0px;}
.sections .sec5Cont .left_Colmn p, .sections .sec5Cont .rgt_Colmn p { font-size:16px; margin:10px 0 0 0; color:#666; font-weight:bold; }*/*/


/* ========== EMI calculator form styling ========= */
.sections .sec5Cont .left_Colmn form#emiform { margin:10px 0px 20px; background:#f1f1f1; padding:15px; border-radius: 6px; /*border:1px solid red; */}
.sections .sec5Cont .left_Colmn form#emiform p.txtTags { margin:0px; padding:0px; float:left; width:265px; line-height:35px; font-size:13px; color: #666; font-weight: normal;} 
.sections .sec5Cont .left_Colmn form#emiform p span.red { color:red; display:inline; }
.sections .sec5Cont .left_Colmn form#emiform p.txtFlds { margin:0px; padding:0px;}
.sections .sec5Cont form#emiform input[type=text], .sections .sec5Cont form#emiform select { height:35px; width:100%; border:1px solid #999; border-radius: 3px; color:#999; font-size:14px; text-indent:10px; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none;  background:#fafafa; }
.sections .sec5Cont form#emiform select {
	color:#999;
	text-indent:5px;
	box-shadow: none;
	outline: none;
	background-color: #fafafa;
	background-image: url(../images/arrowdown.gif);
	background-repeat: no-repeat;
	background-position: 98% 50%;
}
.sections .sec5Cont form#emiform select:focus { outline: none; }
.sections .sec5Cont form#emiform input[type=text].emicalculated { background:#fffdcf; border: 1px solid #eeec5b; font-weight:bold; font-size:18px; color:#666;}
.sections .sec5Cont form#emiform input[type=submit].submit_button, .sections .sec5Cont form#emiform input[type=reset].clear_button { font-weight:normal;  padding:10px; border:0 none; cursor:pointer; font-size:15px; margin-top:10px;  width:150px; text-transform:uppercase;  border-radius: 3px; }
.sections .sec5Cont form#emiform input[type=submit].submit_button { background:#423f98; color:white;}
.sections .sec5Cont form#emiform input[type=reset].clear_button { background:#df0148; color:white;  margin-left:15px;}

.sections .sec5Cont form#emiform input[type=submit].submit_button:hover { background:#df803b;}
.sections .sec5Cont form#emiform input[type=reset].clear_button:hover  { background:#999999;}


/* ========== AREA calculator form styling ========= */
.sections .sec5Cont .rgt_Colmn form#areaform { margin:10px 0px 20px; background:#f1f1f1; padding: 5px 15px 15px; border-radius: 6px; /*border:1px solid red;  */}
.sections .sec5Cont .rgt_Colmn form#areaform p.smalltxtTags { margin:0px; padding:0px; float:left; width:70px; line-height:35px; font-size:18px; color: #666; font-weight: normal;}
.sections .sec5Cont .rgt_Colmn form#areaform p.txtFlds { margin:0px; padding:0px;}
.m-right {margin-right:30px;}
.sections .sec5Cont .rgt_Colmn form#areaform input[type=text] { height:35px; width:100%; border:1px solid #999; border-radius: 3px; color:#999; font-size:15px; text-indent:10px; }
.sections .sec5Cont .rgt_Colmn form#areaform select.small { height:35px; width:135px !important; border:1px solid #999; border-radius: 3px; color:#999; font-size:15px; text-indent:5px; background: #fff url("../images/arrowdown.gif") no-repeat 96% 50%; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; }
.sections .sec5Cont .rgt_Colmn form#areaform input[type=text].unitresult { background:#fffdcf; border: 1px solid #eeec5b; font-weight:bold; font-size:18px; color:#666;}
.sections .sec5Cont form#areaform input[type=submit].submit_button, .sections .sec5Cont form#areaform input[type=reset].clear_button { font-weight:normal;  padding:10px; border:0 none; cursor:pointer; font-size:15px; margin-top:10px;  width:150px; text-transform:uppercase; border-radius: 3px;  }
.sections .sec5Cont form#areaform input[type=submit].submit_button { background:#423f98; color:white; }
.sections .sec5Cont form#areaform input[type=reset].clear_button { background:#df0148; color:white;  margin-left:15px; }
 
.sections .sec5Cont form#areaform input[type=submit].submit_button:hover { background:#df803b;}
.sections .sec5Cont form#areaform input[type=reset].clear_button:hover  { background:#999999;}


.sections .banksecHolder { width:100%; height:100px; float:left; border-top: 0px solid #c1c1c1; border-bottom: 1px solid #c1c1c1;  margin-top: 20px;  background:white;}
.sections .banksecHolder .bankLogos { width:1200px; margin:0px auto; text-align:left;}
.sections .banksecHolder .bankLogos h2 { line-height:100px; font-size:20px; margin:0px 0px; padding:0px 0px; float:left;}
.sections .banksecHolder .bankLogos img { float:left; margin-top:25px; margin-right:15px; }
.sections .banksecHolder .bankLogos img:nth-of-type(1) { margin-left:10px;} 
.sections .banksecHolder .bankLogos img:nth-last-child(1) { margin-right:0px;} 


/*.sections .sec6Bg { width:1920px; position:absolute; left:50%; bottom:-150px; margin-left:-960px; height:745px; background:url(../images/beauty-overlay-bg.png) no-repeat left top; z-index:9; }*/
.sect4 { background:#f6f6f6; box-shadow: inset 0px 4px 8px #e1e1e1; -webkit-box-shadow:  inset 0px 4px 8px #e1e1e1; -moz-box-shadow: inset 0px 4px 8px #e1e1e1;}
.sections .sec6Cont {  position:relative;  left:0%; top:5%; margin:0px 0px; color:#ca6934;}
.sections .sec6Cont p { color: #999; font-size: 14px; margin: 0px; padding: 0px; line-height: 25px; margin-bottom: 5px; }
.sections .sec6Cont .left_Colmn { width:760px; float:left; /* border-right:1px solid red;*/}
.sections .sec6Cont .rgt_Colmn { width:380px; float:right; /* border-right:1px solid red;*/ background:#fff; width:345px; padding:10px;}
.sections .sec6Cont .left_Colmn h2, .sections .sec6Cont .rgt_Colmn h2 { line-height:100%; font-size:25px; margin:0px 0px; padding:0px 0px;}
.sections .sec6Cont .left_Colmn p, .sections .sec6Cont .rgt_Colmn p { font-size:15px; margin:10px 0 0 0; color:#333; }
.sections .sec6Cont .left_Colmn h3 { font-size:18px; margin:10px 0 0 0; color:#333; color:#43409B;}
.sections .sec6Cont .left_Colmn span {  line-height:25px; color:#666; width:345px; float:left; margin-right: 5px;}
.sections .sec6Cont .left_Colmn .img { border:1px solid #bcb29b; box-shadow: 0px 3px 6px #bbb; -moz-box-shadow:  0px 3px 6px #bbb ;-webkit-box-shadow:  0px 3px 6px #bbb; }


.sections .sec6Cont .rgt_Colmn form { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
.sections .sec6Cont .rgt_Colmn form#contactform p.txtTags { margin:0px; padding:0px; float:left; width:315px; line-height:25px; font-size:12px; color: #666; font-weight: normal;} 
.sections .sec6Cont .rgt_Colmn form#contactform p span.red { color:red; display:inline; }
.sections .sec6Cont .rgt_Colmn form#contactform p.txtFlds { margin:0px; padding:0px; float:left;}
.sections .sec6Cont form#contactform input[type=text] { height:25px; width:300px; border:1px solid #999; border-radius: 3px; color:#999; font-size:12px; text-indent:5px; }
.sections .sec6Cont form#contactform textarea { height:65px; width:290px; border:1px solid #999; border-radius: 3px; color:#999; font-size:12px; padding:5px; resize:none; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 }

.sections .sec6Cont form#contactform .select-style { padding: 0; margin: 0; border: 1px solid #999; color:#999; width: 300px; border-radius: 3px; overflow: hidden; background-color: #fff; background: #fff url("../images/arrowdown.gif") no-repeat 98% 50%; }
.sections .sec6Cont form#contactform .select-style select { padding: 5px 8px; color:#999; width: 300px; height:25px; border: none; box-shadow: none; background-color: transparent; background-image: none;  background: #fff url("../images/arrowdown.gif") no-repeat 98% 50%; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none;}
.sections .sec6Cont form#contactform .select-style option:first-child {   padding:5px 10px; }
.sections .sec6Cont form#contactform .select-style option { padding:5px 10px; color:#999; }
.sections .sec6Cont form#contactform .select-style select:focus { outline: none; }

.sections .sec6Cont form#contactform input[type=submit].submit_button, .sections .sec6Cont form#contactform input[type=reset].clear_button { font-weight:normal;  padding:10px; border:0 none; cursor:pointer; font-size:15px; margin-top:10px;  width:142px; text-transform:uppercase; border-radius:3px;  }
.sections .sec6Cont form#contactform input[type=submit].submit_button { background:#ca6934; color:white; }
.sections .sec6Cont form#contactform input[type=reset].clear_button { background:#888888; color:white;  margin-left:15px;}

.sections .sec6Cont form#contactform input[type=submit].submit_button:hover { background:#df803b;}
.sections .sec6Cont form#contactform input[type=reset].clear_button:hover { background:#999999;}



#google_map { float:left; border:1px solid #dad6cd; }
#google_map html > body{ border:1px solid green; }

/* Custom scroll bar */
/*::-webkit-scrollbar { width: 5px;}
::-webkit-scrollbar-track {background-color:#ccc;}
::-webkit-scrollbar-thumb {-webkit-border-radius: 10px;border-radius: 10px;background: #1ba1e2; }
::-webkit-scrollbar-thumb:window-inactive {background: #1ba1e2; }*/
/* Custom scroll bar */


.clearfix:after {content: " "; /* Older browser do not support empty content */ visibility: hidden; display: block; height: 0; clear: both;}



