@charset "UTF-8";
@import url("../webfonts/DejaVuSans_ExtraLight/stylesheet.css");
@import url("../webfonts/DejaVuSansCondensed/stylesheet.css");
.box1 {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFF;
	border-bottom-color: #999;
}
.box2 {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #E3E4E5;
	border-bottom-color: #FFFFFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #E3E4E5;
	border-left-color: #E3E4E5;
	border-radius: 10px 10px 0px 0px;
	background-color: #FFF;
}
.box3 {
	background-color: #F0F0F0;
	border: 1px solid #F0F0F0;
	border-radius: 10px 10px 0px 0px;
}
.box3:hover {
	background-color: #99CC99;
	color: #FFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #F8F8F8;
	border-left-color: #CCCCCC;
}
.circle {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFF;
	background-color: #081891;
	border: 1px solid #9C9;
	border-radius: 360px;
}
.fonttihead {
	font-family: "DejaVuSans ExtraLight";
	font-size: 24px;
	color: #122746;
}
.fontti {
	font-family: "DejaVuSans ExtraLight";
	font-size: 16px;
	color: #333;
}
.fontti2 {
	font-family: "DejaVuSans ExtraLight";
	font-size: 14px;
	color: #333;
	text-transform: capitalize;
}
.fontti3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #003366;
	/* [disabled]font-weight: bold; */
}
.planfonthead {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 20px;
	color: #006699;
	/* [disabled]font-weight: bold; */
}
.planfont {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #737274;
	/* [disabled]font-weight: bold; */
}
.planfontsm {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	color: #009999;
	/* [disabled]font-weight: bold; */
	letter-spacing: -0.5px;
}
.errorpage {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	color: #CC0000;
	/* [disabled]font-weight: bold; */
	letter-spacing: -0.5px;
}
.planfontsm2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	/* [disabled]font-weight: bold; */
	letter-spacing: -0.5px;
}
.imagedrop2 {
	height: auto;
	width: 100%;
	display: none;
	margin-right: auto;
	margin-left: auto;
}
.imagedrop2m {
	height: auto;
	width: 80%;
	display: none;
	margin-right: auto;
	margin-left: auto;
}
.imaged {
	width: 200px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
	vertical-align: middle;
	padding: 18px;
	float: left;
	text-align: center;
}
.imaged:hover {
	width: 200px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	vertical-align: middle;
	padding: 18;
	float: left;
	text-align: center;
	background-color: #9ACFC4;
	-webkit-transition: all 280ms ease-in;
	-moz-transition: all 280ms ease-in;
	-ms-transition: all 280ms ease-in;
	-o-transition: all 280ms ease-in;
	transition: all 280ms ease-in;
	cursor: pointer;
}
.imaged2 {
	width: 200px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333;
	vertical-align: middle;
	padding: 18px;
	float: left;
	text-align: center;
}
.imaged2:hover {
	width: 200px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	vertical-align: middle;
	padding: 18px;
	float: left;
	text-align: center;
	background-color: #9ACFC4;
	-webkit-transition: all 280ms ease-in;
	-moz-transition: all 280ms ease-in;
	-ms-transition: all 280ms ease-in;
	-o-transition: all 280ms ease-in;
	transition: all 280ms ease-in;
	cursor: pointer;
}
.boxxi {
	height: auto;
	width: 99%;
	background-color: #FFFFFF;
}
.boxxi:hover {
	height: auto;
	width: 99%;
	background-color: #F4F4F4;
	-webkit-transition: all 200ms ease-in 0s;
	-moz-transition: all 200ms ease-in 0s;
	-ms-transition: all 200ms ease-in 0s;
	-o-transition: all 200ms ease-in 0s;
	transition: all 200ms ease-in 0s;
	cursor: pointer;
}
.boxxis {
	height: auto;
	width: 99%;
}
.boxxis:hover {
	height: auto;
	width: 99%;
	-webkit-transition: all 200ms ease-in 0s;
	-moz-transition: all 200ms ease-in 0s;
	-ms-transition: all 200ms ease-in 0s;
	-o-transition: all 200ms ease-in 0s;
	transition: all 200ms ease-in 0s;
	cursor: pointer;
	background-color: #D6E4F8;
	border-radius: 12px;
}
.boxxi2 {
	/* [disabled]background-color: #1F3F7B; */
	padding: 5px;
	border-right-width: 0.5px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
.boxxi2:hover {
	background-color: #8CB3BE;
	-webkit-transition: all 200ms ease-in 0s;
	-moz-transition: all 200ms ease-in 0s;
	-ms-transition: all 200ms ease-in 0s;
	-o-transition: all 200ms ease-in 0s;
	transition: all 200ms ease-in 0s;
	cursor: pointer;
	padding: 5px;
}
.laying {
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	/* [disabled]box-shadow: 0px 0px 15px 0px #999; */
}
.plan {
	height: auto;
	width: 100%;
}
.planbox {
	background-color: #39C;
	height: 500px;
	width: 100%;
	display: none;
}
.pro {
	height: auto;
	width: 100%;
}
.probox {
	background-color: #39C;
	height: 500px;
	width: 100%;
	display: none;
}
.bene {
	height: auto;
	width: 100%;
}
.benebox {
	background-color: #39C;
	height: 500px;
	width: 100%;
	display: none;
}
.aalarge {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 45px;
	color: #FFF;
}
.aalargeblue {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 36px;
	color: #006;
	/* [disabled]border: 1px solid #081891; */
}
.aalargeok {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #3366CC;
	/* [disabled]border: 1px solid #081891; */
}
.aalarger {
	font-family: "Raleway Medium";
	font-size: 16px;
	color: #333333;
	/* [disabled]border: 1px solid #081891; */
	font-weight: 600;
}
.banna {
	background-image: url(../images/gh-online-banking-experience.png);
	height: auto;
	width: 100%;
	background-size: cover, cover;
}
.popheadfont {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 17px;
	color: #009999;
	/* [disabled]font-weight: bold; */
	letter-spacing: -0.5px;
}