/* REFERENCE GUIDE
FRESH GREEN:        rgb(142,194,63)
SKY BLUE:        	rgb(0,160,220)
HORIZON BLUE:		rgb(0,96,133)

PREMIUM BLUE:    	rgb(0,53,80)
MEDIUM PREMIUM:     rgb(110,128,141)
LIGHTER PREMIUM:	rgb(232,236,239)
LIGHTEST PREMIUM:	rgb(242,245,246)

ACCENT ORANGE 		rgb(255,126,0)
*/

:root {	
  --fresh-green: 142,194,63;
  --sky-blue: 0,160,220;
  --horizon-blue: 0,96,133;
	
  --premium-blue: 0,53,80;
  --medium-premium: 110,128,141;
  --lighter-premium: 232,236,239;
  --lightest-premium: 242,245,246;
	
  --accent-orange: 255,126,0;
	
  --white: 255,255,255;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-primary: 'Halcom','Open Sans', sans-serif;
  --font-secondary: 'Open Sans', Arial, Helvetica, sans-serif;
}


/* ########## BASE ########## */

body {
	color: rgb(var(--premium-blue));
	font-family: var(--font-primary);
}

a {
	color: rgb(var(--sky-blue));
	text-decoration: none;
}

.link-nohighlight a {
	color: rgb(var(--premium-blue));
}

a:hover {
	color: rgb(var(--fresh-green));
}

.link-highlight a {
	text-decoration: underline;
}

.wrapper {
	width: 95%;
	max-width: 1600px;
	margin: 0 auto;
	position: relative;
}

 .site-overlay {
	transition: all .25s;
}

.modal-backdrop.in,
.offcanvasmenu-active .site-overlay {
    background: rgba(0,0,0,0.75);
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 900;
}

input.button,
input.cancel,
input.mini_button,input.mini_cancel {
	font-family: var(--font-primary);
}

.button,
.btn {
	border-radius: 0.35rem;
	font-family: var(--font-primary);
	font-weight: 700;
	font-size: 1rem;
	position: relative;
	overflow: hidden;
	transition: all 0.5s;
}

.btn:not('.btn-outline'):not('.btn-outline-ghost') {
	border: none !important;
}

.btn-sm {
	font-size: 0.9rem;
}
.btn-primary.disabled, .btn-primary:disabled,
.btn-secondary.disabled, .btn-secondary:disabled,
.btn:disabled {
	border: none !important;
	color: rgba(var(--premium-blue),0.5) !important;
	background: rgba(var(--premium-blue),0.5) !important;
	cursor: not-allowed;
}

.button {
  text-shadow: none;
  box-shadow: none;
  white-space: normal;
  transition-duration: 0;
}

.button,
.btn-primary {
	border: 1px solid transparent;
	background-color: transparent;
	background-size: 200% auto;
	background-position: 98%;
	background-image: linear-gradient(to right, rgb(var(--sky-blue)) 0%, rgb(var(--fresh-green)) 51%, rgb(var(--fresh-green)) 100%);
	color: rgb(var(--white)) !important;
}

.button:hover,
.btn-primary:hover {
	border: 1px solid transparent;
	background-color: transparent;
	color: rgb(var(--white));
	background-position: 1% center;
}

.btn-success {
	border: 1px solid transparent;
	background: rgb(var(--fresh-green));
	color: rgb(var(--white)) !important;
}

.btn-success:hover {
	border: 1px solid transparent;
	background: rgba(var(--fresh-green),0.75);
	color: rgb(var(--white));
}

.btn-check:focus + .btn-primary, .btn-primary:focus, .btn-success:focus, .btn-success:active, .btn-success.active,
.btn-check:active + .btn-primary, .btn-check:checked + .btn-primary, .btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle {
	background: rgb(var(--fresh-green)) !important;
	border: none !important;
}

.btn-secondary {
	border: 1px solid rgb(var(--horizon-blue));
	background: rgb(var(--horizon-blue));
}

.btn-secondary:hover {
	border: 1px solid rgb(var(--fresh-green));
	background: rgb(var(--fresh-green));
}

.btn-check:focus + .btn-secondary, .btn-secondary:focus,
.btn-check:active + .btn-secondary, .btn-check:checked + .btn-secondary, .btn-secondary.active, .btn-secondary:active, .show > .btn-secondary.dropdown-toggle {
	background: rgb(var(--horizon-blue)) !important;
	border: 1px solid transparent !important;
}

.btn-outline {
  color: rgb(var(--premium-blue));
  background-color: none;
  border-color: rgba(var(--premium-blue),0.5);
}
.btn-outline:hover {
  color: rgb(var(--fresh-green));
  background-color: none;
  border-color: rgb(var(--fresh-green));
}

.btn-outline:disabled, .btn-outline.disabled {
  color: rgb(var(--premium-blue));
  background-color: none;
  border-color: rgba(var(--premium-blue),0.5)
}

.btn-outline-ghost {
  color: rgb(255,255,255);
  background-color: none;
  border-color: rgba(255,255,255,0.5);
}

.btn-outline-ghost:disabled, .btn-outline-ghost.disabled {
  color: rgb(255,255,255);
  background-color: none;
  border-color: rgba(255,255,255,0.5)
}

.btn-outline-ghost:hover {
  color: rgb(var(--fresh-green));
  background-color: none;
  border-color: rgb(var(--fresh-green));
}

.btn-ghost {
  color: rgb(var(--premium-blue));
  background-color: rgba(255,255,255,1);
  border-color: rgba(255,255,255,1);
}
.btn-ghost:hover {
  color: rgb(255,255,255);
  background-color: rgba(var(--fresh-green),1);
  border-color: rgba(var(--fresh-green),1);
}

.btn-ghost:disabled, .btn-ghost.disabled {
  color: rgb(var(--premium-blue));
  background-color: none;
  border-color: rgba(var(--premium-blue),0.5)
}

.btn-light  {
  color: rgb(var(--white));
  background-color: rgba(var(--medium-premium),1);
  border-color: rgba(var(--medium-premium),1);
}
.btn-light:hover {
  color: rgb(var(--white)) !important;
  background-color: rgba(var(--sky-blue),1);
  border-color: rgba(var(--sky-blue),0.5);
}

.btn-dark {
  color: rgb(var(--white));
  background-color: rgba(var(--premium-blue),1);
  border-color: rgba(var(--premium-blue),1);
}
.btn-dark:hover {
  color: rgb(var(--white));
  background-color: rgba(var(--premium-blue),0.75);
  border-color: rgba(var(--premium-blue),0.75);
}

.btn-xs {
  padding: .15rem .5rem;
  font-size: .75rem;
  border-radius: .2rem;
}

.btn small {
	font-size: 0.65rem !important;
	position: relative;
	top: -1px;
}

button.close,
.btn.close {
	border: none;
	background: none;
}

.badge {
	font-weight: 400;
}

.badge.ac-light
.badge.accent-light {
	color: rgb(var(--medium-premium));
}

.badge.accent-light:hover {
	color: rgb(var(--white));
	background: rgba(var(--medium-premium),0.5);
}

.badge-light {
    background: rgba(var(--lighter-premium),1);
}

.badge-medium,
.badge-secondary {
	background: rgb(var(--medium-premium)) !important;
}

.badge-success {
	background: rgb(var(--fresh-green)) !important;
}

.link-more {
	position: relative;
	padding: 1em 2em 1em 0 !important;
	display: inline-block;
	font-weight: 700;
	color: rgb(var(--sky-blue));
	transition: all 1s;
	overflow: hidden;
}

.link-more:before {
	display: block;
	content: '';
	left: -100%;
	bottom: 1px;
	height: 5px;
	width: 100%;
	position: absolute;
	transition: all 1s;
	background: linear-gradient(to right,rgb(var(--fresh-green)),rgb(var(--sky-blue)));
	border-radius: 2.5px !important;
}

.link-more:after {
	display: block;
	content: '\f061';
	font-family: "Font Awesome";
	font-weight: 500;
	right: 0.5em;
	top: 1rem;
	position: absolute;
	transition: all 1s;
}

.link-more:hover:after {
	right: 0;
}

.link-more:hover:before {
	left: 0;
}

.btn-go {
	position: relative;
	padding: 1rem 3rem 1rem 2rem !important;
	transition: all 1s;
	overflow: hidden;
	display: inline-block;
}

.btn-go:after {
	display: block;
	content: '\f061';
	font-family: "Font Awesome";
	font-weight: 500;
	right: 1.5rem;
	top: 1rem;
	position: absolute;
	transition: all 1s;
}

.btn-go:hover:after {
	right: 0.5rem;
}

.page_instructions {
	color: rgb(var(--premium-blue));
	font-size: 0.9rem;
	line-height: 1.1rem;
}

.card {
	border-radius: 0.5rem;
	border-color: rgba(var(--medium-premium),0.25);
}

.card h1, 
.card h2,
.card h3 {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

.card h3+p {
	margin-top: 0 !important;
}

.borderless li.list-group-item {
	border: none !important;
}


.text-success {
	color: rgb(var(--fresh-green)) !important;
}

.bg-success {
	background: rgb(var(--fresh-green)) !important;
}

.border-success {
	border-color: rgb(var(--fresh-green)) !important;
}


/* ########## TYPOGRAPHY ########## */

h1,h2,h3,h4,h5,h6 {
	letter-spacing: -1px;
}

h1,
h1.title {
	font-family: var(--font-primary);
	font-size: 2.5rem;
	font-weight: 800;
	margin: 0;
	color: rgb(var(--horizon-blue));
	background: none !important;
	border: none !important;
}

h2,
h2.title {
	font-family: var(--font-primary);
	color: rgb(var(--horizon-blue));
	font-size: 2.5rem;
	font-weight: 800 !important;
	margin: 0;
	background: none !important;
}

h3.title,
h3 {
	font-family: var(--font-primary);
	font-size: 1.5rem;
	font-weight: 800 !important;
	margin: 2rem 0 1rem 0 !important;
	background: none !important;
}

h3.title {
	color: rgb(var(--premium-blue));
	font-family: var(--font-primary);
}

h5 {
	font-family: var(--font-primary);
	font-size: 1.5rem;
	font-weight: 800 !important;
	margin: 0;
}

h6 {
	font-family: var(--font-primary);
	font-size: 1.25rem;
	font-weight: 700 !important;
	margin: 1rem 0;
}

hr {
	border: none;
	background: linear-gradient(to right,rgb(var(--fresh-green)),rgb(var(--sky-blue)));
	height: 5px !important;
	width: 5rem;
	display: block;
	margin: 1rem 0;
	border-radius: 0 2.5px 2.5px 0;
	opacity: 1;
	position: relative;
	overflow: visible;
}

hr:not(.simple,.middle,.full):after {
  background: rgb(var(--fresh-green));
  height: 10px;
  width: 10px;
  border-radius: 50%;
  right: -15px;
  top: -2.5px;
  position: absolute;
  content: '';
	z-index: +1;
}

hr.simple {
	background: rgba(var(--medium-premium),0.25);
}

hr.middle {
	border: none;
	background: linear-gradient(to right,rgb(var(--fresh-green)),rgb(var(--sky-blue)));
	height: 1px !important;
	width: 50%;
	margin: 3rem auto 4rem auto;
	display: block;
	border-radius: 50%;
}

hr.full {
	border: none;
	background: rgba(var(--medium-premium),0.25);
	height: 1px !important;
	width: 100%;
	margin: 1rem auto;
	display: block;
	box-sizing: border-box;
}

.pdf hr {
	border: none !important; 
	background: rgba(var(--medium-premium),0.25) !important;
	height: 1px !important;
	width: 100% !important;
	margin: 0 0 0.5rem 0 !important;
	display: block !important;
	box-sizing: border-box !important;
}

.pdf hr:after {
	display: none !important;
}

p {
	margin: 1rem 0;
}

.text-brand-1 {
	color: rgb(var(--fresh-green));
}

.text-brand-2 {
	color: rgb(var(--sky-blue));
}

.text-brand-3 {
	color: rgb(var(--horizon-blue));
}

.text-brand-4 {
	color: rgb(var(--medium-premium));
}

.text-dark,
.text-brand-default {
	color: rgb(var(--premium-blue));
}

.text-enlarge {
	font-size: 1.5rem;
	font-weight: 500;
}

.text-muted {
	color: rgba(var(--medium-premium),0.5) !important;
}

.text-muted-dark {
	color: rgba(var(--premium-blue),0.75) !important;
}

.text-brand-3-muted {
	color: rgba(var(--horizon-blue),0.75);
}

.is-invalid .text-danger {
	color: #980000 !important;
	font-size: 0.85rem;
	line-height: 1.25em;
	font-weight: 300;
	display: block;
	padding: 0.5rem 0;
}

.form-control::placeholder {
    color: rgba(var(--medium-premium),0.5) !important;
    font-style: italic !important;
	font-family: var(--font-primary) !important;
	font-weight: 400;
	font-size: 0.9rem;
}

/* ########## HEADER ########## */

header {
	position: fixed;
	top: 0;
	width: 100%;
	height: 70px;
	background: rgba(var(--white),0.95);
	z-index: 999;
	padding: 0;
	transition: all .5s;
}

header:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 5px;
	background: linear-gradient(to right,rgb(var(--fresh-green)),rgb(var(--sky-blue)));
	z-index: -1;
}

header .wrapper {
	display: table;
	height: 100%;
}

header .logo {
	display: table-cell;
	position: relative;
	top: -5px;
	width: 180px;
}

header .logo img {
	width: 180px;
	transition: all .5s;
}

header nav.site {
	transition: all 0.5s;
	padding: 0;
	width: auto;
	display: block;
}

header .menu {
	position: relative;
}

header .menu .heading {
	padding: 1rem 2.5rem 1rem 1rem;
	display: block;
	cursor: pointer;
	font-size: 0.9rem;
	font-weight: 700;
	font-family: var(--font-primary);
	text-transform: uppercase;
	position: relative;
	transition: all .5s;
	color: rgb(var(--white));
}

header .menu .subheading {
	padding: 1rem;
	display: block;
	font-size: 0.9rem;
	font-weight: 700;
	font-family: var(--font-primary);
	text-transform: uppercase;
	position: relative;
	color: rgb(var(--sky-blue));
	background: rgba(255,255,255,0.1);
}

header .menu .heading:after {
    display: inline-block;
    font-family: "Font Awesome";
    line-height: 1.5rem;
    content: "\f107";
    font-size: 1.2em;
    padding-left: 0.5rem;
    opacity: 0.5;
	position: absolute;
	right: 1rem;
	top: calc(50% - 0.75rem);
	transition: 0.5s;
}
	
header .menu .heading:hover {
	transition: all 0s;
	color: rgb(var(--premium-blue));
	background: linear-gradient(to right,rgb(var(--fresh-green)),rgb(var(--sky-blue)));
}

header .menu nav {
	display: none;
	color: rgb(var(--white));
	padding: 0;
	background: rgba(0,0,0,0.25);
}

header .menu .parent,
header .menu nav a {
	color: rgb(var(--white));
	padding: 0.5rem 1rem;
	display: block;
	cursor: pointer;
}

header .menu nav a:not(.btn):hover {
	background: rgba(var(--sky-blue),1);
}

header nav.btns {
	display: table-cell;
	font-size: 1.75rem;
}

header nav.btns a:not(.btn) {
	display: inline-block;
	margin: 0 0.5rem;
	color: rgb(var(--premium-blue));
}

header nav.btns .menu-btn:hover,
header nav.btns a:hover:not(.btn) {
	color: rgb(var(--fresh-green));
}

header nav.btns a:not(.btn) span {
	top: 3px;
	position: relative;
}

header nav.btns .menu-btn {
	line-height: 65px;
	cursor: pointer;
	display: inline-block;
	margin: 0 0.25rem;
	top: 3px;
	position: relative;
}

