/*HTML5 Reset*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
/*Main Styles*/
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: Arial, Helvetica, sans-serif; color: #333; }
body { margin: 0; font-size: 1em; /*16px*/ line-height: 1em; }
/*Selection*/
::-moz-selection { background: #CCC; color: #000; text-shadow: none; }
::selection { background: #CCC; color: #000; text-shadow: none; }

/* =============================================================================
   Links
   ========================================================================== */

a { color: #06F; text-decoration: none; -moz-transition: all .33s; -o-transition: all .33s; -ms-transition: all .33s; -webkit-transition: all .33s; transition: all .33s; }
a:hover { color: #F30; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

/* =============================================================================
   Typography
   ========================================================================== */

b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }

/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

/* =============================================================================
   Embedded content
   ========================================================================== */

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
	max-width: 100%;
	height: auto;
	min-height: 1px;
	min-width: 1px;
}
img[data-src] {
	-webkit-transition: opacity .3s ease-in;
	-moz-transition: opacity .3s ease-in;
	-ms-transition: opacity .3s ease-in;
	transition: opacity .3s ease-in;
}
img[data-src]:not([src]) { opacity: 0; }

.map img, #map_canvas img, #map_canvas2 img {max-width: none;} /*  Fixes style conflict with Google Maps API */
svg:not(:root) { overflow: hidden; }

/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }

/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* ==========================================================================
   Primary Styles
   Vertex Software Corporation
   Austin, Texas
   ========================================================================== */

* { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

html {
	background: #eee; /* should be same as footer bgr */
}

body {
	background: #fff;
	color: #333;
	font-size: 1em;
	line-height: 1.375em; /*22/16px*/
	font-family: "Lato", Arial, Helvetica, sans-serif;
	font-weight: 400;
}
a {
	color: #005295;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #005295;
	text-decoration: underline;
}
a:active {
	outline: none;
}

a.arrow {
	position: relative;
	display: inline-block;
	padding-left: 1.25em;
}
a.arrow:before {
	content: "\f144";
	position: absolute;
	top: 0;
	left: 0;
	color: #afbc21;
	font-family: "FontAwesome";
	font-weight: normal;
}
a.arrow:before:hover {
	text-decoration: none;
}

p {
	margin: 20px 0;
	margin: 1.25rem 0;
}

h1, h2, h3, h4, h5, h6 {
	color: #005295;
	font-family: "Maven Pro", Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 700;
	margin: 20px 0;
	margin: 1.25rem 0;
	letter-spacing: -1px;
}

h1 {
	font-size: 40px;
	font-size: 2.5rem;
	line-height: 44px;
	line-height: 2.75rem;
}
h2 {
	font-size: 32px;
	font-size: 2rem;
	line-height: 36px;
	line-height: 2.25rem;
}
h3 {
	font-size: 30px; 
	font-size: 1.875rem;
	line-height: 34px;
	line-height: 2.125rem;
}
h4 {
	font-size: 24px; 
	font-size: 1.5rem;
	line-height: 28px;
	line-height: 1.75rem;
}
h5 {
	font-size: 20px; 
	font-size: 1.25rem;
	line-height: 24px;
	line-height: 1.5rem;
}
	
hr {
	display: block;
	clear: both;
	height: 1px;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 20px 0;
	margin: 1.25rem 0;
	font-size: 1px;
	line-height: 1px;
	border: 0 none;
	background: #ccc;
	color: #ccc;
}

i.emoji {
	font-style: normal;
	text-shadow: none;
}

small {
	display: inline-block;
	font-size: 0.75em; /*12/16px*/
	line-height: 1.3333333333333333em; /*16/12px*/ 
}

.text-large {
	font-size: 1.125em; /*18/16px*/
	line-height: 1.3333333333333333em; /*24/18px*/
}
.text-larger {
	font-size: 1.25em; /*20/16px*/
	line-height: 1.3em; /*26/20px*/
}
.text-center {
	text-align: center;
}

.img-left,
.img-right {
	display: block;
	margin: 20px auto;
	margin: 1.25rem auto;
}

.wrapper {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 5%;
}

.social-icons {
	list-style: none;
	margin: 20px 0;
	margin: 1.25rem 0;
	padding: 0;
}
.social-icons li {
	display: inline;
	font-size: 24px;
	font-size: 1.5rem;
	margin: 0 10px;
	margin: 0 .625rem;
}

.show-ie { display: none; }
.lt-ie9 .show-ie { display: inherit; }
.lt-ie9 .hide-ie { display: none; }

/* Header ------------------------------------------------------------------------------------ */

header {
	background: #eee;
	border-bottom: 5px solid #b0bc22;
	padding: .625rem 0; /*10px*/
}

header .logo {
	width: 100%;
	max-width: 314px;
	margin: 0 auto;
}
header .logo a {
	display: block;
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 31.84713375796178%; /*image height/width - 100/314px*/
	text-indent: -9999px;
	background: url(../Assets/logo-park-and-zoom.svg) no-repeat top left;
	background-size: 100%;
}

header .zoomclub-login {
	display: block;
	position: absolute;
	top: -2.5rem; /*40px*/
	right: 0;
	width: calc(100% - 2.5rem); /*40px*/
	margin: 0;
	padding: 10px;
	padding: .625rem;
	color: #fff;
	font-size: 0.875em; /*14/16px*/
	line-height: 1.428571428571429em; /*20/14px*/
	text-align: right;
}
header .zoomclub-login a {
	color: #fff;
	text-decoration: underline;
}

#login-popup {
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	justify-content: center;
}
#login-popup .popup-content {
	display: block;
	position: relative;
	width: 90%;
	max-width: 480px;
	padding: 1.25rem; /*20px*/
	background-color: #fff;
}
#login-popup .popup-content h2:first-of-type {
	/*prevent close btn overlap*/
	margin-right: 1.25rem; /*20px*/ 
}
#login-popup .popup-content .btn {
	text-transform: uppercase;
}
#login-popup .mfp-close {
	position: absolute;
	top: 0;
	right: 0;
	width: auto;
	height: auto;
	padding: 1rem 1.25rem; /*16px 20px*/
	color: #333;
	font-size: 1.5rem;
	font-style: normal;
	line-height: 1em; /*40px*/
	text-align: center;
	text-decoration: none;
	opacity: 1;
}
#login-popup .mfp-close .fa {
	pointer-events: none;
}

