@charset "utf-8";
/* CSS Document */
@import url('/font/stylesheet.css');
@import url('/font/nokia.css');
@import url('/font/Aileron_reg.css');
@import url('/font/roboto.css');

body{font-family:"Roboto Condensed"; font-size: 14px; color: #3b3b3b; line-height:18px; }
.no-mar-pad{margin:0 !important; padding:0 !important;}
.no-padding{padding:0 !important;}
.no-padding-right{padding-right: 0;}
.no-padding-left{padding-left: 0;}
.no-padding-top{padding-top: 0;}
.no-padding-bottom{padding-bottom: 0;}
.no-margin{margin:0 !important;}
.no-margin-right{margin-right: 0;}
.no-margin-left{margin-left: 0;}
.no-margin-top{margin-top: 0;}
.no-margin-bottom{margin-bottom: 0;}
.position-absolute{position:absolute;}
.position-relative{position:relative;}
.hcentre{margin:0 auto;}
.no-border{border:none;}
.no-border-top{border-top:none;}
.no-border-right{border-right:none;}
.no-border-bottom{border-bottom:none;}
.no-border-left{border-left:none;}
blockquote{font-size:14px; font-style:italic; line-height:22px;}
.vcenter { display: inline-block; vertical-align: middle; float: none;}
h1, h2, h3, h4, h5, h6, strong{ color:#fff;}
h1{ font-size:36px;} h2{ font-size:26px;} h3{ font-size:22px; color:#069;} h4{ font-size:20px;} h5{ font-size:18px;} h6{ font-size:16px;  }
p{
	margin:0 0 10px;
	text-align:justify;
	font-family:'Aileron-Regular',Arial;
font-size:14px;}


.fa{ color:#FFF !important;}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: 370px !important;}

.logo{ background:url("logo.png") no-repeat; width:112px; height:136px;}
.main-nav { background: rgba(0,0,0,0); border:none;}
#main-nav-1 {margin-top:65px;}
#main-nav-1 ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#main-nav-1 ul li { }

#main-nav-1 ul li a
{
text-decoration: none;
padding: .2em 1em;
color: #fff;
}

#main-nav-1 ul li a:hover
{
color: #19356d;
background-color: #fff;
border: 0px solid;
    border-radius: 25px;
	box-shadow: 1px 1px 2px #d9d9d9;
}
@media screen and (max-width:1199px)
{
	#main-nav-1{ position:absolute; width:100%; background:rgba(40,81,129,0.8); border-top:0px;}
	#main-nav-1 ul { padding:10px 0;}
	#main-nav-1 ul li { border-bottom:solid 1px !important; border-bottom-color:rgba(255,255,255,0.1) !important; padding:5px 0;}
	#main-nav-1 ul li a { text-align:left;}
}
/**/
.main-nav2 { background: rgba(0,0,0,0); border:none;}
#main-nav-1 {margin-top:65px;}
#main-nav-1 ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#main-nav-2 ul li { }

#main-nav-2 ul li a
{
text-decoration: none;
padding: .2em 1em;
color: #fff;
}

#main-nav-2 ul li a:hover
{
color: #19356d;
background-color: #fff;
border: 0px solid;
    border-radius: 25px;
	box-shadow: 1px 1px 2px #d9d9d9;
}
@media screen and (max-width:1199px)
{
	#main-nav-2{ position:absolute; width:100%; background:rgba(40,81,129,0.8); border-top:0px;}
	#main-nav-2 ul { padding:10px 0;}
	#main-nav-2 ul li { border-bottom:solid 1px !important; border-bottom-color:rgba(255,255,255,0.1) !important; padding:5px 0;}
	#main-nav-2 ul li a { text-align:left;}
}
/*
#main-nav-2 {margin-top:27px;}
#main-nav-2 ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#main-nav-2 ul li { }

#main-nav-2 ul li a
{
text-decoration: none;
padding: .2em 1em;
color: #fff;
}

#main-nav-2 ul li a:hover
{
color: #19356d;
background-color: #fff;
border: 0px solid;
    border-radius: 25px;
	box-shadow: 1px 1px 2px #d9d9d9;
}
@media screen and (max-width:1199px)
{
	#main-nav-2{ position:relative; top:0px; width:100%; background:rgba(40,81,129,0.8); border-top:0px;}
	#main-nav-2 ul { padding:10px 0;}
	#main-nav-2 ul li { border-bottom:solid 1px !important; border-bottom-color:rgba(255,255,255,0.1) !important; padding:5px 0;}
	#main-nav-2 ul li a { text-align:left;}
}
*/
.scrollup{
			width:100%;
			height:65px;
			background:#233f5f;	
			opacity: 0.4;
            filter: alpha(opacity=60);
			position:fixed;
			top:0;
			display:none;
			z-index:99999;			
			}	

.blueheadingsmall
{
font-family:'Aileron-Regular',Arial;
font-size:16px;
color:#172f62;
font-weight:bold;
}	

.icontext
{
font-family:'Aileron-Regular',Arial;
font-size:14px;
color:#818181;
line-height:25px;
font-weight:200;
}	


#banner{background:url('img1.jpg')no-repeat;
background-size:100%; 
height: 754px;
display:block;
top:0px;
padding:0 !important;
margin:0;
z-index:999;}

#bodycontainer{
	position:absolute;
	background:#FFF; 
	width:100%; 
	height:20px;
	top:130px;	
    transform: rotate(-3deg);
	z-index:999;
}
/* Parallax */

#intro { 
			background: url(intro.png) 50% 0 fixed; 
			height: auto;  
			margin: 0 auto; 
		    width: 100%; 
		    position: relative; 
		    box-shadow: 0 0 50px rgba(0,0,0,0.8);
		    padding: 100px 0;
		}
		#home { 
			background: url(img1.jpg) 50% 0 fixed; 
			height: auto;  
			margin: 0 auto; 
		    width: 100%; 
		    position: relative;
		    padding: 200px 0;
			margin-top:-111px;
			z-index:0;
		}

		#content { 
			background:#fff;
			height: auto;
			margin: 0 auto; 
		    width: 100%; 
		    position: relative; 
		    padding: 0px 0;
			z-index:100;
			margin-top:-410px;
			z-index:9999;
		}
		#service{ 
			background: url(img2.jpg) 50% 0 fixed; 
			height: auto;
			margin: 0 auto; 
		    width: 100%; 
		    position: relative; 
		    padding: 150px 0;
		    color: #fff;
			z-index:100;
			margin-top:0px;
		}
		
		
	#heading1
		{margin:0 auto;
		color:#486e9a;		
		font-size:40px;	
		top:-125px;	
		text-align:center;
		text-align:center;
		font-family:"Roboto Condensed";}	
		
		#heading2
		{margin:0 auto;
		color:#424141;		
		font-size:22px;
		line-height:22px;
		top:-100px;	
		text-align:center;
		font-family:"Roboto Condensed";
		font-weight:normal !important;}	
		
				.headingbluebig
		{margin:0 auto;
		color:#486e9a;
			
		font-size:37px;	
		text-align:center;
		font-family:"Roboto Condensed";
		font-weight:normal !important;}	
		
