html, body {
	font-family: 'DINNextLTPro-Light', Tahoma;
	font-size: 16px;
	line-height: 1.5;
	color: #808285;
}

.hero-text h1 {
	font-size: 40px;
}

h1, h2, h3, h4 {
	margin: 0 0 10px 0;
	font-family: 'DINNextLTPro-Light', Tahoma;
}

h1 {
	font-size: 1.5em;
	font-weight: bold;
}

h2 {
	font-size: 2em;
}

h3 {
	font-size: 1.4em;
}

h2, h3 {
	text-transform: uppercase;
}

h4 {
	font-weight: bold;
}

@media (min-width: 768px) {
	h1 { font-size: 2.6em; }
	h2 { font-size: 1.6em; }
	h3 { font-size: 1.5em; }
	h4 { font-size: 1em; }
}

h2.content-heading{
	color: #333;
}

.title-case {
	text-transform: none;
}

p {
	margin: 0 0 20px 0;
}

.inner {
	padding: 30px;
}

.m-spacing {
	margin-bottom: 20px;
}

.layout,
.layout li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.layout.horizontal li {
	display: inline-block;
}

section.inner {
	padding: 50px 0px;
}

.callout {
	background: #dfe5e8;
	color: #808285;
}

.callout h2 {
	font-size: 2.625em;
}

.callout *:last-child {
	margin-bottom: 0;
}


.col-md-6:first-child .inner {
	margin-bottom: 30px;
}

@media (min-width: 768px) {
	html, body {
		font-size: 20px;
		line-height: 1.25;
	}

	.inner {
		padding: 25px;
	}

	m-spacing {
		margin-bottom: 0;
	}
}

/* Hero */
.hero {
	background: url("/../resource/PRM_Branding_Resources3/assets/img/comms-partner-portal-banner.jpg") no-repeat;
	background-size: cover;
	padding-bottom: 60px;
	overflow: hidden;
	background-position: center;
}

.hero-box {
	padding: 60px 15px 60px 15px;
	position: relative;
}

.hero-bg {
	width: 3000px;
	height: 1500px;

	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 0;
}

.hero-text {
	position: relative;
	z-index: 1;
	color: #fff;
	padding: 0 30px;
}

.hero-box .brand-arrow {
	position: relative;
	left: -5px;
	top: 34px;
}

.hero-box.one-liner .brand-arrow {
	top: 26px;
}

@media (min-width: 768px) {
	.hero-box {
		padding: 60px 60px 60px 15px;
		position: relative;
	}

	.hero-box .brand-arrow,
	.hero-box.one-liner .brand-arrow  {
		left: -40px;
		top: 40px;
	}

	.hero-text {
		padding: 0;
	}
}

/******************************************************
	Home Page
*******************************************************/
/* Hero Johnson Boxes */
.johnson-boxes {
	margin-top: 65px;
}

.johnson-box {
	background: #dfe5e8;
	color: #004c75;
	margin-bottom: 30px;
	position: relative;
}

@media (min-width: 768px) {
	.johnson-boxes {
		margin-top: 180px;
	}
}
@media (min-width: 992px) {
	.johnson-box {
		margin-bottom: 0;
	}

	.johnson-box > div {
		position: absolute;
		width: 100%;
		padding: 25px;
		bottom: 0;
		left: 0;
	}
}


/* Login */
.login .modern-style label {
	color: #004c75;
	font-weight: 700;
}

.login .modern-style .form-group {
	position: relative;
}

.login .modern-style input[type=email],
.login .modern-style input[type=password] {
	border-color: #004c75;
}

.login .modern-style .form-group {
	margin-bottom: 15px;
}

.login input::placeholder {
	color: #004c75;
	opacity: 0.5;
}

.login .error {
	color: #e61b1b;
	font-size: 0.8em;
	margin-bottom: 15px;

	opacity: 0;
	transition: opacity 1s;
}

.login .was-validated .error {
	opacity: 1;
}

.login-recover a {
	font-size: 14px;
}

.login .col-md-6:first-child .inner {
	margin-bottom: 0px;
	padding-bottom: 0;
}

.login button[type=submit] {
	margin-bottom: 0;
}


.login .modern-style .invalid-feedback {
	position: absolute;
	top: 3px;
	right: 0;

	padding: 1px 25px 0 0px;
}

.login .modern-style .invalid-feedback:before {
	right: 0;
	top: 0;
	left: auto;
}

/******************************************************
	Become a Partner
*******************************************************/

#become-a-partner,
#become-a-partner ul {
	width: 100%;
	margin-top: 20px;
}

#become-a-partner li {
	width: 100%;
}

