.banner { width:100%; max-width:1030px; margin:0 auto; background-image:url(../images/common/grey-dot.jpg), url(../images/common/grey-dot.jpg); background-repeat:repeat-y; background-position:0 0, right 0; position:relative; }
.bannerCaption { width:100%; height:0; background-image:url(../images/banner-usp.jpg); background-position:center 0; background-repeat:no-repeat; background-size:auto 100%; padding-bottom:42.6213%; }
.bannerCaption > h2 { font-size:2.8em; line-height:1.2em; color:#fff; position:absolute; left:0; bottom:20px; padding:0 35px; }

@media only screen and (max-width:920px){

	.subHeader { display:none; }
	
	.banner { max-width:100%; margin:0 auto; background-image:none; }
	.bannerCaption > h2 { font-size:1.8em; position:static; padding:1em 4% 0 4%; }
}
@media only screen and (max-width:480px){

	.bannerCaption { background-image: url(../images/banner-usp.jpg); padding-bottom: 42.5%; }
	.bannerCaption > h2 { font-size:1.5em; padding:.5em 4% 0 4%; }
}
/*-------------------*/

.content { width:100%; max-width:1030px; margin:0 auto; background-image:url(../images/common/grey-dot.jpg), url(../images/common/grey-dot.jpg); background-repeat:repeat-y; background-position:0 0, right 0; }
.innerContent { padding:2em 35px; color:#666666; }
.innerContent > h2 { font-size:2.5em; line-height:1.3em; }
.innerContent > h3 { font-size:2em; line-height:1.3em; color:#1e8b68; margin-top:1em; }
.innerContent > h4 { font-family:'ProximaNova-Bold', 'ITFDevanagari-Bold', sans-serif; font-size:1.1em; line-height:1.6em; margin-top:1.5em; }
.innerContent > h5 { font-size:1.6em; line-height:1.3em; color:#1e8b68; margin-top:.5em; }
.innerContent > p { font-size:1em; line-height:1.6em; margin-top:1.5em; }
.innerContent > hr { height:1px; width:100%; border:0; margin:2em 0; background-image:url(../images/common/grey-dot.jpg); background-position:0 0; background-repeat:repeat-x; }
.innerContent > p > img { width:100%; height:auto; vertical-align:top; margin:.5em 0; }

.paraList { margin-top:.5em;  }
.paraList > h2 { font-family:'ProximaNova-Bold', 'ITFDevanagari-Bold', sans-serif; font-size:1.1em; line-height:1.3em;}



@media only screen and (max-width:800px){
	.content { width:100%; max-width:100%; background-image:none; }
	.innerContent { padding:2em 4%; }
	
	.innerContent > h2 { font-size:2em; }
	.innerContent > h3 { font-size:1.5em; }
	.innerContent > h5 { font-size:1.2em; }
	.innerContent > p { font-size:1em; margin-top:1.5em; }
	
	.projectList > li:nth-child(-n+2) { background-image:none; }
	
}
@media only screen and (max-width:480px){
	.innerContent > h2 { font-size:1.5em; }
	.innerContent > h3 { font-size:1.2em; }
	.innerContent > h4 { font-size:1em; }
	.innerContent > h5 { font-size:1em; }
	.innerContent > p { font-size:.9em; margin-top:1.5em; }
	
	.paraList > h2 { font-size:1em; }
	
	.projectList > li:nth-child(-n+1) { background-image:none; }
	.projectList > li:nth-child(2) { background-image:url(../images/financial-products/light-green-dot.jpg); }
	
}
@media only screen and (max-width:320px){
	.innerContent > h2 { font-size:1.1em; }
}

/*-------------------*/

.accordionPanel { margin:0 1px;  }

.accordion { margin-top:2em; border:1px solid #1e8b68; border-top:0; }
.accordion > h2 { font-family:'ProximaNova-Bold', 'ITFDevanagari-Bold', sans-serif; font-size:1em; line-height:1em; letter-spacing:.1em; text-transform:uppercase; padding:1px; cursor:pointer; }
.accordion > h2 { background-color:#fff; background-image:url(../images/financial-products/plus-icon.png); background-repeat:no-repeat; background-position:1em 1em; padding:1em 1em 1em 2.5em; border-top:1px solid #1e8b68; color:#666666; }
.accordion > h2.active { background-color:#1e8b68; background-image:url(../images/financial-products/minus-icon.png); color:#fff; }

.panelAccordion { background-color:#1e8b68; padding:0 4px 4px; }
.innerAccordionContent { background-color:#fff; }

.innerAccordionContent > .advantagePanel { margin:0; }


@media only screen and (max-width:800px) {
	.accordionPanel { margin:0;  }
	.accordion > h2 { background-position:1em 1.05em; background-size:10px auto; }
	.panelAccordion { padding:0 2px 2px; }
}

@media only screen and (max-width:480px) {
	.accordion > h2 { font-size:.9em; line-height:1.2em }
	.accordion > h2 { background-position:1em 1.2em; }
	.panelAccordion { padding:0 1px 1px; }
}


/*-------------------*/

.innerAccordionContent { padding:0; color:#666; } 

.contentLayout { padding:2em 35px; }
.topBorder { background-image:url(../images/financial-products/dark-green-icon.jpg); background-position:0 0; background-repeat:no-repeat; background-size:100% 2px; }

.contentLayout > p { font-size:1em; line-height:1.6em; padding-bottom:1.5em; }
.contentLayout > h4 { font-size:1.4em; line-height:1.2em; color:#1e8b68; padding-bottom:.5em; }

.alphaList li { font-size:1em; }

hr.break { height:0; padding:.5em 0; clear:both; border:0; }

.diagramTab { padding:2em 0; margin-bottom:1em; text-align:center; background-color:#e3e5d6;  }

.rightBanner { float:right; margin:0 0 20px 20px; }
.leftBanner { float:left; margin:0 20px 20px 0; }
.leftBanner,.rightBanner { width:50%; height:auto; vertical-align:top; }
.centerBanner { width:70%; height:auto; vertical-align:top; }

@media only screen and (max-width:800px){
	.contentLayout { padding:2em 4%; }
	.contentLayout > p { font-size:1em; }
	.contentLayout > h4 { font-size:1.3em; }
	.alphaList li { font-size:1em; }
}
@media only screen and (max-width:600px){
	.rightBanner { float:none; }
	.leftBanner { float:none; }
	.leftBanner,.rightBanner,.centerBanner { width:80%; height:auto; vertical-align:top; margin:0 10% 2em 10%; }
}

@media only screen and (max-width:480px){	
	.contentLayout > p { font-size:.9em; }
	.contentLayout > h4 { font-size:1.1em; }
	.alphaList li { font-size:.9em; }
}

/*---------------------*/
ul.projectList { padding:0; margin-bottom:2em; }
.projectList > li { padding:2em 0; }
.projectList > li:nth-child(n+5) { background-image:url(../images/financial-products/light-green-dot.jpg); background-repeat:no-repeat; background-position:center 0; background-size:80% 1px; }