.logoticker{
	width:100%;
	height:75px;
color: #19356d;
background-color: #fff;
border:2px solid #ebebeb;
    border-radius: 5px;
	margin-top:70px;
	margin-bottom:70px;
	padding-top:15px;}
	
#bluebg{
	margin-top:110px;	
	font-family:"Roboto Condensed";
	font-size:12px;
	color:#000;
	text-align:center;
background:rgba(FF,00,00,0.5);
padding-bottom:40px;
}
.companyname
{
font-family:"Roboto Condensed";
	font-size:14px;
	color:#004e9c;
	font-weight:normal !important;
	}
.textwelcome
{
font-family:"Roboto";
	font-size:19px;
	line-height:20px;	
	color:#FF0000;
	font-weight:normal !important;
	}
	
.greytext
{
font-family:"Roboto Condensed";
	font-size:16px;
	line-height:20px;
	
	color:#656565;}

#financialplanningbg{
	width:80%;
		height:150px;
		font-family:"Roboto Condensed";
	font-size:14px;
	line-height:20px;
	color:#636363;
	text-align:center;
background:rgba(255,255,255,0.5);
border:1px solid #cbcbcb;
border-radius:5px;
}

#loginbg{
	width:87%;
		height:250px;
		font-family:"Roboto Condensed";
	font-size:14px;
	line-height:20px;
	color:#636363;
	text-align:center;
