﻿@charset "UTF-8";
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,600|Roboto+Slab:400,700|Roboto:400,500);

@media screen and (min-width:900px) {
	#siteHeader {
		z-index: 50;
	}
}

.screen-reader-text {
	border: 0;
	clip: rect(1px,1px,1px,1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	word-wrap: normal !important
}

	.screen-reader-text:focus {
		background-color: #eee;
		clip: auto !important;
		-webkit-clip-path: none;
		clip-path: none;
		color: #444;
		display: block;
		font-size: 1em;
		height: auto;
		left: 5px;
		line-height: normal;
		padding: 15px 23px 14px;
		text-decoration: none;
		top: 5px;
		width: auto;
		z-index: 100000
	}

body {
	margin: 0;
	color: #2d2d2b;
	font-family: Roboto,sans-serif;
	font-weight: 400
}

body {
	font-size: 14px
}

@media screen and (min-width:320px) {
	body {
		font-size: calc(14px + 9 * ((100vw - 320px)/ 1780))
	}
}

@media screen and (min-width:2100px) {
	body {
		font-size: 23px
	}
}

h1, h2, h3, h4, h5 {
	font-family: "Roboto Slab",serif;
	font-weight: 400
}

h1 {
	font-size: 2em
}

h2 {
	font-size: 1.6em
}

h3 {
	font-size: 1.4em
}

h4 {
	font-size: 1.2em
}

h5 {
	font-size: 1em
}

h6 {
	font-size: .8em
}

p {
	margin-top: .5rem;
	margin-bottom: .5rem;
	font-size: 1rem;
	line-height: 1.75em;
	color: #4a4a4a
}

a {
	color: #fec131;
	text-decoration: underline
}

	a:focus, a:hover {
		color: #fec131
	}

		a:focus:after, a:hover:after {
			color: inherit
		}

ul {
	margin-top: 3.5rem;
	margin-bottom: .5rem;
	list-style: none;
	padding-left: 0;
	line-height: 1.4
}

	ul li {
		padding-bottom: 1em
	}

		ul li:before {
			content: "";
			width: .8em;
			height: 2px;
			position: absolute;
			left: 0;
			margin-top: .75em;
			background-color: #fec131
		}

li {
	position: relative;
	padding-left: 1.5em;
	padding-bottom: .1em;
	line-height: 1.4em
}

	li.menu-item {
		padding-left: 0;
		padding-bottom: 0;
		line-height: 1em
	}

ul ul li {
	color: #6c7178;
	font-size: .95rem;
	font-weight: 400;
	list-style: none;
	padding-left: 0
}

	ul ul li:before {
		content: unset
	}

ol:not(.flickity-page-dots) {
	counter-reset: item;
	list-style-type: none
}

	ol:not(.flickity-page-dots) li {
		display: block;
		padding-bottom: 1.3em;
		position: relative;
		font-size: 1.1em;
		font-weight: 500;
		line-height: 1.6;
		letter-spacing: .01rem
	}

		ol:not(.flickity-page-dots) li:before {
			content: counter(item) " ";
			counter-increment: item;
			display: block;
			position: absolute;
			padding: 0 10px;
			font-size: 20px;
			border: 2px solid #fbb100;
			border-radius: 25px;
			left: -19px;
			top: -1px;
			height: 30px;
			width: 11px
		}

		ol:not(.flickity-page-dots) li ul li {
			color: #6c7178;
			font-size: 1rem;
			font-weight: 400;
			list-style: none;
			padding-left: 0
		}

			ol:not(.flickity-page-dots) li ul li:before {
				content: unset
			}

hr {
	border-bottom: 1px solid #dfdfdf;
	margin-top: 1.4em;
	margin-bottom: 1.5em
}

figure {
	margin: 0
}

img {
	max-width: 100%
}

.name-gmail-com-copy {
	color: #4a4a4a;
	font-family: Roboto;
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
	text-align: left
}

input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), select, textarea {
	padding: .8em .5em;
	border-radius: 0;
	border: 1px solid #979797;
	box-shadow: inset 0 0 1px #717171;
	outline: #fec131
}

	input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
		color: #9b9b9b
	}

	input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder {
		color: #9b9b9b
	}

	input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::-ms-input-placeholder, select::-ms-input-placeholder, textarea::-ms-input-placeholder {
		color: #9b9b9b
	}

	input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::placeholder, select::placeholder, textarea::placeholder {
		color: #9b9b9b
	}

input:focus {
	outline: 0;
	box-shadow: none;
	border: 1px solid #fec131;
	box-shadow: inset 0 0 1px #fbb100
}

textarea:focus {
	outline: 0;
	border-color: #fbb100;
	box-shadow: 0 0 1px #fbb100
}

label .label-text {
	color: #717171;
	font-weight: 700;
	letter-spacing: .235em;
	font-family: "Roboto Slab",serif;
	text-transform: uppercase;
	font-size: .8em;
	padding-top: 1em;
	display: block
}

@media (min-width:900px) {
	label .label-text {
		font-size: .49em
	}
}

select {
	-webkit-appearance: none;
	color: #9b9b9b;
	font-size: 1em
}

.select-wrapper {
	position: relative
}

	.select-wrapper:before {
		content: '';
		display: block;
		position: absolute;
		top: 44%;
		left: 90%;
		border: 5px solid #4a4a4a;
		border-left-color: transparent;
		border-right-color: transparent;
		border-top-color: #4a4a4a;
		border-bottom-color: transparent;
		width: 0;
		height: 0
	}

iframe {
	max-width: 100%
}

#wrapper {
	position: relative
}

.container {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px
}

@media (min-width:600px) and (max-width:899px) {
	.container {
		max-width: 600px
	}
}

.width--full {
	width: 100%
}

.width--wide {
	max-width: 70rem;
	margin-left: auto;
	margin-right: auto
}

.width--normal {
	max-width: 43rem;
	margin-left: auto;
	margin-right: auto
}