header nav.btns .menu-btn.site span:before {
    content: "\f0c9";
}

header nav.btns .menu-btn.site.open span:before {
    content: "\f2d3";
}

header nav.btns .menu-btn.account span:before {
    content: "\e462";
}

header nav.btns .menu-btn.account.open span:before {
    content: "\f235";
}

header hr {
	background: rgba(var(--white),1);
	margin: 0.75rem 0;
}

header .marketplace .aside {
	font-weight: 300;
	font-size: 0.9rem;
}

header .marketplace .aside strong {
	font-weight: 800;
}

header .marketplace .aside a.link-more {
	color: rgb(var(--white));
	padding: 1rem 0;
}

header .marketplace .aside a.link-more:hover {
	background: none !important;
	color: rgb(var(--fresh-green));
}

header .marketplace .description {
	display: none;
}

@media screen and (max-width: 991px) {
	
	header nav.site {
		z-index: -1;
	}
	
	header .menu.open .heading {
		background: linear-gradient(to right,rgb(var(--fresh-green)),rgb(var(--sky-blue)));
		color: rgb(var(--white));
	}

	header nav.site,
	header nav.account {
		height: 100vh;
		position: fixed;
		right: -70vw;
		top: 70px;
		width: 70vw;
		max-width: 300px;
		background: rgb(var(--premium-blue));
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		transition: all 0.5s;
		z-index: -1;
		color: rgb(var(--white));
		padding-bottom: 20rem;
	}

	header nav .btn {
		max-width: 90%;
		margin: 0 auto;
		display: block;
	}
	
	header nav .row .btn {
		max-width: 100%;
	}
	
	
	header .menu .parent.toggle:after {
		display: inline-block;
		font-family: "Font Awesome";
		line-height: 1.5rem;
		content: "\f107";
		font-size: 1.2em;
		padding-left: 0.5rem;
		opacity: 0.5;
		position: absolute;
		right: 1rem;
		top: calc(50% - 0.75rem);
	}
	
	header .menu .parent.toggle.open:after,
	header .menu.open .heading:after {
		content: "\f077";
	}
	
	header .subcats {
		display: none;
		background: rgba(0,0,0,0.25);
	}
	
	header .subcats a {
		padding-left: 2rem !important;
	}
	
	.offcanvasmenu-active header nav.account.open,
	.offcanvasmenu-active header nav.site.open {
		right: 0;
	}
	
	header .menu .parent {
		position: relative;
	}
	
}

@media screen and (min-width: 992px) {
	
	header {
		height: 100px;
	}
	
	header.shrink {
		height: 70px;
	}
	
	header .logo {
		top: 0;
	}
	
	header .logo img {
		width: 250px;
	}
	
	header.shrink .logo img {
		width: 180px;
	}
	
	header nav,
	header nav.site {
		display: table-cell;
	}

	header nav.site {
		position: relative;
		left: 5%;
	}
	
	header .menu {
		display: inline-block;
		height: 100%;
		position: relative;
	}

	header .menu .heading {
		line-height: calc(95px - 2rem);
		color: rgb(var(--premium-blue));
	}
	
	header .menu .heading:hover {
		color: rgb(var(--fresh-green));
		background: none;
	}
	
	header.shrink .menu .heading {
		line-height: calc(65px - 2rem);	
	}
	
	header .menu:hover {
		border-bottom: 5px solid rgb(var(--horizon-blue));
	}
	
	header .menu.open nav {
		display: none !important;
	}
	
	header .menu nav {
		position: absolute;
		top: 100px;
		left: 0;
		width: 200px;
		background: rgba(var(--lightest-premium),0.95);
		padding: 1rem;
		border-radius: 0 0 0.5rem 0.5rem;
		box-shadow: 0 20px 20px rgba(0,0,0,1);
		box-shadow: 0 5px 5px rgba(0,0,0,0.25);
		overflow: hidden;
		z-index: +1;
	}
	
	header .menu nav:after {
		background: linear-gradient(to right,rgb(142,194,63),rgb(0,160,220));
		height: 10px;
		width: 100%;
		bottom: 0;
		left: 0;
		position: absolute;
		content: '';
		display: block;
	}
	
	header .menu nav .container {
		max-width: none !important;
	}
	
	header .menu nav.wide {
		width: 700px;
		padding: 0 1rem;
	}
	
	header .menu nav.wide.marketplace {
		padding: 0;
		left: -100px;
	}
		
	header.shrink .menu nav {
		top: 70px;
	}
	
	header .menu nav a {
		border-radius: 0.25rem;
		padding: 0.25rem 0.5rem;
		color: rgb(var(--premium-blue));
	}
	
	header .menu nav:not(.sales) a:not(.link-more):hover {
		color: rgb(var(--white));
		background: rgb(var(--horizon-blue)) !important;
	}
	
	header .menu:hover nav,
	header .menu.open:hover nav {
		display: block !important;
	}

	header nav.btns {
		font-size: 1.5rem;
	}
	
	header nav.btns .btn {
		margin-left: 0.25rem;
	}
	
	header .marketplace a {
		font-weight: 700;
		position: relative;
	}
	
	header .dealers .list a {
		font-weight: 400;
		font-size: 0.8em;
		display: block;
	}
	header .marketplace .subcats a {
		font-weight: 700;
		padding: 0.5rem;
		font-size: 1.15rem;
	}
	
	header .marketplace .parent {
		color: rgb(var(--horizon-blue));
		font-size: 1.5rem;
		letter-spacing: -1px;
		font-weight: 800;
		padding: 0.5rem;
		cursor: auto;
	}
	header .marketplace .parent:hover {
		background: none !important;
	}
	
	header .marketplace .description {
		color: rgb(var(--medium-premium)) !important;
		font-size: 1rem !important;
		padding: 0 0.5rem;
		display: block;
	}
	
	header .marketplace .subcats {
		margin-top: 1rem;
		padding-top: 1rem;
		position: relative;
	}
	
	header .marketplace .subcats:before {
		content: '';
		width: 100%;
		background: rgba(var(--medium-premium),0.25);
		height: 1px;
		border-radius: 0 2.5px 2.5px 0;
		position: absolute;
		top: 0;
		left: 0.5rem;
		display: block;
	}
	
	
	header .marketplace .aside {
		width: 300px;
		background: rgba(var(--horizon-blue),1) url('../images/bg-accent-nav.jpg') no-repeat;
		background-size: cover;
		background-position: left center;
		color: rgb(var(--white));
		padding: 2rem;
	}
	
	header .subcats {
		display: block !important;
	}
	
}



@media screen and (min-width: 1200px) {
	
	header .marketplace .subcats.double {
		width: 330px;
	}
	
	header .marketplace .subcats.double a {
		width: 165px;
		float: left;
		white-space: nowrap;
	}
	
	header .menu nav.wide.marketplace {
		left: 0;
	}
	
}


/* ########## ACCOUNT MENU ########## */

.account-cart .heading,
.account-menu .heading {
	font-weight: 700;
	font-size: 1.25rem;
	padding: 0.5rem;
	border-bottom: 1px solid rgb(var(--lighter-premium));
	color: rgb(var(--horizon-blue));
}

.account-cart .subheading  {
	padding: 0.5rem;
	display: block;
	font-size: 0.9rem;
	font-weight: 700;
	font-family: var(--font-primary);
	text-transform: uppercase;
	position: relative;
	color: rgb(var(--sky-blue));
	background: rgba(var(--lighter-premium),1);
	border-radius: 0.25rem;
}

.account-menu .subheading {
	padding: 0.5rem;
	display: block;
	font-size: 0.9rem;
	font-weight: 700;
	font-family: var(--font-primary);
	text-transform: uppercase;
	position: relative;
	color: rgb(var(--horizon-blue));
	background: rgba(var(--lighter-premium),1);
	border-radius: 0.25rem;
}

.account-cart nav a:not(.btn),
.account-menu nav a:not(.btn) {
	display: block;
	color: rgb(var(--premium-blue));
	padding: 0.5rem;
	border-radius: 0.25rem;
}

.account-cart nav a:not(.btn):hover {
	display: block;
	color: rgb(var(--white));
	background: rgb(var(--fresh-green));
	border-radius: 0.25rem;
}

.account-menu nav a:not(.btn):hover {
	display: block;
	color: rgb(var(--premium-blue));
	background: rgb(var(--lightest-premium));
	border-radius: 0.25rem;
}

.account-menu nav a.active {
	background: rgb(var(--lightest-premium));
}

.account-cart .items {
}

.account-cart .item {
	padding: 0.5rem 1rem;
	font-size: 0.9rem;
	/*border-bottom: 1px dashed rgba(255,255,255,0.25);*/
}

.account-cart .item.active {
	background: rgb(var(--premium-blue));
}

.account-cart .items .btn {
	font-size: 0.6rem;
	padding: 0.25rem 0.5rem !important;
}

/* ########## CART ########## */

.menu-cart {
	padding: 0 0 1rem 0 !important;
}

.menu-cart .heading {
	padding: 0.5rem 1rem;
}

.menu-cart .subheading {
	padding: 0.5rem 1rem;
	display: block;
	font-size: 0.9rem;
	font-weight: 700;
	font-family: var(--font-primary);
	text-transform: uppercase;
	position: relative;
	color: rgb(var(--fresh-green));
	background: rgba(255,255,255,0.05);
}

.menu-cart .items {
}

.menu-cart .item {
	padding: 0.5rem 1rem;
	font-size: 0.9rem;
	/*border-bottom: 1px dashed rgba(255,255,255,0.25);*/
}

.menu-cart .item.active {
	background: rgb(var(--premium-blue));
}

.menu-cart .items .item:first-of-type {
	/*border-top: 1px dashed rgba(255,255,255,0.25);*/
}


.menu-cart .items .btn {
	font-size: 0.6rem;
	padding: 0.25rem 0.5rem !important;
}

/* ########## CONTENT ########## */

.main {
	min-height: calc(100vh - 450px);
	position: relative;
	padding: 0;
}

.inside .main {
	position: relative;
	top: 70px;
	margin-bottom: 200px;
}

.content {
	padding: 2rem 0;
}

.main .wrapper {
	padding-right: var(--bs-gutter-x,.75rem);
	padding-left: var(--bs-gutter-x,.75rem);
}

.content ul.checkmark {
	margin: 1rem 0;
	padding: 0;
}

.content ul.checkmark li {
	list-style: none;
	padding: 0 0 0 2.5rem;
}

.content ul.checkmark li:before {
	font-family: "Font Awesome";
	content: "\f336";
	font-size: 1.25rem;
	position: relative;
	top: 0.15em;
	left: -2rem;
	margin-right: -1rem;
	opacity: 1;
	font-style: normal;
    color: rgb(var(--premium-blue)) !important;
}

aside {
	border-radius: 0.5rem;
	background: rgb(var(--fresh-green));
	padding: 1rem 3rem;
	color: rgb(var(--premium-blue));
}

aside h5 {
	margin-bottom: 1rem;
}

aside p {
	;
	margin: 0;
	padding: 0;
	font-size: 0.9rem;
	line-height: 1.25rem;
}


aside .lead strong {
	font-weight: 700;
}


@media screen and (min-width: 992px) {
	.inside .main {
		top: 100px;
	}
}

/* ########## ACCENTS ########## */


.accent-brand-1 {
	background: rgb(var(--fresh-green));
}

.accent-brand-2 {
	background: rgb(var(--sky-blue));
}

.accent-brand-3 {
	background: rgb(var(--horizon-blue));
}

.accent-medium {
	background: rgb(var(--medium-premium));
}

.accent-light {
	background: rgb(var(--lighter-premium));
}

.accent-lightest {
	background: rgb(var(--lightest-premium));
}

.content-bright,
.content-bright h2 {
	color: rgba(255,255,255,1);
}

.accent-gradient {
	background: linear-gradient(to bottom right, rgb(var(--fresh-green)), rgb(var(--sky-blue)));
}

.accent-round {
	border-radius: 0.5rem;
}

/* ########## SECTION CATS ########## */

.section-cats h5 {
	color: rgb(var(--fresh-green));
	font-size: 1.25rem;
	margin-bottom: 0.5rem;
}

/* ########## TABLE STYLES ########## */

.table thead th {
	font-size: 0.75rem;
	font-weight: 700;
}

/* ########## QUICK CATEGORIES ########## */

.account-categories,
.quick-categories {
	color: rgb(var(--horizon-blue));
	font-weight: 800;
	font-size: 1.3rem;
}

.account-categories small,
.quick-categories small {
	font-size: 0.9rem;
	font-weight: 400;
	color: rgba(var(--medium-premium),0.5);
}

.account-categories a,
.quick-categories a {
	border: 1px solid transparent;
	background-color: transparent;
	background-size: 220% auto;
	background-position: 99%;
	background-image: linear-gradient(to right, rgb(var(--sky-blue)) 0%, rgb(var(--fresh-green)) 50%, rgb(var(--lighter-premium)) 51%, rgb(var(--lighter-premium)) 100%);
	overflow: hidden;
	transition: all 0.5s;
	color: rgb(var(--horizon-blue));
	text-align: center;
	padding: 3rem 2vw;
	margin: 0 0 0.25rem 0;
}

.account-categories a.card {
	padding: 2rem 2vw;
}

.quick-categories a:hover {
	border: 1px solid transparent;
	background-color: transparent;
	color: rgb(var(--white));
	background-position: 1% center;
	transform: scale(1.25);
	z-index: +1;
}

.account-categories a:hover {
	border: 1px solid transparent;
	background-color: transparent;
	color: rgb(var(--white));
	background-position: 1% center;
	transform: scale(1) !important;
	z-index: +1;
}

.account-categories a:hover small,
.quick-categories a:hover small {
	color: rgb(var(--white));
}

@media screen and (min-width: 768px) {
	.account-categories,
	.quick-categories {
		padding: 2rem 0 0 0;
	}
}

@media screen and (min-width: 1200px) {
	.account-categories,
	.quick-categories {
		padding: 0;
	}
	.account-categories a,
	.quick-categories a {
		margin: 0;
	}
	.quick-categories {
		z-index: 2;
		margin-top: -358px;
	}
}

@media screen and (min-width: 1400px) {
	.account-categories,
	.quick-categories {
		font-size: 1.5rem;
	}
}

/* ########## QUICK SEARCH ########## */

.quick-search {
	color: rgb(var(--white));
	z-index: 2;
}

.quick-search .tabs {

}

.quick-search .tab {
	text-align: center;
	cursor: pointer;
	vertical-align: middle;
	max-width: 200px;
	padding: 0.5rem;
	margin: 0 0.25rem;
	position: relative;
	background: rgba(var(--premium-blue),0.2);
	border-radius: 0.5rem;
}

.quick-search .tab label {
	text-transform: none;
}

.quick-search .tab.active {
	background: rgba(var(--premium-blue),1);
	color: rgb(var(--white));
}

.quick-search .tab:hover {
	background: rgba(var(--horizon-blue),1);
	color: rgb(var(--white));
}

.quick-search .tab.active:after,
.quick-search .tab:hover:after {
	content:'';
	position: absolute;
	left: 0;
	bottom: -10px;
	right: 0;
	margin: 0 auto;
	width: 0;
	height: 0;
	border-top: 10px solid rgb(var(--premium-blue));
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
}

.quick-search .tab:hover:after {
	border-top: 10px solid rgb(var(--horizon-blue));
}

.quick-search label {
	font-weight: 700;
	display: block;
	padding: 0.25rem 0;
	cursor: pointer;
	font-size: 0.75rem;
	color: rgb(var(--white));
	text-transform: uppercase;
}