background:rgba(230,230,230,0.5);
border:1px solid #cbcbcb;
border-radius:5px;
}

.formbg{background:url(fp_05.jpg) no-repeat;
text-align:center;
height:288px;
}

.benifitsbg{background:url(benifitsofport.jpg) no-repeat;
font-family:"Roboto Condensed";
	font-size:14px;
		line-height:24px;	
height:270px;
}

.navbar-nav>li.menuhover a
{
	line-height:0px;
	margin-top:8px;
	background-color: #fff;
	background-position:bottom;
width:100%;
height:20px;
color: #3b6494;
font-family:"Aileron" ,arial;
font-size:14px;
text-align:center;
text-decoration:none;
font-weight:bold;
border:1px solid #fff;
border-radius: 30px;
}

.navbar-nav>li.menuhover a:hover
{
background-color: #fff;
width:100%;
height:20px;
color: #3b6494;
border:1px solid #fff;
border-radius: 30px;
color: #000000;
}


 ul.rootlink1 li a
{
font-family:'open-sans',Arial;
font-size:14px;
line-height:22px;
text-decoration:none;
color:#263c56;
}

 ul.rootlink1 li a:hover
{
text-decoration:none;
color:#eac03f;
}
#contactusbg{
			
		height:280px;
		font-family:"Roboto Condensed";
	font-size:14px;
	background:rgba(230,230,230,0.5);
border:1px solid #cbcbcb;
border-radius:5px;
margin-top:25px;
}

#sitemapmf{
			
		height:280px;
		font-family:"Roboto Condensed";
	font-size:14px;
	background:rgba(230,230,230,0.5);
border:1px solid #cbcbcb;
}
#sitemapstocks{
			
		height:220px;
		font-family:"Roboto Condensed";
	font-size:14px;
	background:rgba(230,230,230,0.5);
border:1px solid #cbcbcb;
}
#sitemapfd{
			
		height:150px;
		font-family:"Roboto Condensed";
	font-size:14px;
	background:rgba(230,230,230,0.5);
border:1px solid #cbcbcb;
}
@media screen and (max-width:1199px)
{
	#bluebg{width:90%;}
}

.roundedbutton	
{
background-color: #fff;
width:20%;
height:50px;
color: #3b6494;
font-family:"Aileron" ,arial;
font-size:14px;
text-decoration:none;
font-weight:bold;
padding:10px 10px 10px 10px;
border:1px solid #fff;
border-radius: 25px;}	
.roundedbutton a	{ color:#202020;}
.roundedbutton a:hover	
{
text-decoration:none;
color: #000000;
}

.rootlink a
{
font-family:'open-sans',Arial;
font-size:14px;
text-decoration:none;
color:#263c56;
}
.rootlink a:hover
{
text-decoration:none;
color:#024c97;
}
#mainheading {
	font-family:"Aileron" ,arial;
    font-size:36px;
	top:50px;
    color:#1b1b1b;
	text-align:center;
	line-height:50px;
	font-weight:normal !important;
}
.bigwhite {
	font-family:"Aileron" ,arial;
    font-size:36px;
	top:50px;
    color:#FFF;
	font-weight:normal !important;
}	

