* {
	box-sizing: border-box;
}

body {
	margin: 0 !important;
	padding: 0 !important;
	overflow-x: hidden !important;
	min-height: 100vh !important;
	position: relative !important;
	font-size: 18px !important;
height: 100% !important;
font-family: 'Invention-Regular' !important;
}

body,
header,
footer,
main {
	display: block;
	position: relative;
	overflow: auto;
	overflow-x: hidden;
}

/* Ensures the header is on top by default */
header {
	z-index: 1;
}

section {
	display: block;
	width: 100%;
	position: relative;
	padding: 1rem 0;
}

.content-container {
	width: calc(100% - (1rem * 2));
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

.full-width {
	width: 100%;
}

/*	Minor adjustments to the <sup> and <sub> elements to properly position them to match Adobe design documents
	We also removes line-height from the <sup> and <subs> to make them sit properly */
sup,
sub,
.sup,
.sub {
	font-size: 0.7em;
	line-height: 0;
	position: relative;
	white-space: nowrap;
}

sup,
.sup {
	top: 0.1em;
}

sub,
.sub {
	top: -0.1em;
}

ul,
.ul {
	box-sizing: border-box;
}

.overflow-hidden {
	overflow: hidden;
}

.text-left {
	text-align: left;
}

.text-middle,
.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.text-justify {
	text-align: justify;
}

.font-0 {
	font-size: 0 !important;
	line-height: 0 !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.p {
	width: 100%;
	display: block;
	box-sizing: content-box;
}

p,
.p {
	margin: 0.5rem 0;
}

.adoption,
.no-wrap,
.nowrap {
	white-space: nowrap;
}

.col,
body {
	line-height: 1.5em !important;
}

[data-lock] {
	position: absolute;
}

[data-lock="hidden"] {
	visibility: hidden;
	pointer-events: none;
	position: relative;
}

[data-lock*="top"] {
	top: 0;
}

[data-lock*="bottom"] {
	bottom: 0;
}

[data-lock*="fixed"] {
	position: fixed;
}

section:nth-of-type(even) {
	background: #fff;
}

.bg-grey {
	background: #f7f7f7 !important;
}

.bg-teal {
	background: #BDE9DC !important;
}

.btn {
	font-family: 'Invention-Bold';
	padding: 10px 8px;
	border-radius: 6px;
	background-color: #0c2340;
	display: inline-block;
	width: auto;
	color: #fff;
	text-decoration: none;
	margin: 1rem 0;
	font-size: 16px;
	cursor: pointer;
	user-select: none;
}

.btn-white {
	background-color: #fff;
	color: #0c2340;
	border: 1px solid #0c2340;
}

.btn-disabled {
	pointer-events: none;
	background-color: #C2C8CF;
	color: #fff;
}

.btn-unavailable {
	pointer-events: none;
	background-color: #C2C8CF;
	color: #fff;
}

.blue-href {
	color: #5450e4;
}

/* GLOBAL VIDEO */
video {
	width: 100%;
}

video[poster] {
	width: 100%;
}

.job-code {
	color: #333333;
}

.mobile-display-block {
	display: none;
}

.desktop-display-none {
	display: none;
}

@media only screen and (max-width: 768px) {
	.mobile-text-left {
		text-align: left;
	}

	.mobile-text-middle,
	.mobile-text-center {
		text-align: center;
	}

	.mobile-text-right {
		text-align: right;
	}

	.mobile-text-justify {
		text-align: justify;
	}

}

@media only screen and (max-width: 541px) {
	.mobile-display-none {
		display: none;
	}

	.mobile-image-after {
		background-size: 0 0;
	}

	.mobile-image-after:after {
		display: none;
	}

	.mobile-display-block {
		display: block !important;
	}
    .btn {
        padding: 3px 8px;
    }
	body {	
	font-size: 14px !important;
    }
}

/* Padding and Margin Helper classes */
.p-0 {
	padding: 0px;
}

.p-3 {
	padding: 3px;
}

.p-5 {
	padding: 5px;
}

.p-10 {
	padding: 10px;
}

.p-15 {
	padding: 15px;
}

.p-20 {
	padding: 20px;
}

.p-25 {
	padding: 25px;
}

.p-30 {
	padding: 30px;
}

.p-35 {
	padding: 35px;
}

.p-40 {
	padding: 40px;
}

.p-45 {
	padding: 45px;
}

.p-50 {
	padding: 50px;
}

.pt-0 {
	padding-top: 0px;
}

.pt-3 {
	padding-top: 3px;
}

.pt-5 {
	padding-top: 5px;
}

.pt-10 {
	padding-top: 10px;
}

.pt-15 {
	padding-top: 15px;
}

.pt-20 {
	padding-top: 20px;
}

.pt-25 {
	padding-top: 25px;
}

.pt-30 {
	padding-top: 30px;
}

.pt-35 {
	padding-top: 35px;
}

.pt-40 {
	padding-top: 40px;
}

.pt-45 {
	padding-top: 45px;
}

.pt-50 {
	padding-top: 50px;
}

.pr-0 {
	padding-right: 0px;
}

.pr-3 {
	padding-right: 3px;
}

.pr-5 {
	padding-right: 5px;
}

.pr-10 {
	padding-right: 10px;
}

.pr-15 {
	padding-right: 15px;
}

.pr-20 {
	padding-right: 20px;
}

.pr-25 {
	padding-right: 25px;
}

.pr-30 {
	padding-right: 30px;
}

.pr-35 {
	padding-right: 35px;
}

.pr-40 {
	padding-right: 40px;
}

.pr-45 {
	padding-right: 45px;
}

.pr-50 {
	padding-right: 50px;
}

.pb-0 {
	padding-bottom: 0px;
}

.pb-3 {
	padding-bottom: 3px;
}

.pb-5 {
	padding-bottom: 5px;
}

.pb-10 {
	padding-bottom: 10px;
}

.pb-15 {
	padding-bottom: 15px;
}

.pb-20 {
	padding-bottom: 20px;
}

.pb-25 {
	padding-bottom: 25px;
}

.pb-30 {
	padding-bottom: 30px;
}

.pb-35 {
	padding-bottom: 35px;
}

.pb-40 {
	padding-bottom: 40px;
}

.pb-45 {
	padding-bottom: 45px;
}

.pb-50 {
	padding-bottom: 50px;
}

.pl-0 {
	padding-left: 0px;
}

.pl-3 {
	padding-left: 3px;
}

.pl-5 {
	padding-left: 5px;
}

.pl-10 {
	padding-left: 10px;
}

.pl-15 {
	padding-left: 15px;
}

.pl-20 {
	padding-left: 20px;
}

.pl-25 {
	padding-left: 25px;
}

.pl-30 {
	padding-left: 30px;
}

.pl-35 {
	padding-left: 35px;
}

.pl-40 {
	padding-left: 40px;
}

.pl-45 {
	padding-left: 45px;
}

.pl-50 {
	padding-left: 50px;
}

.m-0 {
	margin: 0px;
}

.m-3 {
	margin: 3px;
}

.m-5 {
	margin: 5px;
}

.m-10 {
	margin: 10px;
}

.m-15 {
	margin: 15px;
}

.m-20 {
	margin: 20px;
}

.m-25 {
	margin: 25px;
}

.m-30 {
	margin: 30px;
}

.m-35 {
	margin: 35px;
}

.m-40 {
	margin: 40px;
}

.m-45 {
	margin: 45px;
}

.m-50 {
	margin: 50px;
}

.mt-0 {
	margin-top: 0px;
}

.mt-3 {
	margin-top: 3px;
}

.mt-5 {
	margin-top: 5px;
}

.mt-10 {
	margin-top: 10px;
}

.mt-15 {
	margin-top: 15px;
}

.mt-20 {
	margin-top: 20px;
}

.mt-25 {
	margin-top: 25px;
}

.mt-30 {
	margin-top: 30px;
}

.mt-35 {
	margin-top: 35px;
}

.mt-40 {
	margin-top: 40px;
}

.mt-45 {
	margin-top: 45px;
}

.mt-50 {
	margin-top: 50px;
}

.mr-0 {
	margin-right: 0px;
}

.mr-3 {
	margin-right: 3px;
}

.mr-5 {
	margin-right: 5px;
}

.mr-10 {
	margin-right: 10px;
}

.mr-15 {
	margin-right: 15px;
}

.mr-20 {
	margin-right: 20px;
}

.mr-25 {
	margin-right: 25px;
}

.mr-30 {
	margin-right: 30px;
}

.mr-35 {
	margin-right: 35px;
}

.mr-40 {
	margin-right: 40px;
}

.mr-45 {
	margin-right: 45px;
}

.mr-50 {
	margin-right: 50px;
}

.mb-0 {
	margin-bottom: 0px;
}

.mb-3 {
	margin-bottom: 3px;
}

.mb-5 {
	margin-bottom: 5px;
}

.mb-10 {
	margin-bottom: 10px;
}

.mb-15 {
	margin-bottom: 15px;
}

.mb-20 {
	margin-bottom: 20px;
}

.mb-25 {
	margin-bottom: 25px;
}

.mb-30 {
	margin-bottom: 30px;
}

.mb-35 {
	margin-bottom: 35px;
}

.mb-40 {
	margin-bottom: 40px;
}

.mb-45 {
	margin-bottom: 45px;
}

.mb-50 {
	margin-bottom: 50px;
}

.ml-0 {
	margin-left: 0px;
}

.ml-3 {
	margin-left: 3px;
}

.ml-5 {
	margin-left: 5px;
}

.ml-10 {
	margin-left: 10px;
}

.ml-15 {
	margin-left: 15px;
}

.ml-20 {
	margin-left: 20px;
}

.ml-25 {
	margin-left: 25px;
}

.ml-30 {
	margin-left: 30px;
}

.ml-35 {
	margin-left: 35px;
}

.ml-40 {
	margin-left: 40px;
}

.ml-45 {
	margin-left: 45px;
}

.ml-50 {
	margin-left: 50px;
}
.pilink span{
 color: #FFFFFF !important;
 
}
.pilink a{
 color: #FFFFFF !important;
 
}


.mytext-small-new {
 font-family: 'Invention-Regular'!important;

}
@media only screen and (min-device-width: 280px) and (max-device-width: 350px) {
	.btn {
        /*padding: 0px 0px;*/
    }
}