.quick-search form .form-group label {
	font-weight: 700;
	display: block;
	padding: 0;
	font-size: 0.8rem !important;
	color: rgb(var(--white));
}

.quick-search .icon {
	width: 45px;
	height: 45px;
	
}

.quick-search .tab-content {
	display: none;
	padding: 2rem;
}

.quick-search .tab-content.active {
	display: block;
}

.quick-search .tab-content a {
	color: rgb(var(--premium-blue));
}

.quick-search .tab-content a:hover {
	color: rgb(var(--premium-blue));
	text-decoration: underline;
}

.quick-search h3,
.quick-search .lead {
	max-width: 600px;
	margin-left: auto !important;
	margin-right: auto !important;
}

.quick-search hr {
	margin: 1.5rem 0 !important;
}

.quick-search .check-group {
	background: rgba(0,0,0,0.1);
	border-radius: 0.25rem;
	padding: 0.25rem 0.5rem;
	display: inline-block;
	cursor: pointer;
	margin: 0.2rem;
}

.inline-search .check-group label {
	display: inline-block;
	text-transform: none !important;
	margin: 0;
	padding: 0;
	cursor: pointer;
	font-weight: 400;
}

.quick-search .check-group.selected {
	background: rgba(var(--fresh-green),1);
}

.quick-search .check-group.selected,
.quick-search .check-group.selected label {
	color: rgb(var(--white)) !important;
}

.quick-search .check-group.selected label {
	padding-left: 1rem;
}
.quick-search .check-group.selected label:before {
	content: '\f00c';
	font-family: "Font Awesome";
	line-height: 1em;
	position: absolute;
	top: 0.2rem;
	left: 0;
} 

.quick-search .check-group label {
	font-size: 0.75rem !important;
	cursor: pointer !important;
	position: relative;
}

.quick-search .check-group input[type=checkbox] {
	margin: 0 0.5rem 0 0;
	width: 15px !important;
	height: 15px !important;
	display: none;
}


.quick-search .price-slider.ui-widget-content {
	background: rgba(var(--white),0.25);
	border: none;
}

.quick-search  .price-slider .ui-slider-handle.ui-state-default {
	background: rgba(var(--fresh-green),1);
	border: none;
}

.quick-search  .price-slider .ui-slider-range.ui-widget-header {
	background: rgba(var(--white),1);
}

@media screen and (max-width: 767px) {
	.quick-bar .wrapper {
		overflow-x: hidden;
	}
}

@media screen and (max-width: 1199px) {
	.quick-bar .wrapper {
		width: 100%;
		max-width: none;
		padding: 0 !important;
	}
}

@media screen and (min-width: 576px) {
	.quick-search label {
		font-size: 1rem;
	}
}

@media screen and (min-width: 768px) {

	.quick-search .tab {
		padding: 1rem;
	}
	.quick-search .tab.active:after,
	.quick-search .tab:hover:after {
		bottom: -15px;
		border-top: 20px solid rgb(var(--premium-blue));
		border-left: 40px solid transparent;
		border-right: 40px solid transparent;
	}
	.quick-search .tab:hover:after {
		border-top: 20px solid rgb(var(--horizon-blue));
	}
	
	.quick-search label {
		font-weight: 700;
		display: block;
		padding: 0.25rem 0;
		cursor: pointer;
		font-size: 1rem;
	}

	.quick-search .icon {
		width: 60px;
		height: 60px;

	}

}

@media screen and (min-width: 1200px) {

	.quick-search {
		max-width: 800px;
		margin-top: -358px;
	}
	
	.quick-search .search-block {
		border-radius: 0.5rem;
	}
	
}

@media screen and (min-width: 1500px) {

	.quick-search {
		max-width: 700px;
	}
	
}

/* ########## INLINE SEARCH ########## */

.inline-search label {
	font-size: 0.75rem !important;
	text-transform: uppercase;
	cursor: auto !important;
}

.inline-search {
	background: none;
	border-radius: 0.25em;
	font-size: 0.9em;
}

#inlineSearch_Categories_toggleBox,
#inlineSearch_Options_toggleBox {
	overflow: visible;
	display: block;
}

.inline-search div.section-header {
	clear: both;
	display: block;
	text-align: left;
	padding: 0.5em 0;
	margin: 1em 0;
	text-transform: uppercase;
	font-weight: 700;
    color: rgb(var(--premium-blue)) !important;
}

.inline-search .region-box .field_label {
	display: none;
}

.inline-search .region-box .field_label.region_label {
	background: none;
	border: none;
	text-transform: none;
	display: block;	
}

.inline-search .region-box .field_label.region_scalar_label {
	display: none;
}

.inline-search .region-box .region_selector_wrapper_s_search_location_,
.inline-search .region-box .region_selector_placeholders_s_search_location_ {
	display: block !important;
	float: none;
}

.inline-search .region-box .region_selector {
	display: block;
	width: 100%;	
}

.inline-search .region-box .region_selector label {
	float: left !important;
	width: 45%;
	display: block !important;
}

.inline-search .region-box br {
	display: none !important;
}

.inline-search div.is-more-closed {
	cursor: pointer;
	clear: both;
	display: block;
	text-align: left;
	padding: 0.5em 0;
	margin: 1em 0;
	font-weight: 700;
	position: relative;
	color: rgb(var(--sky-blue));
}

.inline-search div.is-more-closed:after  {
	display: inline-block;
	font-family: "Font Awesome";
	line-height: 1em;
	content: "\f141";
	position: absolute;
	top: 0.5rem;
	right: 0.75em;
	font-weight: 700;
    color: rgb(var(--sky-blue)) !important;
}

.inline-search div.is-more-open {
	cursor: pointer;
	clear: both;
	display: block;
	text-align: left;
	padding: 0.5em 0;
	margin: 1em 0;
	font-weight: 700;
	position: relative;
    color: rgb(var(--fresh-green)) !important;
}

.inline-search div.is-more-open:after  {
	display: inline-block;
	font-family: "Font Awesome";
	line-height: 1em;
	content: "\f141";
	position: absolute;
	top: 0.5rem;
	right: 0.75em;
	font-weight: 700;
}
	
	
.inline-search div.is-more-closed:hover,
.inline-search div.is-more-open:hover,
.inline-search div.is-more-closed:hover:after,
.inline-search div.is-more-open:hover:after {
	color: rgb(var(--fresh-green)) !important;
	text-decoration: none;
}

.inline-search-savedsearches a.mini_button,
.inline-search-savedsearches a.mini_cancel {
	display: block !important;
	margin: 5px 0;
}

#categoryBox-options-title,
#categoryBox-options-box {
	display: none;
}

.inline-search .is-toggle-box {
	padding: 0;	
}

.inline-search .btn {
	display: block;
	width: 100%;
}

.region_label {
    text-transform: none;
    padding: 0;
    margin: 0;
}

.region_selector br {
    /*display: none !important;*/
}

.inline-search .checkbox {
	padding: 0.25rem 0;
	margin: 0;
}

.inline-search .checkbox label {
	display: inline-block;
	text-transform: none !important;
	margin: 0;
	padding: 0;
	cursor: pointer;
	font-weight: 400;
}

.inline-search .checkbox input {
	margin-right: 0.25rem
}

.inline-search .categories .checkbox label {
	font-size: 0.9rem !important;
}

.inline-search .slider {
	padding: 0 0 0.5rem 0;
}

.inline-search .search-name {
	display: none;
}

.price-slider {
	margin: 0 0 0 0.5em;	
	max-width: calc(100% - 1rem);
}

.price-slider.ui-widget-content {
	background: rgba(var(--white),0.25);
	border: none;
}

.price-slider.ui-slider-horizontal .ui-slider-handle {
	border-radius: 0.75rem;
	top: -0.2em !important; 
}

.price-slider .ui-slider-handle.ui-state-default {
	background: rgba(var(--sky-blue),1);
	border: none;
	box-shadow: 0 0 3px rgba(0,0,0,0.25);
}

.price-slider .ui-slider-range.ui-widget-header {
	background: rgba(var(--white),1);
}

.ui-slider-horizontal {
	height: 0.5rem;
}

.ui-slider .ui-slider-handle {
	height: 1rem;
	width: 1rem;
}

@media screen and (max-width: 991px) {
	.inline-search div.is-more-closed:after  {
		color: rgb(var(--white)) !important;
	}
}

@media screen and (min-width: 992px) {
	.price-slider.ui-widget-content {
		background: rgba(var(--medium-premium),0.25);
	}
	.price-slider .ui-slider-handle.ui-state-default {
		background: rgba(var(--premium-blue),1);
	}
	.price-slider .ui-slider-range.ui-widget-header {
		background: rgba(var(--horizon-blue),1);
	}
}

/* ########## STATS ########## */

.stat-value {
	font-size: 2rem;
	font-weight: 300;
	color: rgb(var(--fresh-green));
}

.stats .value {
	font-size: 2.5rem;
	font-weight: 700;
}

.stats label {
	display: block;
	font-size: 1.25rem;
  	font-weight: 700;
}


/* ########## ICONS ########## */

.svg-outline-dark {
	fill:none;
	stroke: rgb(var(--premium-blue));
	stroke-width:2;
	stroke-miterlimit:10;
}

.svg-fill-dark {
	fill: rgb(var(--premium-blue));
}


/* ########## BRAND HIGHLIGHTS ########## */

.brand-highlights .highlights {
	z-index: +1;
}
.brand-highlights .highlights .icon {
	color: rgb(var(--white));
	margin-bottom: 1rem;
}

.brand-highlights .highlights h5 {
	font-size: 1.25rem;
}

.brand-highlights .highlights .highlight .lead {
	font-size: 0.9rem;
	line-height: 1.25em !important;
}

.brand-highlights .accent-gradient {
	border-radius: 1rem;
	padding: 5rem;
}

.brand-highlights .accent-image {
	border-radius: 1rem;
	overflow: hidden;
	position: relative;
	bottom: -5vh;
}
.brand-highlights .accent-image img {
	object-position: center;
	object-fit: cover;
	max-height: 400px;
	border-radius: 1rem;
	width: 100%;
}

@media screen and (min-width: 1200px) {
	.brand-highlights .accent-image {
		margin-right: -50px;
		bottom: 0;
		height: 100%;
		box-sizing: border-box;
	}
	.brand-highlights .accent-image img {
		width: 100%;
		height: 90%;
		top: 5%;
		position: relative;
		max-height: none;
	}
}


/* ########## ARTICLES ########## */

.articles article a {
	color: rgb(var(--premium-blue));
	border-radius: 0.5rem;
	display: block;
	overflow: hidden;
}

.articles.all article a {
	border: 1px solid rgb(var(--lighter-premium));
}

.articles article a:hover {
	background: rgb(var(--lightest-premium));
}

.articles article .thumb {
}

.articles article .content {
	padding: 2rem;
}

.articles article .thumb img {
	object-fit: cover;
	object-position: center;
	height: 100%;
	width: 100%;
}

.articles article h3 {
	color: rgb(var(--premium-blue));
}

.article figure {
	max-width: 100%;
	width: 600px;
	margin: 0 auto;
	border-radius: 0.5rem;
	overflow: hidden;
}

.article figure img {
	width: 100%;
}

.article-categories {
	border-top: 1px solid rgb(var(--lighter-premium));
	margin: 1rem 0;
	padding-top: 1rem;
}

.article-categories a {
	display: block;
	padding: 0.5rem;
	border-radius: 0.25rem;
}

.article-categories a:hover {
	background: rgb(var(--premium-blue));
	color: rgb(var(--white));
}

@media screen and (min-width: 992px) {
	
	.article figure {
		float: right;
		margin: 2rem;
	}
	
}

/* ########## ACCOUNT / FILTER BAR ########## */

.account-bar {
	color: rgb(var(--white));
}
.account-bar,
.filter-bar {
	position: sticky;
 	top: 70px;
 	z-index: 998;
	background: rgb(var(--premium-blue));
	padding: 0;
	transition: all .5s;
}

.filter-bar .btn {
	color: rgb(var(--white));
	padding: 1rem;
	border-radius: 0;
}

.filter-bar .btn:hover {
	color: rgb(var(--white));
	background: rgba(var(--sky-blue),1);
}

.filter-bar .btn.open,
.filter-bar .btn.active {
	color: rgb(var(--white));
	background: rgba(var(--fresh-green),1);
}

.filter-bar .sort-dropdown {
	padding: 0;
	background: rgba(var(--white),0.1);
	display: block;
	height: 100%;
	color: rgb(var(--white));
	position: relative;
}

.filter-bar .sort-dropdown select {
	border: none !important;
	background: none !important;
	height: 100%;
	color: rgb(var(--white));
	max-width: 130px;
	appearance: none !important;
	padding: 0.5rem 2rem 0.5rem 1rem;
}

.filter-bar .sort-dropdown:before {
	position: absolute;
	font-family: "Font Awesome";
	font-size: 1rem;
	color: rgba(var(--white),0.5);
	content: '\f0dc';
	font-weight: 700;
	right: 1rem;
	top: 1rem;
	display: block;
}

.filter-bar .sort-dropdown select option {
	background: rgb(var(--white)) !important;
	color: rgb(var(--premium-blue));
}

.filter-panel h3 {
	margin-bottom: 0 !important;
}

.filter-panel.open .inline-search div.section-header.is-more-closed {
	color: rgba(var(--white),0.5) !important;
}

@media screen and (max-width: 991px) {
	.filter-panel {
		height: 100vh;
		position: fixed;
		left: -70vw;
		top: 126px;
		width: 70vw;
		max-width: 300px;
		background: rgb(var(--premium-blue));
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		transition: all 0.5s;
		z-index: 990;
		color: rgb(var(--white));
		padding-bottom: 20rem !important;
		border-radius: 0;
		box-shadow: inset 0 7px 9px -7px rgba(0,0,0,0.5);
	}
	.filter-panel,
	.filter-panel label {
		color: rgb(var(--white)) !important;
	}
	.offcanvasmenu-active .filter-panel.open {
		left: 0;
	}
	.filter-panel.open .btn-outline {
		color: rgb(var(--white));
		border: 1px solid rgb(var(--white));
	}
	.filter-panel.open .btn-outline:hover {
		color: rgb(var(--fresh-green));
		border: 1px solid rgb(var(--fresh-green));
	}
}


.sale-catalog .filter-panel {
	display: none;
}
.sale-catalog .filter-panel {
	height: 100vh;
	position: fixed;
	left: -70vw;
	top: 126px;
	width: 70vw;
	max-width: 300px;
	background: rgb(var(--premium-blue));
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	transition: all 0.5s;
	z-index: 990;
	color: rgb(var(--white));
	padding-bottom: 20rem !important;
	border-radius: 0;
	box-shadow: inset 0 7px 9px -7px rgba(0,0,0,0.5);
	display: block
}
.sale-catalog .filter-panel,
.sale-catalog .filter-panel label {
	color: rgb(var(--white)) !important;
}
.offcanvasmenu-active .sale-catalog .filter-panel.open {
	left: 0;
}
.sale-catalog .filter-panel.open .btn-outline {
	color: rgb(var(--white));
	border: 1px solid rgb(var(--white));
}
.sale-catalog .filter-panel.open .btn-outline:hover {
	color: rgb(var(--fresh-green));
	border: 1px solid rgb(var(--fresh-green));
}

.sale-catalog .filter-panel.open .price-slider.ui-widget-content {
	background: rgba(var(--white),0.25);
}
.sale-catalog .filter-panel.open .price-slider .ui-slider-handle.ui-state-default {
	background: rgba(var(--sky-blue),1);
}
.sale-catalog .filter-panel.open .price-slider .ui-slider-range.ui-widget-header {
	background: rgba(var(--white),1);
}

