/*@import url('https://fonts.googleapis.com/css?family=Roboto:100,400,500,700');*/
@font-face{
	font-family: robotothin;
	src:url('../css/Roboto/Roboto-Thin.ttf');
}
@font-face{
	font-family: robotobold;
	src:url('../css/Roboto/Roboto-Bold.ttf');
}
@font-face{
	font-family: robotoregular;
	src:url('../css/Roboto/Roboto-Regular.ttf');
}
@font-face{
	font-family: robotomedium;
	src:url('../css/Roboto/Roboto-Medium.ttf');
}
body{
	font-family: robotoregular;
}
/* .btn-dark:hover{
	box-shadow: 2px 2px 5px grey;

} */

ul{
	padding-left: 0;
}

@media screen and (max-width: 768px) {
	br{
		display: none;
	}
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 10px;
}
/*.size{
	max-height: 550px;

}*/
/*body{*/
/*	font-family: 'Roboto', sans-serif;*/
	
/*}*/
/******************************************/
/*FOL COMMON*/

/******************************************/
.borderradius15{
	border-radius:15px;
}
.margintop50{
	margin-top: 50px;
}

@media screen and (max-width: 600px) {
	.margintop50{
		margin-top: 20px;
	}
}

.margintop100{
	margin-top: 100px;
}
.margintop10{
	margin-top:10px;
}
.margintop20{
	margin-top:20px;
}
.marginbottom20{
	margin-bottom: 10px;
}
.marginbottom50{
	margin-bottom: 50px;
}
@media screen and (max-width: 600px) {
	.marginbottom50{
		margin-bottom: 20px;
	}
}

.paddingbottom50
{
	padding-bottom: 50px;
}

.navbar-fixed-top{
    background-color: white;
}


.headersub{
	margin-top:10px;
	font-family: robotoregular !important;
	font-size: 14px;
}
.headersub a{
	color: #009abc !important;
}
.nav a {
	color: black ;	
}
.navbar {
	border: 0px solid transparent!important;
	padding: 10px;
}


.nav .active {
/*	font-weight: bold!important;*/
font-family: robotomedium ;
border-bottom: 2px solid #696969;


}

.navbar-nav > li > a
{
	padding-top: 22px;
	padding-bottom: 0px;
	font-size: 14px;
}

a.carousel-control.left {
	background: none;
}
a.carousel-control.right {
	background: none;
}


@media screen and (max-width: 600px) {
	h1{
		font-size: 25px !important;
		line-height: 27px !important;
	}
	h2{
		font-size: 25px !important;
		line-height: 27px !important;
	}
	h4{
		font-size: 16px !important;
		line-height: 18px !important;
	}
}









.clrgreen{
	font-family: robotoregular !important;
	font-size: 12px;
	text-align: right;
	color:#696969;
	margin-bottom: 0;
}

.now-new{
	position: absolute;
    top: 60px;
    right: 0;
}

@media screen and (max-width: 600px) {
	.now-new{
		top: 75px;
	}
}


.kawall{
	font-family: robotoregular !important;
	font-size: 12px!important;
	text-align: right;
	line-height: 1px;
	color: black;

}
/***********************/

.about{
	position: relative;
	padding: 100px 0;
	background: url(../img/projects/bg.jpg) center center no-repeat;
    background-size: cover;
}

@media screen and (max-width: 991px) {
	.about{
		padding: 50px 0;
	}
}

@media screen and (max-width: 600px) {
	.about{
		padding: 30px 0;
	}
}

.about .row{
	display: flex;
	align-items: center;
}

@media screen and (max-width: 991px){
	.about .row{
		display: unset;
		align-items: unset;
	}
}

.about .box{
	position: relative;
}

@media screen and (max-width: 991px) {
	.about .box{
		margin-top: 40px;
	}
}
@media screen and (max-width: 600px) {
	.about .box{
		margin-top: 0;
	}
}

.about .box:before{
	position: absolute;
	content: "";
	width: 1px;
	height: 100%;
	background-color: #000;
	top: 0;
	left: -80px;
}