.bigwhite1 {
	font-family:"Aileron" ,arial;
    font-size:28px;
	color:#FFF;
	line-height:30px;
	
}	

	

h2 {
	font-family:"Aileron" ,arial;
    font-size:36px;
    color:#FFF;
	font-weight:normal !important;
}	

h4 {
	font-family:"Roboto Condensed" ,arial;
    font-size:23px;
    color:#FFF;
}	
h5 {
	font-family:"Roboto Condensed" ,arial;
    font-size:14px;
	line-height:20px;
    color:#FFF;
}
h6 {
	font-family:"Roboto Condensed" ,arial;
    font-size:14px;
	color:#919191;
}	

.knowmorelink a {
	font-family:"Roboto Condensed" ,arial;
    font-size:14px;
	text-decoration:none;
    color:#add3ff;
}	
.knowmorelink a:hover {
	font-family:"Roboto Condensed" ,arial;
    font-size:14px;
	
	text-decoration:none;
    color:#FFF;
}
.yellowheading {
	font-family:"Roboto Condensed" ,arial;
    font-size:13px;
	color:#febf0f;
}
.greyheading {
	font-family:"Roboto Condensed" ,arial;
    font-size:13px;
	color:#989898;
}
.whiteheading {
	font-family:"Roboto Condensed" ,arial;
    font-size:13px;
	color:#ffffff;
}		

ul.foot-nav 
{
margin: 0;
padding: 0;
color: #ffffff;
list-style-type: none;
}

ul.foot-nav  li { float:left; padding:0 15px; border-right:1px solid #3b3b3b;}

ul.foot-nav  li a
{
text-decoration: none;
padding:0 0 0 0;
color: #ffffff;
text-decoration:none;
}

ul.foot-nav  li a:hover
{
color: #19356d;
background-color: #fff;
border: 0px solid;
    border-radius: 25px;
	box-shadow: 1px 1px 2px #d9d9d9;
}

#investbgimg
{
background:url(invesonlinebgg.png) no-repeat center;
padding-top:100px;
height:277px;
text-align:center;
}
.menu_simple ul {
    margin: 0; 
    padding: 0;
    width:250px;
    list-style-type: none;
	
}

.menu_simple ul li a {
    text-decoration: none;
    color: white; 
    padding: 10.5px 11px;
    background-color: #2d5686;
	border-bottom:1px solid #133b6b;
    display:block;
	border-radius:2px;
}
 
.menu_simple ul li a:visited {
    color: white;
}
 
.menu_simple ul li a:hover, .menu_simple ul li .current, .menu_simple ul li a.active {
    color: white;
    background-color: #133b6b;
}

.blueheadingsmallbigh{font-family:'Open Sans',Arial;font-size:24px;color:#465d07;font-weight:bold;}
.blueheadingsmall1{font-family:'Open Sans',Arial;font-size:14px;color:#0e3e75;font-weight:bold;}
.blueheadingsmall12{font-family:'Open Sans',Arial;font-size:18px;color:#223954;font-weight:bold;}

		
		
		/* Non-essential demo stuff */
		.hero-unit {
			background-color: #fff;
		    box-shadow: 0 0 20px rgba(0,0,0,0.1);
		}
		.media-object { width: 64px; height: 64px; padding-bottom: 30px }
/* Parallax Ends */

/* Poly Shapes */
.poly-shape-1{ width:100%; height:150px; transform:skewY(-2deg); background:#fff; position:absolute; bottom:315px;}
.poly-shape-2{ width:100%; height:150px; transform:skewY(-2deg); background:#fff; position:absolute; bottom:-35px; z-index:-1}
.poly-shape-3{ width:100%; height:150px; transform:skewY(-2deg); background:#101010; position:absolute; top:-90px; z-index:0;}
/* Poly Shapes Ends */

footer{ background:#101010; height:95px; position:relative; z-index:200;}