/* Portfolio page */

#portfolio-banner { background-image:linear-gradient(to bottom, transparent, #13293D 300%), 
	url(../images/portfolio-banner.jpg); background-repeat:no-repeat; background-size:cover; 
	background-position:center top; height:100vh; padding-top:150px;}

#portfolio-banner .title { 
position: relative;
top: 220px;
left:0;
text-align: center;
font-family: 'Roboto-Medium';
color: #FFFFFF;
font-size: 40px;
}

.key-cont { 
position: absolute;
top: 470px;
left:5%;
font-family: 'Roboto-Regular';
color: #FFFFFF;
font-size: 30px;
width: 95%;
}
.key-cont .key-title{ color: #ffffff; font-size: 17px; font-family: 'Roboto-Regular'; }
.key-cont .num{ color: #ffffff; font-size: 40px; font-family: 'Roboto-Regular'; }
.key-border {
	border-left: 2px solid #ffffff;
}
.nav-tabs .nav-link {
    background-color: #0099945c;
    margin-right: 5px;
    border-bottom: 1px solid #009A94;
    color: #ffffff;
}
.nav-tabs a.nav-link {
    color: #ffffff;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #009A94;
}

.jchart { width: 250px; height: 250px; }
.jchart__summary{font-size:0.1rem;font-weight:400; font-family: 'Roboto-Regular'}
.jchart__summary-text{margin:0}


.portchart-section { padding-top: 20px; }
.portchart-headline { padding-bottom: 50px; }
.portchart-column { padding-top: 20px; }
.portchart { padding-top:20px; }
.portchart .chennai{ 
position: absolute;
top: 10px;
left:45%;
text-align: center;
font-family: 'Roboto-Medium';
color: #13ACC7;
font-size: 16px;
}
.portchart .chennai-num{ 
position: absolute;
top: 40px;
left:40%;
text-align: center;
font-family: 'Roboto-Medium';
color: #13ACC7;
font-size: 16px;
background-color: #ffffff;
padding: 14px;
border: 2px solid #f8f8f8;
border-radius: 50px;
-webkit-box-shadow: -21px -4px 14px -13px rgba(163,163,163,1);
-moz-box-shadow: -21px -4px 14px -13px rgba(163,163,163,1);
box-shadow: -21px -4px 14px -13px rgba(163,163,163,1);
}

.portchart .pune{ 
position: absolute;
top: 20px;
left:12%;
text-align: center;
font-family: 'Roboto-Medium';
color: #1b62a8;
font-size: 16px;
}
.portchart .pune-num{ 
position: absolute;
top: 50px;
left:14%;
text-align: center;
font-family: 'Roboto-Medium';
color: #1b62a8;
font-size: 14px;
background-color: #ffffff;
padding: 11px;
border: 2px solid #f8f8f8;
border-radius: 60px;
-webkit-box-shadow: -21px -4px 14px -13px rgba(163,163,163,1);
-moz-box-shadow: -21px -4px 14px -13px rgba(163,163,163,1);
box-shadow: -21px -4px 14px -13px rgba(163,163,163,1);
}

.portchart .hyderabad{ 
position: absolute;
top: 40%;
left:-20%;
text-align: center;
font-family: 'Roboto-Medium';
color: #04a08e;
font-size: 16px;
}
.portchart .hyderabad-num{ 
position: absolute;
top: 46%;
left:-3%;
text-align: center;
font-family: 'Roboto-Medium';
color: #04a08e;
font-size: 14px;
background-color: #ffffff;
padding: 12px;
border: 2px solid #f8f8f8;
border-radius: 60px;
-webkit-box-shadow: -21px -4px 14px -13px rgba(163,163,163,1);
-moz-box-shadow: -21px -4px 14px -13px rgba(163,163,163,1);
box-shadow: -21px -4px 14px -13px rgba(163,163,163,1);
}

.portchart .mmr{ 
position: absolute;
top: 30%;
left:70%;
text-align: center;
font-family: 'Roboto-Medium';
color: #0e5e76;
font-size: 16px;
}
.portchart .mmr-num{ 
position: absolute;
top: 46%;
left:62%;
text-align: center;
font-family: 'Roboto-Medium';
color: #0e5e76;
font-size: 14px;
background-color: #ffffff;
padding: 12px;
border: 2px solid #f8f8f8;
border-radius: 60px;
-webkit-box-shadow: 10px -1px 5px -4px rgba(163,163,163,1);
-moz-box-shadow:10px -1px 5px -4px rgba(163,163,163,1);
box-shadow:10px -1px 5px -4px rgba(163,163,163,1);
}

.portchart .main-port{ 
position: absolute;
top:42%;
left: 18%;
text-align: center;
font-family: 'Roboto-Medium';
color: #0e5e76;
font-size: 16px;
}
.portchart .main{ 
position: absolute;
top:28%;
left: 18%;
text-align: center;
font-family: 'Roboto-Medium';
color: #0e5e76;
font-size: 16px;
}
.portchart .main-num-port{ 
position: absolute;
top: 50%;
left: 21%;
text-align: center;
font-family: 'Roboto-Bold';
color: #0e5e76;
font-size:45px;
padding-top: 15px;
}
.portchart .main-num{ 
position: absolute;
top: 34%;
left: 22%;
text-align: center;
font-family: 'Roboto-Bold';
color: #0e5e76;
font-size:45px;
padding-top: 15px;
}
.portchart .main-num-port > span {
font-size:18px;
}
.portchart .main-num > span {
font-size:18px;
}
.portchart .main-sub{ 
position: absolute;
top:46%;
left: 25%;
text-align: center;
font-family: 'Roboto-Medium';
color: #0e5e76;
font-size: 12px;
}

/* regions */
#portfolio-mum-airoli-e-banner { 
	/*background-image:linear-gradient(to bottom, transparent, #13293D 100%),*/
	background-image: linear-gradient(to bottom, rgba(125,185,232,0.2) 45%,rgba(19,41,61,0.5) 80%,rgba(19,41,61,1) 100%), 
	url(../images/mumbai-airoli-east-banner.jpg); background-repeat:no-repeat; background-size:cover; 
	background-position:center top; height:100vh; padding-top:150px;}

#portfolio-mum-airoli-w-banner { 
	/*background-image:linear-gradient(to bottom, transparent, #13293D 100%),*/
	background-image: linear-gradient(to bottom, rgba(125,185,232,0) 65%, rgba(19,41,61,0.5) 80%,rgba(19,41,61,1) 100%), 
	url(../images/mumbai-airoli-west-banner.jpg); background-repeat:no-repeat; background-size:cover; 
	background-position:center top; height:100vh; padding-top:150px;}

