@charset "utf-8";
/* CSS Document */


@font-face {
    font-family: 'Roboto-Bold';
    src: url('fonts/Roboto-Bold.ttf');
}

@font-face {
    font-family: 'Roboto-Light';
	src: url('fonts/Roboto-Light.ttf');
}

@font-face {
    font-family: 'Roboto-Medium';
	src: url('fonts/Roboto-Medium.ttf');
}

@font-face {
    font-family: 'Roboto-Regular';
	src: url('fonts/Roboto-Regular.ttf');
}



*{margin:0; padding:0;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:focus {outline:none !important}
a {outline: 0 !important; text-decoration:none; color: #000;}
a:hover, a:active, a:focus {outline: 0 !important;}
input::-moz-focus-inner {border: 0 !important;}
*:hover, a:hover, a, .btn:hover, .btn {transition: 0.4s;}
html,body {width: 100%;height: 100%;}
body{font-family: "Roboto-Regular"; font-size:16px; color:#000; line-height:24px;}
.cntOuter{display:table; width:100%; height:100%;}
.cntInner{display:table-cell; width:100%; height:100%; vertical-align:middle;}
.img-responsive{display:inline-block; max-width:100%;}
.text-center{text-align:center !important;}
.text-left{text-align:left !important;}
.text-right{text-align:right !important;}
.dsFlex{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.dsNone{display:none;}
.clearBoth{clear:both;}
.space20{clear:both; width:100%; height:20px; display:block;}
.space30{clear:both; width:100%; height:30px; display:block;}
.space40{clear:both; width:100%; height:40px; display:block;}
.zeroPadding{padding:0 !important;}
.zeroTopPadding{padding-top:0 !important;}
.zeroBtmPadding{padding-bottom:0 !important;}
.zeroRightPadding{padding-right:0 !important;}
.zeroMargin{margin:0 !important;}
.zeroBtmMargin{margin-bottom:0 !important;}
.zeroTopMargin{margin-top:0 !important;}
.zeroBorder{border:none !important;}
.toupper{text-transform: uppercase;}
.height100{height:100%;}
h1,h2,h3,h4,h5,h6{font-weight:normal; color: #000; font-family: 'Roboto-Medium'; margin-bottom: 20px; }
h2{font-size: 36px; line-height: 42px;  }
h3{font-size: 24px; line-height: 30px;  }
h4{font-size: 20px; line-height: 36px;  }
p{ margin-bottom: 15px;}
.bgCover{background-position:center !important; background-size:cover !important;}
.padding30{padding:30px 0 !important;}
.container {    width: 100%;    max-width: 1245px; position: relative;}
ul{margin: 0; padding: 0;}
ul li{margin: 0; padding: 0; list-style: none;}
.btn{border: 1px solid #000; border-radius: 0; display:inline-block; font-size: 16px; padding:10px 15px;  color: #000;  text-align: center; font-family: 'Roboto-Medium';}
.btn-cornered{border-radius: 5px; }
.btn-med{width: 158px;}
.orange-btn{background-color: #f58134; border:1px solid #f58134 !important; color:#FFF;}
.orange-btn:hover{color:#FFF;}
section{padding: 60px  0; position: relative;}
.brownBG{background-color: #c79533; color: #FFF;}
.blueBG{background-color: #06286e;}
.bshadow{box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.padding100{padding: 0 100px;}
.pink-btn{padding:15px; color:#fff; background-color: #c79533; border: none;}
.theme-btn{padding:15px 20px; color:#fff; background-color: #c79533; border: none;}
.dsfCenter{align-items:center;}
.btn:hover{color: #FFF;}

/******************************************/

header{color: #fff; position: relative; z-index: 9; border-bottom:1px solid #d7d7d7;}
.hTop{text-align: right; padding-top: 21px; }
.hTop li{display: inline-block;}
.hTop li a{display: block; padding: 0 15px; position: relative; color: #636363; font-size:14px; font-family: 'Roboto-Light';}
.hTop li a:after{position: absolute; right: 0; content: ''; top: 5px; height: 15px; border-right: 2px solid #636363;}
.hTop li:last-child a{padding-right: 0;}
.hTop li:last-child a::after{display: none;}

header .hBtm{background:#FFF;}
header .logo{position: relative; top: -20px;}
header .hMenu{padding: 38px 0 20px 0; text-align: right;}
header .hMenu > ul{ text-align:right;}
header .hMenu  li{display: inline-block; position:relative;}
header .hMenu  li > a{display:block; color:#000; padding: 0; margin: 0 20px; position: relative;transition: 0.4s;  position:relative;}
header .hMenu li:last-child a{padding-right:0; margin-right:0;}
header .hMenu  li.current_page_item > a, header .hMenu  li > a:hover{color: #c79533;}
header .hMenu  li.current_page_item > a{font-weight:bold;}

.homeBanner{height:640px; width:100%; position:relative; z-index: 1; background-color: #cdfdfd;}
.hbImage{width:100%; height:100%; position:relative; }
/*.hbImage::after{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(90,90,70,0.3);}*/
.homeBanner .container{height:100%;}

.greyBg {background-color: #f5f3ec;}
.hmAbout {text-align: center;}
.hmAbout .abt-heading{font-size: 18px; line-height: 24px; text-transform: uppercase; font-family: 'Roboto-Bold'; padding-bottom: 10px; display: inline-block; margin:0;}
.hmAbout h2{font-size: 30px; line-height: 40px; font-family: 'Roboto-Light';}
.hmAbout h2 span{color: #c79533;font-family: 'Roboto-Medium';}
.hmAbout p{line-height: 30px;}
.achivements{display: inline-block;}
.achivements .achivementBox{width: 220px; height: 220px; padding: 20px; background-color: #fff; text-align: center; display: inline-block; margin: 15px;}
.achivements .achivementBox span{font-size: 48px; line-height: 58px; display: block; margin-top: 15px;}
.achivements .achivementBox  p{margin-bottom: 0;}
.knowmore {text-align: center;}
.knowmore a{width: 240px; height: 45px; text-align: center; padding: 10px; display: inline-block; background-color: #c79533; color: #FFF; margin-top: 10px;}

.hmprojBox{width: 254px; height: 254px; display:  table-cell; vertical-align: bottom; background-color: #c79533; padding: 15px; color: #FFF; font-size: 24px; line-height: 34px; font-family: 'Roboto-Light'; margin-bottom: 10px;}
.hmprojBox span{ font-family: 'Roboto-Bold';}
.hmProjects  p{margin: 20px 0;}
.exploreproj{padding-top: 20px;}

.hmSales{font-family: 'Roboto-Light'; font-size: 16px; padding: 30px 0;} 
.hmSales h3{font-family: 'Roboto-Regular'; font-size: 24px; line-height: 30px;}

.hmBlog .blogBox{border: 1px solid #d2d2d2; border-radius: 5px;}
.hmBlog .blogBox .bImg{height: 264px; padding: 5px 0; margin-bottom: 10px;}
.hmBlog .blogBox .btools{display: block;padding: 10px 20px; position: relative;}
.hmBlog .blogBox .btools .bTitle{ font-size: 16px; line-height: 24px; margin: 10px 0; width: 80%; height: 80px; }
.hmBlog .blogBox span{display: block;}
.hmBlog .blogBox span.bdate{font-size: 14px; line-height: 20px; font-family: 'Roboto-Light'; }
.hmBlog .blogBox a{position: relative;  display: block;}
.hmBlog .blogBox .readmore{position:relative; padding-bottom:10px;}
.hmBlog .blogBox .readmore:after{position: absolute; right: 0; top: 6px; content: url(../images/right-arrow.png);}

.breadcrumb {text-align: left; position: relative; margin-bottom: 40px;}
.breadcrumb li{display: inline-block; position: relative; font-size: 14px; font-family: 'Roboto-Light'; line-height: 16px; color: #6a6a6a;}
.breadcrumb li a{color: #6a6a6a; padding: 0 10px;}
.breadcrumb li span{color:#000; padding:0 10px; display:inline-block;}
.breadcrumb li:first-child a{padding-left: 0;} 
.breadcrumb li a::after{position: absolute; right: -5px; content: '>';}
.breadcrumb li:last-child a:after{display: none;}

.subPagePadding{padding-top:20px !important;}
.about-page{padding: 20px 0;}
.about-page .abt-heading{text-transform: none; margin-bottom: 20px;}
.mvvBox{width: 100%; text-align: center; display: inline-block; margin: 15px 0;}
.mvvBox .mvv-icon{height: 160px;}
.mvvBox span{font-size: 18px; line-height: 28px; display: block; margin-top: 15px; margin-bottom: 10px; font-family: 'Roboto-Bold';}
.mvvBox  p{margin-bottom: 0;}
.values-lists{text-align: left;}
.actLeft{text-align: center; padding-top: 40px;}
.actLeft h3{margin:0;}
.actRight{background-color: #c79533; color: #FFF;}
.actRight li{position: relative; padding-left: 30px; margin:5px 0;}
.actRight li i{position: absolute;left: 0; top: 3px;}
.activity{background:url(../images/activity_bg.jpg) repeat-y; background-position:center;}

.ui-tabs .ui-tabs-nav{padding: 0;}
.ui-tabs .ui-tabs-panel{padding: 1em 0;}
.ui-widget-content{border: none; background: none;}
.ui-widget-header{background: transparent; border: none; border-bottom: 2px solid #c79533; border-radius: 0; display:flex; flex-wrap:wrap;}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{color: #000; text-transform: uppercase;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{border: none; background: none;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{background-color: #c79533; color: #FFF;}
.ui-widget{font-family: 'Roboto-Regular';}
#project-tabs img, .project-images img{margin-bottom: 15px;}
.project-images img{max-height:380px;}
#project-tabs ul li a{font-weight:normal; font-size:17px;}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor{padding: .5em 2em;}
.hmprojBox a{display: block; color: #FFF;}

.project-info{border: 1px solid #d7d7d7; border-radius: 10px; padding: 20px; margin-bottom: 30px; line-height:30px;}
.project-info ul li {padding: 10px 0;}
.project-info ul li span{font-family: 'Roboto-Bold'; display:inline-block; min-width:150px; }

.ptbl-heading th{background-color:#c79533;}
td.sno{background-color: #06286e; color: #fff;}
td.powner{font-family: 'Roboto-Bold'; line-height: 18px; font-size: 14px;}
td.rod{font-family: 'Roboto-Regular'; font-size: 12px; line-height: 18px;}
td.payment{font-family: 'Roboto-Bold'; text-align: right !important; font-size: 12px; line-height: 18px;}
table.prev_projects {
border: 1px solid #ccc;
border-collapse: collapse;
margin: 0;
padding: 0;
width: 100%;
table-layout: fixed; font-family: 'Roboto-Regular';
}

table.prev_projects caption {
font-size: 1.5em;
margin: .5em 0 .75em;
}

table.prev_projects tr {
background-color: #f8f8f8;
border: 1px solid #ddd;
padding: .35em;
}

table.prev_projects th {
padding: 15px;
text-align: center;  font-size: 15px;
}

table.prev_projects td {
padding: 5px 10px;
text-align: left;
}

table.prev_projects th {
font-size: .85em;
}

@media screen and (max-width: 600px) {
table.prev_projects {
  border: 0;
}

table.prev_projects caption {
  font-size: 1.3em;
}

table.prev_projects thead {
  border: none;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

table.prev_projects tr {
  border-bottom: 3px solid #ddd;
  display: block;
  margin-bottom: .625em;
}

table.prev_projects td {
  border-bottom: 1px solid #ddd;
  display: block;
  font-size: .8em;
  text-align: right;
}

table.prev_projects td::before {
  /*
  * aria-label has no advantage, it won't be read inside a table
  content: attr(aria-label);
  */
  content: attr(data-label);
  float: left;
  font-weight: bold;
  text-transform: uppercase;
}

table.prev_projects td:last-child {
  border-bottom: 0;
}
}

footer{background: #c79533;padding-top: 60px; color: #FFF;}
footer a, footer p{color: #FFF;}
footer h4{font-size: 16px; line-height: 24px; font-family: 'Roboto-Bold'; color: #FFF; margin-bottom: 5px; }
footer .footCol  a{color: #FFF; display: inline-block;}
footer .footCol i{font-size: 30px; display: inline-block; margin-bottom: 10px;}
footer .copyright{padding: 25px 0;  background-color: #333333; margin-top: 40px; font-family: 'Roboto-Light'; color: #c79533; text-transform: uppercase;}
.fCtxt, .fSocial{padding-top: 30px;}
.fSocial a{padding-right: 20px; font-size: 24px;  color: #c79533; display: inline-block; padding-left: 15px;}

.newsHeaderTxt{font-family: 'Roboto-Bold'; font-size:18px; margin-bottom:30px; text-transform:uppercase;}
.subpageHeading{font-size:24px;}
.pagination{padding-top:20px; text-align:right;}
.pagination a, .pagination span{display:inline-block; padding:2px 8px; margin:0 1px;}
.pagination a:hover, .pagination span{background:#c79533; color:#FFF;}
.imgMaxHeight{max-height:400px;}
.prjCoverImg{width:100%; height:400px; display:block; margin-bottom:20px; position:relative;}
.prjTitle{position:absolute; width:100%; height:50px; bottom:0; left:0; right:0; background:rgba(0,0,0,0.7); color:#FFF; padding:0 15px; text-align:left; line-height:50px; overflow:hidden;}

.rspMenuLink, .rspMenuContent, .rspFilterContent{display:none;}

@media only screen and (min-width : 992px) {

}

@media only screen and (max-width : 991px) {
	.dsFlex{display:block;}
	.rspPaddingBtm{padding-bottom:25px;}
	
	.rspMenuTxt{float:right; width:calc(100% - 50px); background:#052159; text-align:left; padding:0 15px; color:#FFF; height:50px; line-height:50px;}
	.rspMenuLink{background-color: #c79533; position:fixed; bottom: 25px; right: 15px; width: 40px; height: 40px; border-radius:20px; z-index:9999; padding-top:14px; cursor:pointer; display:block;}
	.rspMenuLink span{display: block;width: 20px;height: 2px;margin: 0 auto 3px auto;background: #FFF;transition: 0.4s;}

	.rspMenuClose{background:#FFF;}
	.rspMenuClose span{background:#000;}
	.rspMenuClose span:first-child {-webkit-transform: rotate(-45deg) translate(-5px, 5px) ;transform: rotate(-45deg) translate(-3px, 4px);}
	.rspMenuClose span:nth-child(2) {opacity: 0;}
	.rspMenuClose span:last-child {-webkit-transform: rotate(45deg) translate(-2px, -2px) ;transform: rotate(45deg) translate(-3px, -4px) ;}

	.rspMenuContent{width: 100%; background: #c79533; position: fixed; left: -100%; top: 0; z-index: 999; height: 100vh; margin: 0; padding: 0; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -ms-transition: all .3s linear; transition: all .3s linear; overflow:hidden; overflow-y: scroll; display:block;}
	.rspMenuActive{left:0; visibility:visible;}
	
	.rspLogo{padding:15px; background:#FFF; text-align:center;}
	.rspLogo .img-responsive{max-width:75%;}
	.rspMenuContent li{list-style-type: none; border-bottom: solid 1px #FFF; color: #000;}
	.rspMenuContent li > a{color: #FFF; display: block; font-size: 16px; line-height: 25px; padding:15px; text-decoration: none; position:relative;}

	.rspMSocial{padding:15px;}
	.rspMSocial a{display:inline-block; margin-right:15px; font-size:20px; color:#FFF;}
	
	header .logo{top:0; text-align:center; padding:15px 0;}
	.homeBanner{height:500px;}
	.hmprojBox br{display:none;}
	.hmprojBox span{display:block;}
	.hmprojBox {width: 100%;display: block;height: auto;text-align: left; font-size:20px;}
	.hmBlog .blogBox .btools .bTitle{width:100%; height:auto; margin-bottom:20px;}
	footer{text-align:center;}
	footer .copyright .text-right{text-align:center !important;}
	.activity{background:#f5f3ec; padding:0;}
	.activity .actLeft{padding:40px 0;}
	.activity .actRight{padding-top:40px; padding-bottom:40px;}
	td.sno{background-color:#d8a43d;}
	#project-tabs ul li a{font-size:14px; padding:0.5em 1em;}
	.project-info ul li span{min-width:auto;}
}