.svg {
	height: auto;
	position: relative;
	display: inline-block;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

	.svg svg {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0
	}

svg.icon {
	height: 1em;
	width: 1em;
	fill: #717171
}

.alignnone {
	margin: 5px 20px 20px 0
}

.aligncenter, div.aligncenter {
	display: block;
	margin: 5px auto 5px auto
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px
}

a img.alignnone {
	margin: 5px 20px 20px 0
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}

.screen-reader-text {
	clip: rect(1px,1px,1px,1px);
	position: absolute !important;
	white-space: nowrap;
	height: 1px;
	width: 1px;
	overflow: hidden
}

	.screen-reader-text:focus {
		background-color: #f1f1f1;
		border-radius: 3px;
		box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
		clip: auto !important;
		color: #21759b;
		display: block;
		font-size: 14px;
		font-size: .875rem;
		font-weight: 700;
		height: auto;
		left: 5px;
		line-height: normal;
		padding: 15px 23px 14px;
		text-decoration: none;
		top: 5px;
		width: auto;
		z-index: 100000
	}

.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail {
	max-width: 100%;
	height: auto
}

.gform_wrapper {
	font-size: 15px
}

	.gform_wrapper .gf_progressbar_wrapper, .gform_wrapper .gform_ajax_spinner {
		display: none !important
	}

	.gform_wrapper ul.gform_fields li.gfield {
		padding: 0
	}

	.gform_wrapper .gfield_required {
		color: #717171 !important
	}

	.gform_wrapper .gform_description {
		font-size: 1.1em;
		line-height: 1.4;
		color: #4a4a4a
	}

	.gform_wrapper .validation_error {
		font-size: .8em;
		font-family: "Roboto Slab",serif !important;
		font-weight: 400 !important;
		color: #fa3f2c !important;
		background-color: transparent;
		border-top: none !important;
		border-bottom: none !important;
		padding: 16px 3px !important;
		line-height: 1.5;
		width: 100%
	}

	.gform_wrapper li.gfield.gfield_error {
		border-top: none !important;
		border-bottom: none !important
	}

		.gform_wrapper li.gfield.gfield_error .gfield_checkbox {
			color: #4a4a4a
		}

		.gform_wrapper li.gfield.gfield_error textarea {
			border: 1px solid #fa3f2c
		}

	.gform_wrapper .validation_message {
		color: #fa3f2c !important;
		font-family: "Roboto Slab",serif !important;
		text-transform: none !important;
		font-size: .8em !important;
		font-weight: 400 !important
	}

	.gform_wrapper .gfield_error .gfield_label {
		color: #fa3f2c !important
	}

	.gform_wrapper .gform-error input {
		border: 1px solid #fa3f2c
	}

	.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
		border: 1px solid #fa3f2c !important
	}

	.gform_wrapper .select-wrapper .ginput_container_select {
		position: relative
	}

		.gform_wrapper .select-wrapper .ginput_container_select:after {
			content: '';
			display: block;
			position: absolute;
			top: 40%;
			right: 5%;
			border: 5px solid #4a4a4a;
			border-left-color: transparent;
			border-right-color: transparent;
			border-top-color: #4a4a4a;
			border-bottom-color: transparent;
			width: 0;
			height: 0
		}

		.gform_wrapper .select-wrapper .ginput_container_select .validation_error {
			position: absolute;
			top: 0;
			width: 100%
		}

	.gform_wrapper select.form-control {
		border-radius: 0
	}

	.gform_wrapper .ginput_container .ginput_container_select {
		position: relative
	}

	.gform_wrapper .top_label div.ginput_container {
		margin-top: 2px !important
	}

	.gform_wrapper .custom-upload-button label {
		padding-top: 1.8rem;
		padding-left: 60px;
		position: relative;
		margin-bottom: 25px
	}

		.gform_wrapper .custom-upload-button label:before {
			content: '';
			display: block;
			position: absolute;
			background: no-repeat center/98% url(/wp-content/themes/crs-data/dist/images/upload-button-icon.png);
			height: 50px;
			width: 50px;
			position: absolute;
			left: 0;
			bottom: -20px;
			-webkit-transform: rotateZ(0);
			transform: rotateZ(0);
			transition: -webkit-transform .3s ease;
			transition: transform .3s ease;
			transition: transform .3s ease, -webkit-transform .3s ease
		}

	.gform_wrapper .custom-upload-button:hover label:before {
		-webkit-transform: rotateZ(90deg);
		transform: rotateZ(90deg)
	}

	.gform_wrapper .custom-upload-button .ginput_container_fileupload {
		border: 0;
		clip: rect(1px,1px,1px,1px);
		-webkit-clip-path: inset(50%);
		clip-path: inset(50%);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		word-wrap: normal !important
	}

	.gform_wrapper .ginput_result_fileupload {
		font-size: .8em;
		letter-spacing: .15em;
		font-family: 'Roboto Slab',serif;
		text-transform: uppercase;
		padding-left: 5em
	}

	.gform_wrapper .ginput_result_fileupload__dashicon {
		margin: 0 .5em
	}

	.gform_wrapper .gform_button.button {
		font-family:Roboto;
		font-size: 18px;
		padding: .5em 1.3em;
		line-height: 1 !important;
	}

		.gform_wrapper .gform_button.button:hover {
			background: #fbb100;
			color: #fff !important
		}

	.gform_wrapper .gform_button.button.long {
		padding: .5em .5em;
		width: 170px;
	}
	.gform_wrapper .gform_footer.wide {
		width: 170px;
	}

	.gform_body ul.wide li {
		width: 307px;
	}
.gform_confirmation_wrapper {
	color: #4a4a4a;
	font-weight: 400;
	background: 0 0;
	padding: 1em;
	margin-top: 1em;
	font-size: .9em;
	font-family: "Roboto Slab",serif;
	font-weight: 400
}

.gform_wrapper .gform_body li.gfield:before {
	content: none !important
}

.gform_wrapper .gform_body li.gfield label, .gform_wrapper .gform_body li.gfield.field_sublabel_above label, .gform_wrapper .gform_body li.gfield.field_sublabel_below label, .forgot-container .email-label {
	font-size: .8em;
	letter-spacing: .15em;
	font-family: "Roboto Slab",serif;
	font-weight: 400;
	text-transform: uppercase
}

.gform_wrapper .gform_body li.gfield input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper .gform_body li.gfield select, .gform_wrapper .gform_body li.gfield textarea {
	padding: .75em .75em;
	color: #4a4a4a !important;
	width: 100% !important
}