#portfolio-mum-malad-banner { 
	background-image: linear-gradient(to bottom, rgba(125,185,232,0) 45%,rgba(19,41,61,0.5) 80%,rgba(19,41,61,1) 100%), 
	url(../images/project/mmr-malad-banner.jpg); background-repeat:no-repeat; background-size:cover; 
	background-position:center top; height:100vh; padding-top:150px;}

#portfolio-mum-bkc-banner { 
	background-image: linear-gradient(to bottom, rgba(125,185,232,0) 45%,rgba(19,41,61,0.5) 80%,rgba(19,41,61,1) 100%), 
	url(../images/project/mmr-bkc-banner.jpg); background-repeat:no-repeat; background-size:cover; 
	background-position:center top; height:100vh; padding-top:150px;}

#portfolio-pune-yerwada-banner { 
	background-image: linear-gradient(to bottom, rgba(125,185,232,0) 45%,rgba(19,41,61,0.5) 80%,rgba(19,41,61,1) 100%), 
	url(../images/project/pune-yerwada-banner.jpg); background-repeat:no-repeat; background-size:cover; 
	background-position:center top; height:100vh; padding-top:150px;}

#portfolio-pune-trion-banner { 
	background-image: linear-gradient(to bottom, rgba(125,185,232,0) 45%,rgba(19,41,61,0.5) 80%,rgba(19,41,61,1) 100%), 
	url(../images/project/pune-trion-banner.jpg); background-repeat:no-repeat; background-size:cover; 
	background-position:center top; height:100vh; padding-top:150px;}

#portfolio-pune-kharadi-banner { 
	background-image: linear-gradient(to bottom, rgba(125,185,232,0) 45%,rgba(19,41,61,0.5) 80%,rgba(19,41,61,0) 100%), 
	url(../images/project/pune-kharadi-banner.jpg); background-repeat:no-repeat; background-size:cover; 
	background-position:center top; height:100vh; padding-top:150px;}

#portfolio-hyd-madhapur-banner { 
	background-image: linear-gradient(to bottom, rgba(125,185,232,0) 45%,rgba(19,41,61,0.5) 80%,rgba(19,41,61,0) 100%), 
	url(../images/project/hyd-madhapur-banner.jpg); background-repeat:no-repeat; background-size:cover; 
	background-position:center top; height:100vh; padding-top:150px;}

#portfolio-hyd-pocharam-banner { 
	background-image: linear-gradient(to bottom, rgba(125,185,232,0) 45%,rgba(19,41,61,0.5) 80%,rgba(19,41,61,0) 100%), 
	url(../images/project/hyd-pocharam-banner.jpg); background-repeat:no-repeat; background-size:cover; 
	background-position:center top; height:100vh; padding-top:150px;}

#portfolio-chennai-porur-banner { 
	background-image: linear-gradient(to bottom, rgba(125,185,232,0) 45%,rgba(19,41,61,0.5) 80%,rgba(19,41,61,0) 100%), 
	url(../images/project/chennai-porur-banner.jpg); background-repeat:no-repeat; background-size:cover; 
	background-position:center top; height:100vh; padding-top:150px;}