@media screen and (min-width: 992px) {
	
	.filter-bar .sort-dropdown:before {
		top: 0.5rem;
	}
	
	.filter-bar .btn {
		padding: 0.5rem 1rem;
	}
	
	.filter-bar .sort-dropdown select {
		max-width: 220px;
	}
	
	.sale-catalog .filter-panel {
		top: 139px;
	}
	
	.shrink .sale-catalog .filter-panel {
		top: 110px;
	}
}


/* ########## OUTRO ########## */

.outro {
	color: rgb(var(--white));
	margin-top: 5rem;
	background-image: url('../images/bg-outro.jpg');
	background-repeat: no-repeat;
	background-position: center left;
	position: relative;
	background-size: auto 100%;
}

.outro .caption {
	font-weight: 800;
	font-size: 2rem;
	line-height: 1em;
	font-style: italic;
	text-shadow: 0 1px 2px rgba(0,0,0,0.5);
	display: block;
}

.outro .wrapper {
	max-width: 1350px;
}

@media screen and (min-width: 992px) {
	.outro {
		width: calc(100% - 250px);
		border-radius: 0 3rem 3rem 0;
	}	
	.outro:after {
		content: '';
		display: block;
		position: absolute;
		right: -250px;
		top: -55px;
		height: 250px;
		width: 250px;
		background: url('../images/emblem.svg') no-repeat;
		background-size: cover;
	}
}

/* ########## FOOTER ########## */

footer {
	padding: 4rem 0;
	color: rgb(var(--medium-premium));
	position: relative;
	bottom: 0;
	font-size: 0.9rem;
}

footer ul,
footer li {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 2rem;
}

footer p {
	margin: 0;
	padding: 0;
}

footer a {
	color: rgb(var(--medium-premium));
}

footer a:hover {
	color: rgb(var(--fresh-green));
}

footer .heading {
	font-size: 1.2rem;
	font-weight: 800;
	font-family: var(--font-primary);
	color: rgb(var(--premium-blue));
	margin-bottom: 1rem;
	display: block;
	letter-spacing: -1px;
}

footer .phone {
	color: rgb(var(--premium-blue));
	font-size: 1.5rem;
	letter-spacing: -1px;
}

footer .newsletter a,
footer .social a {
	color: rgb(var(--premium-blue));
}

footer .newsletter a:hover,
footer .social a:hover {
	color: rgb(var(--fresh-green));
}

footer .newsletter a {
	font-size: 1.25rem;
}

footer .legal {
	font-size: 0.75rem;
	padding: 1rem 0 1rem 0;
}

footer img {
	max-width: 250px;
	margin: 0 auto;
}


/* ######### FLEX MODULE STYLES ######### */

.flex-module {
    position: relative;
}

.flex-module .item {
    background: rgba(255,255,255,1);
	border: 1px solid rgba(var(--lighter-premium),1);
	border-radius: 0.5em;
	margin: .5em;
	padding: 0;
	position: relative;
	text-align: center;
    height: 100%;
    overflow: hidden;
    box-sizing: border-box;
	color: rgb(var(--premium-blue));
}

.flex-module a {
    text-decoration:  none;
	display: inline-block;
    box-sizing: border-box;
}

.flex-module a:hover {
   /*background: rgba(0,0,0,0.1);*/
    color: rgb(var(--fresh-green));
}

.flex-module .image {
	max-width: 100%;
    display: block;
    overflow: hidden;
	position: relative;
}

.flex-module .image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.flex-module .content {
    display: block;
    padding: 0;
    word-wrap: break-word;
    position: relative;
}

.flex-module .item .content span:not(.badge) {
    display: block;
}

.flex-module .type-content .title {
	background: rgb(240,243,247);
	padding: 1em 0.5em;
    color: rgb(123,130,141);
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
}

.flex-module .description {
    font-size: 0.9em;
}

.flex-module .ribbon {
    position: absolute;
    top: 3em;
    left: -3em;
    z-index: 10;
    background: red;
    color: rgb(255,255,255);
    padding: 0.5em 50px;
    transform: rotate(-45deg);
    font-size: 0.75rem;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    width: auto;
    min-width: 15em;
	opacity: 0.9;
	height: auto !important;
}

.flex-module .ribbon.right {
    transform: rotate(45deg);
    left: auto;
    right: -3em;
}

.flex-module .ribbon.top {
    transform: none;
    left: 0;
    right: auto;
	top: 0;
	bottom: auto;
	width: 100%;
}

.flex-module .ribbon.bottom {
    transform: none;
    left: 0;
    right: auto;
	top: auto;
	bottom: 0;
	width: 100%;
}

/* STORE SPECIFIC STYLES */


.flex-module .type-store.item {
    background: none;
	border: none;
}

.flex-module .type-store .image {
	height: auto;
}

.flex-module .type-store .title {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
	display: block;
	color: rgb(var(--premium-blue));
}

.flex-module .type-store {
	filter: grayscale(100%);
	transition: 0.5s;
	opacity: 0.25;
}
.flex-module .type-store img {
	object-fit: contain;
}

.flex-module .type-store:hover {
	filter: none;
	opacity: 1;
}

.flex-module .type-store a:hover {
	color: rgb(var(--premium-blue));
}

/* REVIEW SPECIFIC STYLES */

.flex-module .type-review .title {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 300;
	display: block;
}

.flex-module .type-review .description {
    font-size: 1.2em;
	font-weight: 700;
	margin: 0.5rem 0;
	display: block;
}

/* SPONSOR SPECIFIC STYLES */

.flex-module .type-sponsor {
	border: 1px solid rgba(var(--lighter-premium),1);
	border-left: 10px solid rgba(var(--premium-blue),1);
	border-radius: 0.5rem;
	position: relative;
}

.flex-module .type-sponsor:before {
	position: absolute;
	right: 0.5rem;
	top: 0.5rem;
	content: 'AD';
	background: rgb(var(--lighter-premium));
	padding: 0.25rem;
	border-radius: 0.25rem;
	text-transform: uppercase;
	font-size: 0.6rem;
	font-weight: 700;
}

.flex-module .type-sponsor a {
	margin: 0;
	padding: 0;
}

.flex-module .type-sponsor .content {
	padding: 2rem;
	text-align: left;
}

.flex-module .type-sponsor .image {
	background: rgb(var(--lightest-premium));
}

.flex-module .type-sponsor .image img {
	object-fit: contain !important;
	object-position: center;
	max-height: 250px;
}

.flex-module .type-sponsor .image a {
	vertical-align: middle;
	height: 100%;
}

.flex-module .type-sponsor .title {
    margin: 0;
    font-size: 1.4rem;
	line-height: 1.2em;
    font-weight: 300;
	display: block;
}

.flex-module .type-sponsor .description {
    font-size: 1Rem;
	font-weight: 500;
	margin: 0.5rem 0;
	display: block;
}

.flex-module .type-sponsor .title a,
.flex-module .type-sponsor .description a {
	display: inline;
}

.flex-module.sponsors .slide-next,
.flex-module.sponsors .slide-prev {
	display: none !important;
}


@media screen and (min-width: 576px) {
	.flex-module .type-sponsor .image img {
		max-height: none;
	}
}

/* LISTING SPECIFIC STYLES */

.flex-module .type-listing .image {
    background: rgba(0,0,0,0.1);
}

.flex-module .type-listing .bottom {
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    bottom: 0;
    padding: 0.25em;
}

.flex-module .type-listing .price {
    font-size: 1em;
    padding: 0;
    text-align: right;
    font-weight: normal;
}

.flex-module .time_left {
	text-align: left;
	font-size: 1em;
    color: rgba(123,130,141,0.75);
}

/* SLIDER STYLES */

.flex-slider {
	position: relative;
    padding: 0.5rem 0;
}

@media screen and (min-width: 991px) {
	.flex-slider {
		margin: 0.5rem 0;
	}	
}

.other-listings .flex-slider {
	margin: 0.5rem 0 2rem 0;
}

.flex-slider .slide {
	width: 100%;
	padding: 0;
	box-sizing: border-box;
	text-align: center;
    display: none;
}

.flex-slider .slide-item {
	width: 100%;
    padding: 0;
    display: block !important;
}

.flex-slider .slide article {
    margin: 0 0.25rem;
}

.slide-prev,
.slide-next {
	opacity: 0.5;
	cursor: pointer;
	position: absolute;
	z-index: 980;
	font-size: 2.5em;
	top: -0.5em;
}

.front .slide-prev,
.front .slide-next {
	top: -2.5em;
}

.slide-prev {
	right: 1.5em;		
}

.slide-next {
	right: 0;
}

.other-listings .slide-prev {
	top: 100%;
	right: auto;
	left: calc(50% - 1.5em);
}

.other-listings .slide-next {
	top: 100%;
	left: auto;
	right: calc(50% - 1.5em);
}

@media screen and (max-width: 1200px) {
	
	.front .listings .slide-prev {
		top: 100%;
		right: auto;
		left: calc(50% - 1.5em);
	}

	.front .listings .slide-next {
		top: 100%;
		left: auto;
		right: calc(50% - 1.5em);
	}
}

.slide-prev.disabled,
.slide-next.disabled {
    opacity: 0.1;
    cursor: auto;
}

.slide-prev svg,
.slide-next svg {
    width: 40px;
    height: auto;
    color: rgba(var(--premium-blue),0.5);
    fill: rgba(var(--premium-blue),0.5);
}

.slide-prev:not(.disabled):hover,
.slide-next:not(.disabled):hover {
	opacity: 1;
    color: rgba(var(--premium-blue),1);
    fill: rgba(var(--premium-blue),1);
}

.content-bright .slide-prev svg,
.content-bright .slide-next svg {
    width: 40px;
    height: auto;
    color: rgba(var(--white),0.5);
    fill: rgba(var(--white),0.5);
}

.content-bright .slide-prev:not(.disabled):hover,
.content-bright .slide-next:not(.disabled):hover {
	opacity: 1;
    color: rgba(var(--white),1);
    fill: rgba(var(--white),1);
}

/* SLIDER CORE */
.flexslide-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.flexslide-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.flexslide-list:focus
{
    outline: none;
}
.flexslide-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.flexslide-slider .flexslide-track,
.flexslide-slider .flexslide-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.flexslide-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.flexslide-track:before,
.flexslide-track:after
{
    display: table;
    content: '';
}
.flexslide-track:after
{
    clear: both;
}
.flexslide-loading .flexslide-track
{
    visibility: hidden;
}

.flexslide-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .flexslide-slide
{
    float: right;
}
.flexslide-slide img
{
    display: block;
}
.flexslide-slide.flexslide-loading img
{
    display: none;
}
.flexslide-slide.dragging img
{
    pointer-events: none;
}
.flexslide-initialized .flexslide-slide
{
    display: block;
}
.flexslide-loading .flexslide-slide
{
    visibility: hidden;
}
.flexslide-vertical .flexslide-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.flexslide-arrow.flexslide-hidden {
    display: none;
}
/* Dots */
.flexslide-dotted.flexslide-slider
{
    margin-bottom: 30px;
}

.flexslide-dots
{
    position: absolute;
    bottom: -1rem;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.flexslide-dots li
{
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.flexslide-dots li button
{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.flexslide-dots li button:hover,
.flexslide-dots li button:focus
{
    outline: none;
}
.flexslide-dots li button:hover:before,
.flexslide-dots li button:focus:before
{
    opacity: 1;
}
.flexslide-dots li button:before
{

    font-size: 1.5rem;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.flexslide-dots li.flexslide-active button:before
{
    opacity: .75;
    color: black;
}


/* ######### FEATURED SHOWCASE STYLES ######### */

@media screen and (min-width: 992px) {
	
	.featured-showcase .brdr-s {
		border-left: 4px solid rgba(var(--lighter-premium));
		border-radius: 2px;
		padding-left: 3rem;
	}
	
}


/* ######### HERO SHOWCASE STYLES ######### */

.hero {
	background: rgb(var(--white));
	background-size: cover;
	background-position: left center;
	position: relative;
	padding-top: 5rem;
}

@media screen and (min-width: 992px) {

	.hero {
		height: calc(35rem);
		padding-top: 0;
	}
	.hero.short {
		min-height: 15rem;
	}
	
}

@media screen and (min-width: 1200px) {

	.hero {
		height: calc(40rem);
	}
	
}

#hero-showcase {
	margin: 0;
	position: relative;
	z-index: 2;
    height: 100% !important;
	min-height: 400px !important;
}


#hero-showcase  .hero-slide {
	background-repeat: no-repeat;
	background-position: center !important;
	background-size: cover;
    display: table !important;
}

#hero-showcase  .hero-slide img {
    max-width: 100%;
}

#hero-showcase iframe {
    position: relative; 
    z-index: 3;
}

#ps_controls {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
}

.hero-left-arrow-block {
	width: 50px;
	text-align: center;
    vertical-align: middle;
	position: absolute;
	left: 0;
	z-index: 900;
    height: 100%;
    display: table;
}
.hero-right-arrow-block {
	width: 50px;
	text-align: center;
    vertical-align: middle;
	position: absolute;
	right: 0;
	z-index: 900;
    height: 100%;
    display: table;
}

.hero-left-arrow-block .inner,
.hero-right-arrow-block .inner {
    display: table-cell;
	vertical-align: middle;    
}

a.hero-arrow-control-left,
a.hero-arrow-control-right {
	opacity: 0.5;	
}

a.hero-arrow-control-left:link, a.hero-arrow-control-left:visited,
a.hero-arrow-control-left:hover, a.hero-arrow-control-left:active,
a.hero-arrow-control-right:link, a.hero-arrow-control-right:visited,
a.hero-arrow-control-right:hover, a.hero-arrow-control-right:active {
	display: block;
	padding: 0;
	font-family: "Font Awesome";
	line-height: 100%;
	width: 50px;
	color: rgba(255,255,255,0.25);
}

a.hero-arrow-control-left:hover, a.hero-arrow-control-left:active,
a.hero-arrow-control-right:hover, a.hero-arrow-control-right:active {
	color: rgb(255,255,255);	
	opacity: 1;
}
	

#hero-showcase a {
	text-decoration: none;
}

#hero-showcase .contents {
	color: rgb(255,255,255);
	width: 100%;
	padding: 1em 2rem;
}

#hero-showcase .wrapper {
	display: table;
	height: 100%;
}
#hero-showcase .contents {
    text-align: center;
	display: table-cell;
}

#hero-showcase .contents .title {
	margin: 0.25em 0;
	padding: 0;
	font-size: 2.5rem;
	color: rgb(var(--fresh-green)) !important;
	display: block;
	line-height: 0.9em;
	font-weight: 800;
	font-family: var(--font-primary);
	letter-spacing: -1px;
}

#hero-showcase .contents .title strong {
	color: rgb(var(--fresh-green));
}

#hero-showcase .contents .description {
	margin: 0 auto;
	padding: 0;
	line-height: 1em;
	color: rgba(var(--premium-blue),1);
    text-transform: none;
    font-size: 1.8em;
    font-weight: 300;
	display: block;
}

#hero-showcase .description a {
	color: rgba(var(--premium-blue),1);
	font-size: 1rem !important;
	margin-top: 0 !important;
}

#hero-showcase .contents .description strong {
	font-weight: 800;
}

#hero-menu {
	position: absolute;
	display: block;
	padding: 0;
	font-family: "Font Awesome";
	line-height: 100%;
	width: 50px;
	font-size: 1em;	
	z-index: 901;
}

#hero-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#hero-menu ul li {
	margin: 0; 
	padding: 0;
	display: inline-block
}

#hero-showcase a,
#hero-menu a {
	margin: 0;
	text-align: center;
	font-weight: 700;
	font-size: 1.25rem;
	color: rgba(255,255,255,1);
	margin-top: 40px;
}

#hero-showcase a:hover,
#hero-menu a:hover {
	color: rgb(var(--fresh-green));
}	

