body
{
}
.h-100
{
	height:100%;
}
.cp
{
	cursor:pointer;
}
#banner-front
{
	width:100%;
	height:900px;
	background:#333 url('../imgs/bg6.jpg') no-repeat;
	background-size:100% 120%;
  -webkit-transition:background-position 0.5s ease;
	-moz-transition:background-position 0.5s ease;
	-o-transition:background-position 0.5s ease;
	transition:background-position 0.5s ease;	
}
#banner-front .container-fluid
{
	height:100%;
	background:rgba(0,0,0,0.7);
	box-shadow: inset black -60px -50px 180px 50px;	
}
#banner-front-project
{
	width:100%;
	height:800px;
	background-size:100% 120%;
}
#banner-front-project.p1
{
	background:#333 url('../imgs/proj/ongoing/breeza/1.jpeg') no-repeat;	
	background-size:100% 120%;
}
#banner-front-project .container-fluid
{
	height:100%;
	background:rgba(0,0,0,0.6);
	box-shadow: inset black -20px -50px 100px 0px;	
}


#banner-front-about
{
	width:100%;
	height:550px;
	background-size:100% 120%;
}
#banner-front-about.p1
{
	background:#333 url('../imgs/front.jpg') no-repeat;	
	background-size:100% 120%;
}
#banner-front-about .container-fluid
{
	height:100%;
	background:rgba(0,0,0,0.6);
}


.info-block
{
	font-family: "Montserrat", sans-serif;
	width:80%;
	padding:50px;
	margin:auto;
	margin-top:15%;
	margin-left:20%;
	z-index:98989898989898;
	
}
.info-block h1,.info-block h3
{
font-family: "Changa", sans-serif;	
	color:white;
	font-weight:500;
	margin-bottom:20px;
	font-size:70px;
  animation: rtl 1s 1;
  animation-direction: alternate;
 position: relative; 	
}
.info-block h6
{
	color:rgb(209,170,103);
	font-weight:600;
	margin-bottom:10px;
	font-size:18px;
  animation: rtl 0.5s 1;
  animation-direction: alternate;
 position: relative; 
}
.info-block p
{
	color:rgba(255, 255, 255, 1) !important;
	margin-bottom:35px;
  animation: rtl 2s 1;
  animation-direction: alternate;
 position: relative; 	
}
.info-block .btn-primary
{
	background:rgb(209,170,103);
	font-weight:600;
	font-size:12px;
	padding:10px 40px;
	border:1px solid rgb(209,170,103);
	color:#000;
  animation: btt 1s 1;
  animation-direction: alternate;
 position: relative; 
}
.info-block .btn-line
{
	background:none;
	border:1px solid white;
	color:white;
	font-weight:400;
	font-size:12px;
	padding:10px 40px;
	margin-left:20px;
  animation: btt 1s 1;
  animation-direction: alternate;
 position: relative; 
}

.info-block-project
{
	font-family: "Montserrat", sans-serif;
	width:30%;
	padding:50px;
	margin:auto;
	margin-top:15%;
	z-index:98989898989898;
	
}
.info-block-project h1,.info-block-project h3
{
	color:white;
	font-weight:900;
//	margin-bottom:20px;
	font-size:50px;
  animation: rtl 1s 1;
  animation-direction: alternate;
 position: relative; 	
}
.info-block-project h6
{
	color:rgb(209,170,103);
	font-weight:600;
	margin-bottom:10px;
	font-size:18px;
  animation: rtl 0.5s 1;
  animation-direction: alternate;
 position: relative; 
}
.info-block-project p
{
	color:rgba(255, 255, 255, 1) !important;
	margin-bottom:35px;
  animation: rtl 2s 1;
  animation-direction: alternate;
 position: relative; 	
}
.info-block-project .btn-primary
{
	background:rgb(209,170,103);
	font-weight:600;
	font-size:12px;
	padding:10px 40px;
	border:1px solid rgb(209,170,103);
	color:#000;
  animation: btt 1s 1;
  animation-direction: alternate;
 position: relative; 
}
.info-block-project .btn-line
{
	background:none;
	border:1px solid white;
	color:white;
	font-weight:400;
	font-size:12px;
	padding:10px 40px;
	margin-left:20px;
  animation: btt 1s 1;
  animation-direction: alternate;
 position: relative; 
}