header .cta-btns {
	display: flex;
	flex-flow: column nowrap;
	gap: .625rem; /*10px*/
	margin-top: .625rem; /*10px*/
}
header .cta-btns .btn {
	display: block;
	padding: .5rem 1.25rem; /*8px 20px*/
	margin: 0;
	font-size: 1rem;
	line-height: 1em;
	text-transform: uppercase;
	white-space: nowrap;
}
.page-home .cta-btns {
	display: none;
}

header nav { display: none; }

/* Footer ------------------------------------------------------------------------------------ */

footer {
	background: #eee; /* should be same as html bgr */
	padding: 40px 0;
	padding: 2.5rem 0;
}

footer .social-icons {
	text-align: center;
	margin-top: 0;
}

footer nav ul, 
footer nav ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	gap: 1.25rem;
}
footer nav ul li {
	font-size: 1em;
	line-height: 1em;
}
footer nav ul li a {
	font-weight: normal;
}

footer small {
	display: block;
	margin-top: 20px;
	margin-top: 1.25rem;
	font-size: 0.75em; /*12/16px*/
	line-height: 1.3333333333333333em; /*16/12px*/ 
	text-align: center;
}
footer small a,
footer small a:hover {
	color: #333;
	font-weight: normal;
}

/* Content Area ------------------------------------------------------------------------------------ */

.content-area {
	position: relative;
	background: #fff;
	padding: 20px 0;
	padding: 1.25rem 0;
}
.content-area .sidebar {
	margin-top: 20px;
	margin-top: 1.25rem;

}
.content-area .content > *:first-child,
.content-area .sidebar > *:first-child { 
	margin-top: 0; 
}
.content-area .content > *:last-child,
.content-area .sidebar > *:last-child { 
	margin-bottom: 0; 
}

/* list styles */

.content-area ul {  
	list-style: none;
	padding-left: 25px;
	padding-left: 1.563rem;
	margin: 20px 0;
	margin: 1.25rem 0;
} 
.content-area ul li {
	position: relative; 
	margin: 0;
	padding: 0;
	line-height: 1.25em; /*20/16px*/
}
.content-area ul li:before {   
	position: absolute;
	display: block;
	left: -20px;
	left: -1.25rem;
	top: 8px;
	top: .5rem;
	content: "";  
	width: 8px;
	width: .5rem;
	height: 8px;
	height: .5rem;
	border-radius: 8px;
	border-radius: .5rem;
	background: #b0bc22;
}
.content-area ol {
	padding-left: 25px;
	padding-left: 1.563rem;
	margin: 20px 0;
	margin: 1.25rem 0;
}
.content-area ol li {
	margin: 0;
	padding: 0;
}

.content-area ul.mobile-spaced-list li {
	margin: .625rem 0; /*10px 0*/
}

/* responsive embeds (maps, videos, etc) */

