@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 Risktiles*/
.gridcontainer > div:nth-child(5){
	display:grid;
	grid-column:1/4;
	background:#455069;
	Justify-items:center;
	height:420px;
}
/*nth-child(5) is Bluegrid*/
.gridcontainer > div:nth-child(6){
	display:grid;
	grid-column:1/4;
	background:#f3f5f7;
	Justify-items:center;
}
/*nth-child(6) is Riskgrid*/
.gridcontainer > div:nth-child(7){
	display:grid;
	grid-column:1/4;
	width:100%;
	height:auto;
	margin:auto;
	justify-self:center;
	background:#302f2c;
}
/*nth-child(7) is aboutus*/
.gridcontainer > div:nth-child(8){
	display:grid;
	grid-column:1/4;
	background:#302f2c;
	Height:30px;
	padding-top:30px;
	align-items:center;
	justify-items:center;
	color:white;
}
/*nth-child(8) 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/risk/background3.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:45px;
	FONT-FAMILY: Mukta,Poppins, sans-serif;
	font-weight:600;
	text-shadow: 0 1px #e6e6e6;
}	

.Risktile{
	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:1400px;
	height:auto;
	margin:auto;
	justify-self:center;
	align-items:center;
	justify-items: center;
}
.Risktile > div{
	position:relative;
	padding-top:50px;
	padding-bottom:50px;
	Height:280px;
	width:380px;
	background:transparent;
	z-index:1;
	}
.Risktilehead{
	color:#1d3d63;
	font-size:20px;
	FONT-FAMILY: poppins, Verdana, Arial, Helvetica, sans-serif; 
	font-weight:500;
}	
.risktileord{
	color:#1d3d63;
	font-size:17px;
	FONT-FAMILY:Mukta, Verdana, Arial, Helvetica, sans-serif; 
	font-weight:500;
	line-height: 30px;
	text-align: center;
}
.riskhead{
	color:#1d3d63;
	text-align:Left;
	font-size:22px;
	FONT-FAMILY: poppins, Verdana, Arial, Helvetica, sans-serif; 
	font-weight:500;
}
.Riskord{
	color:#1d3d63;
	font-size:16px;
	FONT-FAMILY:mukta, Verdana, Arial, Helvetica, sans-serif; 
	font-weight:400;
	line-height: 30px;
	text-align: left;
}	

.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;
}
.bluepara{
	color:#f3f5f7;
	font-size:18px;
	FONT-FAMILY: poppins, Verdana, Arial, Helvetica, sans-serif; 
	font-weight:500;	
}
.blueul{
	color:#f3f5f7;
	font-size:19px;
	FONT-FAMILY: Mukta, Verdana, Arial, Helvetica, sans-serif; 
	font-weight:500;
	text-align:left;
}
.bluegrid{
	position:relative;
	display:grid;
	grid-template-columns:1fr 1fr ;
	grid-template-rows:2fr 7fr;
	grid-column-gap:4em;
	background:transparent;
	text-align:center;
	z-index:4;
	justify-items:center;
	width:1400px;
	height:420px;
	margin:auto;
	justify-self:center;
}
.bluegrid > div{
	position:relative;
	padding-bottom:15px;
	z-index:3;
	top:-20;
}
.bluegrid > div:nth-child(1){
	display:grid;
	grid-column:1/3;
	padding-top:90px;
}
.bluegrid > div:nth-child(2){
	display:grid;
	justify-self:right;
}
.bluegrid > div:nth-child(3){
	display:grid;
	justify-self: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; 
}
.Riskgrid{
	display:grid;
	Width:1400px;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	grid-column-gap: 2em ;
	
}
.Riskgrid > div{
	Padding-top:80px;
	Padding-bottom:50px;
	Padding-left:10px;
	Padding-right:10px;
}
.Riskgrid > div:nth-child(3){
	display:grid;
	position:relative;
	height:430px;
}
.Riskgrid > div:nth-child(2){
	display:grid;
	position:relative;
	height:430px;
}

.Riskgrid > div:nth-child(4){
	display:grid;
	padding-left:40px;
}
.line{
	position:relative;
}
.line::after{
	content:"";
	position:Absolute;
	right:0;
	left:60;
	bottom:0;
	top:-15;
	height:1px;
	width: 183%;
	z-index:500;
	background:rgba(0,0,0,0.2);
}
.pic1{
	height:70px;
	width:150px;
	background-image:url(/site/risk/color/AIA2.png);
	z-index:2;
	position:absolute;
	top:90px;
	left:90px;
}
.pic2{
	height:53px;
	width:95px;
	background-image:url(/site/risk/color/MLC2.png);
	z-index:2;
	position:absolute;
	top:100px;
	left:300px;
}
.pic3{
	height:33px;
	width:90px;
	background-image:url(/site/risk/color/TAL2.png);
	z-index:2;
	position:absolute;
	top:110px;
	left:475px;
}
.pic5{
	height:38px;
	width:135px;
	background-image:url(/site/risk/color/Zurich2.png);
	z-index:2;
	position:absolute;
	top:215px;
	left:90px;
}
.pic6{
	height:50px;
	width:115px;
	background-image:url(/site/risk/color/AMP2.png);
	z-index:2;
	position:absolute;
	top:200px;
	left:295px;
}

.pic8{
	height:53px;
	width:150px;
	background-image:url(/site/risk/color/OnePath2.png);
	z-index:2;
	position:absolute;
	top:315px;
	left:80px;
}
.pic9{
	height:30px;
	width:150px;
	background-image:url(/site/risk/color/Clearview2.png);
	z-index:2;
	position:absolute;
	top:320px;
	left:265px;
}
.pic10{
	height:28px;
	width:84px;
	background-image:url(/site/risk/color/NEOS2.png);
	z-index:2;
	position:absolute;
	top:323px;
	left:475px;
}
.pic4{
	height:36px;
	width:90px;
	background-image:url(/site/risk/color/BT2.png);
	z-index:2;
	position:absolute;
	top:215px;
	left:470px;
}
.pic7{
	height:38px;
	width:150px;
	background-image:url(/site/risk/color/Metlife2.png);
	z-index:2;
	position:absolute;
	top:410px;
	left:180px;
}
.pic11{
	height:30px;
	width:116px;
	background-image:url(/site/risk/color/Integrity2.png);
	z-index:2;
	position:absolute;
	top:420px;
	left:385px;
}
.pic12{
	height:70px;
	width:160px;
	background-image:url(/site/risk/Super/Aussup2.png);
	z-index:2;
	position:absolute;
	top:70px;
	left:40px;
}
.pic13{
	height:35px;
	width:87px;
	background-image:url(/site/risk/Super/Rest2.png);
	z-index:2;
	position:absolute;
	top:98px;
	left:285px;
}
.pic14{
	height:33px;
	width:150px;
	background-image:url(/site/risk/Super/Unisuper2.png);
	z-index:2;
	position:absolute;
	top:100px;
	left:450px;
}
.pic15{
	height:38px;
	width:120px;
	background-image:url(/site/risk/Super/CFS2.png);
	z-index:2;
	position:absolute;
	top:195px;
	left:165px;
}
.pic16{
	height:55px;
	width:85px;
	background-image:url(/site/risk/Super/FSS2.png);
	z-index:2;
	position:absolute;
	top:185px;
	left:365px;
}
.pic17{
	height:60px;
	width:71px;
	background-image:url(/site/risk/Super/Hostplus2.png);
	z-index:2;
	position:absolute;
	top:285px;
	left:80px;
}
.pic18{
	height:50px;
	width:150px;
	background-image:url(/site/risk/Super/QSuper2.png);
	z-index:2;
	position:absolute;
	top:285px;
	left:245px;
}
.pic19{
	height:53px;
	width:120px;
	background-image:url(/site/risk/Super/NAB2.png);
	z-index:2;
	position:absolute;
	top:290px;
	left:460px;
}
.pic20{
	height:30px;
	width:150px;
	background-image:url(/site/risk/Super/Care2.png);
	z-index:2;
	position:absolute;
	top:405px;
	left:165px;
}
.pic21{
	height:60px;
	width:105px;
	background-image:url(/site/risk/Super/IOOF2.png);
	z-index:2;
	position:absolute;
	top:385px;
	left:360px;
}