/*.about hr{
	border: none;
	background: #64dd17;
	height: 4px;
	margin-top: 2px;
	width: 150px;
	
}*/
.info img{
	width: 100%;
} 
.info .col-lg-3, .info .col-md-3, .info .col-sm-3, .info .col-xs-12{
	padding-left: 5px;
	padding-right: 5px;
}
.subhead{
	font-family: robotomedium;
	font-size: 25px;
	/* margin-top: 50px; */
	margin-bottom: 10px;
	text-align: center;
}

/*the now life*/

.thenowlife{
	position: relative;
	padding: 100px 0;
}

@media screen and (max-width: 991px) {
	.thenowlife{
		padding: 50px 0;
	}
}

@media screen and (max-width: 600px) {
	.thenowlife{
		padding: 30px 0;
	}
}

/* .thenowlife h1{
	font-family: robotobold;
	margin-top: 30px;
	margin-bottom: 0px;
	text-align: center;
	margin-bottom:20px;
} */
/*thenowlife hr{
	border: none;
	background: #64dd17;
	height: 4px;
	margin-top: 2px;
	width: 235px;
	
}*/

.project{
	position: relative;
	padding: 100px 0;
}

@media screen and (max-width: 991px) {
	.project{
		padding: 50px 0;
	}
}

@media screen and (max-width: 600px) {
	.project{
		padding: 30px 0;
	}
}

.project .box{
	background-color: #00000099;
	padding: 50px;
	color: #fff;
}
.text-white{color: #fff;}
@media screen and (max-width: 991px) {
	.project .box{
		padding: 20px;
	}

	.project .box .img{
		margin-top: 40px;
	}
}

/* .project h1{
	font-family: robotobold;
	margin-top: 30px;
	text-align: center;
	margin-bottom: 0px;
	margin-bottom:20px;
} */
/*.project hr{
	border: none;
	background: #64dd17;
	height: 4px;
	margin-top: 2px;
	width: 180px;
	
}*/
.project .carousel-control.right, .project .carousel-control.left{
	background: none;
}

.newmedia{
	position: relative;
	padding: 100px 0;
}

@media screen and (max-width: 991px) {
	.newmedia{
		padding: 50px 0;
	}
}

@media screen and (max-width: 600px) {
	.newmedia{
		padding: 30px 0;
	}
}

/* .newmedia h1{
	font-family: robotobold;
	margin-top: 30px;
	text-align: center;
	margin-bottom: 0px;
	margin-bottom:20px;

} */
/*.newmedia hr{
	border: none;
	background: #64dd17;
	height: 4px;
	margin-top: 2px;
	width: 250px;
	
}*/
.newmedia .carousel-control.right, .newmedia .carousel-control.left{
	background: none;
}
.newmedia .glyphicon-chevron-left, .carousel-control .icon-prev{
	color: black
}
.newmedia .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next
{
	color: black;
}

.corner{
	position: relative;
	padding: 100px 0;
}

@media screen and (max-width: 991px) {
	.corner{
		padding: 50px 0;
	}
}

@media screen and (max-width: 600px) {
	.corner{
		padding: 30px 0;
	}
}

/* .corner h1{
	font-family: robotobold;
	margin-top: 30px;
	margin-bottom: 0px;
	margin-bottom:20px;
} */
/*.corner hr{
	border: none;
	background: #64dd17;
	height: 4px;
	margin-top: 2px;
	width: 210px;
	
}*/

@media screen and (max-width: 991px) {
	.corner h1{
		margin-top: 40px;
	}
}

.corners h1{
	font-family: robotobold;
	margin-top: 30px;
	text-align: center;
	margin-bottom: 0px;
	margin-bottom:20px;
}

/*.corners hr{
	border: none;
	background: #64dd17;
	height: 4px;
	margin-top: 2px;
	width: 230px;
	
}*/

.cornoerhead{
	font-family: robotoregular;
	/* margin-top: 20px; */
	text-align: justify;
}

.contactus h1{

	font-family: robotobold;
	margin-top: 30px;
	text-align: center;
	margin-bottom: 0px;
	margin-bottom:20px;
	

}
/*.contactus hr{
	border: none;
	background: #64dd17;
	height: 4px;
	margin-top: 2px;
	width: 215px;
	
}*/
.contactp{
	font-family: robotomedium;
	font-size: 25px;/*
	margin-top: 30px;*/

	text-align: center;
	color: #64dd17;

}
.colorbutton{

/*  color: #333;
  background-color: green !important;
  border-color: #ccc;*/
}

.btn {
  color: #fff;
  border-radius: 5px;
  padding: 10px 25px;
  text-transform: uppercase;
  margin-top: 20px;
  transition: all 0.6s ease;
}

.btn.btn-dark{
	background-color: #3a3a3a;
}
.btn.btn-blue{
	background-color: #009abc;
}

.btn:hover {
	box-shadow: 2px 2px 5px grey;
	color: #fff;
}

@media(max-width: 768px){
	.thenowlife hr{
	border: none;
	background: #3a3a3a;
	height: 4px;
	margin-top: 2px;
	width: 40% !important;
	margin-bottom:50px;
	}
	.contactus hr{
	border: none;
	background: #3a3a3a;
	height: 4px;
	margin-top: 2px;
	width: 40%;
	margin-bottom:50px;
	}
	.kj{
		margin-top: 10px !important;
	}

}

#logo {
	width: 160px !important;
}
	