.info-block-about
{
	font-family: "Montserrat", sans-serif;
	width:30%;
	padding:50px;
	margin:auto;
	margin-top:15%;
	z-index:98989898989898;
	
}
.info-block-about h1,.info-block-about h3
{
	color:white;
	font-weight:900;
//	margin-bottom:20px;
	font-size:50px;
  animation: rtl 1s 1;
  animation-direction: alternate;
 position: relative; 	
}
.info-block-about h6
{
	color:rgb(209,170,103);
	font-weight:600;
	margin-bottom:10px;
	font-size:18px;
  animation: rtl 0.5s 1;
  animation-direction: alternate;
 position: relative; 
}
.info-block-about p
{
	color:rgba(255, 255, 255, 1) !important;
	margin-bottom:35px;
  animation: rtl 2s 1;
  animation-direction: alternate;
 position: relative; 	
}
.info-block-about .btn-primary
{
	background:rgb(209,170,103);
	font-weight:600;
	font-size:12px;
	padding:10px 40px;
	border:1px solid rgb(209,170,103);
	color:#000;
  animation: btt 1s 1;
  animation-direction: alternate;
 position: relative; 
}
.info-block-about .btn-line
{
	background:none;
	border:1px solid white;
	color:white;
	font-weight:400;
	font-size:12px;
	padding:10px 40px;
	margin-left:20px;
  animation: btt 1s 1;
  animation-direction: alternate;
 position: relative; 
}

#stats-info
{
	width:100%;
	font-family: "Montserrat", sans-serif;
	background:black;
	box-shadow: black 0px 7px 29px 0px;

}
#stats-info .stats-box
{
	min-height:500px;
	width:80%;
	padding:155px 0px;
	margin:auto;
}
#stats-info .ghost-text
{
	display:none;
	color:rgba(255,255,255,0.2);
	font-size:247px;
	position:absolute;
	margin-top:-270px;
	margin-left:-100px;	
}
#stats-info .stats-box .c
{
	padding-left:170px;
	padding-top:150px;
}
#stats-info .stats-box .c h3
{
	color:white;
	
}
#stats-info .stats-box .c h6
{
	margin-top:10px;
	color:rgb(209,170,103);
	font-weight:600;
	margin-bottom:10px;
	font-size:16px;
}
#stats-info .stats-box .c1
{
}
#stats-info .stats-box .c1 .overlay
{
	padding:50px 50px;	
	height:100%;
	width:100%;
}
#stats-info .stats-box .c1 h3
{
	color:white;
	font-weight:700;
	margin-bottom:20px;

}
#stats-info .stats-box .c1 h6
{
	color:rgb(209,170,103);
	font-weight:600;
	margin-bottom:10px;
	font-size:16px;
}
#stats-info .stats-box .c2
{
  animation: rtl 1s 1;
  animation-direction: alternate;
}
#stats-info .stats-box .c2 p
{
	color:#9b9b9b;
	margin-bottom:35px;
	font-weight:500;
}
#stats-info .stats-box .c2 .btn-primary
{
	background:#30373e;
	font-weight:600;
	font-size:12px;
	padding:10px 40px;
	border:none;
	color:white;
}
#stats-info .stats-box .c2 .btn-primary:hover
{
	background:rgb(209,170,103);
}
#stats-info .stats-box .stats-item
{
	border-right:1px solid #f3f3f3;
	border-bottom:1px solid #f3f3f3;	
	padding:45px 55px;
}
#stats-info .stats-box .stats-item .icon
{
	width:30%;
	float:left;
	font-size:42px;
}
#stats-info .stats-box .stats-item .info
{
	width:70%;	
	float:right;	
	color:#000;
}
#stats-info .stats-box .stats-item .info p
{
	font-weight:500;
}





