a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
main,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
	display: block;
}

[hidden] {
	display: none;
}

*,
::after,
::before {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:after,
blockquote:before,
q:after,
q:before,
p:after,
p:before {
	content: "";
	content: none;
}

input,
select,
.photo-upload-area {
	max-width: 20rem !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
}

input,
select {
	padding: 0.40625rem 0.6875rem !important;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

html {
	font-size: 14px !important;
}

b,
strong {
	font-weight: 700;
}

.hide {
	display: none !important;
}
.display {
	display: block !important;
}

body,
html {
	height: auto;
	min-height: 100vh;
}

body {
	/*was 000*/
	font-family: "Ubuntu", sans-serif !important;
	font-weight: 400;
	-webkit-overflow-scrolling: touch;
	overflow: auto;
	line-height: 1;
	background-color: #fff !important;
	color: #282828 !important;
	font-size: 14px !important;
}

#wrapper {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100% !important;
	height: 100% !important;
}

main {
	width: 100%;
	height: 100%;
	margin-top: 50px !important;
}

.fp-header,
.fp-footer {
	width: 100% !important;
}

.fp-header {
	background-color: #003262 !important;
	height: 60px !important;
}

.fp-footer {
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	align-self: flex-end !important;
	align-items: center !important;
	background-color: #fff !important;
	margin-top: 70px !important;
	position: relative !important;
	bottom: 0 !important;
	text-align: center !important;
	line-height: 1.5 !important;
	height: 50px !important;
}

.fp-header > div {
	width: 100% !important;
	height: 100% !important;
}

.form-control {
	padding: 8px !important;
}

a {
	color: #004d99 !important;
	line-height: 1.5 !important;
	text-decoration: none !important;
}

a.active {
	font-weight: 700 !important;
}

a:hover {
	font-weight: bolder !important;
	cursor: pointer !important;
	text-decoration: underline !important;
}

.flex-container {
	display: flex;
	justify-content: center;
	align-items: center;
}

.flex-container > div {
	height: 100% !important;
	width: 100% !important;
}

.flex-column {
	display: flex !important;
	flex-direction: column !important;
}

.flex-row {
	display: flex !important;
	flex-direction: column !important;
}

.justify-center {
	justify-content: center !important;
}

.justify-space-between {
	justify-content: space-between !important;
}

.align-items-center {
	align-items: center !important;
}

.align-items-baseline {
	align-items: baseline !important;
}

.flex-card {
	display: flex !important;
	justify-content: center !important;
	flex-direction: row !important;
}

.form-card {
	height: 100% !important;
	max-width: 425px !important;
	padding: 15px 0px 20px 0px !important;
}

.flex-card > .form-card {
	height: 100% !important;
	width: 100% !important;
}

.purchase-card-header {
	padding: 0 !important;
	width: 100% !important;
	height: 40px !important;
	border-bottom: 1px solid #ddd;
}

.purchase-card-header > h1 {
	font-size: 22px !important;
	font-weight: 600 !important;
	color: #003262 !important;
	text-align: center;
	width: 100%;
}

.purchase-card-step-info {
	color: #003262;
	padding: 0px;
	font-size: 14px;
	font-weight: 400;
	width: 100%;
}

.purchase-card-footer {
	width: 100% !important;
}

.step-capsule {
	background-color: #003262;
	color: #fff;
	padding: 2px 50px;
	border-radius: 50px;
	width: 100%;
	word-spacing: 3px;
	text-align: center;
}

.card {
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 4px 20px 0 rgba(0, 0, 0, 0.1) !important;
}

.form-card > .purchase-card-header {
	position: relative;
	top: 0;
	text-align: center;
}

.form-card > .purchase-card-step-info {
	position: relative;
	bottom: 0;
	text-align: center;
}

.btn-rmu,
.bg-rmu {
	background-color: #003262 !important;
	color: #fff !important;
}

.btn-group-xs > .btn,
.btn-xs {
	padding: 0.25rem 0.4rem 0.5rem 0.4rem !important;
	font-size: 0.875rem !important;
	line-height: 0.5 !important;
	border-radius: 0.2rem !important;
}

/*
    top-nav-bar Layout
*/
label {
	font-size: 16px !important;
	font-weight: 700 !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
label {
	color: #353535 !important;
}

form {
	margin: 0px 12%;
}

.items {
	display: flex !important;
	flex-direction: row !important;
	align-items: center;
	height: inherit;
}

.items > img,
.items > span {
	padding: 2px 7px !important;
}

.rmu-logo-letter {
	font-family: "Ubuntu", sans-serif;
	font-size: 40px !important;
	color: #fff;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 375px) {
	body {
		overflow: none;
	}
	.form-control {
		width: 100% !important;
	}
	.purchase-card-footer {
		padding: 0px 40px 0px 40px !important;
	}
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (min-width: 375px) {
	body {
		overflow: none;
	}
	.form-control {
		width: 100% !important;
	}
	.form-card {
		padding: 15px 0px 20px 0px !important;
	}
	.purchase-card-footer {
		padding: 0px 40px 0px 40px !important;
	}
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (min-width: 425px) {
	body {
		overflow: none;
	}
	.form-control {
		width: 100% !important;
	}
	.form-card {
		padding: 15px 18px 20px 18px !important;
	}
	.purchase-card-footer {
		padding: 0px 46px 0px 46px !important;
	}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	h1 {
		font-size: 40px !important;
		padding-bottom: 15px !important;
		font-weight: 700 !important;
	}

	label {
		font-size: 14px !important;
		font-weight: bolder !important;
	}
	body {
		overflow: none;
	}
	.form-control {
		width: 100% !important;
	}
	.form-card {
		padding: 15px 28px 20px 28px !important;
	}
	.purchase-card-footer {
		padding: 0px 46px 0px 46px !important;
	}
}

@media only screen and (max-width: 768px) {
	/* For mobile phones: */

	label {
		font-size: 13px !important;
		font-weight: bolder !important;
	}
	h1 {
		font-size: 30px !important;
		padding-bottom: 15px !important;
		font-weight: 700 !important;
	}
	body {
		overflow: none;
	}
	.form-control {
		width: 100% !important;
	}
}