.gform_wrapper .gform_body li.gfield select {
	width: 100% !important;
	color: #9b9b9b;
	background-color: #fff;
	font-weight: 400;
	border-radius: 0;
	box-sizing: border-box
}

	.gform_wrapper .gform_body li.gfield select:after {
		content: '';
		width: 40px;
		height: 20px;
		background-color: #4a4a4a
	}

.gform_wrapper .gform_body li.gfield input[type=checkbox] {
	margin-top: 2px !important
}

	.gform_wrapper .gform_body li.gfield input[type=checkbox] + label {
		font-family: Roboto,sans-serif;
		font-weight: 500;
		letter-spacing: .03em;
		text-transform: none;
		font-size: .9em;
		font-weight: 400
	}

	.gform_wrapper .gform_body li.gfield input[type=checkbox]:before {
		content: none
	}
.gform_expired {
	margin: auto;
	width: 450px;
	padding: 0px;
	align-content: center;
}
.gform_expired_callout {
	width: 450px;
	height: 30px;
	font-weight: 500;
	font-size: 18px;
	line-height: 30px;
	text-align: center;
	vertical-align: middle;
	color: #ffffff;
	background-color: #414141;
}
.gform_expired_message {
	margin-top: 10px;
	padding-left: 25px;
	padding-right: 25px;
	width: 400px;
	height: 60px;
	font-weight: 500;
	font-size: 24px;
	line-height: 30px;
	text-align: center;
	vertical-align: middle;
	color: #333132;
}
.gform_expired_action {
	margin-top: 25px;
	padding-left: 25px;
	padding-right: 25px;
	width: 400px;
	height: 42px;
	font-weight: 500;
	font-size: 18px;
	line-height: 22px;
	text-align: center;
	vertical-align: middle;
	color: #333132;
}
.gform_expired_action a:link, a:visited, a:active {
	color: #333132;
	text-decoration: none;
}
.gform_expired_action a:hover {
	color: #333132;
	text-decoration: underline;
}
div.gform_expired_action > a > span:nth-child(2) {
	display: none;
}
div.gform_expired_action > a > span:nth-child(2) {
	display: none;
}
.gform_expired_info {
	margin-top: 25px;
	padding-left: 25px;
	padding-right: 25px;
	width: 400px;
	height: 54px;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	vertical-align: middle;
	color: #717171;
}
@media (max-width:450px) {
	.gform_expired {
		width: 375px;
	}
	.gform_expired_callout {
		width: 350px;
		margin: 0 auto;
		padding-left: 4px;
		padding-right: 4px;
	}
	.gform_expired_message {
		width: 350px;
		margin: 10px auto;
		padding-left: 4px;
		padding-right: 4px;
	}
	.gform_expired_action {
		width: 350px;
		margin: 25px auto;
		padding-left: 4px;
		padding-right: 4px;
	}
	.gform_expired_info {
		width: 350px;
		margin: 25px auto;
		padding-left: 4px;
		padding-right: 4px;
	}
}

.gfield_checkbox li:before {
	content: none
}

@media (min-width:900px) {
	.gform_wrapper .gform_footer {
		display: flex;
		justify-content: center
	}
}

.gform_wrapper .gform_footer, .gform_wrapper .gform_footer input[type=submit].gform_button.button {
	width: 148px;
	height: 41px;
	margin: auto;
}

.gform_wrapper .gform-button-one-line {
	position: relative
}

@media (min-width:900px) {
	.gform_wrapper .gform-button-one-line {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between
	}
}

@media (min-width:900px) {
	.gform_wrapper .gform-button-one-line > * {
		flex: 1 auto
	}
}

.gform_wrapper .gform-button-one-line .gform_body {
	max-width: 65%
}

.gform_wrapper .gform-button-one-line .gform_footer {
	padding: 1rem 0 0;
	margin: 0 0 .3rem
}

@media (min-width:900px) {
	.gform_wrapper .gform-button-one-line .gform_footer {
		max-width: 30%;
		display: flex;
		align-items: flex-end;
		justify-content: center
	}
}

@media (min-width:900px) {
	.gform_wrapper .gform-button-left .gform_footer {
		display: flex;
		justify-content: flex-start
	}
}

@media (min-width:900px) {
	.gform_wrapper .gform-button-right .gform_footer {
		display: flex;
		justify-content: flex-end
	}
}

@media (min-width:900px) {
	.gform_wrapper .gform-big-title h3.gform_title {
		max-width: 410px;
		font-size: 2.3em !important
	}
}

.button {
	font-size: .8em;
	border: 2px solid #fbb100;
	border-radius: 20.5px;
	padding: .5rem 1.3rem;
	text-decoration: none;
	color: #2d2d2b;
	transition: background-color .2s ease-in-out,color .2s ease-in-out;
	letter-spacing: .02rem;
	font-weight: 500;
	line-height: 1em;
	width: 148px;
	background-color: #fff;
}

.gform_footer.top_label {
	margin-top: 20px;
}

.button:focus, .button:hover, .button:active {
	background-color: #fbb100;
	color: #fff;
	cursor: pointer
}

	.button:focus:before, .button:hover:before, .button:active:before {
		opacity: 1
	}

.button-secondary {
	font-size: .89rem;
	color: #fff;
	border: 2px solid #fbb100;
	border-radius: 20.5px;
	padding: .4rem 1.2rem;
	text-decoration: none;
	transition: all .2s ease-in-out;
	font-weight: 400
}

	.button-secondary:focus, .button-secondary:hover {
		background-color: #fbb100;
		color: #fff;
		cursor: pointer
	}

		.button-secondary:focus:before, .button-secondary:hover:before {
			opacity: 1
		}

.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	overflow: hidden;
	max-width: 100%;
	height: auto
}

	.embed-container embed, .embed-container iframe, .embed-container object {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%
	}

.object-fit {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover
}

	.object-fit img {
		object-fit: cover;
		object-position: 50% 50%;
		height: inherit;
		width: inherit
	}

.object-fit__fallback-support {
	opacity: 0
}

@-webkit-keyframes arrow-appear {
	0% {
		padding: 0;
		color: transparent
	}

	50% {
		color: #fff
	}

	100% {
		padding-left: .8em
	}
}

@keyframes arrow-appear {
	0% {
		padding: 0;
		color: transparent
	}

	50% {
		color: #fff
	}

	100% {
		padding-left: .8em
	}
}

