/*!
 * rebate_form v1.0.0
 * 
 * http://www.shure.com/wirelessrebate
 *
 * Copyright Shure Inc.
 * Released under the MIT license
 *
 * Date Thu Jun 29 2017 15:04:10 GMT-0500 (CDT)
 */
@media(max-width:420px)
	{
		.qualifying-table .header span:nth-child(2)
		{
			text-align:right;
		}
}
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: inherit;
	vertical-align: baseline
}

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

body {
	line-height: 1
}

ol,
ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

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

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

::-moz-selection {
	background: rgba(0, 0, 0, .66);
	color: #fff
}

::selection {
	background: rgba(0, 0, 0, .66);
	color: #fff
}

html {
	box-sizing: border-box;
	background-color: #eee;
	font-size: 16px
}

html.loading * {
	transition: none!important
}

*,
:after,
:before {
	box-sizing: inherit
}

body {
	font-family: Trade Gothic;
	font-weight: 400
}

.container {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	line-height: 1.75;
	margin: auto;
	max-width: 1240px;
	overflow: visible;
	padding: 0 1rem;
	position: relative;
	width: 100%
}

.container.-padding {
	padding: 3rem 1rem 1rem
}

@media (max-width:600px) {
	.container.-padding {
		padding: 2rem 1rem 1rem
	}
}

.container.-row {
	-ms-flex-direction: row;
	flex-direction: row
}

.container.-small-600 {
	max-width: 600px
}

.container.-small-750 {
	max-width: 750px
}

.container.-small-800 {
	max-width: 800px
}

.container.-small-1000 {
	max-width: 1000px
}

h1 {
	font-family: Trade Gothic Condensed;
	font-size: 50px;
	font-weight: 700;
	text-transform: uppercase
}

@media (max-width:900px) {
	h1 {
		font-size: 34px
	}
}

h2 {
	font-size: 36px
}

@media (max-width:900px) {
	h2 {
		font-size: 22px;
		line-height: 28px
	}
}

h3 {
	font-size: 24px
}

@media (max-width:900px) {
	h3 {
		font-size: 20px
	}
}

a {
	color: #5c8eb4;
	font-weight: 700;
	text-decoration: none
}

a.-small {
	font-size: 14px
}

p {
	line-height: 1.875;
	margin-top: 0
}

p+p {
	margin-top: .5rem
}

strong {
	font-weight: 700
}

@font-face {
	font-family: Trade Gothic;
	font-weight: 400;
	src: url(../fonts/trade-gothic/normal.html) format("woff2"), url(../fonts/trade-gothic/normal.woff) format("woff")
}

@font-face {
	font-family: Trade Gothic;
	font-style: italic;
	font-weight: 400;
	src: url(../fonts/trade-gothic/normal-italic.html) format("woff2"), url(../fonts/trade-gothic/normal-italic.woff) format("woff")
}

@font-face {
	font-family: Trade Gothic;
	font-weight: 700;
	src: url(../fonts/trade-gothic/bold.html) format("woff2"), url(../fonts/trade-gothic/bold.woff) format("woff")
}

@font-face {
	font-family: Trade Gothic;
	font-style: italic;
	font-weight: 700;
	src: url(../fonts/trade-gothic/bold-italic.html) format("woff2"), url(../fonts/trade-gothic/bold-italic.woff) format("woff")
}

@font-face {
	font-family: Trade Gothic Condensed;
	font-weight: 400;
	src: url(../fonts/trade-gothic-condensed/normal.html) format("woff2"), url(../fonts/trade-gothic-condensed/normal.woff) format("woff")
}

@font-face {
	font-family: Trade Gothic Condensed;
	font-weight: 700;
	src: url(../fonts/trade-gothic-condensed/bold.html) format("woff2"), url(../fonts/trade-gothic-condensed/bold.woff) format("woff")
}

@font-face {
	font-family: Trade Gothic Extended;
	font-weight: 400;
	src: url(../fonts/trade-gothic-extended/normal.html) format("woff2"), url(../fonts/trade-gothic-extended/normal.woff) format("woff")
}

@font-face {
	font-family: Trade Gothic Extended;
	font-weight: 700;
	src: url(../fonts/trade-gothic-extended/bold.html) format("woff2"), url(../fonts/trade-gothic-extended/bold.woff) format("woff")
}

