@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 200;
    src: local('Roboto Thin'), local('Roboto-Thin'), url(fonts/Roboto-Thin.ttf) format('opentype');
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(fonts/Roboto-Light.ttf) format('opentype');
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Regular'), local('Roboto-Regular'), url(fonts/Roboto-Regular.ttf) format('opentype');
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(fonts/Roboto-Medium.ttf) format('opentype');
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(fonts/Roboto-Bold.ttf) format('opentype');
}

@font-face {
    font-family: 'Rupee';
    font-style: normal;
    font-weight: 600;
    src: local('Rupee'), local('Rupee'), url(fonts/Rupee_Foradian.ttf) format('opentype');
}



.rupee {
    font-family: 'Rupee';
}
body, html{padding: 0;margin: 0;height: 100%}
a{text-decoration: none !important; color: #0076CC;}
body { font-family: 'Poppins', sans-serif; font-weight: 300; overflow-x: hidden; overflow-y: auto; font-size: 15px; line-height: 1.5; letter-spacing: .5px; 
position: relative; ; width: 100%;  background: url("../images/bg_img.png") no-repeat fixed center center; background-size: cover;}
a, a:hover{ text-decoration: none !important;}
body.nav-body.show-nav{ overflow: hidden;}
body.show-nav .body-overlay{position: absolute;height: 100%;width: 100%;background:rgba(0,0,0,.5);z-index: 1;}
strong{font-family: 'Nunito Bold'; font-size: 1.25rem;}
.wrapper {position: relative;}
.wrapper:before, .wrapper:after {content: " ";display: table}
.wrapper:after {clear: both}
header{position: fixed; z-index: 1060;  background: #fff; width: 100%;    box-shadow: 0px 1px 10px #dedede;}
.logo-menu{ text-align: left;}
.icon_bar {position: absolute;top: 15px;left: 20px;transition: all .3s ease;z-index: 1025;}
/*top menu*/
.top_nav2 ul{ list-style: none; text-align: right; margin: 15px 0 0 0; padding: 0;}
.top_nav2 ul li{ display: inline-block ; padding: 0; margin: 0; vertical-align: middle;}
.top_nav2 ul li a{ padding: 0rem 0 0 2.5rem; color: #676767; text-decoration: none; font-size: 1.1rem; font-weight: 400; /*border-right: 1px solid #b7b7b7;*/}
.top_nav2 .navbar-nav {display: inherit;}
.top_nav2 ul li:last-child a{ border: 0px; padding-right: 0px;}
.jls_logo, .jls_logo:hover{font-size: 2.5rem; font-weight: 600; color: #000;}
/*top menu*/
.carousel{ width: 100%;}
.banner_text h2{ font-size: 2rem; color: #fff; font-weight: 300; line-height: 1.7;}
.section{ padding: 3.5rem 0;}
.section h2{ color: #000; font-size: 2.2rem; padding-bottom: 0.5rem; }
.section h2:after{content: ""; display: block; margin: 15px auto auto; width: 100px; height: 4px; border-radius: 60px; background: #25A549; }
.section p{ font-size: 1.1rem; color: #626262; line-height: 1.6;}

#KeyProjectDetails {background: url(../images/keyprojectdetails.png) no-repeat;background-size: cover;}
#KeyProjectDetails h2{color: #fff;}
.key_project_grid h3{ color: #fff; font-size: 2.9rem; padding-bottom: 0rem; font-weight: 600;  }
.key_project_grid span{ font-size: 1.75rem; color: #F8F676; line-height: 1.6; font-weight: 300;}
.project_list_grid h4{ color: #000; font-size: 1.5rem; padding-bottom: 0rem; font-weight: 400;  }
.project_list_grid h4 span{  color: #737373; }
.project_list_grid h4 .green{  color: #25A549; }
.project_list_grid img{ box-shadow: 10px 10px #dadada;}
#map{background: #E4E4E4;}
#highlight h2:after{ display: none; margin: 0;}
#highlight p{font-size: 1rem;}

.highlight1{position: relative; padding:1rem 0.5rem ; font-size: 1.75rem; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e7e7e7+1,ffffff+17,ffffff+80,e7e7e7+100 */
background: #e7e7e7; /* Old browsers */
background: -moz-linear-gradient(left, #e7e7e7 1%, #ffffff 17%, #ffffff 80%, #e7e7e7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #e7e7e7 1%,#ffffff 17%,#ffffff 80%,#e7e7e7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #e7e7e7 1%,#ffffff 17%,#ffffff 80%,#e7e7e7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#e7e7e7',GradientType=1 ); /* IE6-9 */}
.highlight1:after{content: ""; display: block; position: absolute; right: 0; width: 4px; height: 100%; background: #25A549; top:0; border-radius: 20px;}
.highlight1:before{content: ""; display: block; position: absolute; left: 0; width: 4px; height: 100%; background: #25A549; top:0; border-radius: 20px;}
.highlight1 h2{font-size: 1.75rem;}
.highlight2 h2{font-size: 1.75rem;}
.highlight2{position: relative; padding: 1rem 0.5rem;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e7e7e7+1,ffffff+17,ffffff+80,e7e7e7+100 */
background: #e7e7e7; /* Old browsers */
background: -moz-linear-gradient(left, #e7e7e7 1%, #ffffff 17%, #ffffff 80%, #e7e7e7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #e7e7e7 1%,#ffffff 17%,#ffffff 80%,#e7e7e7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #e7e7e7 1%,#ffffff 17%,#ffffff 80%,#e7e7e7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#e7e7e7',GradientType=1 ); /* IE6-9 */}
.highlight2:after{content: ""; display: block; position: absolute; right: 0; width: 4px; height: 100%; background: #983740; top:0; border-radius: 20px;}
.highlight2:before{content: ""; display: block; position: absolute; left: 0; width: 4px; height: 100%; background: #983740; top:0; border-radius: 20px;}
#ProjectDetails{background: #E4E4E4;}
.project_details_table{background: #999999; border-radius: 25px;}
.project_details_table th{background: #983740; font-weight: 500; border-radius: 25px 25px 0 0; font-size: 1.4rem !important;}
.project_details_table td{ border-bottom: 1px solid #fff; }
.project_details_table td:first-child{border-right: 1px solid #fff; width: 35%;}
.project_details_table th,td{text-align: left ; padding: 1rem; font-size: 1.2rem; color: #fff; font-weight: 300;}

.cash_flow_table{border-radius: 25px; position: relative;  overflow: hidden;}
.cash_flow_table th:first-child{text-align: left;}
.cash_flow_table td:first-child{text-align: left;}
.cash_flow_table th{border: 0; text-align: right;}
.cash_flow_table th,td{ font-size: 15px; padding: 0.65rem !important; font-weight: 300;}
.cash_flow_table td{font-size: 15px; color: #000; font-weight: 300; border-right: 1px solid #b9b9b9; text-align: right; border-bottom: 1px solid #b9b9b9;}
.cash_flow_table td:last-child{border-right: 0px;background: #E4E4E4;}
.bg_green{color: #fff !important; background: #25A549 !important;}
.top_left_radius_25{border-radius: 25px 0 0 0;}
.top_right_radius_25{border-radius: 0px 25px 0 0;}
.top_left_btm_radius_25{border-radius: 0px 0 0 25px;}
.top_right_btm_radius_25{border-radius: 0px 0 25px 0;}
.cash_flow_table td:nth-child(1){background: #E4E4E4;}
.cash_flow_table td:nth-child(2){background: #E4E4E4;}
#SecurityPackage {background: url(../images/securitypackage.png) no-repeat;background-size: cover;}
#SecurityPackage h2{color: #fff;}
.security_package_grid{font-size: 1.5rem; color: #fff; font-weight: 400; border: 2px solid #F8F676; border-radius: 25px; padding: 1rem;}
#KeyAssumptions .key_project_grid h3{ color: #000; font-size: 2.9rem; padding-bottom: 0rem; font-weight: 600;  }
#KeyAssumptions .key_project_grid span{ font-size: 1.75rem; color: #676767; line-height: 1.6; font-weight: 300;}
.banner_text{margin-top: -160px;}

@media ( max-width:768px)
{
.section h2{ font-size:1.6rem;}
.banner_main img{height: 500px;}
.banner_text h2{font-size: 1.25rem !important;}
.section p{font-size: 14px !important;}	
.key_project_grid h3, #KeyAssumptions .key_project_grid h3{font-size: 1.25rem !important;}	
.key_project_grid span, #KeyAssumptions .key_project_grid span{font-size: 16px !important;}
.project_list_grid h4, .security_package_grid{font-size: 1.1rem !important;}
.highlight2, .highlight1{margin: 0 1rem;}	
.banner_text{margin-top: -250px;}
.jls_logo, .jls_logo:hover{font-size: 1.75rem;}
/*header{background: #ffffff7a;}*/
.section{padding: 1.5rem 0}
.highlight1 h2, .highlight2 h2{font-size: 1.35rem !important;}	
.jls_logo img{width: 180px;}
header{position: inherit;}
}

@media ( max-width:1200px)
{
.banner_text h2{font-size: 1.75rem;}
.key_project_grid h3, #KeyAssumptions .key_project_grid h3{font-size: 2rem;}	
.key_project_grid span, #KeyAssumptions .key_project_grid span{font-size: 18px;}
.project_list_grid h4, .security_package_grid{font-size: 1.5rem;}
.highlight2, .highlight1{margin: 1rem !important;}		
	
}



@media ( max-width:768px)
{
.top_nav2 ul li a{padding: 0 0 0 0.75rem; font-size: 13px;}
.top_nav2 ul{margin-top: 8px;}
.logo-menu{ text-align: left;}
.iifl_logo img{ width: 140px; margin-left: 0px; position: absolute; top: 7px; }
header{ height: 65px;}
	.table-scroll th, .table-scroll td{white-space: inherit !important;}

}
.table-scroll {
	position:relative;
	max-width:100%;
	overflow:hidden;
	
}
.table-wrap {
	width:100%;
	overflow:auto;
}
.table-scroll table {
	width:100%;
	margin:auto;

}
.table-scroll th, .table-scroll td {
	white-space:nowrap;
	vertical-align:top;
}

.clone {
	position:absolute;
	top:0;
	left:0;
	pointer-events:none;
}
.clone th, .clone td {
	visibility:hidden
}

.clone tbody th {
	visibility:visible;
	color:red;
}
.clone .fixed-side {
	visibility:visible;
}