.menu-social__list {
	list-style: none;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0
}

	.menu-social__list li {
		padding: 0 .4em
	}

		.menu-social__list li a:before {
			display: inline-block;
			padding: 0 5px;
			vertical-align: top;
		}

		.menu-social__list li a span::before {
			width: 20px;
			height: 20px;
			color: #999;
			border-radius: 20px
		}

.bottom_bar {
	color: gray;
	padding-top: .7rem;
	padding-bottom: .7rem;
	position: relative;
	z-index: 99;
}

@media (min-width:900px) {
	.bottom_bar {
		padding-top: .4rem;
		padding-bottom: .4rem
	}
}

.bottom_bar .container {
	display: flex;
	align-items: center;
	flex-direction: row;
	justify-content: space-between
}

@media (min-width:900px) {
	.bottom_bar__primary {
		display: flex;
		align-items: center
	}
}

.bottom_bar__logo {
	max-width: 150px;
	margin-right: auto;
	margin-left: auto
}

@media (min-width:900px) {
	.bottom_bar__logo {
		margin-right: unset;
		margin-left: unset;
		margin-right: 1rem
	}
}

.bottom_bar__logo svg {
	width: 100%
}

	.bottom_bar__logo svg path {
		fill: #fff
	}

@media (max-width:599px) {
	.bottom_bar__copyright {
		border: 0;
		clip: rect(1px,1px,1px,1px);
		-webkit-clip-path: inset(50%);
		clip-path: inset(50%);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		word-wrap: normal !important
	}
}

@media (min-width:600px) and (max-width:899px) {
	.bottom_bar__copyright {
		border: 0;
		clip: rect(1px,1px,1px,1px);
		-webkit-clip-path: inset(50%);
		clip-path: inset(50%);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		word-wrap: normal !important
	}
}

@media (min-width:900px) {
	.bottom_bar__copyright {
		font-size: .6em;
		font-weight: 400;
		color: #717171;
		letter-spacing: .04rem
	}
}

.bottom_bar .menu-social__list svg.icon {
	height: .8em;
	width: .8em;
	fill: #fff;
	font-size: 1rem
}

.bottom_bar .menu-social__list a:hover svg.icon {
	fill: #717171
}

.site-footer {
	color: gray;
}

@media (min-width:900px) {
	.site-footer {
	}
}

.site-footer li:before {
	content: none
}

@media (min-width:900px) {
	.site-footer__inner {
		display: flex
	}
}

@media (min-width:900px) {
	.site-footer__inner > * {
		width: 50%
	}
}

.site-footer__primary {
	display: none
}

@media (min-width:900px) {
	.site-footer__primary {
		height: auto;
		display: flex
	}
}

.site-footer__secondary {
	padding-top: 1.3rem
}

@media (min-width:900px) {
	.site-footer__secondary {
		padding-top: 3em;
		padding-bottom: 3em;
		padding-left: 6em
	}
}

.site-footer__secondary .menu-products__list a:hover {
	color: #fbb100
}

.site-footer--image {
	position: relative
}

	.site-footer--image .site-footer__inner {
		overflow: hidden
	}

	.site-footer--image .site-footer__primary {
		height: 100%
	}

	.site-footer--image .site-footer__image {
		overflow: hidden;
		height: 100%
	}

@media (min-width:900px) {
	.site-footer--image .site-footer__image {
		position: absolute;
		width: 50%;
		left: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%)
	}
}

@media (min-width:900px) {
	.site-footer--image .site-footer__image img {
		width: 100%
	}
}

.site-footer--contact .site-footer__contact {
	width: 100%;
	display: flex;
	align-items: center
}

.site-footer--contact input:not([type=submit]) {
	width: 100% !important
}

@media (min-width:900px) {
	.site-footer--contact form {
		display: flex;
		flex-wrap: wrap
	}
}

@media (min-width:900px) {
	.site-footer--contact form > * {
		flex: 1 auto;
		width: auto !important
	}
}

.site-footer--contact form > .gform_heading {
	flex: 1 100% !important;
	width: 100% !important;
	margin: 0
}

.site-footer--contact form .gform_title {
	font-size: 2.5em !important;
	font-weight: 300 !important
}

.site-footer--social .site-footer__primary {
	display: none;
	align-items: center;
	justify-content: center;
	margin-top: 2rem;
	margin-bottom: 3rem
}

@media (min-width:600px) {
	.site-footer--social .site-footer__primary {
		display: flex;
		margin-top: 3rem;
		margin-bottom: 3rem
	}
}

.site-footer--social .site-footer__primary .menu-item {
	text-align: center;
	margin: 0 .5em;
	padding: 0;
	position: relative;
	width: 2.8em;
	height: 2.8em
}

@media (min-width:900px) {
	.site-footer--social .site-footer__primary .menu-item {
		font-size: .8em
	}
}

.site-footer--social .site-footer__primary .menu-item:before {
	content: "";
	border: .1rem solid #fec131;
	border-radius: 100rem;
	width: inherit;
	height: inherit;
	transition: .4s ease all;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	background-color: transparent
}

.site-footer--social .site-footer__primary .menu-item a {
	position: absolute;
	z-index: 10;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	text-align: center;
	line-height: 3.2em;
	margin: 0 .5em
}

.site-footer--social .site-footer__primary .menu-item svg {
	fill: #2d2d2b
}

.site-footer--social .site-footer__primary .menu-item:focus:after, .site-footer--social .site-footer__primary .menu-item:hover:after {
	content: none
}

.site-footer--social .site-footer__primary .menu-item:focus:before, .site-footer--social .site-footer__primary .menu-item:hover:before {
	background-color: #fec131
}

.site-footer--social .site-footer__primary .menu-item a {
	line-height: 4.5em
}

.site-footer--social .site-footer__social-title {
	margin-top: .25em;
	margin-bottom: .25em;
	font-size: 1.75em
}

.site-footer .gform_wrapper h3 {
	font-size: 1.6em !important
}

	.site-footer .gform_wrapper h3 .gform_footer {
		align-items: center
	}

	.site-footer .gform_wrapper h3 .gform_wrapper .gform_footer {
		padding: 29px 0 10px !important
	}

.site-header {
	background-color: transparent;
	position: relative
}

