body
{
	padding:0;
	margin:0;
}
.h-100
{
	height:100%;
}
.cp
{
	cursor:pointer;
}
#banner-front
{
	width:100vw;
	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
{

	height:100vh;
	background-size:100% 120%;
	overflow:auto;
}
#banner-front-about.p1
{
	background:#333 url('../imgs/front_about.jpg') no-repeat;	
	background-size:100% 100%;
}
#banner-front-about .container-fluid
{
	height:100%;
	background:rgba(0,0,0,0.4);
	overflow:auto;
	
}


.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:50%;
	padding:50px;
	margin:auto;
	margin-top:15%;
	z-index:98989898989898;
	
}
.info-block-about h1,.info-block-about h3
{
	color:white;
	font-weight:500;
//	margin-bottom:20px;
	font-size:50px;
  animation: rtl 1s 1;
  animation-direction: alternate;
 position: relative; 	
 text-align:center;
}
.info-block-about h6
{
	color:white;
	font-weight:400;
	margin-bottom:10px;
	font-size:24px;
  animation: rtl 0.5s 1;
  animation-direction: alternate;
 position: relative; 
 text-align:center;
}
.info-block-about p
{
	color:rgba(255, 255, 255, 1) !important;
	margin-bottom:35px;
  animation: rtl 2s 1;
  animation-direction: alternate;
 position: relative; 	
text-align:center;
}
.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;
	padding-top:100px;
	padding-bottom:100px;	
}
#projects .projects-box
{
	
	width:100%;
	margin:auto;
}
#projects > h1
{
	color:#fff;
	font-weight:400;
	margin-bottom:50px;
	text-align:center;
}
#projects > h6
{
	color:rgb(209,170,103);
	font-weight:400;
	margin-bottom:0px;
	text-align:center;
	text-transform:uppercase;
	line-height:1;
}
#projects .project-row
{
	display:flex;
	width:100%;
	
}
#projects .project-row .a-project
{
	width:25%;
	box-shadow: inset black -0px -0px 150px 00px;	
	text-decoration:none;
}
#projects .project-row .a-project .overlay
{
	width:100%;
	height:100%;
	background:rgba(0,0,0,.5);
}
#projects .project-row .a-project h6
{
	padding:5%;
	color:white;
	font-weight:500;
	text-transform: uppercase;
//	text-shadow: 2px 2px #000;
}
#projects .project-row .a-project .overlay:hover
{
	background:rgba(0,0,0,.2);
	cursor:pointer;
}
#projects .project-row .a-project .overlay:hover h5
{
		font-size:30px;
		transition: font 0.2s;
	
}

#projects .project-row .a-project.p1 
{
	width:30%;
	height:600px;
	background:#333 url(../imgs/proj/ongoing/breeza/1_crop.jpeg) no-repeat;
	background-size:100% 100%;

}
#projects .project-row .a-project.p2 
{
	width:25%;
	height:600px;
	background:#333 url(../imgs/proj/ongoing/orchard/1_crop.jpg) no-repeat;
	background-size:100% 100%;
}
#projects .project-row .a-project.p3 
{
	width:25%;
	height:600px;
	background:#333 url(../imgs/proj/ongoing/nest/1_crop.jpg) no-repeat;
	background-size:100% 100%;
}
#projects .project-row .a-project.p4 
{
	width:25%;
	height:600px;
	background:#333 url(../imgs/proj/ongoing/apartment/1_crop.jpg) no-repeat;
	background-size:100% 100%;
}
#projects .project-row .a-project.p5 
{
	width:35%;
	height:600px;
	background:#333 url(../imgs/proj/stark_aura/1.jpg) no-repeat;
	background-size:100% 100%;
}
#projects .project-row .a-project.p6 
{
	width:35%;
	height:600px;
	background-size:100% 100%;
}

#projects .project-row .a-project.cp1 
{
	width:35%;
	height:600px;
	background:#333 url(../imgs/proj/40_hyde_park/3.jpg) no-repeat;
	background-size:130% 100%;
}
#projects .project-row .a-project.cp2 
{
	width:35%;
	height:600px;
	background:#333 url(../imgs/proj/riya_apartment/1.jpg) no-repeat;
	background-size:130% 100%;
}
#projects .project-row .a-project.cp3 
{
	width:35%;
	height:600px;
	background:#333 url(../imgs/proj/avenue/1.jpg) no-repeat;
	background-size:140% 100%;
}