.button {
	-ms-flex-align: center;
	align-items: center;
	background-color: #5c8eb4;
	border: 1px solid #5c8eb4;
	color: #fff;
	cursor: pointer;
	display: -ms-inline-flexbox;
	display: inline-flex;
	font-family: inherit;
	font-size: 1.5rem;
	font-weight: lighter;
	-ms-flex-pack: center;
	justify-content: center;
	line-height: 1.25;
	padding: .5rem 2rem;
	position: relative;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	transition: all .3s;
	width: 100%
}

.button:hover {
	background-color: #fff;
	border-color: #000;
	color: #15181b
}

.animate {
	animation-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.animate.fadeInPop {
	animation-duration: .3s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	animation-name: a
}

@keyframes a {
	0% {
		opacity: 0;
		transform: scale(.8)
	}
	to {
		opacity: 1;
		transform: scale(1)
	}
}

.index h2 {
	margin-bottom: 1.5rem;
	text-align: center
}

.index section.claim ol {
	margin: 0 auto;
	max-width: 800px;
	width: 100%
}

.index section.claim ol li {
	-ms-flex-align: center;
	align-items: center;
	background-color: #fff;
	display: -ms-flexbox;
	display: flex;
	margin-top: 0;
	padding: 1rem
}

.index section.claim ol li+li {
	margin-top: 1rem
}

.index section.claim ol li .num {
	-ms-flex-align: center;
	align-items: center;
	border: 3px solid;
	border-radius: 100%;
	color: #549241;
	display: -ms-inline-flexbox;
	display: inline-flex;
	font-size: 1.5rem;
	font-weight: 700;
	height: 3rem;
	-ms-flex-pack: center;
	justify-content: center;
	margin-right: 1rem;
	min-width: 3rem;
	padding: .25rem;
	width: 3rem
}

.index section.claim ol li .text {
	font-size: 20px
}

.index section.qualifying .graphic {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

.index section.qualifying .graphic .row {
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center
}

@media (max-width:1000px) {
	.index section.qualifying .graphic .row {
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.index section.qualifying .graphic .row+.row {
	margin-top: 2rem
}

@media (max-width:1000px) {
	.index section.qualifying .graphic .row+.row {
		border-top: 1px solid #333;
		padding-top: 2rem
	}
}

.index section.qualifying .graphic .row>div {
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%;
	-ms-flex-pack: center;
	justify-content: center;
	margin-left: 0
}

.index section.qualifying .graphic .row>div+div {
	margin-left: 2rem
}

@media (max-width:1000px) {
	.index section.qualifying .graphic .row>div+div {
		margin-left: 0
	}
}

.index section.qualifying .graphic .row>div object {
	fill: #549241;
	height: 7rem;
	margin-bottom: .5rem
}

@media (max-width:1000px) {
	.index section.qualifying .graphic .row>div object {
		height: 5rem
	}
}

.index section.qualifying .graphic .row .black,
.index section.qualifying .graphic .row .green {
	font-size: 36px
}

.index section.qualifying .graphic .row .black {
	font-weight: 700
}

.index section.qualifying .graphic .row .green {
	color: #549241
}

.index section.resources ul {
	display: -ms-flexbox;
	display: flex
}

@media (max-width:980px) {
	.index section.resources ul {
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.index section.resources ul li {
	background-color: #fff;
	display: -ms-flexbox;
	display: flex;
	-ms-flex: 1;
	flex: 1;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-left: 0;
	margin-top: 0;
	padding: 2rem;
	text-align: center
}

.index section.resources ul li+li {
	margin-left: 1rem
}

@media (max-width:980px) {
	.index section.resources ul li+li {
		margin-left: 0;
		margin-top: 1rem
	}
}

.index section.resources ul li svg {
	height: 150px;
	width: 150px
}

.index section.resources ul li h3 {
	margin: .5rem auto 1rem
}

.index section.resources ul li .button {
	margin-top: 1rem;
	width: 100%
}

.eligibilityTool h1,
.rebateForm h1,
.terms h1 {
	margin-bottom: 2rem
}

.eligibilityTool h1,
.eligibilityTool h2,
.rebateForm h1,
.rebateForm h2,
.terms h1,
.terms h2 {
	text-align: center
}

.eligibilityTool h2,
.rebateForm h2,
.terms h2 {
	font-weight: 400
}

.eligibilityTool p,
.rebateForm p,
.terms p {
	margin-top: 1rem
}

.eligibilityTool .line-item,
.rebateForm .line-item,
.terms .line-item {
	-ms-flex-align: center;
	align-items: center;
	background-color: #f7f7f7;
	border: 1px solid #15181b;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-top: 2rem;
	position: relative;
	opacity: 0;
	transform: translateY(-2rem);
	transition: all .3s;
	z-index: 2
}

.eligibilityTool .line-item.-show,
.rebateForm .line-item.-show,
.terms .line-item.-show {
	opacity: 1;
	transform: translateY(0)
}

.eligibilityTool .line-item:last-child,
.rebateForm .line-item:last-child,
.terms .line-item:last-child {
	z-index: 1
}

.eligibilityTool .line-item:first-child,
.rebateForm .line-item:first-child,
.terms .line-item:first-child {
	opacity: 1;
	transform: translateY(0)
}

.eligibilityTool .line-item:first-child .remove,
.rebateForm .line-item:first-child .remove,
.terms .line-item:first-child .remove {
	display: none
}

@media (max-width:800px) {
	.eligibilityTool .line-item,
	.rebateForm .line-item,
	.terms .line-item {
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.eligibilityTool .line-item .line-order,
.rebateForm .line-item .line-order,
.terms .line-item .line-order {
	-ms-flex-align: center;
	align-items: center;
	background-color: #549241;
	border-bottom: 1px solid #333;
	color: #fff;
	display: -ms-flexbox;
	display: flex;
	font-weight: 700;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: .5rem;
	text-align: left;
	width: 100%
}

.eligibilityTool .line-item .line-order .remove,
.rebateForm .line-item .line-order .remove,
.terms .line-item .line-order .remove {
	background-color: transparent;
	border: 0;
	color: #fff;
	cursor: pointer;
	font-size: inherit;
	font-weight: 400;
	outline: 0
}

.eligibilityTool .line-item .item,
.rebateForm .line-item .item,
.terms .line-item .item {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%
}

.eligibilityTool .line-item .item .inner,
.rebateForm .line-item .item .inner,
.terms .line-item .item .inner {
	padding: 2rem
}

@media (max-width:600px) {
	.eligibilityTool .line-item .item .inner,
	.rebateForm .line-item .item .inner,
	.terms .line-item .item .inner {
		padding: 1rem
	}
}

.eligibilityTool .line-item .item h3,
.rebateForm .line-item .item h3,
.terms .line-item .item h3 {
	margin-bottom: 1rem;
	text-align: center
}

.eligibilityTool .line-item .item .row,
.rebateForm .line-item .item .row,
.terms .line-item .item .row {
	-ms-flex-align: end;
	align-items: flex-end;
	display: -ms-flexbox;
	display: flex;
	margin-top: 0
}

@media (max-width:600px) {
	.eligibilityTool .line-item .item .row,
	.rebateForm .line-item .item .row,
	.terms .line-item .item .row {
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.eligibilityTool .line-item .item .row+.row,
.rebateForm .line-item .item .row+.row,
.terms .line-item .item .row+.row {
	margin-top: 1rem
}

.eligibilityTool .line-item .item .row>.col,
.rebateForm .line-item .item .row>.col,
.terms .line-item .item .row>.col {
	margin-left: 0
}

.eligibilityTool .line-item .item .row>.col+.col,
.rebateForm .line-item .item .row>.col+.col,
.terms .line-item .item .row>.col+.col {
	margin-left: 1rem
}

.eligibilityTool input[type=checkbox],
.rebateForm input[type=checkbox],
.terms input[type=checkbox] {
	opacity: 0;
	position: absolute
}

.eligibilityTool input[type=checkbox],
.eligibilityTool label,
.rebateForm input[type=checkbox],
.rebateForm label,
.terms input[type=checkbox],
.terms label {
	cursor: pointer
}

.eligibilityTool label,
.rebateForm label,
.terms label {
	position: relative
}

.eligibilityTool input[type=checkbox]+label:before,
.rebateForm input[type=checkbox]+label:before,
.terms input[type=checkbox]+label:before {
	content: "";
	background: #fff;
	border: 1px solid #333;
	display: inline-block;
	vertical-align: middle;
	width: 1.5rem;
	height: 1.5rem;
	padding: 2px;
	margin-right: 10px;
	margin-top: -2px
}

.eligibilityTool input[type=checkbox]:checked+label:before,
.rebateForm input[type=checkbox]:checked+label:before,
.terms input[type=checkbox]:checked+label:before {
	background: #5c8eb4
}

.eligibilityTool .add-button,
.rebateForm .add-button,
.terms .add-button {
	-ms-flex-align: center;
	align-items: center;
	background-color: transparent;
	border: 0;
	color: #5c8eb4;
	cursor: pointer;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	font-weight: 400;
	margin: 2rem auto 0;
	outline: 0;
	padding: 0
}

.eligibilityTool .add-button svg,
.rebateForm .add-button svg,
.terms .add-button svg {
	height: 50px;
	width: 50px
}

.eligibilityTool .add-button svg *,
.rebateForm .add-button svg *,
.terms .add-button svg * {
	fill: #5c8eb4
}

.eligibilityTool .add-button span,
.rebateForm .add-button span,
.terms .add-button span {
	font-size: 24px;
	margin-top: 1rem
}

@media (max-width:600px) {
	.eligibilityTool .add-button span,
	.rebateForm .add-button span,
	.terms .add-button span {
		font-size: 18px
	}
}

.eligibilityTool .button.next,
.rebateForm .button.next,
.terms .button.next {
	display: block;
	margin: 2rem auto;
	max-width: 20rem
}

.rebateFormInfo form {
	padding-top: 1rem
}

.rebateFormInfo form>div {
	display: -ms-flexbox;
	display: flex;
	-ms-flex: 1;
	flex: 1;
	-ms-flex-direction: column;
	flex-direction: column
}

.rebateFormInfo form>div>div {
	-ms-flex: 1;
	flex: 1;
	margin-left: 0
}

.rebateFormInfo form>div>div+div {
	margin-left: 1rem
}

@media (max-width:800px) {
	.rebateFormInfo form>div>div+div {
		margin-left: 0
	}
}

.rebateFormInfo form>div.row {
	-ms-flex-direction: row;
	flex-direction: row
}

@media (max-width:800px) {
	.rebateFormInfo form>div.row {
		-ms-flex-direction: column;
		flex-direction: column;
		margin-top: 0
	}
	.rebateFormInfo form>div.row>div {
		margin-top: 1rem
	}
}

.rebateFormInfo form input,
.rebateFormInfo form label {
	display: block
}

.rebateFormInfo form input,
.rebateFormInfo form select {
	width: 100%
}

.rebateFormInfo form .next {
	display: block;
	margin: 2rem auto 0;
	max-width: 20rem
}

.rebateFormInfo form p {
	text-align: center
}

.rebateFormInfo form .required-note {
	color: #777;
	font-style: italic
}

.rebateFormInfo form .required-note .red {
	color: #a90d1c
}

.rebateFormPurchased .purchasedProduct {
	-ms-flex: 8.5;
	flex: 8.5
}

@media (max-width:600px) {
	.rebateFormPurchased .purchasedProduct {
		-ms-flex: 1;
		flex: 1;
		width: 100%
	}
}

.rebateFormPurchased .purchasedQuantity {
	-ms-flex: 1.5;
	flex: 1.5;
	margin-left: 1rem
}

@media (max-width:600px) {
	.rebateFormPurchased .purchasedQuantity {
		-ms-flex: 1;
		flex: 1;
		margin-top: 1rem;
		width: 100%
	}
}

.rebateFormPurchased .green,
.rebateFormReturns strong.green {
	color: #549241
}

.rebateFormReturns .returnManufacturer {
	width: 100%
}

.rebateFormReturns .returnProduct {
	-ms-flex: 10;
	flex: 10
}

.rebateFormReturns .-hidden {
	display: none!important
}

.rebateFormReturns .returnProductPrototype {
	-ms-flex-align: end;
	align-items: flex-end;
	display: -ms-flexbox;
	display: flex;
	-ms-flex: 8.5;
	flex: 8.5
}

@media (max-width:600px) {
	.rebateFormReturns .returnProductPrototype {
		-ms-flex: 1;
		flex: 1;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.rebateFormReturns .note,
.rebateFormReturns .otherChannels {
	-ms-flex: 4.25;
	flex: 4.25
}

.rebateFormReturns .otherChannels,
.rebateFormReturns .returnQuantity {
	margin-left: 1rem!important;
	margin-top: 1rem
}

@media (max-width:600px) {
	.rebateFormReturns .otherChannels,
	.rebateFormReturns .returnQuantity {
		margin-left: 0!important
	}
}

.rebateFormReturns .returnQuantity {
	-ms-flex: 1.5;
	flex: 1.5
}

@media (max-width:600px) {
	.rebateFormReturns .returnQuantity {
		-ms-flex: 1;
		flex: 1;
		margin-top: 1rem;
		width: 100%
	}
}

.rebateFormReturns .rebate-status {
	margin-bottom: 2rem;
	margin-top: .5rem
}

.rebateFormReturns .rebate-status .-hide {
	display: none
}

.rebateFormReturns .channel-status {
	text-align: center
}

.rebateFormReturns .rebate-result {
	color: #549241;
	font-weight: 700;
	text-align: center
}

.rebateFormReturns #amount {
	border-top: 1px solid #333;
	margin: 0 auto;
	padding-top: 2rem;
	text-align: center
}

.rebateFormReturns #amount #price {
	color: #549241;
	font-family: Trade Gothic Condensed;
	font-size: 72px;
	font-weight: 700;
	line-height: 72px;
	margin-top: 1rem
}

.rebateFormReturns #amount .button {
	margin-top: 2rem;
	max-width: 20rem
}

.rebateProcessTerms h2,
.terms h2 {
	margin-bottom: 2rem
}

.rebateProcessTerms sup,
.terms sup {
	font-size: 75%;
	vertical-align: top
}

.rebateProcessTerms ol,
.terms ol {
	list-style-type: decimal
}

.rebateProcessTerms ol li,
.terms ol li {
	margin-left: 2rem;
	margin-top: 1rem
}

.rebateProcessTerms ol ul,
.terms ol ul {
	list-style-type: disc
}

.rebateProcessTerms ol ul li,
.terms ol ul li {
	margin-top: .5rem
}

.rebateProcessTerms ol ul li ol,
.terms ol ul li ol {
	list-style-type: lower-alpha
}

.rebateProcessTerms ol ul ul,
.terms ol ul ul {
	list-style-type: lower-roman
}

.rebateProcessTerms .highlight,
.terms .highlight {
	background-color: #ff0
}

.rebateProcessTerms .agree,
.rebateProcessTerms .button,
.terms .agree,
.terms .button {
	margin: 0 auto
}

.rebateProcessTerms .agree,
.terms .agree {
	margin-top: 2rem
}

.rebateProcessTerms .agree div,
.terms .agree div {
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0 auto
}

.rebateProcessTerms .agree div input,
.rebateProcessTerms .agree div label,
.terms .agree div input,
.terms .agree div label {
	margin: 0
}

.rebateProcessTerms .agree div input,
.terms .agree div input {
	margin-right: .5rem;
	-ms-flex-order: -1;
	order: -1
}

.rebateProcessTerms .button,
.terms .button {
	margin-top: 1rem;
	max-width: 20rem
}

.rebateFormProcessed .copy-break {
	border-bottom: 1px solid;
	margin-bottom: 2rem;
	margin-top: 2rem;
	text-align: center
}

@media (max-width:600px) {
	.rebateFormProcessed .copy-break {
		padding-bottom: 1rem
	}
}

.rebateFormProcessed #ra-number,
.rebateFormProcessed #shipping {
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 1rem auto 0
}

.rebateFormProcessed #ra-number span,
.rebateFormProcessed #shipping span {
	display: inline-block;
	padding: 2rem;
	text-align: center
}

@media (max-width:600px) {
	.rebateFormProcessed #ra-number span,
	.rebateFormProcessed #shipping span {
		padding: 1rem
	}
}

.rebateFormProcessed #ra-number {
	background-color: #fff;
	color: #549241;
	font-family: Trade Gothic Condensed;
	font-size: 102px;
	font-weight: 700;
	line-height: 72px;
	margin-bottom: 2rem
}

@media (max-width:600px) {
	.rebateFormProcessed #ra-number {
		font-size: 50px
	}
}

.rebateFormProcessed ol {
	list-style: decimal;
	list-style-position: inside
}

.rebateFormProcessed ol li {
	margin-top: 1rem
}

.rebateFormProcessed ol ul {
	list-style-type: none;
	margin-left: 0
}

.rebateFormProcessed ol ul li {
	margin-top: .5rem
}

.rebateFormProcessed ul {
	list-style-type: disc;
	margin-left: 0;
	margin-top: 1rem
}

.rebateFormProcessed #shipping span {
	font-size: 20px
}

.rebateFormProcessed .contact {
	margin: 1rem auto 0;
	text-align: center
}

.rebateFormProcessed .print {
	margin: 2rem auto 0;
	max-width: 20rem
}

.eligibilityTool h2 {
	margin-top: 2rem
}

.eligibilityTool h2 .green {
	color: #549241
}

.eligibilityTool h2 .red {
	color: #a90d1c
}

.eligibilityTool .eligble-no,
.eligibilityTool .eligble-yes,
.eligibilityTool .frequencyCheck,
.eligibilityTool .recommended,
.eligibilityTool .returnProduct {
	display: none
}

.eligibilityTool .-show {
	display: block!important
}

.eligibilityTool .frequencyCheck,
.eligibilityTool .frequencyCheckInput {
	display: none
}

.eligibilityTool .frequencyCheck>div,
.eligibilityTool .frequencyCheckInput>div {
	display: -ms-flexbox;
	display: flex
}

.eligibilityTool .frequencyCheck .col,
.eligibilityTool .frequencyCheckInput .col {
	display: -ms-flexbox;
	display: flex;
	margin-left: 0;
	margin-top: .5rem
}

.eligibilityTool .frequencyCheck .col+.col,
.eligibilityTool .frequencyCheckInput .col+.col {
	margin-left: 1rem
}

.eligibilityTool .frequencyCheck .col {
	-ms-flex-align: center;
	align-items: center;
	position: relative
}

@media (max-width:700px) {
	.eligibilityTool .frequencyCheck .col {
		margin-left: 0!important
	}
}

@media (max-width:700px) {
	.eligibilityTool .frequencyCheck>div {
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.eligibilityTool .frequencyCheck input {
	display: none
}

.eligibilityTool .frequencyCheck label {
	margin: 0;
	padding-left: 2rem
}

.eligibilityTool .frequencyCheck span {
	background-color: #fff;
	border: 1px solid #333;
	height: 1.5rem;
	left: 0;
	position: absolute;
	pointer-events: none;
	top: 0;
	width: 1.5rem
}

.eligibilityTool .frequencyCheck input:checked+span {
	background-color: #5c8eb4
}

.eligibilityTool .frequencyCheckInput .col {
	display: none;
	-ms-flex: 1;
	flex: 1;
	margin-left: 0!important
}

.eligibilityTool .frequencyCheckInput label {
	padding: .5rem
}

.eligibilityTool .frequencyCheckInput input {
	outline: 0;
	width: 6rem;
	-moz-appearance: textfield
}

.eligibilityTool .frequencyCheckInput input.error {
	border: 2px solid #a90d1c
}

.eligibilityTool .frequencyCheckInput input::-webkit-inner-spin-button,
.eligibilityTool .frequencyCheckInput input::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}

.eligibilityTool .frequencyCheckInput[data-frequency=range] .range,
.eligibilityTool .frequencyCheckInput[data-frequency=range] .range .col,
.eligibilityTool .frequencyCheckInput[data-frequency=single] .single,
.eligibilityTool .frequencyCheckInput[data-frequency=single] .single .col,
.eligibilityTool .frequencyCheckInput[data-frequency=twoRange] .twoRange {
	display: -ms-flexbox;
	display: flex
}

@media (max-width:700px) {
	.eligibilityTool .frequencyCheckInput[data-frequency=twoRange] .twoRange {
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.eligibilityTool .frequencyCheckInput[data-frequency=twoRange] .twoRange .col {
	display: -ms-flexbox;
	display: flex
}

.eligibilityTool .frequencyCheckInput[data-frequency=twoRange] .twoRange .col:last-child {
	-ms-flex-pack: end;
	justify-content: flex-end
}

@media (max-width:700px) {
	.eligibilityTool .frequencyCheckInput[data-frequency=twoRange] .twoRange .col:last-child {
		-ms-flex-pack: start;
		justify-content: flex-start;
		margin-top: 1rem
	}
}

.eligibilityTool .frequencyCheckInput .button {
	display: -ms-flexbox;
	display: flex;
	margin: 2rem auto 0
}

.eligibilityTool .eligble-yes.-show+.eligble-no.-show {
	display: none!important
}

.eligibilityTool .recommended {
	max-width: 550px;
	margin: 0 auto
}

.eligibilityTool .recommended .inner {
	background-color: #fff;
	display: -ms-flexbox;
	display: flex;
	margin-top: 1rem;
	padding: .5rem
}

@media (max-width:600px) {
	.eligibilityTool .recommended .inner {
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.eligibilityTool .recommended .inner .col {
	display: -ms-flexbox;
	display: flex;
	-ms-flex: 1;
	flex: 1;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	padding: .5rem
}

.eligibilityTool .recommended h2 {
	font-size: 24px
}

.eligibilityTool .recommended .model {
	color: #5c8eb4;
	font-size: 24px;
	font-weight: 700;
	line-height: 30px;
	margin-bottom: 1rem
}

@media (max-width:600px) {
	.eligibilityTool .recommended .model {
		margin-bottom: 0
	}
}

.eligibilityTool .recommended .rebate {
	color: #549241;
	font-size: 20px;
	font-weight: 700;
	line-height: 20px
}

.eligibilityTool .recommended .button {
	font-size: 16px;
	margin-top: 2rem
}

.eligibilityTool .recommended img {
	display: block;
	height: auto;
	max-width: 100%;
	min-height: 1px
}

.faq h1 {
	text-align: center;
	margin-bottom: 2rem
}

.faq p {
	margin-bottom: 15px
}

.faq ol {
	list-style: inherit;
	list-style-type: decimal;
	padding-left: 20px
}

.faq ol li {
	margin-bottom: 15px
}

.faq ol li h4 {
	font-weight: 700
}

header nav {
	background-color: #15181b;
	color: #fff;
	display: -ms-flexbox;
	display: flex;
	padding: 1rem;
	top: 0;
	width: 100%;
	z-index: 1
}

@media (max-width:1100px) {
	header nav {
		padding: 0
	}
}

header nav .container {
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media (max-width:1100px) {
	header nav .container {
		-ms-flex-direction: column!important;
		flex-direction: column!important;
		padding: 0
	}
}

header nav .logo {
	-ms-flex-align: center;
	align-items: center;
	color: #fff;
	display: -ms-flexbox;
	display: flex
}

header nav .logo svg * {
	fill: #fff
}

@media (max-width:600px) {
	header nav .logo svg {
		width: 5rem
	}
}

header nav .logo span {
	margin-left: .5rem
}

@media (max-width:500px) {
	header nav .logo span {
		font-size: 14px
	}
}

header nav .logo-button {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media (max-width:1100px) {
	header nav .logo-button {
		padding: 1rem;
		width: 100%
	}
}

header nav .mobile-nav {
	background-color: transparent;
	border: 0;
	display: none;
	padding: 0
}

@media (max-width:1100px) {
	header nav .mobile-nav {
		display: -ms-flexbox;
		display: flex
	}
}

header nav .mobile-nav svg {
	fill: #fff
}

header nav .links {
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex
}

@media (max-width:1100px) {
	header nav .links {
		display: none;
		background-color: #333;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 1rem 0;
		width: 100%
	}
	header nav .links.-active {
		display: -ms-flexbox;
		display: flex
	}
}

header nav .links .break {
	border-left: 1px solid #fff;
	height: 2rem;
	margin-right: 2rem
}

@media (max-width:1200px) {
	header nav .links .break {
		margin-right: 1rem
	}
}

@media (max-width:1100px) {
	header nav .links .break {
		display: none
	}
}

header nav .links a {
	border-bottom: 2px solid;
	border-color: transparent;
	color: #fff;
	font-weight: 400;
	margin-left: 0;
	transition: .3s
}

@media (max-width:1100px) {
	header nav .links a {
		margin-left: 0!important;
		margin-top: 1rem
	}
}

header nav .links a.active,
header nav .links a:hover {
	border-color: #5c8eb4;
	color: #5c8eb4
}

header nav .links a:first-child {
	margin-top: 0
}

header nav .links a+* {
	margin-left: 2rem
}

@media (max-width:1200px) {
	header nav .links a+* {
		margin-left: 1rem
	}
}

header .wrapper {
	background-image: url(../images/splash-bg.jpg);
	background-position: 50%;
	background-size: cover
}

header .wrapper .container {
	-ms-flex-align: center;
	align-items: center
}

header .box {
	background-color: hsla(0, 0%, 100%, .85);
	margin: 2rem auto;
	max-width: 600px;
	padding: 1rem
}

header .box h1 {
	margin-bottom: 1rem
}

footer {
	color: #888;
	padding: 3rem;
	text-align: center
}

@media (max-width:600px) {
	footer {
		padding: 1rem 1rem 2rem
	}
}

footer>.container {
	-ms-flex-pack: center;
	justify-content: center
}

.qualifying-table {
	background-color: #fff;
	list-style: none;
	padding: 1rem;
	width: 100%
}

.qualifying-table li,
.qualifying-table li>div {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-left: 0!important;
	padding: .75rem 0;
	width: 100%
}

.qualifying-table li+li,
.qualifying-table li>div+li {
	border-bottom: 1px solid
}

.qualifying-table li.-column,
.qualifying-table li>div.-column {
	-ms-flex-direction: column;
	flex-direction: column
}

.qualifying-table li.-column div,
.qualifying-table li>div.-column div {
	padding: .5rem 0 0 1rem
}

.qualifying-table li.-column div:first-child,
.qualifying-table li>div.-column div:first-child {
	padding-left: 0
}

.qualifying-table li.header,
.qualifying-table li>div.header {
	border-bottom: 1px solid;
	padding-top: 0
}

.qualifying-table li.header span,
.qualifying-table li>div.header span {
	color: #000!important;
	font-size: 24px;
	font-weight: 700
}

.qualifying-table li>div span:last-child,
.qualifying-table li span:last-child {
	color: #549241
}

.qualifying-table li>div span.black,
.qualifying-table li span.black {
	color: #000;
	font-weight: 700
}

.qualifying-table li>div span sup,
.qualifying-table li span sup {
	font-size: 75%;
	vertical-align: top
}

.upc {
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	-ms-flex-pack: center;
	justify-content: center;
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: fixed;
	top: 0;
	transform: scale(.9);
	transition: all .3s;
	visibility: hidden;
	width: 100%;
	z-index: 100
}

.upc.-show {
	opacity: 1;
	pointer-events: all;
	transform: scale(1);
	visibility: visible
}

.upc .shade {
	background-color: hsla(0, 0%, 93%, .75);
	height: 100%;
	position: absolute;
	width: 100%
}

.upc .inner {
	background-color: #fff;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, .5);
	height: 80vh;
	margin: 0 auto;
	max-width: 800px;
	overflow-y: scroll;
	padding: 2rem;
	position: relative
}

.upc .inner .close {
	background-color: transparent;
	border: none;
	cursor: pointer;
	position: fixed;
	right: 1rem;
	top: 1rem
}

.upc .inner .close svg {
	height: 35px;
	transform: rotate(45deg);
	width: 35px
}

.upc .inner .close svg * {
	fill: #5c8eb4
}

.upc .inner h2 {
	text-align: left
}

.upc .inner .product {
	margin-top: 2rem
}

.upc .inner h3 {
	font-size: 16px;
	margin-bottom: 1rem
}

.upc .inner img {
	border: 1px solid #333;
	max-width: 100%;
	padding: 1rem
}

.error section {
	background-image: url(../images/404.jpg);
	background-position: 50%;
	background-size: cover;
	height: 100vh;
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	z-index: -1
}

.error section .container {
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
	-ms-flex-pack: center;
	justify-content: center
}

.error h1 {
	color: #fff;
	font-size: 68px
}

.error footer {
	bottom: 0;
	color: #fff;
	position: absolute;
	width: 100%
}