.site-header__main {
	padding-top: 1.2rem;
	padding-bottom: 1.2rem;
	background-image: linear-gradient(0deg, #DFDFDF 0%, #EEEEEE 100%);
	height: 500px;
	z-index: -1 !important;
}

	.site-header__main > .container {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center
	}

		.site-header__main > .container > * {
			flex: 1 auto
		}

.site-header__top {
	background-color: #f2f0f0;
	width: 100%
}

.site-header__menu {
	text-align: right
}

.site-header__logo {
	max-width: 15rem
}

	.site-header__logo svg {
		width: 100%
	}

	.site-header__logo .logo__text {
		fill: #fec131
	}

@media (min-width:900px) {
	.site-header .container {
		display: flex;
		justify-content: space-between;
		align-items: center
	}
}

.site-header--transparent, .site-header--yellow {
	background-color: #fec131
}

@media (min-width:900px) {
	.site-header--transparent .logo__text, .site-header--yellow .logo__text {
		fill: #fff
	}
}

.site-header--transparent .menu-primary a, .site-header--yellow .menu-primary a {
	letter-spacing: .03rem
}

.site-header--transparent li.menu-button a, .site-header--yellow li.menu-button a {
	border: .1em solid #fff !important;
	font-weight: 400;
	color: #fff
}

	.site-header--transparent li.menu-button a:focus, .site-header--transparent li.menu-button a:hover, .site-header--yellow li.menu-button a:focus, .site-header--yellow li.menu-button a:hover {
		color: #fff !important;
		border-color: #2d2d2b !important;
		background-color: #2d2d2b !important
	}

		.site-header--transparent li.menu-button a:hover:after, .site-header--yellow li.menu-button a:hover:after {
			content: none
		}

.site-header--transparent {
	background-color: transparent
}


	.site-header--transparent .site-header__main {
		position: absolute;
		z-index: 100;
		width: 100%
	}


	.site-header--transparent .menu-primary a {
		color: #2d2d2b
	}

		.site-header--transparent .menu-primary a:after {
			background-color: #fff
		}

.menu-footer {
	padding-top: .3em
}

@media (min-width:900px) {
	.menu-footer {
		padding-top: .8em
	}
}

.menu-footer__title {
	color: #717171;
	font-weight: 700;
	letter-spacing: .235em;
	font-family: "Roboto Slab",serif;
	text-transform: uppercase;
	font-size: .8em;
	font-weight: 400
}

@media (min-width:900px) {
	.menu-footer__title {
		font-size: .49em
	}
}

.menu-footer__list {
	display: flex;
	flex-wrap: wrap
}

	.menu-footer__list > * {
		flex: 1 50%
	}

@media (min-width:900px) {
	.menu-footer__list > * {
		flex: 1 auto
	}
}

.menu-footer__list a {
	color: #2d2d2b;
	text-decoration: none;
	font-weight: 500;
	display: block;
	padding-bottom: 1em
}

@media (min-width:900px) {
	.menu-footer__list a {
		font-size: .8em
	}
}

.menu-footer__list a:hover {
	color: #fbb100
}

.menu-mobile {
	position: fixed;
	z-index: 9999;
	height: 100vh;
	top: 0;
	right: -100%;
	width: 100%;
	background-size: cover;
	background-position: center center;
	transition: .5s ease right;
	padding-top: 1rem;
	padding-bottom: 1rem
}

	.menu-mobile .menu-item {
		text-align: right
	}

	.menu-mobile .container {
		position: relative;
		height: inherit
	}

	.menu-mobile li:before {
		content: none
	}

	.menu-mobile a {
		text-decoration: none;
		color: #fff
	}

.menu-mobile__header {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.menu-mobile__logo {
	width: 100%;
	max-width: 12rem
}

	.menu-mobile__logo .logo__icon {
		fill: #fff
	}

.menu-mobile__button {
	position: relative;
	background-color: transparent;
	border: none
}

	.menu-mobile__button:after {
		content: '';
		border: .1rem solid #fec131;
		border-radius: 100rem;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		width: 1.75rem;
		height: 1.75rem
	}

	.menu-mobile__button svg {
		padding-top: .1rem;
		height: 1rem;
		width: 1rem;
		fill: #fff
	}

.menu-mobile__menu {
	position: absolute;
	z-index: 99999;
	right: 1rem;
	bottom: 2.5rem
}

.menu-mobile__menu-primary {
	padding-bottom: 1em
}

	.menu-mobile__menu-primary li {
		line-height: 2.5em
	}

	.menu-mobile__menu-primary a {
		font-weight: 500;
		font-size: 2em
	}

.menu-mobile__menu-secondary a {
	font-size: 1.4em;
	line-height: 1.6em;
	font-weight: 400
}

.menu-mobile__social {
	display: flex;
	justify-content: flex-end;
	padding-top: 2rem
}

	.menu-mobile__social li {
		margin-left: 1em
	}

	.menu-mobile__social svg {
		width: 1.25rem;
		height: 1.25rem;
		fill: #fff
	}

.menu-mobile[aria-hidden=false] {
	right: 0
}

#wrapper {
	transition: .6s ease left;
	left: 0
}

	#wrapper.mobile-menu-shown {
		left: -25%
	}

.menu-primary__button {
	background-color: transparent;
	border: none
}

@media (min-width:900px) {
	.menu-primary__button {
		display: none
	}
}

.menu-primary__button svg {
	width: 1rem;
	height: 1rem
}

.menu-primary__list {
	display: none
}

@media (min-width:900px) {
	.menu-primary__list {
		display: flex;
		justify-content: flex-end
	}
}

.menu-primary li {
	position: relative;
	padding-left: 1.5em
}

	.menu-primary li:before {
		content: none
	}

	.menu-primary li.menu-button a {
		border: .1em solid #fec131;
		padding: .25em 1.75em;
		border-radius: 100rem;
		transition: .4s ease all;
		font-size: .9em
	}

		.menu-primary li.menu-button a:focus, .menu-primary li.menu-button a:hover {
			background-color: #fec131;
			color: #2d2d2b
		}

			.menu-primary li.menu-button a:focus, .menu-primary li.menu-button a:hover:after {
				content: none
			}

.menu-primary .current-menu-item:not[menu-button] a:after {
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}