#projects
{
	
	overflow:auto;
	min-height:300px;
	width:100%;
	font-family: "Montserrat", sans-serif;
	padding:0px;
		background:black;
}
#projects .projects-box
{
	
	width:100%;
	margin:auto;
}
#projects > h3
{
	color:#111;
	font-weight:700;
	margin-bottom:20px;
	text-align:center;
}
#projects .project-row
{
	display:flex;
	width:100%;
	
}
#projects .project-row .a-project
{
	width:30%;
	box-shadow: inset black -0px -0px 180px 00px;	
}
#projects .project-row .a-project .overlay
{
	width:100%;
	height:100%;
	background:rgba(0,0,0,.3);
}
#projects .project-row .a-project h5
{
	padding-top:30%;
	text-align:center;
	color:white;
	font-weight:500;
	text-transform: uppercase;
	text-shadow: 2px 2px #000;
}
#projects .project-row .a-project h6
{
	text-align:center;
	color:white;	
}
#projects .project-row .a-project .overlay:hover
{
	background:rgba(0,0,0,.5);
	cursor:pointer;
}
#projects .project-row .a-project .overlay:hover h5
{
		font-size:30px;
		transition: font 0.2s;
	
}

#projects .project-row .a-project.p1 
{
	width:35%;
	height:300px;
	background:#333 url(../imgs/proj/shree_swarup/1.jpg) no-repeat;
	background-size:100% 100%;
}
#projects .project-row .a-project.p2 
{
	width:35%;
	height:300px;
	background:#333 url(../imgs/proj/avenue/1.jpg) no-repeat;
	background-size:100% 100%;
}
#projects .project-row .a-project.p3 
{
	width:35%;
	height:300px;
	background:#333 url(../imgs/proj/bhakti_royal/1.jpg) no-repeat;
	background-size:100% 100%;
}
#projects .project-row .a-project.p4 
{
	width:35%;
	height:300px;
	background:#333 url(../imgs/proj/shriyog/1.jpg) no-repeat;
	background-size:100% 100%;
}
#projects .project-row .a-project.p5 
{
	width:35%;
	height:300px;
	background:#333 url(../imgs/proj/stark_aura/1.jpg) no-repeat;
	background-size:100% 100%;
}
#projects .project-row .a-project.p6 
{
	width:35%;
	height:300px;
	background-size:100% 100%;
}
#projects .project-row .a-project.p6 h3,#projects .project-row .a-project.p6 h6  
{
	display:block;
}

