@import url('https://fonts.googleapis.com/css?family=Playfair+Display|Montserrat|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;
	position:relative;
}
/*nth-child(4) is importanceadvice*/
.gridcontainer > div:nth-child(5){
	display:grid;
	border-sizing:border-box;
	width:100%;
	grid-column:1/4;
	background: linear-gradient(110deg, #f2f2f2 50%, #e6e6e6  50%);
	height:580px;
}
/*nth-child(5) is Dexx&r Offers*/

.gridcontainer > div:nth-child(6){
	display:grid;
	grid-column:1/4;
	border-sizing:border-box;
	width:100%;
	height:550px;
	margin:auto;
	align-items:center;
	justify-items:center;
	background:#455069;
}
/*nth-child(7) is Benefits Dexx&r*/
.gridcontainer > div:nth-child(7){
	display:grid;
	border-sizing:border-box;
	width:100%;
	grid-column:1/4;
	background: linear-gradient(110deg, #f2f2f2 50%, #e6e6e6  50%);
	height:auto;
}
/*nth-child(7) is Reports*/
.gridcontainer > div:nth-child(8){
	display:grid;
	grid-column:1/4;
	width:100%;
	height:auto;
	margin:auto;
	justify-self:center;
	background:#302f2c;
}
/*nth-child(9) is about us section*/
.gridcontainer > div:nth-child(9){
	display:grid;
	grid-column:1/4;
	background:#302f2c;
	Height:30px;
	padding-top:30px;
	align-items:center;
	justify-items:center;
	color:white;
}
/*nth-child(10) 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/webtools/adviser.jpg);
	background-size:cover;
	text-align:center;
	}
.pic-overlay{
	z-index:1;
	position:absolute;
	background-color:rgba(0,0,0,0.5);
	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:40px;
	FONT-FAMILY: Poppins, sans-serif;
	font-weight:600;
	text-shadow: 0 1px #e6e6e6;
}	
.logosmall{
	color:White;
	text-align:center;
	font-size:26px;
	FONT-FAMILY: 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:400px;
	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;
	}
.advicehead{
	color:#1d3d63;
	text-align:center;
	font-size:26px;
	FONT-FAMILY:poppins, Verdana, Arial, Helvetica, sans-serif; 
	font-weight:400;
	text-shadow: 0 1px #888888;
}
.webtoolssubhead{
	color:white;
	font-size:19px;
	FONT-FAMILY: poppins, Verdana, Arial, Helvetica, sans-serif; 
	font-weight:500;
	text-align: left;
	
}	
.benefitsord{
	color:white;
	font-size:16px;
	FONT-FAMILY:Mukta, Verdana, Arial, Helvetica, sans-serif; 
	font-weight:500;
	line-height: 28px;
	text-align: left;
}
.producthead{
	color:#1d3d63;
	font-size:20px;
	line-height: 28px;
	FONT-FAMILY: Montserrat, Verdana, Arial, Helvetica, sans-serif; 
	font-weight:600;
}
.webtoolsord{
	color:#1d3d63;
	font-size:16px;
	FONT-FAMILY:Mukta, Verdana, Arial, Helvetica, sans-serif; 
	font-weight:500;
	line-height: 30px;
	text-align: center;
}
.products{
	color:#224877;
	font-size:12px;
	FONT-FAMILY:Montserrat, Verdana, Arial, Helvetica, sans-serif; 
	font-weight:600;
	line-height: 23px;
	text-align: left;
}	
.picgrid{
	display:grid;
	position:relative;
	grid-template-columns:62fr 38fr;
	grid-template-rows:1fr 1fr;
	grid-column-gap:3em;
	max-width:1400px;
	width:1400px;
	height:600px;
	text-align:center;
	background:transparent;
	align-items:center;
	justify-items: center;
}

.picgrid > div{
	padding-top:15px;
}
.picgrid > div:nth-child(2){
	height:500px;
	position:relative;
}
.advicepic{
	height:335px;
	width:500px;
	background-image:url(/site/webtools/Advice.jpg);
	z-index:2;
	background-repeat:no-repeat;
	position:relative;
	top:100px;
	left:0px;
	border-radius:2px;
	box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.25);
}

.pictiles{
	position:relative;
	display:grid;
	grid-template-columns:1fr 1fr;
	grid-template-rows:auto;
	grid-column-gap:3em;
	text-align:center;
	margin-bottom:20px;
}
.pictiles > div{
	position:relative;
	padding-top:20px;
	padding-bottom:20px;
	background:transparent;
	z-index:1;
	}
.pictiles > div:nth-child(1){
	display:grid;
	grid-column:1/3;
	}
.pichead{
	color:white;
	text-align:center;
	font-size:26px;
	FONT-FAMILY: Poppins, Verdana, Arial, Helvetica, sans-serif; 
	font-weight:500;
	text-shadow: 0 1px #888888;
	position:relative;
	top:25%;
}
.picheadred{
	color:#c00000;
	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%;
}
.researchgrid{
	position:relative;
	display:grid;
	grid-template-columns:1fr 1fr;
	grid-template-rows:Auto;
	grid-column-gap:3em;
	grid-row-gap:2em;
	text-align:left;
	width:1400px;
	padding-top:40px;
	padding-bottom:40px;
	justify-self:center;
}
.researchgrid > div{
	position:relative;
}
.researchgrid > div:nth-child(1){
	display:grid;
	grid-column:1/3;
}
.researchgrid > div:nth-child(4){
	padding-top:40px;
}
.pic1{
	height:310px;
	width:535px;
	background-image:url(/site/webtools/Benchmark.png);
	z-index:2;
	background-repeat:no-repeat;
	position:relative;
	top:15px;
	left:35px;
	border-radius:2px;
	box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.25);
}
.pic1:hover{
	box-shadow: 0 5px 15px 0 rgba(0,0,0,.5);
	cursor:pointer;
}
.pic2{
	height:350px;
	width:535px;
	background-image:url(/site/webtools/ProdDiff.png);
	z-index:2;
	background-repeat:no-repeat;
	position:relative;
	top:40px;
	left:15px;
	border-radius:2px;
	box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.25);
}
.pic2:hover{
	box-shadow: 0 5px 15px 0 rgba(0,0,0,.5);
	cursor:pointer;
}
.pic3{
	height:550px;
	width:535px;
	background-image:url(/site/webtools/Premiums.png);
	z-index:2;
	background-repeat:no-repeat;
	position:relative;
	top:50px;
	left:15px;
	border-radius:2px;
	box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.25);
}
.pic3:hover{
	box-shadow: 0 5px 15px 0 rgba(0,0,0,.5);
	cursor:pointer;
}
.Researchhead{
	color:#1d3d63;
	font-size:26px;
	FONT-FAMILY: Mukta,PT Sans,poppins, Verdana, Arial, Helvetica, sans-serif; 
	font-weight:500;
	text-shadow: 0 1px #888888;
	padding-top:20px;

}
.Researchsubhead{
	color:#1d3d63;
	font-size:19px;
	FONT-FAMILY: poppins, Verdana, Arial, Helvetica, sans-serif; 
	font-weight:500;
	text-shadow: 0 1px #888888;
}
.researchul{
	color:#1d3d63;
	font-size:16px;
	FONT-FAMILY:Mukta, Verdana, Arial, Helvetica, sans-serif; 
	font-weight:500;
	line-height: 28px;
	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; 
}

.Productgrid{
	position:relative;
	display:grid;
	grid-template-columns:1fr;
	grid-template-rows:1fr 5fr;
	text-align:center;
	z-index:4;
	justify-items:center;
	border-sizing:border-box;
	max-width:1400px;
	height:450px;
	margin:auto;
	justify-self:center;
	align-items:end;
}

.Productgrid > 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;
	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:start;
	justify-items: center;
}
.graphtile > div{
	position:relative;
	padding-top:30px;
	Height:250px;
	width:310px;
	background:#f9fafb;
	padding-left:25px;
	padding-right:25px;
	padding-bottom:10px;
	align-items:center;
	justify-items: center;
	z-index:1;
	border-radius:8px;
	box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.25);
	}

.offer{
	color:#1d3d63;
	text-align:center;
	font-size:26px;
	FONT-FAMILY: poppins, Verdana, Arial, Helvetica, sans-serif; 
	font-weight:400;
	text-shadow: 0 1px #888888;
	position:relative;
	top:-20%;
}
.offerred{
	color:#c00000;
	text-align:center;
	font-size:26px;
	FONT-FAMILY: Mukta,PT Sans,poppins, Verdana, Arial, Helvetica, sans-serif; 
	font-weight:400;
	text-shadow: 0 1px #888888;
	position:relative;
	top:-20%;
}
.Contactbttn{
	position:absolute;
	left:585;
	top:300;
	border-radius:15px;
	background:#0e69d8;
	color:white;
	font-size:17px;
	FONT-FAMILY:poppins, Verdana, Arial, Helvetica, sans-serif; 
	width:150px;
	height:35px;
	padding: 2px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);	
	z-index:10;
	align-self:center;
	text-decoration: none;
	border:0;
}
.Contactbttn p{
	position:absolute;
	top:55%;
	left:19%;
	width:100%;
	transform:translateY(-60%);
}
.Contactbttn:hover{
	background:	#3f90f3;
	cursor:pointer;
}