.portfolio-mum-airoli-e .title { 
position: relative;
top: 220px;
left:0%;
text-align: center;
font-family: 'Roboto-Medium';
color: #FFFFFF;
font-size: 40px;
}

.portfolio-mum-airoli-e .title-bkc {
position: relative;
top: 320px;
left:0%;
text-align: center;
font-family: 'Roboto-Medium';
color: #FFFFFF;
font-size: 40px;
}

.portfolio-mum-airoli-e .title-chennai {
position: relative;
top: 320px;
left:0%;
text-align: center;
font-family: 'Roboto-Medium';
color: #FFFFFF;
font-size: 40px;
}
.portfolio-mum-airoli-e .portchart .hyderabad{ 
position: absolute;
top: 0%;
left:-7%;
text-align: center;
font-family: 'Roboto-Medium';
color: #04a08e;
font-size: 14px;
}
.portfolio-mum-airoli-e .portchart .hyderabad2{ 
position: absolute;
top: 36%;
left:-30%;
text-align: center;
font-family: 'Roboto-Medium';
color: #04a08e;
font-size: 14px;
}
.portfolio-mum-airoli-e .portchart .hyderabad-num{ 
position: absolute;
top: 13%;
left:-3%;
text-align: center;
font-family: 'Roboto-Medium';
color: #04a08e;
font-size: 16px;
background-color: #ffffff;
padding: 12px;
border: 2px solid #f8f8f8;
width: 70px;
height: 70px;
border-radius: 60px;
-webkit-box-shadow: -21px -4px 14px -13px rgba(163,163,163,1);
-moz-box-shadow: -21px -4px 14px -13px rgba(163,163,163,1);
box-shadow: -21px -4px 14px -13px rgba(163,163,163,1);
}
.portfolio-mum-airoli-e .portchart .hyderabad-num2{ 
position: absolute;
top: 46%;
left:-6%;
text-align: center;
font-family: 'Roboto-Medium';
color: #04a08e;
font-size: 16px;
background-color: #ffffff;
padding: 12px;
border: 2px solid #f8f8f8;
width: 70px;
height: 70px;
border-radius: 60px;
-webkit-box-shadow: -21px -4px 14px -13px rgba(163,163,163,1);
-moz-box-shadow: -21px -4px 14px -13px rgba(163,163,163,1);
box-shadow: -21px -4px 14px -13px rgba(163,163,163,1);
}
.portfolio-mum-airoli-e .portchart .hyderabad-num span{
	font-size: 11px;
}
.portfolio-mum-airoli-e .portchart .hyderabad-num2 span{
	font-size: 11px;
}
.portfolio-mum-airoli-e .portchart .mmr{ 
position: absolute;
top: 28%;
left: 70%;
text-align: center;
font-family: 'Roboto-Medium';
color: #0e5e76;
font-size: 14px;
}
.portfolio-mum-airoli-e .portchart .mmr-num{ 
position: absolute;
top: 41%;
left:62%;
text-align: center;
font-family: 'Roboto-Medium';
color: #0e5e76;
font-size: 14px;
background-color: #ffffff;
padding: 12px;
border: 2px solid #f8f8f8;
width: 70px;
height: 70px;
border-radius: 60px;
-webkit-box-shadow: 10px -1px 5px -4px rgba(163,163,163,1);
-moz-box-shadow:10px -1px 5px -4px rgba(163,163,163,1);
box-shadow:10px -1px 5px -4px rgba(163,163,163,1);
}

.portfolio-mum-airoli-e .portchart .mmr-num span{ 
	font-size: 11px;
}

.portfolio-mum-airoli-e .portchart .pune2 { 
position: absolute;
top: -35px;
left:12%;
text-align: center;
font-family: 'Roboto-Medium';
color: #1b62a8;
font-size: 14px;
}

.portfolio-mum-airoli-e .portchart .pune-num2 { 
position: absolute;
top: 0px;
left:7%;
text-align: center;
font-family: 'Roboto-Medium';
color: #1b62a8;
font-size: 14px;
background-color: #ffffff;
padding: 11px;
border: 2px solid #f8f8f8;
width: 70px;
height: 70px;
border-radius: 60px;
-webkit-box-shadow: -21px -4px 14px -13px rgba(163,163,163,1);
-moz-box-shadow: -21px -4px 14px -13px rgba(163,163,163,1);
box-shadow: -21px -4px 14px -13px rgba(163,163,163,1);
}

.portfolio-mum-airoli-e .portchart .pune-num2 span { 
font-size: 11px;
}

.facilities {
	padding-left: 30px;
	padding-right: 30px;
}
.fc-icon {
	margin-bottom: 0px;
}
.fc-icon img {	
	text-align: center;	
	margin: auto;
	display: block;
	width: 50px;
	height: 50px;
}
.fc-title {
	color: #ffffff;
	font-size: 14px;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 0px;
}