#project-menu
{
	background:rgba(26,26,26,0.8);
	width:90%;
	margin:auto;
	margin-top:-50px;	
}
#project-menu ul
{
	margin-top:0;
	display:flex;
	padding:15px;
	list-style:none;
}
#project-menu ul li
{
	text-align:center;
	width:15%;
	font-size:13px;

}
#project-menu ul li.wb
{
	border-left:1px solid rgba(255, 255, 255, 0.5);
}
#project-menu ul li a
{
	color:white !important;
	font-weight:700;
	text-decoration:none;
}
#project-menu ul li a:hover,#project-menu ul li a.active
{
	color:rgba(255, 255, 255, 0.5) !important;
	text-decoration:none;
	cursor:pointer;
}
#project-details
{
	font-family: "Montserrat", sans-serif;
	width:90%;
	margin:auto;
}
#project-details .overview-block,#project-details .unit-block,#project-details .location-block
{
	overflow:auto;
	margin-top:25px;
	background:rgb(248,248,248);
	padding:25px;
}
#project-details .unit-block .units
{
}
#project-details .unit-block .a-unit
{
	margin-right:10px;
	float:left;
	padding:20px;
	border:1px solid rgb(209,170,103);
}
.contact-form
{
	width:40%;
	overflow:auto;
	margin:auto;
	margin-top:25px;	
	background:rgb(26,26,26);
	padding:55px;	
	border-radius:3px;	
}
.contact-form p,.contact-form h5
{
		line-height:1;
	color:white;
	text-align:center;
}
.contact-form p
{
	font-size:13px;
	line-height:1;
}
.contact-form h5
{
	color: rgb(209,170,103);
}
.contact-form .input-row
{
	margin-bottom:20px;
}
.contact-form .input-row p
{
	text-align:left;
	line-height:0.5;
}
.contact-form .input-row input,.contact-form .input-row textarea
{
	border:1px solid rgb(209,170,103);	
	background:rgb(48,48,48);
	border-radius:3px;
	width:100%;
	padding:5px;
	color:white;
}
.contact-form .btn-primary
{
	background:rgb(209,170,103);
	font-weight:600;
	font-size:12px;
	padding:10px 40px;
	border:1px solid rgb(209,170,103);
	color:white;
}



#about-us
{
	padding:200px 0px;
	background:black;
	font-family: "Montserrat", sans-serif;
}
#about-us .container-fluid
{
	width:100%;
	margin:auto;
	overflow:auto;

}
#about-us .container-fluid .c1
{
	float:left;
	width:45%;
	position:absolute;
	padding:55px;
}
#about-us .container-fluid .c1 .overlay
{

	width:40%;
	height:50%;
	position:absolute;
	background:rgba(0,0,0,0.4);
}
#about-us .container-fluid .c1 img
{
	width:100%;
	border-radius:3px;
	z-index:998977979797;	
}
#about-us .container-fluid .c2
{
	float:right;
	width:60%;
	padding:80px;
	margin-right:5%;
	padding-left:12%;
	background: rgb(26,26,26);	
	margin-left:-50px;
	height:600px;
}
#about-us .container-fluid .c2 h1
{
	color:white;
	font-weight:700;
}
#about-us .container-fluid .c2 h6
{
	color:white;	
	padding-left:30px;
}
#about-us .container-fluid .c2 h6 .line
{
	margin-top:8px;
	margin-left:-30px;
	width:25px;
	position:absolute;
	border:2px solid rgb(209,170,103);
}
#about-us .container-fluid .c2 p
{
	color:white;	
}
#about-us .container-fluid .c2 .logos img
{
	width:25%;
	margin-right:10px;
}

#by_numbers
{
	padding:100px 0px;
	background:black;
	font-family: "Montserrat", sans-serif;
	color:white;
}
#by_numbers .container-fluid
{
	width:70%;
	margin:auto;
	overflow:auto;

}
#by_numbers .container-fluid .c1 h1
{
	color:white;
	font-weight:700;
}
#by_numbers .container-fluid .c1 h6
{
	color:white;	
	padding-left:30px;
}
#by_numbers .container-fluid .c1 .line
{
	margin-top:8px;
	margin-left:-30px;
	width:25px;
	position:absolute;
	border:2px solid rgb(209,170,103);
}
#by_numbers .container-fluid .c1
{
}
#by_numbers .container-fluid .c2
{
	border:1px solid rgb(56,56,56);
	text-align:center;
}
#by_numbers .container-fluid .c2 h1
{
	margin-top:30%;
	font-size:54px;
	font-weight:bold;
	color:rgb(209,170,103);
}
#by_numbers .container-fluid .c2 h6
{
	font-weight:bold;
	text-transform:uppercase;
}
#by_numbers .container-fluid .c3
{
	padding:0;
	border:1px solid rgb(56,56,56);
	text-align:center;	
}
#by_numbers .container-fluid .c3 img
{
	width:100%;
}
#by_numbers .container-fluid .c4
{
	text-align:center;
}
#by_numbers .container-fluid .c5
{
	padding:0;
	text-align:center;	
}
#by_numbers .container-fluid .c5 img
{
	width:100%;
}
#by_numbers .container-fluid .c6
{
	text-align:center;	
	border-right:1px solid rgb(56,56,56);
	border-bottom:1px solid rgb(56,56,56);	
}
#by_numbers .container-fluid .c6 h1
{
	margin-top:30%;
	font-size:54px;
	font-weight:bold;
	color:rgb(209,170,103);
}
#by_numbers .container-fluid .c6 h6
{
	font-weight:bold;
	text-transform:uppercase;
}
#by_numbers .container-fluid .c7
{
	text-align:center;	
	border-right:1px solid rgb(56,56,56);
	border-bottom:1px solid rgb(56,56,56);	
}
#by_numbers .container-fluid .c7 h1
{
	margin-top:30%;
	font-size:54px;
	font-weight:bold;
	color:rgb(209,170,103);
}
#by_numbers .container-fluid .c7 h6
{
	font-weight:bold;
	text-transform:uppercase;
}