.menu-primary a {
	text-decoration: none;
	position: relative;
	color: #2d2d2b;
	padding-bottom: 4px;
	font-weight: 500
}

	.menu-primary a:after {
		content: '';
		display: block;
		position: absolute;
		background-color: #fec131;
		left: 0;
		bottom: 0;
		height: 2px;
		width: 100%;
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		transition: transform .2s cubic-bezier(.25,.46,.45,.94),visibility .2s,-webkit-transform .2s cubic-bezier(.25,.46,.45,.94)
	}

	.menu-primary a:focus:after, .menu-primary a:hover:after {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

.menu-products__title {
	color: #717171;
	font-weight: 700;
	letter-spacing: .235em;
	font-family: "Roboto Slab",serif;
	text-transform: uppercase;
	font-size: .8em;
	font-weight: 400
}

@media (min-width:900px) {
	.menu-products__title {
		font-size: .49em
	}
}

.menu-products__list {
	display: flex;
	flex-wrap: wrap;
	border-bottom: .2rem solid #fec131;
	padding-bottom: 1em
}

@media (min-width:900px) {
	.menu-products__list {
		padding-bottom: 1.5em
	}
}

.menu-products__list li {
	margin-bottom: .8em;
	margin-right: 1.5em
}

@media (max-width:599px) {
	.menu-products__list li {
		margin-bottom: 1em;
		margin-top: .5em
	}
}

@media (min-width:600px) and (max-width:899px) {
	.menu-products__list li {
		margin-bottom: 1em;
		margin-top: .5em
	}
}

.menu-products__list a {
	color: #2d2d2b;
	text-decoration: none;
	font-weight: 500;
	font-size: 1.5em
}

@media (min-width:900px) {
	.menu-products__list a {
		font-size: 1.25em
	}
}

.menu-secondary__list ul {
	padding: .1em 0 .3em 0;
	margin: .3em 0;
	display: flex;
	flex-direction: row
}

	.menu-secondary__list ul li {
		list-style: none;
		padding-left: .4em;
		padding-right: .4em
	}

		.menu-secondary__list ul li:before {
			content: none
		}

		.menu-secondary__list ul li a {
			color: #717171;
			text-decoration: none;
			font-family: "Roboto Slab",serif;
			font-weight: 400;
			font-size: .58em;
			text-transform: uppercase;
			letter-spacing: .13em
		}

			.menu-secondary__list ul li a:hover {
				color: #2d2d2b
			}

@media (min-width:600px) and (max-width:899px) {
	.form-block .container {
		max-width: 700px;
		padding-bottom: 1em
	}
}

.form-block__form {
	margin: 3rem auto;
	box-shadow: 0 3px 26px rgba(0,0,0,.5);
	padding: 1rem
}

@media (min-width:900px) {
	.form-block__form {
		padding: 3rem
	}
}

.form-block__description {
	line-height: 1.5;
	color: #4a4a4a;
	max-width: 502px;
	padding-bottom: .8em
}

.form-block .gform_description {
	max-width: 500px
}

.form-block--image_left, .form-block--text_left {
	margin-top: 3rem;
	margin-bottom: 3rem
}

@media (min-width:900px) {
	.form-block--image_left .container, .form-block--text_left .container {
		display: flex;
		padding-right: 0;
		padding-left: 0;
		box-shadow: 0 3px 26px rgba(0,0,0,.5)
	}
}

@media (min-width:900px) {
	.form-block--image_left .container > *, .form-block--text_left .container > * {
		width: 50%
	}
}

@media (min-width:900px) {
	.form-block--image_left .container .form-block__secondary, .form-block--text_left .container .form-block__secondary {
		padding: 3rem
	}
}

.form-block--text_left .container {
	background-color: #f2f0f0;
	box-shadow: none
}

.form-block--text_left .form-block__primary {
	padding-top: 1em;
	padding-bottom: 1em;
	max-width: 399px
}

@media (min-width:900px) {
	.form-block--text_left .form-block__primary {
		padding: 3rem
	}
}

.form-block--text_left .form-block__primary .form-block__content {
	position: relative;
	padding-left: 1.9em
}

	.form-block--text_left .form-block__primary .form-block__content:before {
		content: '';
		display: block;
		position: absolute;
		background-color: #fbb100;
		left: 0;
		top: 0;
		height: 100%;
		width: 15px
	}

.form-block--text_left .form-block__title {
	margin: 1rem 0
}

@media (min-width:900px) {
	.form-block--text_left .form-block__description {
		font-size: .83em
	}
}

@media (min-width:900px) {
	.form-block__image--photo {
		width: 100%;
		height: 100%
	}
}

.form-block__image--graphic {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%
}

.form-block--overlay .form-block__form {
	background-color: #fff;
	position: relative;
	z-index: 25;
}

@media (min-width:900px) {
	.form-block--overlay .form-block__form {
		margin-top: -4rem
	}
}

.form-block .gform_wrapper {
	margin-top: 0 !important
}

	.form-block .gform_wrapper .gfield {
		margin-top: 1rem !important
	}

.form-block .custom-upload-button {
	padding-top: .8em !important
}

.general {
	padding-top: 4rem;
	padding-bottom: 4rem
}

	.general .container {
		max-width: 800px
	}

.select2-results__option::before {
	background-color: transparent !important
}

.select2-selection--single {
	border-radius: 0 !important;
	box-shadow: inset 0 0 1px #717171 !important;
	height: auto !important;
	min-width: 124px
}

.select2-selection__rendered {
	padding: .5em
}

.select2-selection__placeholder {
	color: #4a4a4a !important;
	font-weight: 400 !important
}

.select2-selection__arrow {
	display: none
}

.contact_form {
	margin: 4rem;
	margin-top: -16rem
}

	.contact_form .container {
		z-index: 26;
		position: relative;
		max-width: 30rem;
		background-color: #fff;
		margin: 0 auto;
		padding: 1em;
		box-shadow: 0 3px 26px rgba(0,0,0,.5)
	}

		.contact_form .container iframe {
			height: 100%;
			min-height: 850px;
			width: 100%;
			overflow: scroll
		}

.SinglesPage--transparent-header section:first-of-type {
	padding-top: 3em
}

@media (min-width:900px) {
	.SinglesPage--transparent-header section:first-of-type {
		padding-top: 5em
	}
}

.login-container, .forgot-container {
	width: 1025px;
	position: relative;
	margin: auto;
	height: 477px;
	display: flex;
	margin-bottom: 70px;
	z-index: 200;
}

.login-image {
	box-shadow: 0 3px 26px rgba(0,0,0,.5);
}

.login-container h2 {
	color: #fff;
	position: relative;
	top: -360px;
	left: 30px;
	font-size: 48px;
	font-weight: 400;
}

.login-container h3 {
	color: #fff;
	position: relative;
	top: -390px;
	width: 405px;
	left: 33px;
	font-family: Roboto;
	font-size: 26px;
	font-weight: 500;
}

	.login-container h3.error {
		color: #fa3f2c;
		line-height: 1.5;
		font-size: 1em;
		top: 0;
		left: -10px;
	}

.login-container .note {
	font-size: 12px;
	margin-top: -10px;
	margin-left: -50px;
}

.forgot-container .reset h2 {
	width: 450px;
	top: -435px;
	left: 43px;
}

.forgot-container .reset h3 {
	top: -459px;
	left: 43px;
}

.login-form {
	height: 465px;
	width: 512px;
	top: 13.5%;
	margin: 0;
	padding: 0;
	border-bottom: .8rem solid #fec131;
	box-shadow: 0 3px 26px rgba(0,0,0,.5);
}

.forgot-form {
	height: 465px;
	width: 512px;
	top: 13.5%;
	margin: 0;
	padding: 0;
	border-bottom: .8rem solid #fec131;
	box-shadow: 0 3px 26px rgba(0,0,0,.5);
}

	.login-form ul, .forgot-form ul {
		list-style: none;
	}

		.login-form ul li::before, .forgot-form ul li::before {
			background: none;
		}

		.login-form ul li, .forgot-form ul li {
			width: 200px;
			position: relative;
			margin: auto;
		}

.bottom_bar {
	background: none !important;
	border-top: none !important;
}

.site-footer {
	background: none !important;
	border-top: none !important;
}

.icon {
	fill: #717171 !important;
}

.forgot-password {
	color: #FEC131;
	font-family: Roboto;
	font-size: 12px;
	font-weight: 400;
	width: 204px;
	text-align: center;
	text-decoration: underline;
	margin-left: 25px;
}

.mobile-header {
	display: none;
}


.forgot-image {
	box-shadow: 0 3px 26px rgba(0,0,0,.5);
	width: 500px;
}

.forgot-container h2 {
	color: #fff;
	position: relative;
	top: -440px;
	left: 30px;
	font-size: 48px;
	font-weight: 400;
}

.forgot-container h3 {
	color: #fff;
	position: relative;
	top: -390px;
	width: 405px;
	left: 33px;
	font-family: Roboto;
	font-size: 26px;
	font-weight: 500;
}

	.forgot-container h3.error {
		color: #fa3f2c;
		line-height: 1.5;
		font-size: 1em;
		top: 0;
		left: -10px;
	}

.forgot-container h4 {
	font-family: Roboto;
	font-weight: bold;
}

.forgot-container h5 {
	font-family: Roboto;
	font-size: 16px
}



.reset-password input[type=password]::-ms-reveal,
.reset-password input[type=password]::-ms-clear {
	display: none;
}

.eye-span {
	border: 1px solid #979797;
	border-left: none;
	padding-top: 7px;
	width: 25px;
}

.forgot-disclaimer {
	font-size: 16px;
	font-family: Roboto;
	color: #6C7178;
	text-align: center;
	position: absolute;
	bottom: 1.5%;
	width: 100%;
}
div.forgot-disclaimer > a > span:nth-child(2) {
	display: none;
}

p.msgobbf > a > span:nth-child(2) {
	display: none;
}

.forgot-disclaimer a {
	color: #183FC9;
}

.forgot-disclaimer-oneline {
	font-size: 16px;
	font-family: Roboto;
	color: #6C7178;
	text-align: center;
	position: absolute;
	bottom: 4%;
	width: 100%;
}
div.forgot-disclaimer-oneline > a > span:nth-child(2) {
	display: none;
}
.forgot-password-header {
	color: #293547;
	font-family: Roboto;
	font-size: 18px;
	font-weight: 500;
	line-height: 22px;
	text-align: center;
	margin-top: 35px;
}
/*2FA setup progress bar*/
#tfa-container {
	width: 700px;
	margin: 0 auto;
}

