@font-face {
  font-family: 'Poppins';
  src: url('../Fonts/Poppins-Regular.ttf');
  font-weight: 400;
  font-style: normal;
}
html{
	margin: 0;
	padding: 0;
	border: 0;
}
body {
	margin: 0;
	padding: 0;
	/*letter-spacing: 0.03rem;*/
	font: normal 15px Poppins !important;
	color: #0b5759;
  background-image: url('../images/BG7.jpg');
  background-size: cover;
}

td{
	vertical-align: top;
	padding: 4px
}

.vAlignMiddle{
	vertical-align: middle;
}

.topBar{
	background-image: url('../images/topBar.jpg');
	width: 100%;
	height: 110px;
	position: absolute;
	top: 0;
}

.bottomBar{
	background-image: url('../images/bottomBar.jpg');
	width: 100%;
  height: 175px;
	position: fixed;
	bottom: 0;
}

.wrapper {
	position: relative;
	margin: 0 9%;
}

.strapline{
	letter-spacing: 1px;
	color: black;
	padding-top: 23px;
	padding-bottom: 23px;
	text-align: right;
	font-size: 23px;
	font-weight: bold;
}

.header{
	background-color: white;
	padding: 18px 40px;
	border-radius: 20px;
}

.footer{
	background-color: #e8f1ee;
	width: 100%;
	overflow-x: auto;
	padding-top: 24px;
	padding-left: 48px;
	padding-right: 48px;
	font-size: 13px;
}
.footerWrap{
	position: relative;
	margin: 0 9%;
	min-width: 900px;
}
.footerTable{
	font-size: 12px;
	color: black;
	width: 100%
}

.footerCols{
	width: 20%;
}
.footerCols p {
	text-wrap: nowrap;
}

.allRightsRes{
	font-weight: bold;
	text-align: center;
	font-size: 12px;
	color: black;
}

.footerLinks{
	color: black;
    text-decoration: none;

}

.footerLinks:hover{
	color: #0b5759;
}

.lockIcon{
	vertical-align: middle;
	width: 35px;
}

.iconLink{
	font-size: 12px;
	font-weight: bold;
	display: block;
	text-decoration: none;
	color: #0b5759;
	border: 2px solid #e7f1ed;
	border-radius: 13px;
	padding: 15px;
	text-decoration: none;
}

.iconLink img{
	padding-bottom: 10px;
	width: 35px;
}

.iconLink:hover{
	color: black;
}

.inputBoxLogin{
	padding-bottom: 10px;
}

.linkBox{
	padding: 5px !important;
}

.forgetLink{
	color: black;
	text-decoration: none;
	font-size: 13px;
}
.forgetLink:hover{
	color: #0b5759;
}

.center{
	text-align: center;
}

.right{
	text-align: right;
}
.bottomLogoBox{
	padding-bottom: 16px;
}
p {
	margin-top: 0;
	margin-bottom: 12px  !important;
}
.homeLink {
	font-size: 14px;
	margin-left: 80px;
	line-height: 53px;
	display: inline-block;
	vertical-align: top;
	color: #071c3c;
	font-weight: bold;
	text-decoration: none;
}

.homeLink:hover {
	color: #0b5759;
}

.content{
	margin: 30px 10%;
	background-color: white;
	padding: 12px 24px;
	border-radius: 13px;
}
.heading{
	font-size: 37px;
	font-weight: bold;
}

.inputBox{
	width: 100%;
	border-radius: 20px;
	padding: 13px 20px;
	background-color: #e7f1ed;
	border: 1px solid #e7f1ed;
	outline: none;
}
.inputBox:hover{
	border: 1px solid #c7d3ce;
}
.inputBox:focus{
	border: 1px solid black;
}
.PersalBox{
	text-wrap: nowrap;
}
.submitBtn{
	width: 100%;
	color: white;
	text-wrap: nowrap;
	border-radius: 20px;
	padding: 13px 20px;
	background-color: #0b5759;
	border: 0px solid #0b5759;
	cursor: pointer;
}
.submitBtn:hover{
	color: black;
	background-color: #d3de28;
}

.submitBtn:disabled,
.submitBtn[disabled]{
  border: 0px solid #999999;
  background-color: #cccccc;
  color: #666666;
}

.radioBox{
	margin-top: 20px;
	max-width: 150px;
}

.input-group img{
	cursor: pointer;
}

.clickable{
	cursor: pointer;
}

/* checkmarks */
.container {
	line-height: 22px;
  display: inline-block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  font-size: 13px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.radioBox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

span.radioText {
	margin-left: 15px;
	color: black;
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #d3de28;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.container .checkmark:after {
 	top: 6px;
	left: 6px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}
@media (min-width: 1200px) {
    .h1, h1 {
        font-size: 3.5rem !important;
    }
}