@media screen and (max-width: 420px) {

    /* .dropdown{
        margin-left:230px;
    } */
	
	/* .topbar{
	        margin-bottom: -40px;
	} */
	.about h1, .thenowlife h1, .project h1, .newmedia h1, .corner h1, .contactus h1 {
		font-size: 24px;
	}
	.about p.subhead {
		font-size: 18px;
		margin-top: 20px;
		text-align: center !important;
	}
	.about p, .project p, .contactus p {
		text-align: justify;
	}
	.contactus p.contactp {
		font-size: 23px;
	}
	.corner img {
		margin-bottom: 0px !important;
	}
	.corner .cornoerhead {
		margin-top: 20px;
	}
	.project .subhead {
		margin-top: 20px;
	}
	/* section .container {
		    padding-right: 0;
    		padding-left: 0;
	} */
	.newmedia .overlay h2 {
		margin-top: 30px;
	}
	#myCarousel img {
		min-height: 150px !important;
	}
	.navbar-nav > li > a {
		padding-top: 15px !important;
	}
}

@media(max-width: 768px){
    #boxes .window{
        width: auto;
        left: 0 !important;
        top: 0 !important;
    }
}

@media (max-width: 1366px) {
	.nav > li > a{
		padding: 5px 8px !important;
	}
}


@media (min-width: 991px) {
    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
        padding-left: 0 !important;
        font-size: 13px;
    }

	.nav > li > a{    padding: 5px 10px;}
}


.deskshowe{
	display: block !important;
}
.mobileshow{
	display: none !important;
}