#founder
{
	padding:200px 0px;
	background:black;
	font-family: "Montserrat", sans-serif;
}
#founder .container-fluid
{
	width:90%;
	margin:auto;
	overflow:auto;

}
#founder .container-fluid .c1
{
	float:left;
	width:45%;
	padding-right:55px;
}
#founder .container-fluid .c1 .overlay
{

	width:40%;
	height:50%;
	position:absolute;
	background:rgba(0,0,0,0.4);
}
#founder .container-fluid .c1 img
{
	width:100%;
	border-radius:15px;
}
#founder .container-fluid .c2
{
	float:right;
	width:50%;
	padding:80px;
	margin-right:5%;
	background: rgb(26,26,26);	
	margin-left:-50px;
	height:500px;
}
#founder .container-fluid .c2 h3
{
	color:white;
	font-weight:700;
}
#founder .container-fluid .c2 h6
{
	color:white;	
}
#founder .container-fluid .c2 h6 .line
{
	margin-top:8px;
	margin-left:-30px;
	width:25px;
	position:absolute;
	border:2px solid rgb(209,170,103);
}
#founder .container-fluid .c2 p
{
	color:white;	
}
#founder .container-fluid .c2 .logos img
{
	width:25%;
	margin-right:10px;
}

#note
{
	padding:100px 100px;
	background:black;
	font-family: "Montserrat", sans-serif;		
}
#note h1
{
	text-align:center;
	color:white;
}
#note .button
{
	width:50%;
	margin:auto;
	text-align:center;
}
#note .button button
{
	margin:auto;
	margin-top:50px;
	background:rgb(209,170,103);
	font-weight:600;
	font-size:12px;
	padding:10px 40px;
	border:1px solid rgb(209,170,103);
	color:#000;
  animation: btt 1s 1;
  animation-direction: alternate;
 position: relative; 
}



#services
{
	padding:200px 100px;
	background:black;
	font-family: "Montserrat", sans-serif;
}
#services > h1
{
	color:white;
	font-weight:700;
}
#services > h6
{
	color:white;	
	padding-left:30px;
}
#services > h6 .line
{
	margin-top:8px;
	margin-left:-30px;
	width:25px;
	position:absolute;
	border:2px solid rgb(209,170,103);
}
#services .services
{
	width:100%;
	overflow:auto;
	margin-top:55px;
}
#services .services .service
{
	width:28%;
	float:left;
	height:350px;
	margin-right:2.5%;	
	margin-left:2.5%;
}
#services .services .service .overlay
{
	position:absolute;
	height:50%;
	width:26%;
	background:rgba(0,0,0,0.4);
}
#services .services .service .text
{
	width:20%;
	padding:35px;
	background:white;
	position:absolute;
	margin-top:120px;
	margin-left:120px;	
}
#services .services .service .text i
{
	font-size:54px;
}
#services .services .service.s1 
{
	background:url('../imgs/services/1.jpg');
	background-size:100%;
}
#services .services .service.s2 
{
	background:url('../imgs/services/2.jpg');
	background-size:100%;	
}
#services .services .service.s3 
{
	background:url('../imgs/services/3.jpg');
	background-size:100%;	
}