#hero-menu.menu-bottom {
	left: 50%;
	bottom: 5em;	
}

#hero-menu.menu-top {
	left: 50%;
	top: 5em;	
}

@media screen and (max-width: 992px) {
	#hero-showcase .wrapper {
		width: 100%;
		display: table-cell;
		background: linear-gradient(to bottom,rgba(var(--white),1),rgba(var(--white),0.5));
		padding-bottom: 3rem;
	}
}

@media screen and (min-width: 992px) {

	#hero-showcase .wrapper {
		padding-top: 100px;
	}
	
	#hero-showcase  .hero-slide {
		background-position: center right !important;
		background-size: auto 100%;
	}
	
	#hero-showcase .contents .title {
		font-size: 4rem;
		text-shadow: none;
	}
	

	#hero-showcase .contents {
		padding-right: 60%;
		z-index: 102;
		position: relative;
		top: 0;
		display: table-cell;
		vertical-align: middle;
	}	
	
	#hero-showcase .contents,
	#hero-showcase .contents .wrapper {
		text-align: left;
	}
	
}

@media screen and (min-width: 1200px) {
	#hero-showcase .contents {
		max-width: 600px;
	}
	#hero-showcase .contents .description {
		font-size: 2rem;
	}
}

/* ######### RESULTS STYLES ######### */

@media screen and (min-width: 992px) {
	.col-side {
		width: 350px;
	}
	.col-main,
	.col-results {
		overflow: auto;
	}
}


/* ######### ACCOUNT TYPE STYLES ######### */

.account-types h3 {
	padding: 0 !important;
	margin: 0 !important;
	font-size: 2.5rem;
	line-height: 1em;
}

.account-types .price {
	font-weight: 500;
	font-size: 1.5rem;
	color: rgb(var(--premium-blue));
	line-height: 1.25rem;
	margin-top: 1rem;
}

.account-types .card {
	padding: 2rem;
}

.account-types p {
	padding: 0;
	margin: 0;
}

.account-types small {
	text-transform: uppercase;
	color: rgba(var(--medium-premium),0.75);
	font-weight: 400;
	font-size: 0.75rem;
	padding-top: 0.25rem;
	display: block;
}

.account-types ul {
	margin: 1rem 0;
	padding: 0;
	list-style: none;
}

.account-types ul li {
	padding: 0.5rem 0;
	list-style: none;
}

.account-types .bottom {
	text-align: center;
}

.account-types .card.active {
	border: 5px solid rgb(var(--fresh-green));
}

.account-types .card.accent {
	border: 5px solid rgb(var(--sky-blue));
	position: relative;
	overflow: hidden;
}

.account-types .card.accent h3 {
	color: rgb(var(--sky-blue));
}


.account-types .card.featured {
	background: rgba(var(--sky-blue),1) url('../images/bg-accent-member.jpg') no-repeat;
	background-size: cover;
	background-position: center right;
	position: relative;
	overflow: hidden;
}

.account-types .card.accent:before,
.account-types .card.featured:before {
	content: '';
	max-width: 172px;
	max-height: 245px;
	width: 20%;
	height: 50%;
	position: absolute;
	top: calc(-1rem - 1px);
	right: 1rem;
	background-size: contain !important;
	background-position: top center;
}

.account-types .card.accent:before {
	background: url('../images/ribbon-best-value-alt.png') no-repeat;
}

.account-types .card.featured:before {
	background: url('../images/ribbon-best-value.png') no-repeat;
}

.account-types .card.accent h3,
.account-types .card.featured h3 {
	font-size: 3rem;
	width: 80%;
}

.account-types .card.featured hr {
	display: none;
}

.account-types .card.featured,
.account-types .card.featured .price {
	color: rgb(var(--white));
}

.account-types .card.featured small {
	color: rgba(var(--white),0.75);
}

.account-types .card.accent .lead,
.account-types .card.featured .lead {
	max-width: 500px;
	width: 80%;
}

.account-types .card.featured .price {
	background: linear-gradient(to right, rgba(var(--premium-blue),0.5), transparent);
	padding: 1rem 0;
	max-width: 400px;
	margin-left: -2rem;
	padding-left: 2rem;
	margin-top: 1rem;
}

.account-types .card.featured .bottom {
	text-align: left;
}

/* ==========================================================================
   Pricing
   ========================================================================== */
.pricing-table {
    border-radius: 0.5rem;
    overflow: hidden;
}

.pricing-table .table {
    margin-bottom: 0;   
}

.pricing-table th,
.pricing-table td {
    vertical-align: middle;
    max-width: 200px;
}

.pricing-table .icon img {
    max-height: 50px;
    max-width: 50px;
}

.pricing-table .heading {
    background: rgba(var(--lighter-premium),1);
}

.pricing-table .col-one {
    background: rgba(var(--lightest-premium),0.5);
}

.pricing-table .col-three {
    background: rgba(var(--lightest-premium),1);
	color: rgb(var(--horizon-blue));
    font-weight: 500;
}

.pricing-table .note {
    font-size: 0.8rem;
	font-weight: 400;
	color: rgba(var(--medium-premium),0.5);
	display: block;
}

.pricing-table th {
    font-size: 1.25rem !important;
	font-weight: 800 !important;
}


/* ######### STORE CP STYLES ######### */

.store-logo {
	max-height: 175px;
	width: auto;
	display: block;
}

.store-hero-preview {
	height: 200px;
	width: 100%;
	object-fit: cover;
}

/* ######### RESOURCESTYLES ######### */

a.card {
	border: 1px solid transparent;
	background-color: transparent;
	background-size: 220% auto;
	background-position: 99%;
	background-image: linear-gradient(to right, rgb(var(--sky-blue)) 0%, rgb(var(--fresh-green)) 50%, rgb(var(--lighter-premium)) 51%, rgb(var(--lighter-premium)) 100%);
	overflow: hidden;
	transition: all 0.5s;
	color: rgb(var(--premium-blue));
	text-align: center;
	padding: 3rem 2vw;
	margin: 0 0 0.25rem 0;
}

a.card:hover {
	border: 1px solid transparent;
	background-color: transparent;
	color: rgb(var(--white));
	background-position: 1% center;
	transform: scale(1.25);
	z-index: +1;
}

a.card:hover p {
	color: rgb(var(--white));
}


/* ######### MISC JQUERY UI STYLES ######### */

.ui-widget-header {
	border: none;
	background: rgb(var(--horizon-blue));
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	color: rgb(var(--premium-blue));
	border-radius: 0.25rem;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
	border: none;
	background: rgb(var(--fresh-green));
	color: rgb(var(--white));
}

.ui-state-hover, .ui-widget-content .ui-state-hover {
	border: none;
	background: rgb(var(--sky-blue));
} 

.ui-widget-header .ui-state-hover {
	border: none;
	background: rgb(var(--sky-blue));
	color: rgb(var(--white));
}

.ui-widget-header .ui-state-hover .ui-icon {
	color: rgb(var(--white));
}


.ui-timepicker-div {
	background: rgba(var(--white),0.5);
	text-align: center;
}

.ui-timepicker-div dl {
	padding: 0.25rem 0;
	margin: 0;
}
.ui-timepicker-div dd {
	display: inline-block;
	margin: 0;
	padding: 0;
}

.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time, .ui-timepicker-div.ui-timepicker-oneLine dt,
.ui-timepicker-div .ui_tpicker_unit_hide {
	display: none;
}

/* ######### MISC STYLES ######### */

.help-popup {
	padding: 3rem;
	width: 25rem;
}

.help-popup .information {
	height: 18em;
	line-height: 1.4em;
	overflow: auto;
}

.auction-text {
	font-size: 0.8rem;
}

.sortMove {
	cursor: pointer;
}
.to-top {
	padding: 0.5em 1em;
	position: fixed;
	bottom: 2em;
	right: 2em;
	z-index: 9;
	display: none;
	cursor: pointer;
	border-radius: 0.25rem;
	border: 1px solid transparent;
	background-color: transparent;
	background-size: 200% auto;
	background-position: 98%;
	background-image: linear-gradient(to right, rgb(var(--sky-blue)) 0%, rgb(var(--fresh-green)) 52%, rgb(var(--fresh-green)) 100%);
	color: rgb(var(--white));
	transition: all 0.5s;
}

.to-top:hover {
	background-color: transparent;
	background-position: 1% center;
}

.region_selector {
	margin: 0;
	display: block;
}

.region_selector select {
	min-width: 100px;
}

.quick-message img {
	max-width: 100%;
}

.quick-message .terms {
	font-size: 0.65rem;
}

.quick-message h2 {
	font-size: 2rem;
	color: rgb(var(--premium-blue));
}

.quick-message h3 {
	font-size: 1.25rem;
	color: rgb(var(--premium-blue));
}

.quick-message .data {
	color: rgba(var(--medium-premium),1);
	text-align: left;
    font-size: 0.85rem;
	font-weight: 400;
}

.unique_visits_legend, .unique_visits {
  margin: 0.16667em;
  border: none;
  background: rgb(var(--fresh-green));
  color: rgb(var(--white));
  font-weight: 700;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  float: left;
  border-radius: 0.25rem;
  min-width: 1em;
}

.total_visits_legend, .total_visits {
  border: none;
  background: rgb(var(--premium-blue));
  color: rgb(var(--white));
  font-weight: 700;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  float: left;
  border-radius: 0.25rem;
}


.error_message {
	text-transform: none;
	font-size: 0.9rem;
	font-weight: normal;
}

.bm-zone {
	margin: 0.5rem !important;
	display: inline-block;
	border-radius: 0.5rem;
	overflow: hidden;
}

.list-group-flush .list-group-item {
	border-bottom: 2px solid rgb(var(--lighter-premium)) !important;
}

.list-group-flush .list-group-item:last-of-type {
	border: none !important;
}
	
.gjLightbox {
	border: none;
	background-color: white;
	border-radius: 0.5rem;
	z-index: 2005;
	position: absolute;
	max-width: 95%;
	box-sizing: border-box;
	padding: 0;
	overflow: hidden;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.gjLightbox:after {
	content: '';
	display: block;
	height: 20px;
	background: linear-gradient(to right,rgb(var(--fresh-green)),rgb(var(--sky-blue)));
	bottom: 0;
}

.gjLightbox div {
	max-width: 100%;
}


.gjLightbox div.content_box {
	padding: 1rem;
}

.closeBoxX {
	background: none !important;
}

.closeBoxX:hover {
	color: rgb(255,126,0);
}

.form-group label {
	color: rgb(var(--premium-blue));
	padding: 0.25rem 0;
	width: auto;
	max-width: none;
	clear: both;
	display: inherit;
	font-weight: 700;
	font-size: 0.9rem;
	position: relative;
}

.form-group label[data-required="required"],
.form-group label.required {
	padding: 0.25rem 0 0.25rem 1rem;
	color: rgb(var(--premium-blue));
	width: auto;
	max-width: none;
	clear: both;
	font-weight: 700;
	font-size: 0.9rem;
	position: relative;
}

.form-group label[data-required="required"]:before,
.form-group label.required:before {
    display: inline-block;
    font-family: "Font Awesome";
    content: "\2a";
    font-size: 1em;
	position: absolute;
	left: 0;
	top: 0.25em;
	color: rgb(var(--accent-orange));
}

.help_icon {
	width: 20px;
	height: 20px;
}

.terms {
	background: rgb(var(--lightest-premium));
	padding: 1rem;
	border-radius: 0.5rem;
}

.explanationToggle {
    font-size: 1.1rem;
    cursor: pointer;
}

.explanation {
    background: rgb(var(--lightest-premium));
	border-radius: 0.35rem;
    border: 1px solid rgb(var(--lighter-premium));
    padding: 1rem;
    font-size: 0.8rem;
    font-style: italic;
    display: none;
}

.explanation p {
    margin: 0;    
}


/* FORM STYLES */

input[type="text"] {
	max-width: none;
}

.input-group-text {
	/*height: 100%;*/
}

.input-group-text input[type=checkbox],
.input-group-text input[type=radio] {
	margin: 0.31rem 0;
}

select {
	appearance: button !important;
}
/* CART STYLES */

.leveled_cat.field_error_row {
    font-size: 1em;
    font-weight: 400;
}
.leveled_level_box {
	border:1px solid rgba(0,0,0,.125);
	background: rgb(var(--lightest-premium));
}

li.leveled_value, li.leveled_value_empty {
    color: rgb(var(--premium-blue));;
    font-size: 1em;
    list-style: outside none none;
    padding: 0.25rem 0.5rem;
    white-space: nowrap;
	border-radius: 0.3rem;
}

ul.leveled_values {
	padding: 0.5rem;
	background: none;
	border: none;
}

li.leveled_value.selected_value {
	background: rgb(var(--fresh-green));
	color: rgb(var(--white));
}


.cart .form-group .date-time-labels label {
    font-size: 0.75em;
    color: rgb(var(--premium-blue));
}

.cart .form-group .date-time-labels br {
    display: none;
}

.cart .form-group.is-invalid label {
    color: #980000;
}
.cart .form-group.is-invalid input,
.cart .form-group.is-invalid select,
.cart .form-group.is-invalid textarea {
    border-color: #980000;
}

.cart .form-group .editor {
    height: 25em;
}

.media-upload-dropbox {
    border: none;
    margin: 0;
    background: none;
}

.media-container {
    border: 1px solid rgb(var(--lightest-premium));
	background: rgb(var(--lightest-premium));
    margin: 0;
	border-radius: 0.5rem;
}

#imagesUploaded {
    padding: 1em;
}

.media-preview {
    border: 1px solid rgba(var(--medium-premium),0.25);
    margin: 1em; 
    padding: 0;
    height: auto;
    min-height: 15em;
	border-radius: 0.5rem;
}

.offsite_video_box_title_buttons .fa,
.media-preview .fa {
    color: rgb(var(--premium-blue));
    opacity: 0.5;
}
.media-preview .fa {
     margin: 0.25em 0.25em 0 0;   
}
.offsite_video_box_title_buttons .fa,
.media-preview .fa:hover {
    opacity: 1;
}
.offsite_video_box_title_buttons:hover {
    margin-top: -0.25em;
}

.media-preview .actions {
    display: block;
    text-align: left;
    position: relative;
    padding: 0.5rem;
    width: 100%;
    border-bottom: 1px solid rgba(var(--lightest-premium),1);
    min-height: 2.5rem;
}

.media-preview .slot-label {
    display: inline;
    padding: 0;
    text-transform: uppercase;
    color: rgb(var(--lightest-premium));
    margin: 0;
}

.media-preview .media-delete,
.media-preview .media-rotate {
    position: relative;
    right: auto;
    top: auto;
    display: inline;
}

.media-preview .media-lock,
.media-preview .media-delete {
    float: right;
}

.media-preview .media-lock {
    cursor: pointer;
}

.media-preview .media-editable-sorting {
    display: none;
}

.media-preview .media-preview-image {
    border: 0;
    max-height: 7.25em;
    padding: 0;
    margin: 0;
}

.media-preview .media-preview-image a {
    display: block;
    width: 100%;
    height: 100%;
}

.media-preview .media-preview-image img {
    object-fit: cover;
	object-position: center;
    width: 100% !important;
    max-height: 100% !important;
	height: 100% !important;
    margin: 0 !important;
}

.media-preview .media-editable-label {
    background: rgba(var(--lightest-premium));
    border: none;
    min-height: 2em;
    margin: 0 !important;
}

.media-editable-saved {
    border: none;
    background: none;
    width: calc(100% - 1rem);
    left: 0.5rem;
    bottom: auto;
    top: 30%;
    z-index: -1;
}

.media-editable-saved-show {
    z-index: 2;
}