.flexible-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.flexible-container iframe,   
.flexible-container object,  
.flexible-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* columns */

.column-row,
ul.column-row {
	margin: 20px 0;
	margin: 1.25rem 0;
	padding: 0;
}
ul.column-row {
	list-style: none;
}
.column-row > *,
ul.column-row > li {
	margin: 0;
	padding: 0;
}
ul.column-row > li {
	line-height: inherit;
}
ul.column-row > li:before {
	display: none;
}
.column-row > * + *,
ul.column-row > li + li {
	margin-top: 20px;
	margin-top: 1.25rem;
}
.column-row > * > *:first-child { margin-top: 0; }
.column-row > * > *:last-child { margin-bottom: 0; }

/* override some styles from form-enhance.css to make column-row work right again on My Account > Redeem Points */
.column-row.redeem-points .one-half {
	float: none;
	width: auto;
	padding: 0;
	border: none;
}

/* forms */

label {
	font-weight: bold;
}

input[type="text"],textarea,
input[type="password"],
select {
	display: inline-block;
	width: 100%;
	height: auto;
	padding: 10px;
	padding: .625rem;
	font-family: "Lato", Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.25em; /*20/16px*/
	background: #eee;
	border: none;
	border-radius: 5px;
	border-radius: .3125rem;
}

/* input placeholder styles, for some reason these don't work when combined */

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #aaa;
}
::-moz-placeholder { /* Firefox 19+ */
	color: #aaa;
}
:-ms-input-placeholder { /* IE 10+ */
	color: #aaa;
}
:-moz-placeholder { /* Firefox 18- */
	color: #aaa;
}
.placeholder { /* IE 8, 9 - added by placeholder plugin */
	color: #aaa;
}

.form-flex-group {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: center;
}
.form-flex-group > * {
	flex: 0 0 100%;
}
.form-flex-group > *:not(:first-child) {
	margin-top: 5px;
}

/* buttons */