@media(max-width: 999px){
	.deskshowe{
	display: none !important;
}
.mobileshow{
	display: block !important;
}
}
.custom-bhk-flats {
	nav#mainnav, ul.nav.navbar-nav { display: unset; }
	body { font-family: 'Segoe UI', sans-serif; color:#333; }
	.section-title { font-size: 28px; font-weight: 600; margin-bottom:20px; text-transform:uppercase; }
	.subtitle { color:#666; font-size:15px; }
	.section-light { background:#faf8f6; padding:60px 0; }
	.gallery-img { width:100%; border-radius:8px; margin-bottom:20px; }
	.btn-theme { background:#a57b5b; color:#fff; padding:10px 22px; border-radius:4px; border:none; }
	.sliderresponsive { padding:0; max-width:100%; }
	.img-responsive { display:block; max-width:100%; height:auto; }
	.deskshowe { display:block; }
	.mobileshow { display:none; }
	@media (max-width:768px) {
		.deskshowe { display:none; }
		.mobileshow { display:block; }
	}
	/* carousel image fix */
	.carousel .item img { width:100%; height:auto; }

	.table-bordered > thead > tr > th,
	.table-bordered > tbody > tr > td,
	.table-bordered > tbody > tr > th {
		border: 1px solid #000 !important;
	}
	.table-bordered {
		border: 1px solid #000 !important;
	}
	.nav-tabs {
		width: fit-content;
		border-bottom: 1px solid #b6b6b6;
	}
	.nav .active {
		border-bottom: 4px solid #337ab7 !important; 
	}
	.nav-tabs .active a,
	.nav-tabs .active a:focus,
	.nav-tabs a:focus,
	.nav-tabs a:hover {
		border: none !important;
		background-color: transparent !important;
	}

	.custom-background {
		-webkit-background-clip: text !important;
		-webkit-text-fill-color: transparent;
		background: linear-gradient(45deg, #914b3a 42%, #bd825f 100%);
	}
}


.panel-heading{
	position: relative;
}

.panel-heading .accordion-toggle:after {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translate(0, -50%);
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    color: grey;
}

.panel-heading .accordion-toggle.collapsed:after {
    content: "\e080";
}


@media screen and (max-width: 991px) {
	.span12 .col-lg-4,
	.span12 .col-md-4,
	.span12 .col-sm-4,
	.span12 .col-xs-4{
		padding-left: 5px;
		padding-right: 5px;
	}

	.hideonmob{
		display: none;
	}

	.slideInLeft,
	.bounceInLeft,
	.bounceInRight{
		animation: none;
	}
}




.heading{
	font-family: robotomedium;
	text-transform: uppercase;
	font-size: 36px;
	margin: 0;
	margin-bottom: 10px;
}

@media screen and (max-width: 991px) {
	.heading{
		font-size: 30px !important;
	}
}
@media screen and (max-width: 600px) {
	.heading{
		font-size: 25px !important;
	}
}

.sub-heading{
	font-family: robotoregular;
	/* text-transform: uppercase; */
	font-size: 25px;
	margin: 0;
}

@media screen and (max-width: 600px) {
	.sub-heading{
		font-size: 20px !important;
	}
}

p, li{
	text-align: justify;
}

.timeless{
	position: relative;
	padding: 100px 0;
}

@media screen and (max-width: 991px) {
	.timeless{
		padding: 50px 0;
	}
}

@media screen and (max-width: 600px) {
	.timeless{
		padding: 30px 0;
	}
}

.architect{
	position: relative;
	padding: 100px 0;
	background-color: #eeeff1;
}

@media screen and (max-width: 991px) {
	.architect{
		padding: 50px 0;
	}
}

@media screen and (max-width: 600px) {
	.architect{
		padding: 30px 0;
	}
}

.span12{
	position: relative;
	padding: 100px 0;
}

@media screen and (max-width: 991px) {
	.span12{
		padding: 50px 0;
	}
}

@media screen and (max-width: 600px) {
	.span12{
		padding: 30px 0;
	}
}

.contactus{
	position: relative;
	padding: 100px 0;
}

@media screen and (max-width: 991px) {
	.contactus{
		padding: 50px 0;
	}
}

@media screen and (max-width: 600px) {
	.contactus{
		padding: 30px 0;
	}
}

.input{
	border-radius: 0 !important;
    padding: 20px;
    border: 1px solid #cecece !important;
    background-color: transparent;
    color: #fff !important;
	margin-top: 20px;
}

.career-btn{
	margin-top: 40px;
}

p, li{
	font-size: 16px;
	line-height: 20px;
}

@media screen and (max-width: 991px) {
	.row{
		margin-left: 0;
		margin-right: 0;
	}
}

@media screen and (max-width: 991px) {
	#mainnav .pull-right{
		float: unset !important;
	}

	.mt-md-4{
		margin-top: 40px;
	}
}

@media screen and (max-width: 600px) {
	.mt-sm-3{
		margin-top: 30px;
	}

	.mt-md-4{
		margin-top: 20px;
	}	
}