#services_more
{
	padding:200px 100px;
	background:black;
	font-family: "Montserrat", sans-serif;
}
#services_more .container-fluid
{
	width:90%;
	margin:auto;

}
#services_more .container-fluid .c1 .overlay
{

	width:35%;
	height:50%;
	position:absolute;
	background:rgba(0,0,0,0.4);
}
#services_more .container-fluid .c1 img
{
	width:90%;
	border-radius:3px;
}
#services_more .container-fluid .c2
{
	padding:50px;
}
#services_more .container-fluid .c2 h1
{
	color:white;
	font-weight:700;
}
#services_more .container-fluid .c2 h5
{
	color:white;	
	margin-top:20px;
}
#services_more .container-fluid .c2 h5 .b
{
	border-bottom:5px solid rgb(209,170,103);
	overflow:auto;
}
#services_more .container-fluid .c2 h6 .line
{
	margin-top:8px;
	margin-left:-30px;
	width:25px;
	position:absolute;
	border:2px solid rgb(209,170,103);
}
#services_more .container-fluid .c2 p
{
	color:white;	
}
#services_more .container-fluid .c2 .logos img
{
	width:25%;
	margin-right:10px;
}

#contact-blocks
{
	padding:200px 100px;
	background:white;
	font-family: "Montserrat", sans-serif;	
}
#contact-blocks > h1
{
//	color:white;
	font-weight:700;
	padding-bottom:55px;	
}
#contact-blocks > h6
{
//	color:white;	
	padding-left:30px;
}
#contact-blocks > h6 .line
{
	margin-top:8px;
	margin-left:-30px;
	width:25px;
	position:absolute;
	border:2px solid rgb(209,170,103);
}
#contact-blocks .a-block
{
	text-align:center;
	background:white;
	padding:25px;
	min-height:310px;
}
#contact-blocks .a-block i
{
	font-size:84px;
}
#contact-blocks .a-block h3
{
}
#contact-blocks .a-block p
{
}

#contact-form
{
	padding:0px 100px 100px 100px;
	background:white;
	font-family: "Montserrat", sans-serif;
}
#contact-form > h1
{
//	color:white;
	font-weight:700;
}
#contact-form > h6
{
//	color:white;	
	padding-left:30px;
}
#contact-form > h6 .line
{
	margin-top:8px;
	margin-left:-30px;
	width:25px;
	position:absolute;
	border:2px solid rgb(209,170,103);
}
#contact-form .map
{
	padding-top:50px;
}


@keyframes rtl {
  0%   {right: -150px;}
  100% {right: 0px;}
}
@keyframes ltr {
  0%   {left: -150px;}
  100% {left: 0px;}
}
@keyframes btt {
  0%   {margin-bottom: -150px;}
  100% {margin-bottom: 0px;}
}

.spinner {
   width: 24px;
   height: 24px;
   border-radius: 50%;
   border: 3.8px solid;
   border-color: #dbdcef;
   border-right-color: #ffffff;
   animation: spinner-d3wgkg 1s infinite linear;
}

@keyframes spinner-d3wgkg {
   to {
      transform: rotate(1turn);
   }
}


.overlay2 {
	display:none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;

//  opacity: 0;
z-index:889898988;
}
.overlay2:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 30%;
  position: relative;
  transition: all 5s ease-in-out;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup .close:hover {
  color: #06D85F;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
}

@media screen and (max-width: 700px){
  .box{
    width: 70%;
  }
  .popup{
    width: 70%;
  }
}