#tfa-form {
	height: fit-content;
	width: 700px;
}

.tfa-content {
	margin-top: -400%;
	margin-left: 40px;
}

.active .tfa-content {
	transition: all .1s;
	margin-top: 0;
}

.tfa-label {
	font-weight: 600;
}

#progressbar {
	position: relative;
	overflow: hidden;
	color: #008667;
	counter-reset: progress-count;
	margin-top: 0;
}

	#progressbar li {
		list-style-type: none;
		font-size: 8px;
		font-weight: 400;
		margin-bottom: 36px;
		counter-increment: progress-count;
		width: 100%;
		height: 30px;
	}

		#progressbar li.active {
			height: 80%;
		}

		#progressbar li:nth-child(1).active {
			margin-bottom: 88px
		}

		#progressbar li:before {
			width: 30px;
			height: 30px;
			line-height: 30px;
			display: block;
			font-size: 15px;
			text-align: center;
			background: #D9D9D9;
			color: #4F4D4E;
			border-radius: 50%;
			margin: -2px auto;
			content: counter(progress-count);
		}

		#progressbar li:nth-child(1).active::after {
			height: 110%;
		}

		#progressbar li:nth-child(2).active::after {
			height: 90%;
		}


		#progressbar li::after {
			content: '';
			width: 3px;
			height: 25px;
			background: #BDBDBD;
			position: absolute;
			left: 14px;
			top: 35px;
			z-index: -1
		}

		#progressbar li:nth-child(3)::after {
			display: none;
		}

		#progressbar li.active:before {
			background: #008667;
			color: #fff;
		}

.tfa-title {
	color: #D9D9D9;
	font-size: 16px;
	font-family: Roboto;
	margin-left: 40px;
}

.active .tfa-title {
	color: #008667;
}

.tfa-subtitle, .tfa-label {
	color: #4F4D4E;
	font-size: 14px;
}