.listing_extra_item, .payment_item {
    border: 1px solid rgb(var(--lightest-premium));
    background: rgb(255,255,255);
    border-radius: 0.3rem;
    padding: 1em;
    color: rgb(var(--premium-blue));
	font-size: 0.9rem;
	font-weight: 700;
}

.listing_extra_item .price, .payment_item .price {
    color: rgb(var(--sky-blue));
    font-size: 1.2em; 
    font-weight: bold;
}

.listing_extra_item label {
    text-transform: none;
}

.total_order_item,
.total_cart_item,
.subtotal_cart_item {
    width: auto;
    float: none;
    margin: 0;
    padding: 1em;
	border-radius: 0.5rem !important;
	color: rgb(var(--premium-blue));
    background: rgb(255,255,255);
}

.subtotal_cart_item {
	border-radius: 0.3rem 0.3rem 0 0; 
}

.total_order_item,
.total_cart_item {
	border-radius: 0 0 0.3rem 0.3rem;
    background: rgba(var(--lightest-premium),1)
}

.subtotal_cart_item:last-of-type {
    background: rgba(var(--lightest-premium),1);
}

.cart_item_cost {
    font-weight: 400;
    color: rgb(var(--medium-premium));
}

.total_order_item .cart_item_cost,
.total_cart_item .cart_item_cost {
    font-weight: 800;
	color: rgb(var(--premium-blue));
}

.cart_item {
    border: none;
	border-radius: 0;
	color: rgb(var(--premium-blue));
    background: none;
	padding: 0;
	margin: 0;
}

.cart_item,
.subtotal_cart_item,
.tax_cart_item {
	font-size: 1rem;
}

.cart_item + .cart_item_child {
	border-top: 1px solid rgb(var(--lighter-premium)) !important;
	padding: 1em 0 0 0 !important;
	margin: 1em 0 0 0 !important;
}

.cart_item .cart_item_label,  
.cart_item_child .cart_item_label {
    font-size: 1.2em;
    color: rgb(var(--premium-blue));
    font-weight: 700;
    text-align: left;
    padding: 0 !important;
}

.listing_extra_item:hover,
.cart_item:hover,
.cart_item_child:hover,
.cart_item_child_mini:hover {
    background: rgb(255,255,255);
}

.cart_item_child, .cart_item_child_mini {
    border: none;
    padding: 0.5em 0;
    margin: 0;
    font-weight: 400;
    font-size: .75rem;
    color: rgb(var(--premium-blue));
}

.subtotal_cart_item .cart_item_label,
.cart_item_child .cart_item_label,
.cart_item_child_mini .cart_item_label {
    font-weight: 400;
    text-transform: none;
    color: rgb(var(--premium-blue));
    text-align: left;    
}

.cart_item_subtotal {
	border: none;
    border-top: 1px solid rgb(var(--lighter-premium));
    margin: 1rem 0 0 0;
    padding: 1em 0 0 1em;
    color: rgb(var(--medium-premium));
    font-weight: 800;
    background: none;
}

.total_cart_item, .total_order_item {
    font-weight: 800;
}

#payment_choices {
    margin: 1em 0;
    padding: 0;
}

#payment_choices .payment_item {
    box-sizing: border-box;
    padding: 2em;
}

#payment_choices .payment_item:hover {
   background: rgba(255,255,255,1); 
}

#payment_choices .payment_label {
    font-size: 1.2em;
    text-transform: uppercase;
    color: rgb(var(--premium-blue));
    font-weight: 700; 
}

#payment_choices .payment_item .data label {
    text-align: left;
    margin-top: 0.5em;
}

#payment_choices .data {
    font-weight: 700;
    font-size: 1em;
    color: rgb(var(--premium-blue));
}
#payment_choices .payment_item .data .date select {
    width: 49%;
    display: inline;
}

.disclaimer {
    font-size: 0.75rem;
    text-align: inherit;
    font-style: italic;
}

.bid-image img {
    height: auto;
    width: 100%;
}

.map-container {
    max-width: none;
    width: 100%;
}

textarea {
    max-width: none;
}

.file-embed {
    height: 600px;
}

@media only screen and (min-width: 992px) {

	.file-embed {
		height: 800px;
	}
	
}

div.offsite_video_slot {
    background: rgba(255,255,255,1);
	border: 1px solid rgba(219,219,219,1);
	border-radius: 0.5rem;
	padding: 1em 0;
}

div.offsite_video_box_title,
div.offsite_video_box_title_empty,
div.offsite_video_box_title_editing {
	background: none;
	border-bottom: none;
	color: rgba(var(--medium-premium),0.5);
	text-transform: uppercase;
	line-height: 1rem;
	padding: 0 1rem;
	margin: 0;
	font-size: 0.9rem;
	opacity: 1;
}

div.offsite_video_box_title_editing {
	color: rgb(var(--sky-blue));
}

div.offsite_video_box_title {
	color: rgba(var(--lighter-premium),1);
}

div.preview_offsite_video_box {
	max-width: 100%;
	font-size: 1em;
	margin-bottom: 0.5em;		
}


.offsite_video_slot_label, .offsite_video_cost_label, .offsite_video_id_label {
	font-weight: normal;
	padding: 0 1em;
    font-size: 0.8em !important;
    text-transform: uppercase;
	margin-bottom: 0.5rem;
}
	
.offsite_video_box_title_buttons {
	margin-top: -0.25em;
	margin-right: 0.5em;	
}

.offsite_video_id_input {
	margin: 0 5% !important;
	width: 90% !important;	
}

div.preview_offsite_video_box {
    background: rgba(255,255,255,1);
    border: none;
}


/* ==========================================================================
   LISTING RESULTS / DEALER STORE RESULTS
   ========================================================================== */


/* Table */

.table-dark,
.table-dark td, 
.table-dark td a {
	color: rgb(var(--white));
}

.table-dark td {
	background: rgb(var(--premium-blue)) !important;
	border-bottom: none !important;
}

.table-dark td.sorted_by {
	background: rgb(var(--sky-blue)) !important;
	color: rgb(var(--premium-blue));
}


.listing_results.table {
	width: calc(100% - 10px)
}

.listing_results.table .desc {
	min-width: 200px;
}

.listing_results.table .desc p {
	color: rgba(var(--premium-blue),0.75);
	font-size: 0.75rem;
	margin: 0 !important;
	padding: 0;
}

.listing_results.table .desc a {
	padding: 0;
    font-weight: 700;
    color: rgb(var(--premium-blue));
	font-size: 1rem;
	margin: 0 0 0.5rem 0;
    display: block;
}

.listing_results.table .desc a:hover {
	color: rgb(var(--fresh-green)); 
}

.listing_results.table tr.highlight {
	border-top: 5px solid rgb(var(--fresh-green));
	border-bottom: 5px solid rgb(var(--fresh-green));
}
.listing_results.table tr.highlight td {
	background: none;
}


/* General */


.highlight-row,
.list-group-item.featured {
    background: rgba(var(--fresh-green),0.25);    
}

.listing_set article .image {
	border: none;
	overflow: hidden;
    text-align: left;
    margin: 0;
    position: relative;
    float: none;
    background: none !important;
}

.listing-content .price,
.price {
   color: rgb(var(--premium-blue));
   font-weight: 700;
}

.listing-content .price {
	font-size: 2rem;
}

.dealers article .price,
.listing_set.list article .price,
.listing_set.gallery article div.article_inner .price {
    font-size: 1.1rem;
    font-weight: 500;
	letter-spacing: -1px;
}

.dealers.data,
.listing_set .data,
.listing_set .type {
	color: rgba(var(--medium-premium),1);
	text-align: left;
    font-size: 0.85rem;
	font-weight: 400;
}
.listing_set .questions > span {
	padding: 0 0.5rem;
	white-space: nowrap;
}

.listing_set label {
	font-weight: 700;
}

.listing_set .actions {
	position: absolute;
	bottom: 0;
	text-align: center;
	margin: 0 auto;
	left:0;
	width: 100%;
}

.listing_set .actions .fa-lg {
	font-size: 1rem;
}

.listing_set .actions .action-container {
	background: rgba(var(--premium-blue),0.75);
	border-radius: 0.25rem 0.25rem 0 0;
	padding: 0.25rem 0.5rem;
	display: inline-block;
	margin: 0 auto;
}

.listing_set .actions a,
.listing_set .actions .watchlist,
.listing_set .actions a.watchlist-button {
	color: rgb(var(--white));
	display: inline-block !important;
	width: auto !important;
	margin: 0.25rem;
}

.listing_set .module .action-container a {
	color: rgb(var(--premium-blue)) !important;
	display: inline-block !important;
	width: auto !important;
	margin: 0.25rem;
}
.listing_set .module .action-container a:hover {
	color: rgb(var(--sky-blue)) !important;
}

.dealers .fields > span,
.listing_set .fields > span {
    margin: 0 0.25rem 0.25rem 0;
    display: inline-block;
}

.listing_set .dealer a {
    color: rgba(var(--premium-blue),1);
}

.listing_set hr {
	margin: 0.5rem 0 1rem 0 !important;
}

.listing_set .time-left span:not(.fal) {
	letter-spacing: -1px;
	font-size: 1rem;
}
.watchlist {
    cursor: pointer;
}

.actions .watchlist:hover {
	color: rgba(var(--sky-blue),1);
}

.watchlist.saved {
    color: rgb(var(--fresh-green)) !important;
}

.listing_set .status {
	text-align: right;
	border-radius: 0;
	display: block;
}

.dealers .image a,
.listing_set .image a {
    display: block;
    height: 100%;
    width: 100%;
}

.dealers .thumbnail_td img, 
.dealers .rwd-image img,
.listing_set .thumbnail_td img, 
.listing_set .rwd-image img {
	max-width: 100%;
}

.listing_results.table .actions .loadMedia,
.listing_set article .loadMedia {
	cursor: pointer;
	margin: 0.25rem;
}

.listing_set article .actions a,
.listing_set article .actions .loadMedia {
	color: rgb(var(--white));
}

.listing_set article .actions a:hover,
.listing_set article .loadMedia:hover {
	color: rgb(var(--sky-blue)) !important;
}

.listing_set article .actions-mobile a {
	color: rgb(var(--premium-blue));
}

.listing_set article .actions-mobile a:hover {
	color: rgb(var(--sky-blue)) !important;
}


/* Highlight / Bolding */
.listing_set.list article.highlight:after,
.listing_set.gallery article .highlight {
	background: linear-gradient(to right,rgb(var(--fresh-green)),rgb(var(--sky-blue)));
	height: 10px;
	content: '';
	position: absolute;
	bottom: 0;
	width: 100%;
}

/* Gallery */

.listing_set.gallery .article_inner {
	font-weight: normal;
}

.listing_set.gallery .gallery_inner {
    display: flex;
    flex-wrap: wrap;
}
.listing_set.gallery .gallery_inner article.listing {
    padding: 0.5em;
}

.listing_set.gallery article div.article_inner  {
    background: rgba(255,255,255,1);
	border: 1px solid rgba(var(--lighter-premium),1);
	border-radius: 0.5rem;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: center;
    height: 100% !important;
    overflow: hidden;
}

.listing_set.gallery article div.article_inner:hover {
	border: 1px solid rgba(var(--fresh-green),1);
	background: rgba(var(--lightest-premium),0.5);
}

.listing_set.gallery article div.article_inner .image {
    overflow: hidden;
    height: 250px;
}

.listing_set.gallery article div.article_inner .image > span,
.listing_set.gallery article div.article_inner .image a {
    display: block;
    height: 100%;
}

.listing_set.gallery article div.article_inner .image img {
	width: 100%;		
	height: 100%;
    object-fit: cover;
    object-position: center;
}

.listing_set.gallery article div.article_inner h5 {
	padding: 0.5rem;
    font-weight: 500;
    color: rgb(var(--premium-blue));
	font-size: 1.25rem;
	margin: 0 0 0.5rem 0;
    display: block;
}

.listing_set.gallery article div.article_inner h5 a {
    font-weight: 700;
    color: rgb(var(--premium-blue));
    font-size: 1.25rem;    
}

.listing_set.gallery article div.article_inner a:hover {
	color: rgb(var(--fresh-green));
}

.listing_set.gallery article div.article_inner .data {
	padding: 0;
	text-align: center;
}

.listing_set.gallery article div.article_inner .data .time_left {
    display: block;
    text-align: center;
    padding: 0.5em 0;
    font-size: 1.25em;
}

.listing_set.gallery article div.article_inner .data .status {
    position: relative;
    text-align: center;
    display: block;
    padding: 1em;
}

/* List */
.dealers.list article,
.listing_set.list article  {
    background: rgba(255,255,255,1);
	border: 1px solid rgba(var(--lighter-premium),1);
	border-radius: 0.5rem;
	margin: 0.5rem 0;
	padding: 0;
	position: relative;
    overflow: hidden;
	min-height: 0;
}

.dealers.list article:hover,
.listing_set.list article:hover {
	border: 1px solid rgba(var(--fresh-green),1);
	background: rgba(var(--lightest-premium),0.5);
}

.dealers.list article .image,
.listing_set.list article .image {
	border: none;
	overflow: hidden;
    text-align: left;
    min-width: 200px;
    max-width: 200px;
    height: 160px;
    margin: 0;
    position: relative;
    float: none;
    background: none !important;
}

#module_newest_ads_1 .listing_set.list article .image {
    min-width: 150px;
    max-width: 100px;
}

#module_content_newest_ads_1 h5 {
	margin-bottom: 0;
}

#module_content_newest_ads_1 h5 a {
	font-weight: 700;
	font-size: 1rem;
}

.listing_set.list article .image {
	height: auto !important;
}

.dealers.list article .image.small,
.listing_set.list article .image.small {
    min-width: 100px;
    max-width: 100px;
    height: 100px;
	margin: 0;
}

.dealers.list article .image img {
	width: 100% !important;
	height: 100% !important;
    object-fit: contain;
    object-position: center;
    max-height: none !important;
}

.listing_set.list article .image img {
	width: 100% !important;
	height: 100% !important;
    object-fit: cover;
    object-position: center;
    max-height: none !important;
}

.dealers.list article h5,
.listing_set.list article h5 {
	padding: 0;
    font-weight: 500;
    color: rgb(var(--premium-blue));
    text-transform: capitalize;
	font-size: 1.25rem;
	margin: 0 0 0.5rem 0;
    display: block;
}

.dealers.list article h5 a,
.listing_set.list article .title,
.listing_set.list article h5 a {
    font-weight: 700;
    color: rgb(var(--premium-blue));
    font-size: 1.25rem;    
}

.dealers.list article a:hover,
.listing_set.list article a:hover {
	color: rgb(var(--fresh-green));
}

.listing_set.list article a:hover .title {
	color: rgb(var(--fresh-green));
}

.dealers.list article .data,
.listing_set.list article .data {
	padding: 0;
}

.listing_set.list article .description {
    display: block;
	color: rgba(var(--medium-premium),1);
	font-size: 0.85rem;
}


.listing_set.list article .time_left {
    display: block;
    text-align: center;
    padding: 0.5em 0;
    font-size: 1.25em;
}

.dealers.list article .image a,
.listing_set.list article .image a,
.listing_set.list article .image .attention-getter-wrapper {
    height: 100%;
    display: block;
}

.thumbnail_td img, .rwd-image img {
    max-height: none;
    max-width: none;
}

td.rwd-image img,
td .rwd-image img {
    width: 150px !important;
    height: 100% !important;
    object-fit: cover;
}

.listing_results.table .rwd-image {
	position: relative;
	min-width: 150px;
	width: 150px;
	overflow: hidden;
}

.listing_results.table .rwd-image > a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.listing_results.table .actions {
	background: rgba(var(--premium-blue),0.75);	
	padding: 0.5rem;
	position: absolute;
	bottom: -45px;
	left: 0;
	width: 100%;
	transition: all .2s ease-out;
}

