@import url('https://fonts.googleapis.com/css?family=Playfair+Display|poppins|Mukta|PT+Sans|Roboto&display=swap');
html { overflow: -moz-scrollbars-vertical; }
html { overflow-x: auto; }
html { overflow-y: scroll;}

p {margin: 0px; padding:0px; font-kerning: auto;}
.ul {
list-style-type:circle;
}
input[type=text]{
  	 margin:5px;
	 padding: 10px;
	
}
input[type=text]:focus {
box-shadow: 0 0 3px 0 darkblue;
  
}

.hide{
	display:block;
}
.hamburger{
	display:none;
}
.menu-label{
	display:none;
}
.toggle-btn{
display:none;
}
.toggle-btn span{
display:none;
}

.gridcontainer{
	display:grid;
	grid-template-columns: 1fr 2fr 1fr;
	grid-template-rows: auto ;
	min-width: 1400px;
	}
.gridcontainer > div{
	position:relative;
	background:transparent;
	z-index:0;

	}
.gridcontainer > div:nth-child(1){
	display:grid;
	height:125px;
	grid-column:1/4;
	align-items:center;
	background: linear-gradient(to right,  #093a9d , #385faf , #728ec7 , #b6c5e2 );
	z-index:10;
	}
/*nth-child(1) is top banner*/
.gridcontainer > div:nth-child(2){
	display:grid;
	height:8px;
	max-height:8px;
	grid-column:1/4;
	background: #093a9d;
	z-index:5;
}

/*nth-child(2) is blue line under top banner*/
.gridcontainer > div:nth-child(3){
	display:grid;
	grid-column:1/4;
	Height:370px;
	background: #093a9d;
}
/*nth-child(3) is backgroundpic and logo*/
.gridcontainer > div:nth-child(4){
	display:grid;
	grid-column:1/4;
	border-sizing:border-box;
	max-width:1400px;
	height:auto;
	margin:auto;
	justify-self:center;
}
/*nth-child(4) is advisertool*/
.gridcontainer > div:nth-child(5){
	display:grid;
	grid-column:1/4;
	Height:100px;
	background:#ffffff;
	text-align:center;
	align-items:center;
	justify-items:center;
		
}
/*nth-child(5) is learnmore btn*/
.gridcontainer > div:nth-child(6){
	display:grid;
	border-sizing:border-box;
	width:100%;
	grid-column:1/4;
	background:#eff2f6;
	padding-top:20px;
	height:auto;
	margin:auto;
	align-items:center;
	justify-items:center;
}
/*nth-child(6) is Market Insights*/
.gridcontainer > div:nth-child(7){
	display:grid;
	grid-column:1/4;
	border-sizing:border-box;
	max-width:1400px;
	height:auto;
	margin:auto;
	justify-self:center;
	background:white;
	
}
/*nth-child(7) is Life company services*/

.gridcontainer > div:nth-child(8){
	display:grid;
	grid-column:1/4;
	Height:100px;
	background:#ffffff;
	text-align:center;
	align-items:center;
	justify-items:center;
}
/*nth-child(8) is learnmore btn*/
.gridcontainer > div:nth-child(9){
	display:grid;
	grid-column:1/4;
	background:#eff2f6;
	border-sizing:border-box;
	width:100%;
	height:455px;
	margin:auto;
	justify-self:center;
}
.gridcontainer > div:nth-child(10){
	display:grid;
	grid-column:1/4;
	background:White;
	border-sizing:border-box;

	height:470px;
	margin:auto;
	justify-self:center;
}
.gridcontainer > div:nth-child(11){
	display:grid;
	grid-column:1/4;
	width:100%;
	height:auto;
	margin:auto;
	justify-self:center;
	background: linear-gradient(110deg, #e6e6e6 50%, #e0e0e0  50%);
	justify-items:center;
}
/*nth-child(9) is Latest News*/


.gridcontainer > div:nth-child(12){
	display:grid;
	grid-column:1/4;
	width:100%;
	height:auto;
	margin:auto;
	justify-self:center;
	background:#302f2c;
}
/*nth-child(10) is about us section*/
.gridcontainer > div:nth-child(13){
	display:grid;
	grid-column:1/4;
	background:#302f2c;
	Height:30px;
	padding-top:30px;
	align-items:center;
	justify-items:center;
	color:white;
}
/*nth-child(11) is copywrite section*/

.bannergrid{
	display:grid;
	grid-template-columns: 1fr 6fr;
	grid-template-rows: auto;
	grid-column-gap:3em;
}
.bannergrid > div{
	position:relative;
	z-index:0;
	width:100%;
}
.bannergrid > div:nth-child(2){
	justify-self:end;
}
/*moves menu to right of page*/
.tophead, .tophead a:visited, .tophead a:link, .tophead a:hover{
	FONT-WEIGHT: 900; 
	FONT-SIZE: 50px; 
	COLOR: #E8ECF2; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: none; 
	letter-spacing: -8px; 
	text-shadow: -1px -1px white, 1px 1px #333;
	text-align:left;
	}
.topheadred, .topheadred a:visited, .topheadred a:link, .topheadred a:hover{
	FONT-WEIGHT: 900; 
	FONT-SIZE: 50px; 
	COLOR: #CC0000; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: none; 
	letter-spacing: -8px; 
	text-shadow: -1px -1px #FF0000, 1px 1px #333;
	}

nav{
	
	heigh:60px;
	box-shadow: 0 10px 15px rgba(0,0,0,0.1);

}
nav ul{
	padding:0;
	margin: 0;
	float:right;
	margin-right:40px;
	
}
nav ul li{
	position:relative;
	list-style:none;
	display: inline-block;
	padding-right:15px;
	z-index:2;
}
nav ul li a{
	display:block;
	padding: 0 11px;
	color:white;
	text-decoration:none;
	line-height:60px;
	font-size:18px;
	FONT-FAMILY: poppins, Verdana, Arial, Helvetica, sans-serif; 
}
nav ul li a:hover{
	color:#003366;
}
nav ul ul{
	position:absolute;
	top:60px;
	border-radius:10px;
	background:#003366;
	display:none;
}
nav ul li:hover > ul{
	display: block;
}
nav ul ul li{
		width:200px;
		float:none;
		display:list-item;
		position:relative;
}
nav ul ul li a{
	font-size:15px;
	font-weight:500;
	FONT-FAMILY:poppins, Verdana, Arial, Helvetica, sans-serif; 
}
nav ul ul li a:hover{
	background:#edf0f8;
	display: block;
	border-radius:10px;

}

nav ul ul li:hover{
		background:#edf0f8;
		border-radius:10px;
}
.backgroundimg{
	position:relative;
	max-width:100%;
	Height:370px;
	background-image:url(../site/home/mainlogo.jpg);
	background-size:cover;
	text-align:center;
	}
.pic-overlay{
	z-index:1;
	position:absolute;
	background-color:rgba(0,0,0,0.4);
	top:0;
	bottom:0;
	height:100%;
	Width:100%;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
	}
.logo{
	color:White;
	text-align:center;
	font-size:45px;
	FONT-FAMILY: Mukta,Poppins, sans-serif;
	font-weight:600;
	text-shadow: 0 1px #e6e6e6;
}	
.logored{
	color:#c00000;
	font-size:45px;
	FONT-FAMILY:  Mukta,Poppins, sans-serif;
	font-weight:600;
	text-shadow: 0 1px;
}	
.logosmall{
	color:White;
	text-align:center;
	font-size:26px;
	FONT-FAMILY: Mukta,Poppins, sans-serif; 
	font-weight:600;
	text-shadow: 0 1px #888888;
}
.Advisergrid{
	position:relative;
	display:grid;
	grid-template-columns:1fr ;
	grid-template-rows:2fr 7fr;
	background:white;
	text-align:center;
	z-index:4;
	justify-items:center;
	border-sizing:border-box;
	width:100%;
	height:420px;
	margin:auto;
	justify-self:center;
}
.Advisergrid > div{
	position:relative;
	padding-top:20px;
	padding-bottom:15px;
	z-index:3;
	top:-20;
}
.Advisertile{
	position:relative;
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	grid-template-rows:auto;
	grid-column-gap:6em;
	text-align:center;
	margin-bottom:20px;
	left:0;
	border-sizing:border-box;
	width:100%;
	height:auto;
	margin:auto;
	justify-self:center;
	align-items:center;
	justify-items: center;
}
.Advisertile > div{
	position:relative;
	padding-top:10px;
	Height:280px;
	width:380px;
	background:transparent;
	z-index:1;
	}
.webtoolshead{
	color:#1d3d63;
	text-align:center;
	font-size:28px;
	FONT-FAMILY: Mukta,PT Sans,poppins, Verdana, Arial, Helvetica, sans-serif; 
	font-weight:400;
	text-shadow: 0 1px #888888;
}
.webtoolssubhead{
	color:#1d3d63;
	font-size:22px;
	FONT-FAMILY: Mukta, Verdana, Arial, Helvetica, sans-serif; 
	font-weight:500;
}	
.webtoolsord{
	color:#1d3d63;
	font-size:17px;
	FONT-FAMILY:Mukta, Verdana, Arial, Helvetica, sans-serif; 
	font-weight:500;
	line-height: 30px;
	text-align: center;
}	
.learnmorebtn{
	position:relative;
	border-radius:10px;
	background:#0e69d8;
	color:white;
	font-size:17px;
	FONT-FAMILY:poppins, Verdana, Arial, Helvetica, sans-serif; 
	width:140px;
	height:30px;
	padding: 2px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);	
	z-index:10;
	align-self:center;
}
.learnmorebtn p{
	position:absolute;
	top:55%;
	width:100%;
	transform:translateY(-60%);
}
.learnmorebtn:hover{
	background:	#3f90f3;
	cursor:pointer;
}
.newsgrid2{
	display:relative;
	display:grid;
	width:100%;
	grid-template-columns:1fr;
	grid-template-rows:1fr 6fr;
	height:520px;
	text-align:center;
	max-width:1400px;
	border-sizing:border-box;
	
}

.newsgrid2 > div{
	padding-right:80px;
	padding-left:80px;
	padding-top:15px;
}


.tilegrid{
	position:relative;
	display:grid;
	grid-template-columns:1fr 1fr 1fr 1fr;
	grid-template-rows:1fr;
	grid-column-gap:4em;
	text-align:center;
	margin-bottom:20px;
	align-items:center;
	justify-items: center;
}
.tilegrid > div{
	position:relative;
	padding-top:10px;
	Height:350px;
	background:white;
	padding-left:6px;
	padding-right:6px;
	padding-bottom:10px;
	border-top:4px solid #0e69d8;
	align-items:center;
	justify-items: center;
	z-index:1;
	cursor:pointer;
	}
.tilegrid > div::after{
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	background:#0e69d8;
	top:0;
	left:0;
	z-index:-1;
	transform:scaleY(0);
	transform-origin:top;
	transition:transform 400ms ease-in;
	}
.tilegrid > div:hover::after{
	transform:scaleY(1);
	transform-origin:top;
	}
.tilegrid > div:hover .newssubhead{
	color:white;
	transition: 200ms ease-in;
}

.tilegrid > div:hover .readmore{
	color:white;
	transition: 380ms ease-in;
}
.tilegrid > div:hover .readmore:after{
	background: white;
	transition: 380ms ease-in;
}
.tilegrid > div:hover .newsord{
	color:white;
	transition: 200ms ease-in;
}
.newshead{
	color:#1d3d63;
	text-align:center;
	font-size:28px;
	FONT-FAMILY: Mukta,PT Sans,poppins, Verdana, Arial, Helvetica, sans-serif; 
	font-weight:500;
	text-shadow: 0 1px #888888;
}
.newssubhead{
	position:relative;
	color:#1d3d63;
	font-size:20px;
	FONT-FAMILY:  Mukta,PT Sans,poppins, Verdana, Arial, Helvetica, sans-serif; 
	text-align:left;
	padding-left:20px;
	padding-right:20px;
	text-decoration:none;
	
}

.newsord{
	color:#1d3d63;
	font-size:15px;
	FONT-FAMILY:  Mukta,PT Sans,poppins, Verdana, Arial, Helvetica, sans-serif; 
	padding-left:20px;
	padding-right:20px;
	line-height: 28px;
	text-align: left;
}
.readmore{
	position: absolute;
	color:#1d3d63;
	font-size:15px;
	FONT-FAMILY:  Mukta,PT Sans,poppins, Verdana, Arial, Helvetica, sans-serif; 
	padding-left:20px;
	padding-right:20px;
	line-height: 30px;
	text-align: justify;
	text-decoration: none;
	bottom:30;
	}
.readmore:after {
        position: absolute;
        content: '';
        height: 2px;
        /* adjust this to move up and down. you may have to adjust the line height of the paragraph if you move it down a lot. */
        bottom: -4px; 
       /****** 
       optional values below 
       ******/
        /* center - (optional) use with adjusting width   */
        margin: 0 auto;
        left: 5%;
        right: 0%;
        width: 75%;
        background: #0e69d8;
        /* optional animation */
        -o-transition:.5s;
        -ms-transition:.5s;
        -moz-transition:.5s;
        -webkit-transition:.5s;
        transition:.5s;
    }
.picgrid{
	display:grid;
	grid-template-columns:1fr;
	grid-template-rows:1fr 6fr;
	height:500px;
	text-align:center;
	background:white;
	align-items:center;
	justify-items: center;
}
.picgrid > div{
	padding-top:15px;
}
.pictiles{
	position:relative;
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	grid-template-rows:auto;
	grid-column-gap:7em;
	text-align:center;
	margin-bottom:20px;

}
.pictiles > div{
	position:relative;
	padding-top:10px;
	Height:350px;
	width:350px;
	background:white;
	z-index:1;
	}
.pic1{
	width:100%;
	Height:50%;
	background-image:url(../site/home/Personal.jpg);
	background-size:cover;
	z-index:2;
	position:relative;
	box-shadow: 0 5px 15px 0 rgba(0,0,0,.5);
}
.pic2{
	width:100%;
	Height:50%;
	background-image:url(../site/home/Benchmark.jpg);
	background-size:cover;
	z-index:2;
	position:relative;
	Border:1px solid white;
	box-shadow: 0 5px 15px 0 rgba(0,0,0,.5);
}
.pic3{
	width:100%;
	Height:50%;
	background-image:url(../site/home/Consult.jpg);
	background-size:cover;
	z-index:2;
	position:relative;
	Border:1px solid white;
	box-shadow: 0 5px 15px 0 rgba(0,0,0,.5);
}
.pichead{
	color:#1d3d63;
	text-align:center;
	font-size:28px;
	FONT-FAMILY: Mukta,PT Sans,poppins, Verdana, Arial, Helvetica, sans-serif; 
	font-weight:500;
	text-shadow: 0 1px #888888;
	position:relative;
	top:25%;
}
.picsubhead{
	position:relative;
	color:White;
	font-size:22px;
	FONT-FAMILY: Mukta,PT Sans,poppins, Verdana, Arial, Helvetica, sans-serif; 
	font-weight:800;
	top:40%;
	transform: translate(-0%, 0);
	text-align:center;
}
.picord{
	color:#1d3d63;
	font-size:17px;
	FONT-FAMILY: Mukta, Verdana, Arial, Helvetica, sans-serif; 
	font-weight:500;
	line-height: 30px;
	text-align: left;
	}
.aboutusgrid{
	display:grid;
	grid-template-columns:2fr 1fr 1fr ;
	height:330px;
	text-align:left;
	border-sizing:border-box;
	max-width:1400px;
	height:auto;
	justify-self:center;
}
.aboutusgrid > div{
	margin-right:5px;
	padding-right:30px;
	padding-top:25px;
}
.aboutus{
	color:#f4f4f4;
	font-size:30px;
	FONT-FAMILY: poppins, Verdana, Arial, Helvetica, sans-serif; 
	font-weight:500;
	text-align: left;
	padding-left:20px;

}
.aboutusred{
	color:#c00000;
	font-size:30px;
	FONT-FAMILY: poppins, Verdana, Arial, Helvetica, sans-serif; 
	font-weight:500;
	text-align: left;
}
.aboutusord{
	color:#f4f4f4;
	font-size:14px;
	FONT-FAMILY: poppins, Verdana, Arial, Helvetica, sans-serif; 
	padding-right:90px;
	line-height: 28px;
	text-align: left;
	min-width:580px;
	padding-left:20px;
}
.pages1{
	color:#f4f4f4;
	font-size:15px;
	FONT-FAMILY: poppins, Verdana, Arial, Helvetica, sans-serif; 
	font-weight:500;
	line-height: 22px;
	text-align: left;
	padding-left:90px;
	max-width:280px;
	min-width:280px;
}
.pages2{
	color:#f4f4f4;
	font-size:15px;
	FONT-FAMILY: poppins, Verdana, Arial, Helvetica, sans-serif; 
	font-weight:500;
	line-height: 22px;
	text-align: left;
	padding-right:150px;
	max-width:280px;
	min-width:280px;
}
.pages1 ul{
	padding:0;
	margin: 0;
	margin-right:30px;
}
.pages1 ul li{
	position:relative;
	list-style:none;
	display: block;
	padding:5px;
	border-bottom:1px #8c8c8c solid;
}
.pages1 ul li a{
	display:block;
	color:#f4f4f4;
	text-decoration:none;
	line-height:30px;
	font-size:15px;
	FONT-FAMILY: poppins, Verdana, Arial, Helvetica, sans-serif; 
}
.pages1 ul li a:hover{
	color:#0e69d8;	
}
.pages2 ul{
	padding:0;
	margin: 0;
	margin-right:30px;	
}
.pages2 ul li{
	position:relative;
	list-style:none;
	display: block;
	padding:5px;
	border-bottom:1px #8c8c8c solid;
}
.pages2 ul li a{
	display:block;
	color:#f4f4f4;
	text-decoration:none;
	line-height:30px;
	font-size:15px;
	FONT-FAMILY: poppins, Verdana, Arial, Helvetica, sans-serif; 
}
.pages2 ul li a:hover{
	color:#0e69d8;
}
.pages{
	display:block;
	color:#f4f4f4;
	text-decoration:none;
	line-height:30px;
	font-size:15px;
	FONT-FAMILY: poppins, Verdana, Arial, Helvetica, sans-serif; 
}


.graph1{
	position:relative;
	top:15;
	left:25;
	width:568px;
	max-width:568px;
	box-shadow: 0 3px 10px 0 rgba(0,0,0,.15);
	Height:365px;
	border-radius:5px;
	background-image:url(../images/inforce.jpg);
	background-size:contain;
	}
.graph2{
	position:relative;
	top:5;
	left:25;
	width:568px;
	max-width:568px;
	box-shadow: 0 3px 10px 0 rgba(0,0,0,.15);
	Height:365px;
	border-radius:5px;
	background-image:url(../images/FUM.jpg);
	background-size:contain;
	}
.graph1:hover{
	box-shadow: 0 3px 15px 0 rgba(0,0,0,.4);
	cursor:pointer;
}
.graph2:hover{
	box-shadow: 0 3px 15px 0 rgba(0,0,0,.4);
	cursor:pointer;
}
.Graphgrid{
	position:relative;
	display:grid;
	grid-template-columns:1fr ;
	grid-template-rows:1fr 5fr 1fr;
	background:#eff2f6;
	text-align:center;
	z-index:4;
	justify-items:center;
	border-sizing:border-box;
	max-width:1400px;
	height:435px;
	margin:auto;
	justify-self:center;
	align-items:end;
	
	
}
.Graphgrid > div{
	position:relative;
	padding-top:10px;
	padding-bottom:15px;
	z-index:3;
	top:-20;
}
.graphtile{
	position:relative;
	display:grid;
	grid-template-columns:1fr 1fr 1fr 1fr;
	grid-template-rows:Auto;
	grid-column-gap:3em;
	text-align:center;
	margin-bottom:20px;
	left:0;
	border-sizing:border-box;
	width:100%;
	height:auto;
	margin:auto;
	justify-self:center;
	align-items:start;
	justify-items: center;
}
.graphtile > div{
	position:relative;
	padding-top:10px;
	Height:250px;
	width:280px;
	background:transparent;
	z-index:1;
	}
.graphshead{
	color:#1d3d63;
	text-align:center;
	font-size:28px;
	FONT-FAMILY: Mukta,PT Sans,poppins, Verdana, Arial, Helvetica, sans-serif; 
	font-weight:400;
	text-shadow: 0 1px #888888;
	position:relative;
	top:-20%;
}

.graphsord{
	color:#1d3d63;
	font-size:17px;
	FONT-FAMILY:Mukta, Verdana, Arial, Helvetica, sans-serif; 
	font-weight:500;
	line-height: 30px;
	text-align: left;
}	
.market{
	width:100%;
	Height:70%;
	background-image:url(../site/home/personal.png);
	background-size:cover;
	z-index:100;
	position:relative;
	box-shadow: 0 5px 15px 0 rgba(0,0,0,.25);
}
.market:hover{
	box-shadow: 0 5px 15px 0 rgba(0,0,0,.5);
	cursor:pointer;
}
.Inforce{
	width:100%;
	Height:70%;
	background-image:url(../site/home/Companyinfrc.png);
	background-size:cover;
	z-index:100;
	position:relative;
	box-shadow: 0 5px 15px 0 rgba(0,0,0,.25);
}
.Inforce:hover{
	box-shadow: 0 5px 15px 0 rgba(0,0,0,.5);
	cursor:pointer;
}
.Projection{
	width:100%;
	Height:70%;
	background-image:url(../site/home/RiskProj.png);
	background-size:cover;
	z-index:100;
	position:relative;
	box-shadow: 0 5px 15px 0 rgba(0,0,0,.25);
}
.Projection:hover{
	box-shadow: 0 5px 15px 0 rgba(0,0,0,.5);
	cursor:pointer;
}
.heat{
	width:100%;
	Height:70%;
	background-image:url(../site/home/heat.jpg);
	background-size:cover;
	z-index:100;
	position:relative;
	box-shadow: 0 5px 15px 0 rgba(0,0,0,.25);
}
.heat:hover{
	box-shadow: 0 5px 15px 0 rgba(0,0,0,.5);
	cursor:pointer;
}

.DealerGrid{
	position:relative;
	display:grid;
	max-width:1300px;
	grid-template-columns:1fr 1fr 1fr;
	grid-template-rows:Auto;
	grid-column-gap:3em;
	grid-row-gap:2em;
	text-align:left;
	padding-top:20px;
	padding-bottom:20px;
	justify-self:center;
	}
	
.DealerGrid > div{
	position:relative;
	padding-left:20px;
	padding-Right:20px;
	
}
.DealerGrid > div:nth-child(1){
	display:grid;
	grid-column:1/4;
}
.Platformgrid{
	position:relative;
	display:grid;
	max-width:1300px;
	grid-template-columns:1fr 1fr 1fr;
	grid-template-rows:Auto;
	grid-column-gap:3em;
	grid-row-gap:2em;
	text-align:left;
	padding-top:20px;
	padding-bottom:70px;
	justify-self:center;
	}
	
.Platformgrid > div{
	position:relative;
	padding-left:20px;
	padding-Right:20px;
}
.Platformgrid > div:nth-child(1){
	display:grid;
	grid-column:1/4;
}
.Platformgrid > div:nth-child(2){
	display:grid;
	grid-column:1/4;
	text-align:center;
}