#projects .project-row .a-project.cp5 
{
	width:35%;
	height:600px;
	background:#333 url(../imgs/proj/bhakti_royal/1.jpg) no-repeat;
	background-size:140% 100%;
}
#projects .project-row .a-project.cp7 
{
	width:35%;
	height:600px;
	background:#333 url(../imgs/proj/shreeshup/1.jpg) no-repeat;
	background-size:130% 100%;
}
#projects .project-row .a-project.cp8 
{
	width:35%;
	height:600px;
	background:#333 url(../imgs/proj/shriyog/1.jpg) no-repeat;
	background-size:120% 100%;
}
#projects .project-row .a-project.cp9 
{
	width:35%;
	height:600px;
	background:#333 url(../imgs/proj/anandwan/1.jpg) no-repeat;
	background-size:120% 100%;
}
#projects .project-row .a-project.cp10 
{
	width:35%;
	height:600px;
	background:#333 url(../imgs/proj/stark_aura/1.jpg) no-repeat;
	background-size:120% 100%;
}
#projects .project-row .a-project.cp11 
{
	width:35%;
	height:600px;
	background:#333 url(../imgs/proj/shree_swarup/1.jpg) no-repeat;
	background-size:120% 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:80%;
	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:300px 0px;
	background:black;
	font-family: "Montserrat", sans-serif;
	color:white;
	overflow:auto;
}
#by_numbers .container-fluid
{
	width:80%;
	margin:auto;
	overflow:auto;

}
#by_numbers .container-fluid .c1 
{
	padding-right:100px;
	overflow:auto;
}
#by_numbers .container-fluid .c1 h1
{
	color:white;
	font-weight:500;
	font-size:40px;
}
#by_numbers .container-fluid .c1 h6
{
	color:white;	
	padding-left:30px;
}
#by_numbers .container-fluid .c1 p
{
	
}
#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 .c2
{
	overflow:auto;
}
#by_numbers .container-fluid .c2 .float-block
{
	position:absolute;
	width:300px;
	height:200px;
	padding:25px;
}
#by_numbers .container-fluid .c2 .float-block.b1
{
	background:rgb(210,171,102);
	margin-top:170px;
	margin-left:50px;
}
#by_numbers .container-fluid .c2 .float-block.b2
{
	background:rgb(12,77,161);
	margin-left:15%;	
}
#by_numbers .container-fluid .c2 .float-block h1
{
	font-size:100px;
	text-align:center;
}
#by_numbers .container-fluid .c2 .float-block h6
{
	font-size:20px;
	text-align:center;	
}


#about_front
{
	width:100%;
	height:1000px;
	background:#333 url('../imgs/about_front.jpeg') no-repeat;
	 background-position-y:-150px;	
	background-size:100% 120%;	
font-family: "Merriweather", serif;	
}
#about_front .overlay
{
	width:100%;
	height:100%;
	background:rgba(191,188,183,0.7);
}
#about_front .c1
{
	padding-top:10%;
}
#about_front .c1  > h6
{
	display:flex;
	font-size:26px;
}
#about_front .c1  > h6 .line
{
	margin-top:8px;
	margin-right:15px;
	width:29%;
	margin-top:15px;
	border-top:4px solid white;
	
}
#about_front .c1  > h1
{
	padding-left:30%;
	color:white;
	font-style:italic;	
	font-size:50px;
	font-weight:600;
}
#about_front .c1  > p
{
	padding-left:30%;
	font-size:44px;
	margin-top:50px;
}
#about_front .c2  p
{
	  animation: rtl 1s 1;
	  animation-direction: alternate;	
	font-size:30px;
	margin-top:700px;
}


#team
{
	padding:200px 100px;
	background:rgb(210,208,204);
	font-family: "Montserrat", sans-serif;	
}
#team > h1
{
	font-weight:700;
}
#team > h6
{
	padding-left:30px;
}
#team > h6 .line
{
	margin-top:8px;
	margin-left:-125px;
	width:115px;
	position:absolute;
	border:2px solid white;
}
#team .team-box
{
	margin:auto;	
	overflow:auto;
}
#team .team-box .person
{
	padding:50px;
	float:left;
	width:30%;
}
#team .team-box .person .img
{
	padding:0 45px 0 45px;
	background:rgb(70,70,70);
	height:450px;
}

#team .team-box .person .img img
{
	width:100%;
	height:100%;
}
#team .team-box .person h3
{
	padding:10px;
	font-size:20px;
}
#team .team-box .person h6
{
}
#team .team-box .about-tex
{
	padding:30px;
	float:left;
	width:40%;
}
#team .team-box .about-tex p
{
	 padding:5% 10%;
	 font-weight:500;
}
#team .team-box .about-tex img
{
	width:35%;
	margin-left:20%;
}
#team .c2
{
	padding:25px 55px;
	border-left:5px solid white;
}
#team .c2 img
{
	margin-top:25px;
	width:100%;
}

#scroller
{
	bottom:50px;
	position:absolute;
	color:white;
	margin-left:45%;
	font-size:24px;
	font-family: "Montserrat", sans-serif;
text-align:center;	
line-height:1;
cursor:pointer;
}
#scroller i
{
	font-size:54px;
}
#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:black;
	font-family: "Montserrat", sans-serif;	
}
#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:black;
	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;
}


#ventures
{
	padding:25px;
	width:100%;
	font-family: "Montserrat", sans-serif;
	background:black;
	min-height:100px;
}
#ventures > h1
{
	color:#fff;
	font-weight:400;
	margin-bottom:50px;
	text-align:center;
}
#ventures > h6
{
	color:rgb(209,170,103);
	font-weight:400;
	margin-bottom:0px;
	text-align:center;
	text-transform:uppercase;
	line-height:1;
	padding-top:50px;
}
#ventures .container-fluid
{
	width:80%;
	margin:auto;
}
#ventures .v
{
	padding:55px;
}
#ventures .v .a-venture
{
	
}
#ventures .v .a-venture .img img
{
	width:100%;
}
#ventures .v .a-venture .name
{
	color:white;
	font-size:16px;
	padding:10px 0px;
	text-align:center;	
}
#ventures .v .a-venture .desc
{
	color:white;	
	font-size:14px;	
}
#ventures .v .a-venture .link
{
	margin-top:10px;
	color:white;	
	text-align:center;	
}
#ventures .v .a-venture .socials
{
	margin-top:10px;
	text-align:center;
}
#ventures .v .a-venture .socials a
{
	margin-top:10px;
	margin-right:10px;
	color:white;
	font-size:22px;
	cursor:pointer;
	text-decoration:none;
}


@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%;
  }
}