.listing_results.table tr:hover .actions {
	display: block;
	bottom: 0;
}
	
.listing_results.table .actions > span,
.listing_results.table .actions a,
.listing_results.table .actions .loadMedia {
	color: rgb(var(--white));
}

.listing_results.table .actions span:hover,
.listing_results.table .actions a:hover {
	color: rgb(var(--fresh-green));
}


.browsing_result_table_body_odd, .seller_result_table_body_odd,
.browsing_result_table_body_even, .seller_result_table_body_even {
    font-size: 0.9rem;
    color: inherit;
}

table.listing_results {
    width: 100%;
}


.dealers.list article label {
	font-weight: 700;
	display: block;
}

.dealers.list article .location {
	display: block;
	line-height: 3rem;
}

@media only screen and (min-width: 768px) { /* 768px Medium */

	.dealers.list article .image img,
    .listing_set.list article .image img {
        max-width: 250px;
    }
	.dealers.list article .image a,
	.listing_set.list article .image a,
	.listing_set.list article .image .attention-getter-wrapper {
		max-height: 200px;
	}
	
}

@media only screen and (min-width: 992px) { /* 768px Large */
	.dealers.list article .image a,
	.listing_set.list article .image a,
	.listing_set.list article .image .attention-getter-wrapper {
		max-height: 150px;
	}
}

/* ########## DEALER BLURB STYLES ########## */

.dealer-blurb img {
	max-width: 100%;
}

/* ==========================================================================
   Breadcrumbs
   ========================================================================== */
   
  
.breadcrumb {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
  margin-bottom: 1rem;
  list-style: none;
  background: none;
  border-radius: 0;
  border: none;
}

.breadcrumb a::before, .breadcrumb div::before {
    border-left-color: #d5dce1;
    left: 0;
    z-index: 1;
}

.breadcrumb .active::after,
.breadcrumb a::after, .breadcrumb div::after {
    z-index: 2;
    border-left-color: #f8f9fb;
}

.breadcrumb a.active,
.breadcrumb .active,
.breadcrumb-item.active {
  color: rgb(var(--fresh-green));
  font-weight: 500;
}

.breadcrumb a,
.breadcrumb div {
	float: left;
	display: block;
	padding: .7em 1em .7em 2em;
	text-decoration: none;
	color: #666;
	position: relative;
	background: none;
	text-shadow: 0;
	font-size: 0.75rem;
}

.filter-bar .breadcrumb {
	position: relative;
	top: 0.75em;
	text-shadow: none;
	background: none;
	margin: 0;
	color: rgb(var(--white));
}

.filter-bar .breadcrumb a,
.filter-bar .breadcrumb div,
.filter-bar .breadcrumb .active,
.filter-bar .breadcrumb .highlight {
	display: inline-block;	
	text-shadow: none;
	background: none;
	margin: 0;
	color: rgb(var(--white));
	font-weight: normal;
}

.filter-bar .breadcrumb a, 
.filter-bar .breadcrumb div {
	padding: 0 1rem;
	line-height: 2.2em;
}

.filter-bar .breadcrumb a:first-child {
	padding-left: 0;	
}

.filter-bar .breadcrumb .highlight {
	font-weight: bold;	
}

.filter-bar .breadcrumb .active {
	color: rgb(var(--white));
    font-weight: 800;
}

.filter-bar .breadcrumb .highlight:before,
.filter-bar .breadcrumb .active:before,
.filter-bar .breadcrumb a::before,
.filter-bar .breadcrumb div:before {
    z-index: 2;
    border: none;
    margin-top: -1.25em;
}


.filter-bar .breadcrumb .active:after,
.filter-bar .breadcrumb a:after,
.filter-bar .breadcrumb div:after {
    z-index: 2;
    border: none;
	content: '/';
	line-height: 3em;
	color: rgb(var(--medium-premium));
	right: 0;
	top: 1rem;
}

.filter-bar .breadcrumb :last-child:after {
	content: '' !important;
}

.filter-bar .breadcrumb a:hover {
	color: rgb(var(--sky-blue));
}

.filter-bar .view-modes,
.filter-bar .view-modes a {
	height: 100%;
}

@media screen and (min-width: 768px) {
	.filter-bar .breadcrumb {
		top: 0.5rem;
	}
}

/* ########## TAB STYLES ########## */

.tabContents {
    padding: 0;
    display: none;
	border: none;
}

.contentTabs {
    display: block;
	border: none;
    background: none;
    padding: 0;
    margin: 0;
    position: relative;
    border-radius: 2.5px;
    border-bottom: 5px solid rgba(var(--lighter-premium),1);
	max-width: 100%;
}

.contentTabs > li {
    margin: 0;
    padding: 0;
    position: relative;
    bottom: -8px;
}

.contentTabs > li,
.contentTabs > li.activeTab, .contentTabs > li.activeTab:hover {
	padding: 0.5em;
	border: none;
    background: none;
	border-radius: 0;
	text-align: center;
	font-weight: 700;
	color: rgba(var(--horizon-blue),1);
	font-size: 0.85rem;
	margin: 0.5em;
	display: inline-block;
	outline: 0;
}

@media screen and (min-width: 576px) {
	.contentTabs {
    	display: flex;
	}
	.contentTabs > li,
	.contentTabs > li.activeTab, .contentTabs > li.activeTab:hover {
		font-size: 1rem;
		display: block;
	}
	
}

.contentTabs > li:hover {
	background: none;
	border: none;
	color: rgb(var(--sky-blue));
    text-decoration: none;
    cursor: pointer;
}

.contentTabs > li:hover:after {
    position: absolute;
    display: block;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    margin-bottom: -5px;
    border-bottom: 5px solid rgba(var(--sky-blue),1);
	border-radius: 2.5px;
}

.contentTabs > li.activeTab {
	background: none;
	color: rgb(var(--horizon-blue));
}

.contentTabs > li.activeTab:hover {
	background: none;
	color: rgb(var(--sky-blue));
}

.contentTabs > li.activeTab:after {
    position: absolute;
    display: block;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    margin-bottom: -5px;
    border-bottom: 5px solid rgb(var(--horizon-blue));
	border-radius: 2.5px;
}

.contentTabs > li.activeTab:hover:after {
	border-bottom: 5px solid rgb(var(--sky-blue));
}

.contentTabs li .badge {
	margin-left: 0.5rem;
}

.contentTabs li .badge-light {
    padding: 0.5rem;
    top: -0.1rem;
    position: relative;
    background: rgba(var(--lighter-premium),1);
	color: rgba(var(--medium-premium,0.5));
}

.contentTabs li.activeTab .badge-light {
    background: rgb(var(--horizon-blue)) !important;
    color: rgb(255,255,255) !important;
	font-weight: 700;
}

.contentTabs li:hover .badge-light {
    background: rgba(var(--sky-blue),1) !important;
    color: rgb(var(--white)) !important;
}


/* ==========================================================================
   LISTING DISPLAY
   ========================================================================== */

.listing-content .seller-actions,
.listing-content .seller-actions a {
	font-size: 0.85rem;
	color: rgb(var(--premium-blue));
}

.listing-content .seller-actions a:hover {
	color: rgb(var(--sky-blue));
}

.listing-details-left {
    background: rgb(var(--lightest-premium));
    border-radius: 0.5rem;
    overflow: hidden;    
}

.listing-details-right {
    background: rgb(76,81,90);
    border-radius: 0.5rem;
    overflow: hidden;
}

.listing-content h1 {
	margin: 0;
	padding: 0;
	font-size: 2rem;
}

.listing-content h5 {
	font-size: 1rem;
}

.listing-content .type {
	color: rgb(var(--medium-premium,0.5));
	padding-right: 2rem;
	margin-right: 2rem;
	position: relative;
}

.listing-content .type:after {
	background: rgb(var(--fresh-green));
	width: 5px;
	height: calc(100% + 1em);
	position: absolute;
	right: -5px;
	top: -0.5em;
	content: '';
	border-radius: 2.5px;
	
}

.listing-content .listing-id {
	color: rgb(var(--medium-premium,0.5));
	font-size: 0.85rem;
}

.listing-content .main-price {
	font-size: 1.6em;
    font-weight: 500;
	color: rgb(28,31,42);
}

.listing-side .btn {
	display: block;
}

.listing-content {
	font-size: 1em;	
}

.listing-content label,
.listing-content .label {
	font-weight: 700;	
	color: rgb(var(--sky-blue));
	display: block;
}

.listing-content .value {
	font-weight: 400;
}

.galleryThumbs .label {
	color: rgb(var(--white));
}

.listing-side .seller-info {
	font-size: 0.9em;	
}

.listing-side .seller-info a {
	color: rgb(var(--premium-blue));	
}

.listing-side .seller-info a:hover {
	color: rgb(var(--fresh-green));
}

.listing-side .seller-username {
	font-weight: bold;
}

.listing-side .seller-username a {
	color: rgb(var(--premium-blue));
}

.listing-content .details-panel {
	padding: 1em;	
}

.listing-content .description {
    padding: 2em 0;
}

.details-side {
    font-size: 0.9rem;
}

.details-side .inner {
    padding: 0.5em 1em;
}

.auction-box div.bb {
    border-bottom: 1px solid rgb(var(--lightest-premium));    
}

.auction-box div {
    margin: 0;
    padding: 0.5em 1em;
}
.auction-box .label,
.auction-box .value {
    display: block;
    text-align: center;
}

.auction-box .value {
    text-transform: uppercase;
    font-size: 1em;
    color: rgb(0,0,0);
    font-weight: 700;
} 

#bid_data_form .label,
.auction-box .label,
.details-side .label {
    text-transform: uppercase;
    font-size: 0.6rem;
    color: rgb(var(--premium-blue));
    padding-top: 1rem;
    font-weight: 700;
    letter-spacing: 1px;
}

.simple-box .heading,
.auction-box .heading, 
.details-side .heading {
    text-transform: uppercase;
    font-size: 0.75em;
    background: rgba(var(--lightest-premium),1);
    padding: 0.75em;
    font-weight: 700;
    text-align: center;
}

.imagePlaceholder {
	background: rgb(var(--lightest-premium));
	border-radius: 0.5rem;
	overflow: hidden;
}
.imagePlaceholder img {
	width: 100%;
	object-fit: cover;
	object-position: center;
}

.galleryContainer {
	background: rgba(var(--lightest-premium),1);
	border-radius: 0.5rem;
    overflow: hidden;
	text-align: left;
    position: relative;
}

.galleryBigImage {
	width: 100% !important;
	height: auto;
	border: none;
	background: none;
	text-align: left;
	padding: 0;
	margin: 0;
	border-radius: 0;
	overflow-y: hidden;
	position: relative;	
}

.galleryBigImage p, .content_shell .galleryBigImage p {
	background: rgba(0,0,0,0.5);
	color: rgb(255,255,255);
	text-align: center;
	position: absolute;
	bottom: 0;
	border: 0;
	width: 100%;
}

.galleryThumbs {
	overflow: hidden;
	padding: 0;
    background: rgba(var(--premium-blue),1);
    display: block;
    bottom: 0;
    z-index: 3;
}

.galleryThumbs img {
	width: 100% !important;
	height: 100px !important;
	display: inline-block;
	margin: 0;
	padding: 0;
    position: relative;
    opacity: 0.75;
    object-fit: cover;
    object-position: center;
    border: 1px solid transparent;
	border-radius: 0.5rem;
	overflow: hidden;
}	

.galleryThumbs img:hover {
    opacity: 1;
    border: 1px solid rgb(var(--fresh-green));
}

.galleryThumbs .moreMedia {
    background-size: cover;
    color: rgb(255,255,255);
    position: relative;
    padding: 1rem 0.5rem;
    cursor: pointer;
    background: rgba(var(--sky-blue),0.75);
	border-radius: 0.25rem;
	overflow: hidden;
}

.galleryThumbs .moreMedia:hover {
    background: rgba(var(--fresh-green),0.75);
}

.galleryThumbs .moreMedia > * {
    position: relative;
    z-index: 2;
}

.galleryThumbs .moreMedia .count {
    font-size: 1.25rem;
	line-height: 1rem;
}

.galleryThumbs .moreMedia .label {
    text-transform: uppercase;
    font-size: 0.6rem;
    font-weight: 500;
    display: block;
}

.bigLeadImage {
	width: 100% !important;
	height: 100%;
    min-height: 0 !important;
	border: none;
	background: none;
    text-align: left;
    overflow: hidden;
}

.bigLeadImage img {
	width: 100% !important;
	height: 100%;
	text-align: left;
    object-fit: contain;
    object-position: center;
    position: relative;
    max-height: 750px;
}

.bigLeadImage:hover {
    cursor: pointer;
}

.bigLeadImage a:hover:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgba(0,0,0,0.5);
}

.bigLeadImage a:hover:after {
    position: absolute;
    top: 50%;
    left: 0;
	font-family: "Font Awesome";
	line-height: 100%;
	width: 100%;
	font-size: 3em;
    content: '\f00e';
    color: rgb(255,255,255);
    z-index: 3;
    text-align: center;
    margin-top: -0.5em;
    font-weight: 300;
}

.filmstrip_main,
.filmstrip_main_img,
.filmstrip_container {
    width: 100% !important;
    margin: 0;
    padding: 0;
    border: 0;
    float: none;
    min-height: auto !important;
    
}

.filmstrip_main_img a {
    display: none;
}
.filmstrip_main_img a:first-of-type {
    display: block;
    height: 80%;
}

.filmstrip_main_img img {
    width: 100% !important;
    border: 0;
    object-fit: cover;
    object-position: left top;
}

.filmstripRightScrollButton {
    float: right;
    width: 1em;
    height: 2.5em;
    background: none;
    color: rgba(var(--premium-blue),0.5);
    font-size: 3em;
    line-height: 2.5em;
}

.filmstripRightScrollButton:hover {
    background: none;
    color: rgb(var(--fresh-green));
}

.filmstripLeftScrollButton {
    float: left;
    width: 1em;
    height: 2.5em;
    background: none;
    color: rgba(var(--premium-blue),0.5);
    font-size: 3em;
    line-height: 2.5em;    
}

.filmstripLeftScrollButton:hover {
    background: none;
    color: rgb(var(--fresh-green));
}

.filmstripLeftScrollButton.no_hover,
.filmstripRightScrollButton.no_hover {
    background: none;
    color: rgb(var(--premium-blue));
}

#tab-details {
	border: none;
}

.listing-nav .btn span {
    display: none;
}

.dot-leader-container {
    overflow: hidden;
    text-align: right;
}

.dot-leaders:before {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
    text-align: right;
    content: 
     ". . . . . . . . . . . . . . . . . . . . "
     ". . . . . . . . . . . . . . . . . . . . "
     ". . . . . . . . . . . . . . . . . . . . "
     ". . . . . . . . . . . . . . . . . . . . "
     ". . . . . . . . . . . . . . . . . . . . "
     ". . . . . . . . . . . . . . . . . . . . "
}

@media only screen and (min-width: 1200px) { /* 1200px - Extra Large */
    .galleryThumbs {
		height: 100%;
		width: 150px;
		left: 0;
		bottom: auto;
		top: 0;
    }
	.galleryContainer {
		height: 100%;
	}
	.galleryBigImage {
		height: 100%;
	}
	.bigLeadImage img {
			
	}	
	
    .listing-details-left {
        border-radius: 0.5rem;  
    }
	.galleryContainer,
    .listing-details-right {
        border-radius: 0.5rem;
    }
}

/* ########## LISTING PRINT ########## */

.print_shell {
	width: 800px;	
}

.print_shell .listing-image img {
	max-width: 100%;	
}

