@charset "UTF-8";
@import url("../webfonts/DejaVuSans_ExtraLight/stylesheet.css");
@import url("Chivo_Light/stylesheet.css");
@import url("../../webfonts/Nunito_Regular/stylesheet.css");
@import url("../webfonts/montserrat_light__allfont_net_/stylesheet.css");
@import url("../webfonts/Raleway_Medium/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;
}
.aaListext {
	font-family: "montserrat light [allfont net]";
	font-size: 14px;
	color: #666;
	line-height: 18px;
}
.aaListextmenu {
	font-family: "montserrat light [allfont net]";
	font-size: 12px;
	color: #666666;
	/* [disabled]letter-spacing: -0.5px; */
	border: 0.5px solid #E8F3F7;
	border-radius: 8px;
	padding: 8px;
	background-color: #FFF;
}
.aaListextmenu:hover {
	font-family: "montserrat light [allfont net]";
	font-size: 13.5px;
	color: #FFFFFF;
	/* [disabled]letter-spacing: -0.5px; */
	border: 0.5px solid #00CC99;
	border-radius: 8px;
	padding: 8px;
	background-color: #0C9;
}
.aaListextmenu2 {
	font-family: "montserrat light [allfont net]";
	font-size: 15px;
	color: #666666;
	/* [disabled]letter-spacing: -0.5px; */
	border: 0.5px solid #ECEAEE;
	border-radius: 8px;
	padding: 10px;
	background-color: #FFF;
}
.aaListextmenu2:hover {
	font-family: "montserrat light [allfont net]";
	font-size: 15px;
	color: #FFFFFF;
	/* [disabled]letter-spacing: -0.5px; */
	border: 0.5px solid #00CC99;
	border-radius: 8px;
	padding: 10px;
	background-color: #0C9;
}

.aaListextColor {
	font-family: "montserrat light [allfont net]";
	font-size: 12px;
	color: #003366;
	letter-spacing: -0.5px;
}
.aaListextPcode {
	font-family: "montserrat light [allfont net]";
	font-size: 13px;
	color: #009999;
}
.aaListext2 {
	font-family: "Chivo Light";
	font-size: 18px;
	color: #333;
	letter-spacing: -0.5px;
}
.box2 {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #E3E4E5;
	border-bottom-color: #F8F8F8;
	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: #F8F8F8;
	border: 1px solid #F8F8F8;
	border-radius: 10px 10px 0px 0px;
}
.box2: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: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
	background-color: #FF9999;
	border: 1px solid #FF9999;
	border-radius: 360px;
	/* [disabled]width: 100%; */
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-left: 3px;
}
.fonttihead {
	font-family: "Raleway Medium";
	font-size: 20px;
	color: #333333;
	/* [disabled]letter-spacing: -0.5px; */
}
.fonttiheader {
	font-family: "Raleway Medium";
	font-size: 18px;
	color: #333333;
	letter-spacing: -0.5px;
}
.fontti {
	font-family: "Raleway Medium";
	font-size: 14px;
	color: #333;
}
.fontti2 {
	font-family: "Raleway Medium";
	font-size: 12px;
	color: #333;
	text-transform: capitalize;
	letter-spacing: 0.5px;
	line-height: 16px;
}
.fontti3 {
	font-family: "montserrat light [allfont net]";
	font-size: 18px;
	color: #666666;
	/* [disabled]font-weight: bold; */
	text-transform: capitalize;
}
.fontti4 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #009999;
	/* [disabled]font-weight: bold; */
}
.fontti4b {
	font-family: "Nunito Regular";
	font-size: 18px;
	color: #1B569D;
	/* [disabled]font-weight: bold; */
}
.fontti4red {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FA6567;
	/* [disabled]font-weight: bold; */
}
.fonttired {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	/* [disabled]font-weight: bold; */
	background-color: #C00;
	border-radius: 90px;
	padding-top: 8px;
	padding-right: 12px;
	padding-bottom: 8px;
	padding-left: 12px;
}
.imagedrop2 {
	height: auto;
	width: 80%;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.imagedrop2m {
	height: auto;
	width: 80%;
	display: none;
	margin-right: auto;
	margin-left: auto;
}
.imaged {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #2EBFC4;
	vertical-align: middle;
	/* [disabled]float: left; */
	line-height: normal;
}
.imaged2 {
	width: 200px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #006;
	vertical-align: middle;
	padding: 18px;
	float: left;
}
table#boxxitt{
	height: auto;
	width: 99%;
	background-color: #FFFFFF;	
}

table#boxxitt:active {
	height: auto;
	width: 99%;
	background-color: #F4F4F4;
	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;
}
.boxxi:active {
	height: auto;
	width: 99%;
	background-color: #F4F4F4;
	cursor: pointer;
}
.boxt {
	height: auto;
	width: 100%;
	/* [disabled]background-color: #D0EFF7; */
	padding-right: 10px;
	padding-left: 10px;
	color: #FFF;
		background-color: #29314C;
	background: -webkit-linear-gradient(#29314C, #222644); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#29314C, #222644); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#29314C, #222644); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#29314C, #222644); /* Standard syntax */
}
.boxt:hover {
	height: auto;
	width: 100%;
	background-color: #D0EFF7;
	-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-left: 15px;
	color: #FB9999;
}
.boxxis {
	height: auto;
	width: 80%;
	background-color: #249A90;
	border-radius: 12px;
}
.boxxis:hover {
	height: auto;
	width: 72%;
	-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: #A3AEC6;
	border-radius: 12px;
}
.boxxising {
	height: auto;
	width: 100%;
	background-color: #F4F4F4;
	/* [disabled]border-radius: 12px; */
}
.boxxising:hover {
	height: auto;
	width: 100%;
	-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: #A3AEC6;
	/* [disabled]border-radius: 12px; */
}
.boxxi2 {
	background-color: #CE1A56;
	padding: 5px;
	border-right-width: 0.5px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
.boxxi2:hover {
	background-color: #D6E4F8;
	-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 {
	height: auto;
	width: 100%;
	display: none;
}
.pro {
	height: auto;
	width: 100%;
}
.probox {
	height: auto;
	width: 100%;
	display: none;
}
.bene {
	height: auto;
	width: 100%;
}
.benebox {
	height: auto;
	width: 100%;
	display: none;
}
.aalarge {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 35px;
	color: #FFF;
	letter-spacing: -0.5px;
}
.aalargerr {
	font-family: "montserrat light [allfont net]";
	font-size: 26px;
	color: #1F3F7C;
}
.aalargeblue {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #F33;
}
.aalargeorange {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FFF;
}
.aamini {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFF;
}
.banna {
	background-image: url(../images/gh-online-banking-experience.png);
	height: auto;
	width: 100%;
	background-size: cover, cover;
}
.sideboxx {
	height: 400px;
	width: 100%;
	overflow: auto;
}
.tabber {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #CCC;
	border-left-color: #FFF;
}
.tabber2 {
	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: #F5F3F8;
	border-right-color: #F5F3F8;
	border-bottom-color: #999;
	border-left-color: #F5F3F8;
}
/* width */
::-webkit-scrollbar {
  width: 6px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
.contpage {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #333;
	text-transform: capitalize;
}