.tfa-option input {
	accent-color: #008667;
	margin-right: 5px;
	vertical-align: sub;
	width: 20px;
	height: 20px;
	margin-bottom: 20px;
	font-weight: 500;
}

.tfa-sublabel {
	font-size: 12px;
	color: #4F4D4E;
	font-style: italic;
	font-weight: normal;
}

.tfa-options {
	margin-bottom: 15px;
}

.tfa-option-content {
	font-size: 14px;
	margin: -10px 0 10px 35px;
	line-height: 15px;
}

.tfa-back {
	text-decoration: underline;
	background: none;
	font-style: italic;
	color: #4F4D4E;
	border: none;
	font-size: 14px;
	font-family: "Roboto";
	cursor: pointer;
}

.tfa-error {
	color: red;
	margin: 9px;
	width: 90%;
	text-align: center;
	font-size: 12px;
}

.step2 .tfa-error {
	margin: 15px 0 15px -70px;
}

.tfa-button {
	width: 60px;
	height: 30px;
	color: white;
	border: none;
	border-radius: 5px;
	font-size: 16px;
	font-family: 'Roboto';
	background-color: #008667;
	box-shadow: 5px 5px 5px lightgray;
	cursor: pointer;
}

	.tfa-button:disabled {
		background: #D9D9D9;
		color: #4F4D4E;
		cursor: none;
	}

.tfa-sms .tfa-label, .tfa-phone .tfa-label, .tfa-email .tfa-label, .step3 .tfa-label {
	font-weight: normal;
}

.tfa-button#sms, .tfa-button#phone, .tfa-button#email {
	width: 100px;
}

.tfa-button#email {
	margin-top: 15px;
}

.step2 input[type=tel] {
	margin: 15px 0;
	border-radius: 5px !important;
	box-shadow: inset lightgray 1px 2px 4px !important;
	border: 1px solid #D1D1D1 !important;
	font-size: 14px;
}

	.step2 input[type=tel]::placeholder {
		color: #717171 !important;
		opacity: 1;
	}

.userPhone, .userContact {
	font-weight: 500;
}

.code-container {
	display: flex;
	flex-direction: row;
	margin: 10px auto;
}

.login-tfa-label {
	width: 75%;
	margin: auto;
	text-align: center;
}

.num {
	height: 100%;
	width: 16.67%;
	margin: 0 10px;
	border: 1px solid #D9D9D9 !important;
	border-radius: 10px !important;
	box-shadow: 5px 5px 5px lightgray !important;
	font-size: 24px;
	font-family: 'Roboto';
	text-align: center;
}

.tfa-resend {
	color: #183FC9;
	margin: -4px 0 10px 5px;
	width: fit-content;
	cursor: pointer;
	background: none;
	border: none;
}

	.tfa-resend:disabled {
		color: gray;
		text-decoration: line-through !important;
		cursor: default;
	}

.tfa-button#verify-button {
	width: 250px;
	margin: 10px auto;
}

.tfa-back#last {
	text-decoration: underline;
	color: #183FC9;
	cursor: pointer;
	margin-bottom: 10px;
}

.tfa-verify-wrapper {
	display: flex;
	flex-direction: column;
	text-align: center;
	margin-top: 40px;
	margin-left: -40px;
}

@media (max-width:645px) {
	.site-header__logo {
		display: none;
	}

	.mobile-header {
		display: inline;
	}

		.mobile-header h3 {
			color: black;
			top: 0;
			left: 0;
			margin: auto;
			text-align: center;
			font-family: Roboto;
		}

	.login-container, .forgot-container {
		flex-direction: column;
		width: 100%;
		height: 100%;
		position: initial;
	}


	.login-image, .forgot-image {
		display: none;
	}

	.login-form, .forgot-form {
		width: 100%;
		position: absolute !important;
		top: 100%;
		left: 0%;
	}

	#tfa-form {
		position: relative !important;
		width: 24rem !important;
		margin: auto 3px !important;
	}

	.bottom_bar {
		display: none;
	}
}

@media (min-width:646px) and (max-width:899px) {
	.site-header__logo {
		display: none;
	}

	.mobile-header {
		display: inline;
	}

		.mobile-header h3 {
			color: black;
			top: 0;
			left: 0;
			margin: auto;
			text-align: center;
			font-family: Roboto;
		}

	.login-container, .forgot-container {
		flex-direction: column;
		width: 100%;
		position: initial;
	}

	.login-image, .forgot-image {
		display: none;
	}

	.login-form, .forgot-form {
		max-width: 28rem;
		width: 100%;
		top: 6%;
		margin: auto;
	}

	.bottom_bar {
		display: none;
	}
}

.dual-content-wrapper {
	width: 100%;
	color: #49596f;
	font-family: "proxima-nova", "arial", "sans-serif";
	font-size: 15px;
	line-height: 1.8;
	text-align: center;
	margin: 0 auto 50px;
	max-width: 960px;
}

.dual-body p {
	margin-bottom: 20px;
}

.dual-body ol, .dual-body li {
	list-style: disc;
	margin-left: 15px;
	padding-left: 0px;
}

.dual-body .dual-left, .dual-body .dual-right {
	background: #fff;
	border: 1px solid #e4e4e4;
	display: inline-block;
	margin: 1%;
	min-height: 600px;
	padding: 4.15555%;
	vertical-align: top;
	width: 39.33333%;
}

.dual-body .dual-left {
	margin-right: 0;
}

.dual-content-wrapper img {
	max-width: 80%;
}

.dual-body .text {
	text-align: left;
}


.dual-content-wrapper .btn-search {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	color: #fff;
	line-height: 21px;
	background: #ffc400;
	padding: 7px 18px;
	margin: 0 0 10px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	border: 0;
	cursor: pointer;
	margin: 0 20px;
}

@media (max-width: 639px) {
	.dual-content-wrapper {
		width: 100%;
	}

	.dual-body .dual-left, .dual-body .dual-right {
		width: 87.33333%;
		margin: 2%;
	}

	.dual-content-wrapper .btn-search {
		display: block;
	}

	.dual-intro {
		padding: 15% 10%;
		font-size: 18px;
	}
}

@media (min-width: 640px) and (max-width: 959px) {
	.dual-intro {
		padding: 10%;
		font-size: 20px;
	}

	.dual-body .dual-left, .dual-body .dual-right {
		width: 39%;
	}
}