.print_shell h1 {
	text-transform: uppercase;
	font-size: 2em;
	margin: 0 0 1em 0;
	padding: 0;
}

.print_shell .price {
	font-size: 2em;
	color: rgb(var(--premium-blue));
	padding-bottom: 1em;
}

.print_shell .leadImage img {
	width: 100% !important;
}

.print_shell span.value {
	display: block;
}

/* ########## LISTING MEDIA ########## */

/* MEDIA FANCYBOX */

.mediaOverlay .fancybox-thumbs-x > ul {
    margin: 0 auto;    
}

.mediaOverlay .fancybox-thumbs > ul > li {
    text-align: center;
}
.mediaOverlay .fancybox-thumbs > ul > li img {
    object-fit: cover;
}

.mediaOverlay .fancybox-caption {
    font-weight: 700;
    font-size: 1.1rem;
    text-align: center;
}

.mediaOverlay .fancybox-thumbs-x {
  top: auto;
  width: auto;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100px;
  padding: 10px 10px 5px 10px;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.3);
}

.mediaOverlay.fancybox-show-thumbs .fancybox-inner {
  right: 0;
  bottom: 100px;
}

/* ==========================================================================
   Pagination
   ========================================================================== */
.pagination {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	display: table;
}

.pagination li {
	color: rgb(var(--premium-blue));
	list-style: none;
	font-weight: bold;
	font-size: .75rem;
	border-radius: 0.25rem;
	margin: 0;
	padding: 0.25em;
	display: table-cell;
}

.pagination .current {
	color: rgb(var(--white));
	border: none;
	background: rgb(var(--premium-blue));
	font-size: .75rem;
	vertical-align: middle;
	border-radius: 0.25rem;
	padding: 0.5em 1em;
	display: block;
	height: 100%;
	margin-right: 0.25rem;
}

.pagination a,
.pagination a:visited {
	color: rgb(var(--premium-blue));
	padding: 0.5em 1em;
	background: rgba(255,255,255,1);
	font-weight: bold;
	font-size: .75rem;
	text-align: center;
	text-decoration: none;
	border-radius: 0.25rem; 
	margin: 0;
	display: block;
	height: 100%;
	border: 1px solid rgb(var(--lighter-premium));
}

.pagination a:hover,
.pagination a:active {
	color: rgb(var(--white));
	border: 1px solid rgb(var(--lighter-premium));
	background: rgb(var(--fresh-green));
}


/* ########## MODAL & FLYOUT DRAWER STYLES ########## */

.modal .close {
	background: none;
	border: none;
	position: absolute;
	top: 2rem;
	right: 2rem;
	opacity: 0.5;
	cursor: pointer;
	z-index: +5;
}

#cpFlyout.modal .close {
	right: -100%;
	transition: 0.5s;
}

#cpFlyout.modal.hasHeader .close {
	position: fixed;
}

#cpFlyout.modal.in .close {
	right: 2rem;
}

#cpModal.modal .close {
	top: 3rem;
}

.modal .close:hover {
	opacity: 1;
	color: rgb(255,126,0);
}

.modal-header,
.modal-body,
.modal-footer {
	padding: 0;
}

.modal-content {
    border-radius: 0 !important;
    border: none !important;
	background: rgba(255,255,255,0.95);
	position: relative;
	box-shadow: 0 0 20px rgba(0,0,0,0.5);
	padding: 2rem;
}

#cpModal .modal-content {
	border-radius: 0.5rem !important;
	overflow: hidden;
}

#cpModal .modal-content:after {
  content: '';
  display: block;
  height: 20px;
  background: linear-gradient(to right,rgb(var(--fresh-green)),rgb(var(--sky-blue)));
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%;

}

#cpModal .modal-header {
	margin-bottom: 2rem;
	padding-bottom: 1rem;
}

#cpFlyout {
	left: auto;
	right: -100%;
	display: block !important;
	transition: 0.5s;
	z-index: 2010;
}

#cpFlyout .modal-content {
	padding: 0;
}

#cpFlyout .modal-body {
	padding: 2rem;
}

#cpFlyout .modal-content:before {
	background: linear-gradient(to bottom,rgb(142,194,63),rgb(0,160,220));
	width: 5px;
	height: 100%;
	left: -5px;
	top: 0;
	position: absolute;
	content: '';
	display: block;
}

#cpFlyout .modal-footer {
	padding: 1rem 2rem;
}

.modal.flyout .modal-dialog {
    margin: 0 0 0 auto;
}

#cpFlyout.in {
	right: 0;
}

.modal.flyout,
.modal.flyout .modal-dialog,
.modal.flyout .modal-dialog .modal-content {
    min-height: 100vh;
}

.modal.flyout .modal-dialog .modal-header {
	background: rgba(255,255,255,0.95);
	padding: 1rem 2rem;
    position: sticky;
    top: 0;
    z-index: 3;
}

.modal.flyout .modal-dialog .modal-body .info {
    background: rgb(255,255,255);
    position: sticky;
    top: 5rem;
    z-index: 2;
}

.modal.flyout .modal-dialog .modal-body .content td[nowrap] {
    white-space: normal !important;
}

/* ########## AUCTION STYLES ########## */

.listing .lb-timer {
	font-weight: 400;
}

.listing .bid-value {
	font-size: 1.25rem;
	font-weight: 700;
}

.time-remaining {
	font-size: 1.5rem;
	color: rgb(var(--medium-premium));
}

/* ########## BIDDING STYLES ########## */

.bid-submit-box {
    background: rgb(255,255,255);
    border: 1px solid rgb(219,219,219);
    margin: 2rem 0;
}

.bid-submit-box .form-group {
    max-width: 300px;
    margin: 0 auto;
}

.bid-preview .heading {
    font-weight: 700;
    text-transform:  uppercase;
    display: block;
    padding: 1rem 0;
}

.bid-box {
    background: rgb(var(--lightest-premium));
	border-radius: 0.35rem;
    border: 1px solid rgb(var(--lighter-premium));
    text-align: center;
	overflow: hidden;
}

.bid-box div {
    margin: 0.5rem 0;
}

.bid-box .accent {
	background: rgb(var(--horizon-blue));
    color: rgb(255,255,255);
	margin: 0;
}

.bid-box .accent .time-remaining {
	color: rgb(var(--white));
}

.bid-box .accent hr.full {
	background: rgba(var(--white),0.25);
}

.bid-box .heading {
    font-weight: 500;
    text-transform:  uppercase;
    color: rgb(255,255,255);
    display: block;
	padding: 0.25rem 0;
    font-size: 2rem;
}

.bid-box .bid-value {
    font-size: 1.25rem;
    font-weight: 700;
    display: block;
} 

.bid-box label {
    font-size: 0.8em;
    padding-top: 0.5em;
    display: block;
}


/* ########## SALE & CATALOG STYLES ########## */

header nav.sales {
	padding: 1rem 0 !important;
}

header .sales .title {
	font-weight: 800;
	font-size: 1.25rem;
}

header .sales .name {
	font-weight: 800;
	font-size: 1rem;
}

header .sales .description,
header .sales .status {
	display: block;
	font-size: 0.8rem;
	color: rgb(var(--medium-premium));
}

header .sales .info {
	color: rgb(var(--medium-premium));
	font-size: 0.8rem;
	display: block;
	padding: 0.5rem 0;
}

header .sales .info label {
	color: rgb(var(--sky-blue));
	display: block;
	font-weight: 700;
}

header .sales .stats {
	padding: 0.5rem 0;
}

header .sales .aside {
	padding-top: 1rem;
}

@media screen and (min-width: 992px) {
	header nav.sales {
		color: rgb(var(--medium-premium));
		width: 400px;
		padding: 0 !important;
	}
	header .sales .title {
		color: rgb(var(--horizon-blue));
	}
	header .sales .name {
		color: rgb(var(--premium-blue));
	}
	header .sales .description,
	header .sales .status {
		display: block;
		font-size: 0.8rem;
	}
	header .sales .aside {
		padding-top: 0;
		background: rgb(var(--lighter-premium));
	}
}

.sale-catalog .info label {
	color: rgb(var(--sky-blue));
	display: block;
	font-weight: 700;
	font-size: 0.8rem;
}

.catalog-stats .stat-label {
	color: rgb(var(--medium-premium));
	display: block;
	text-align: center;
	font-size: 0.8rem;
}

.catalog-stats .stat-number {
	font-size: 2.5rem;
	font-weight: 400;
	color: rgb(var(--sky-blue));
	display: block;
	line-height: 1em;
	text-align: center;
}

.catalog-logo {
	max-height: 150px;
}

.active-sales {
	overflow: hidden;
}

.active-sales .info {
	color: rgb(var(--medium-premium));
	font-size: 0.8rem;
	display: block;
	padding: 0.5rem 0;
}

.active-sales .info label {
	color: rgb(var(--sky-blue));
	display: block;
	font-weight: 700;
	font-size: 0.8rem;
}

.active-sales a:not(.btn) {
	color: rgb(var(--horizon-blue));
}

.active-sales .image {
	background-size: cover;
	background-position: center;
	text-align: center;
	position: relative;
	min-height: 200px;
}

.active-sales .image.isolated:before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
}

.active-sales .image img {
	max-width: 100%;
	max-height: 100%;
	height: 150px;
	position: relative;
	top: calc(50% - 75px);
}

.active-sales .image.isolated img {
	filter: brightness(0) invert(1);
}

/* ####  SALE QUICK FILTERS #### */

.sale-catalog-filters {
	position: sticky;
	top: 110px;
	z-index: 10;
}

@media screen and (max-width: 991px) {
	.sale-catalog-filters {
		top: 128px;
		width: 100%;
		margin: 0;
		padding: 0 !important;
	}
}

.catalog-bar {
	background: rgba(var(--lightest-premium),1);
	border-top: 5px solid rgba(var(--medium-premium),0.25);
	border-radius: 0 0 0.5rem 0.5rem;
	position: relative;
}

.quick-filters {
	top: -5px;
	position: relative;
}

.quick-filters a {
    padding: 1rem 0.5rem 0.5rem 0.5rem;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 0.8rem;
    color: rgba(var(--medium-premium),1);
    display: inline-block;
    height: 100%;
    border-top: 5px solid transparent;
}

.quick-filters .badge {
    padding: 0.5rem;
    margin: -5px 0 0 0.5rem;
    vertical-align: middle;
	color: rgba(var(--premium-blue),1);
	background: rgba(var(--medium-premium),0.25);
	font-size: 0.8rem;
}


.quick-filters a:hover,
.quick-filters a.active:hover {
    border-top: 5px solid rgba(var(--sky-blue),1);
	color: rgba(var(--sky-blue),1);
    text-decoration: none;
}

.quick-filters a:hover .badge,
.quick-filters a.active:hover .badge {
    background: rgba(var(--sky-blue),1);
	color: rgba(var(--white),1);
}

.quick-filters a.active {
    border-top: 5px solid rgba(var(--horizon-blue),1);
	color: rgba(var(--horizon-blue),1);
}

.quick-filters a.active .badge {
    background: rgba(var(--horizon-blue),1);
    color: rgba(var(--white),1);
}


/* #### CATALOG STATUS STYLES #### */

.listing_results tr.entry-out,
.listing_set.list article.entry-out,
.listing_set.gallery article .article_inner.entry-out,
.listing_set.gallery article .article_inner.entry-out:hover {
    background: repeating-linear-gradient(
      -45deg,
      rgba(235,235,235,1),
      rgba(235,235,235,1) 10px,
      rgba(230,230,230,1) 10px,
      rgba(230,230,230,1) 20px
    ) !important;
}

.listing_results tr.entry-withdrawn,
.listing_set.list article.entry-withdrawn,
.listing_set.gallery article .article_inner.entry-withdrawn,
.listing_set.gallery article .article_inner.entry-withdrawn:hover {

    background: repeating-linear-gradient(
      -45deg,
      rgba(235,235,235,1),
      rgba(235,235,235,1) 10px,
      rgba(230,230,230,1) 10px,
      rgba(230,230,230,1) 20px
    ) !important;
}

.listing_results tr.entry-won td,
.listing_set.list article.listing.entry-won,
.listing_set.gallery article .article_inner.entry-won,
.listing_set.gallery article .article_inner.entry-won:hover {
   background: rgba(40,167,69,0.5) !important;
}

.listing_results tr[data-status='won'] td,
.listing_set.list article.listing[data-status="won"],
.listing_set.gallery article .article_inner[data-status="won"],
.listing_set.gallery article .article_inner[data-status="won"]:hover {
    background: rgba(40,167,69,0.5);
}

.listing_results tr[data-status="winning"] td,
.listing_set.list article.listing[data-status="winning"],
.listing_set.gallery article .article_inner[data-status="winning"],
.listing_set.gallery article .article_inner[data-status="winning"]:hover {
    background: rgba(40,167,69,0.2);
}

.listing_results tr[data-status="outbid"] td,
.listing_set.list article[data-status="outbid"],
.listing_set.gallery article .article_inner[data-status="outbid"],
.listing_set.gallery article .article_inner[data-status="outbid"]:hover {
   background: rgba(220,53,69,0.3);
}

.listing_results tr[data-status="reserve"] td,
.listing_set.list article[data-status="reserve"],
.listing_set.gallery article .article_inner[data-status="reserve"],
.listing_set.gallery article .article_inner[data-status="reserve"]:hover {
   background: rgba(255,238,186,0.5);
}

/* ######### DEPENDENT AUCTIONS STYLES ######### */

.listing_results tr[data-dependent="closed"] td,
.listing_set.list article[data-dependent="closed"],
.listing_set.gallery article .article_inner[data-dependent="closed"],
.listing_set.gallery article .article_inner[data-dependent="closed"]:hover {
   opacity: 0.6;
   background: rgba(235,235,235,1);
}

.listing_results tr[data-dependent="upcoming"] td,
.listing_set.list article[data-dependent="upcoming"],
.listing_set.gallery article .article_inner[data-dependent="upcoming"],
.listing_set.gallery article .article_inner[data-dependent="upcoming"]:hover {
   opacity: 0.6;
}

.listing_results tr[data-dependent="active"],
.listing_set.list article[data-dependent="active"],
.listing_set.gallery article .article_inner[data-dependent="active"],
.listing_set.gallery article .article_inner[data-dependent="active"]:hover {
   border: 2px solid rgba(140,140,140,1);
}


/* ######### LIVE AUCTIONS STYLES ######### */

.listing_results tr.live-update-highlight,
.listing_set.list article.listing.live-update-highlight,
.listing_set.gallery article div.article_inner.live-update-highlight {background: rgba(var(--sky-blue),0.5);}

.bid-update-highlight {background: rgba(var(--sky-blue),0.5);}
.time-update-highlight {background: rgba(var(--sky-blue),0.5);}
.lb-bidstatus {display: none;}
.lb-bidstatus.show {display: block;}


/* ######### TOAST STYLES ######### */

#toastContainer {
    position: fixed;
    z-index: 9999;
    bottom: 1em;
    left: 1em;
    right: 1em;
    text-align: center;
}

#toastContainer .toast {
    margin: 0 auto;
    text-align: left;
    border-left-width: 1em !important; 
    border-left-style: solid !important;
    border-right: 1px solid rgba(0,0,0,0.15)!important;
    border-top: 1px solid rgba(0,0,0,0.15) !important;
    border-bottom: 1px solid rgba(0,0,0,0.15) !important;
    background-color: rgba(255, 255, 255, 0.95) !important;
}

#toastContainer .toast small {
	color: rgba(var(--medium-premium),0.5);
}

@media only screen and (min-width: 576px) {
    #toastContainer {
        top: 6em;
        bottom: auto;
        left: auto;
        right: 2em;
        width: auto;
    }
}