#become-a-partner li a {
	position: relative;
	display: block;
	padding: 0px 30px 0 50px;
	height: 44px;
	line-height: 44px;
	border: 1px solid #fff;
	background: #c1a3ca;
	font-size: 1em;

	color: #fff;
	margin-bottom: 5px;

	cursor: default;
	text-decoration: none;
}

#become-a-partner li.active a {
	background: #844896;
}

#become-a-partner li a:hover {
	text-decoration: none;
}

#become-a-partner li a i {
	display: block;
	background: #fff;
	border-radius: 100%;

	width: 22px;
	height: 22px;

	position: absolute;
	left: 15px;
	top: 10px;
}

.completed i {
	display: inline-block;
	position: relative;
}

.completed i:after {
	content: '';
	display: block;
	width: 6px;
	height: 12px;
	border: solid #04b452;
	border-width: 0 3px 3px 0;
	transform: rotate(45deg);

	position: absolute;
	top: 4px;
	left: 8px;
}


@media (min-width: 768px) {
	#become-a-partner,
	#become-a-partner ul {
		width: 100%;
		margin-top: 40px;
	}


	#become-a-partner li {
		width: auto;
	}

	#become-a-partner li:first-child a {
		padding: 0px 10px 0px 48px;
	}

	#become-a-partner li a {
		padding: 0px 10px 0px 58px;
		height: 60px;
		line-height: 60px;
		font-size: 0.75em;
		margin-bottom: 0px;
	}

	#become-a-partner li a i {
		top: 17px;
		left: 30px;
	}

	#become-a-partner li:first-child a i {
		left: 20px;
	}

	#become-a-partner li { margin-left: -5px; }
	#become-a-partner li:first-child { margin-left: 0px; }

	#become-a-partner li a:before,
	#become-a-partner li a:after {
		content: '';
		display: block;

		width: 0;
	    height: 0;
	    border-style: solid;
		border-width: 30px 0 30px 20px;
		border-color: transparent transparent transparent #fff;

		position: absolute;
		top: -1px;
		right: -21px;

		z-index: 1;
	}

	#become-a-partner li a:after {
	    border-style: solid;
		border-width: 29px 3px 29px 20px;
		border-color: transparent transparent transparent #c1a3ca;

		top: 0px;
		right: -20px;
	}

	#become-a-partner li.active a:after {
		border-color: transparent transparent transparent #844896;
	}


	#become-a-partner li:last-child a,
	#become-a-partner li:last-child a {
		padding-right: 20px;
	}

	#become-a-partner li:last-child a:before,
	#become-a-partner li:last-child a:after {
		border-width: 0;
	}
}

@media (min-width: 1140px) {
	#become-a-partner li:first-child a {
		padding: 0px 20px 0px 58px;
	}

	#become-a-partner li a {
		padding: 0px 20px 0px 68px;
	}

	#become-a-partner li a i {
		left: 40px;
	}

	#become-a-partner li:first-child a i {
		left: 30px;
	}

	#become-a-partner li a:after {
		top: 0px;
		right: -20px;
	}

	#become-a-partner li:last-child a,
	#become-a-partner li:last-child a {
		padding-right: 30px;
	}
}

/* Overrides */
.btn {
	border-radius: 3px;
	border-color: #fff;
	font-family: 'DINNextLTPro-Light', Tahoma;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.5;
	color: #fff;

	padding: 10px 15px;
	text-transform: uppercase;
	white-space: normal;
}

.btn:hover,
.btn:focus,
.btn:active {
	color: #fff;
	border-color: #fff;
}

.btn:focus:active {
	box-shadow: none;
	outline: none;
}

.btn.btn-default { background: #844896; color: #fff; border-color: #fff; outline: 0; }
.btn.btn-default:hover,
.btn.btn-default:active {background: #ca3a54;color: #fff;border-color: #ca3a54;}

.btn.btn-dark { background: #00384f; }
.btn.btn-dark:hover,
.btn.btn-dark:active { background: #844896; }

.btn.btn-form { background: #fff; color: #844896; border-color: #844896; }
.btn.btn-form:hover,
.btn.btn-form:active { background: #844896; color: #fff; border-color: #fff;  }

.btn.btn-full {
	width: 100%;
}

@media (min-width: 768px) {
	.btn {
		font-size: 20px;
		padding: 10px 30px;
	}
}

/* Navs */
header img, .footer-nav img, footer img {
	width: 100%;
}

header {}
.footer-nav { background: #dee5e8; }
footer {}

/* Custom Styles */
div.message.errorM3 h4{
	visibility: hidden
}
div.message.errorM3 .messageText {
	color: #f93037;
	margin-top: -30px;
}