.btn,
input[type="submit"] {
	display: inline-block;
	width: 100%;
	padding: 8px 20px;
	padding: .5rem 1.25rem;
	color: #fff;
	text-align: center;
	font-family: "Lato", Arial, Helvetica, sans-serif;
	font-size: 1em; /*16px*/
	line-height: 1.25em; /*20/16px*/
	font-weight: bold;
	text-shadow: 1px 1px 2px #6d7515;
	border: 2px solid #b0bc22;
	border-radius: 5px;
	border-radius: .3125rem;
	outline: 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b0bc22+0,8d981a+100 */
	background: -moz-linear-gradient(top,  #b0bc22 0%, #909b1b  100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #b0bc22 0%,#909b1b  100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #b0bc22 0%,#909b1b  100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: none;
	cursor: pointer;
}
.blue-btn{
	border: 2px solid #00a0de;
	text-shadow: 1px 1px 2px #104b79;
	background: -moz-linear-gradient(to bottom,  #00a0de 0%,#0083b8 100%);
	background: -webkit-linear-gradient(to bottom,  #00a0de 0%,#0083b8 100%);
	background: linear-gradient(to bottom,  #00a0de 0%,#0083b8 100%);
}
.btn:hover,
input[type="submit"]:hover,
.btn:focus,
input[type="submit"]:focus{
	color: #fff;
	text-decoration: underline;
}
.btn + .btn {
	margin-top: 15px;
	margin-top: .9375rem;
}

/* tables */

table {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
table tr {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
table tr.no-border {
	border-bottom: 0;
}
table tr.no-border + tr td {
	padding-top: 0;
}
table tr td,
table tr th {
	padding: 5px 10px;
	padding: .3125rem .625rem;
}
table tr td {
	vertical-align: top;
}
table tr th {
	vertical-align: bottom;
	color: #fff;
	background: #005295;
	font-weight: normal;
}

table.no-borders,
table.no-borders tr {
	border: none;
}
table.no-borders tr:first-child td,
table.no-borders tr:first-child th {
	padding-top: 0;
}
table.no-borders tr:last-child td,
table.no-borders tr:last-child th {
	padding-bottom: 0;
}
table.no-borders tr td:first-child,
table.no-borders tr th:first-child {
	padding-left: 0;
}
table.no-borders tr td:last-child,
table.no-borders tr th:last-child {
	padding-right: 0;
}

/* one responsive table method - wrap div around table to enable horizontal scrolling */

.table-scroll-wrap {
	overflow-x: scroll;
}
.table-scroll-wrap {
	width: auto !important;
}

/* video with transcript (copied from Bark&Zoom) */

ul.video-with-transcript,
ul.video-with-transcript > li {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: inherit;
	line-height: inherit;
}
ul.video-with-transcript > li:before {
	display: none;
}
ul.video-with-transcript > li:nth-child(2) {
	margin-top: 1.25rem; /*20px*/
}
ul.video-with-transcript > li:nth-child(2) .transcript {
	/*overflow-y: scroll;*/
	overflow: auto;
	max-height: 12.5rem; /*200px*/
	padding-right: 1.25rem; /*20px*/
}
ul.video-with-transcript > li:nth-child(2) .transcript > p:first-child { 
	margin-top: 0; 
}
ul.video-with-transcript > li:nth-child(2) .transcript > p:last-child { 
	margin-bottom: 0; 
}


/* Page-specific styles ------------------------------------------------------------------------------------ */

/* Home page */

.page-home header {
	border-bottom: none;
}

.page-home .bz-promo-logo { 
	display: block;
	float: right;
	margin: 0 0 0 .625rem; /*0 0 10px 10px*/
}

.page-home hr { display: none; }

.ribbon-green,
.ribbon-red {
	position: relative;
	display: inline-block;
	padding: 10px 20px;
	padding: .625rem 1.25rem;
	margin: 20px;
	margin: 1.25rem;
	color: #fff;
	text-align: center;
}
.ribbon-green {
	text-shadow: 1px 1px 2px #6d7515;
	background: #afbc22;
	border-left: 1px solid #afbc22;
	border-right: 1px solid #afbc22;
}
.ribbon-red {
	text-shadow: 1px 1px 2px #000;
	background: #d72e28;
	border-left: 1px solid #d72e28;
	border-right: 1px solid #d72e28;
}
.ribbon-green:before,
.ribbon-green:after,
.ribbon-red:before,
.ribbon-red:after {
	content: " ";
	display: block;
	position: absolute;
	top: 0;
	height: 100%;
	width: 20px;
	width: 1.25rem; 
	background-size: 100% 100% !important;
}
.ribbon-green:before,
.ribbon-green:after {
	background: url(../svg/ribbon-green-left.svg) no-repeat;
}
.ribbon-red:before,
.ribbon-red:after {
	background: url(../svg/ribbon-red-left.svg) no-repeat;
}
.ribbon-green:before,
.ribbon-red:before {
	left: -20px;
	left: -1.25rem;
}
.ribbon-green:after,
.ribbon-red:after {
	right: -20px;
	right: -1.25rem;
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}
.ribbon-green a,
.ribbon-green a:hover,
.ribbon-red a,
.ribbon-red a:hover {
	color: #fff;
}

.ribbon-green.now-open {
	font-family: "Maven Pro", Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 1em;
}

/* Style Guide page */

.code-box {
	width: 100%;
	height: 150px;
	height: 9.375rem;
	box-sizing: border-box;
	padding: 10px;
	padding: .625rem;
	margin-bottom: 30px;
	margin-bottom: 1.875rem;
	font-family: "Courier New", Courier, monospace;
	font-size: 0.875em; /*14/16px*/
	line-height: 1.1428571428571428em; /*16/14px*/
}

/* Hide ZoomClub sign up link in "We're Local & We're Giving Back" promo on Registration page, since we're already there!  */
.page-5993 .hide-on-reg-page {
	display: none;
}

/* hide item when at mobile size */
.desktoponly {
   display: none !important; 
}

/* Mobile nav ------------------------------------------------------------------------------------ */

.mobile-nav-bar {
	display: block; 
	position: absolute;
	left: 0px;
	top: 0px;	
	height: 40px;
	height: 2.5rem;
	width: 100%;
	background: #005395;
	z-index: 99;
}
.mobile-nav-bar .mobile-nav-button {
	display: block;
	float: left;
	height: 30px;
	height: 1.875rem;
	width: 35px;
	width: 2.188rem;
	margin: 5px;
	margin: .3125rem;
	padding: 0;
	text-align: center;
	background: #fff;
	border-radius: 5px;
	border-radius: .3125rem;
	cursor: pointer;
}
.mobile-nav-bar .mobile-nav-button i {
	color: #005295;
	font-size: 24px;
	font-size: 1.5rem;
	line-height: 30px;
	line-height: 1.875rem;
}

.mobile-nav {
	display: block;
	position: absolute;
	left: -300px;
	width: 300px;
	height: 100%;
	display: block;
	background: #333;
	z-index: 100 !important;
	box-sizing: border-box;    
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.mobile-nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.mobile-nav ul li {
	padding: 0;
	margin: 0;	
	list-style: none;
	border-bottom: 1px solid #555;                  
}        
.mobile-nav ul li:hover {  	
	background: #555;
}
.mobile-nav ul li a {
	padding: .75em 0 .75em .75em;
	display: block;
	color: #fff;
	font-family: "Lato", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.125em; /*18/16px*/
	line-height: 1.1111111111111112em; /*20/18px*/
	text-decoration: none; 
}
.mobile-nav ul li a:hover {
	color: #fff;
	text-decoration: none; 
}

/* =============================================================================
   Off-screen mobile navigation
   ========================================================================== */
   
/* Navigation Menu - Background */
body { 
	overflow-x: hidden; 
}
.mobile-navigation {
	/* critical sizing and position styles */
	position: fixed;
	z-index: 0;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow-x: scroll;
	padding: 0;
	margin: 0;
	background: #333;
}
/* Navigation Menu - List items */
.mobile-navigation ul, 
.mobile-navigation ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.mobile-navigation > ul > li {
    border-bottom: 1px solid #555;
}
.mobile-navigation ul li a {
    display: block;
    padding: 10px 15px;
    padding: .625rem .9375rem;
    color: #fff;
    text-decoration: none;
}
.mobile-navigation > ul > li > a {
    font-size: 1.125em;
    line-height: 1.333em;
}
.mobile-navigation ul li a:hover {
    color: #fff;
    text-decoration: none;
    background: #555;
}
.mobile-navigation > ul > li > ul > li {
    border-top: 1px solid #555;
}
.mobile-navigation > ul > li > ul > li > a {
    padding-left: 30px;
    padding-left: 1.875rem;
}

/* Site Wrapper - Everything that isn't navigation */
.mobile-body-wrapper {
	/* Critical position and size styles */
	position: relative;
	z-index: 1;
	top: 2.5rem; /*40px*/
	left: 0;
	bottom: 100%;
	min-height: 100%;
	min-width: 100%;
	background-color: #fff; /* Needs a background or else the nav will show through */
}

/* Nav Trigger */
.nav-trigger {
	/* critical styles - hide the checkbox input */
	position: absolute;
	clip: rect(0, 0, 0, 0);
}
label[for="nav-trigger"] {
	/* critical positioning styles */
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0; 
	width: 100%;
	cursor: default;
}
label[for="nav-trigger"] .icon-bar {
	display: block;
	height: 40px;
	height: 2.5rem;
	padding: 5px;
	padding: .3125rem;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6bb3cb+0,3097b9+100 */
	background: #005395;
}
label[for="nav-trigger"] .icon-bar i.fa-bars {
	padding: 3px 6px;
	padding: .1875rem .375rem; 
	color: #005395;
	font-family: "FontAwesome";
	font-size: 24px;
	font-size: 1.5rem; 
	line-height: 1em;
	background: #fff;
	border-radius: 6px;
	border-radius: .375rem;
	cursor: pointer;
}

/* Make the Magic Happen */
.nav-trigger + label, 
.mobile-body-wrapper, .login-toggle {
	transition: left 0.2s;
}
.nav-trigger:checked + label {
	left: 87%;
	height: 100%
}
.nav-trigger:checked ~ .mobile-body-wrapper, .nav-trigger:checked ~ .login-toggle {
	left: 87%;  
}
/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */

/* added by Vertex */
.no-mt { margin-top: 0 !important; }
.no-mr { margin-right: 0 !important; }
.no-ml { margin-left: 0 !important; }
.no-mb { margin-bottom: 0 !important; }

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }

/* =============================================================================
   Print Styles
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: none; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}
.car-care-table {border: none; width: 100%}
.car-care-table thead {border-bottom: 2px solid #b0bd36;}
.car-care-table tbody {}
.car-care-table tr {border: none;}
.car-care-table tr:nth-child(even) {background: #f4f4f4}
.car-care-table tr th { background: transparent; padding: 0; color: #333;font-size: 1.2rem}
.car-care-table tr td{padding: 1rem}
.car-care-table tr td:nth-child(3){border-left: 1px solid #b0bd36}
.car-care-table tr th:first-child{width: 80%}
.car-care-table .sub-label{
	text-align: center;
	padding: .3rem;
	color: #fff;
	background: #005295;
}
.car-care-table div.triangle {
	padding: 4px 0;
	width: 153px;
	height: 50px;
	position: relative;
	background: #b0bd36;
	border-radius: 6px 6px 0 0;
	margin: -1px;
	color: #fff;
}
.car-care-table div.triangle:after{	
	content: '';
	border-left: 77px solid transparent;
	border-right: 77px solid transparent;
	border-top: 25px solid #b0bd36;
	position: absolute;
	top: 50px;
	display: block;
	left: 0;
}