body {
	background-color: #ffffff;
	padding: 0px;
	margin: 0px;
	font-size: .9em;
	color: #1b2d3a;
	font-family: sans-serif;
	max-width: 1600px;
	margin: 0 auto;
}
div {
	box-sizing: border-box;
}
img {
	width: 100%;
	height: auto;
	display: block;
}
a {
	text-decoration: none;
	color: #1b2d3a;
}
ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}
li {
	box-sizing: border-box;
}
input, select, textarea {
	padding: 5px;
	padding-left: 10px;
	min-width: 200px;
	
}
p {
	margin: 0px;
	padding-bottom: 8px;
}

input, textarea, select, option {
	color: #1b2d3a;
}



nav {
	background-color: #f6f7f7;

	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	position: relative;
	max-width: 1440px;
	margin:  0 auto;
}
nav ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	width: 100%;
	display: flex;
	align-content: flex-start;
	justify-content: space-between;
}
nav ul li {
	display: inline-flex;

	text-align: center;
	height: auto;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
	font-weight: bold;
	font-size: .9em;
	margin-left: 5px;
	margin-right: 5px;
	
	

}
nav ul li a {
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #000f40;
}
	nav ul li a:hover {
		color: #0334ce;
	}
.logo {
	max-width: 155px;
	display: block;
}
.logo img {
	width: 100%;
}
.subnav {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	background-color: #ffffff;
	
	

}
.subnav ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	width: 100%;
	display: flex;
	align-content: flex-start;
	justify-content: flex-start;
	background-color: #9c9da3;

}
.subnav ul li {
	display: inline-flex;
	text-align: center;
	height: auto;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
	font-weight: bold;
	font-size: .9em;
	line-height: 40px;
	min-width: 200px;
	position: relative;	
	cursor: pointer;
	margin-right: 1px;
	padding-right: 10px;
	box-sizing: border-box;

}
.subnav ul li.selected::after {
	position: absolute;
	bottom: -20px;
	left: 40%;
	content: '\25BC';
	color:#1d2c39;
	font-size: 30px;
}
/*
#results li {
	margin-bottom: 20px;
}
#results li img {
	width: 60%;
	margin: 0 auto;
	cursor:pointer;
	padding-bottom: 30px;
}
*/
/*
#results li img.Half-Size {
	width: 30% !important;
}
*/
#results .info {
	font-size: .9em;
	
}
#results .buttons {
	padding-top: 20px;
}
#results li.selected {
	background-color: #e3e3e3 !important;
}

	#results li[data-sku] .product-image {
		cursor: pointer;
	}
.current_p {
	background-color: #ffffff;

}
.current_r {
	background-color: #1d2c39;
	color: #ffffff;
}
.dots {
	font-size: 1.5em;
	position: absolute;
	right: 5px;
	top:0px;
}
.white_text {
	color: #ffffff;
}
.disabled {
  pointer-events: none !important;
  cursor: default;
  opacity: 0.3;
}


.frame {
	width: 100%;
	position: relative;
	max-width: 1440px;
	margin: 0 auto;


}
.grey {
	background-color: #eaeaea;

}
.lt_grey {
	background-color: #f4f4f4;
}
.inner_frame {
	background-color: #ffffff;
	-webkit-box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.29); 
	box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.29);
	
	width: 100%;
}
.shadow_left {
	-webkit-box-shadow: -1px 0px 5px 1px rgba(0,0,0,0.10); 
	box-shadow: -1px 0px 5px 1px rgba(0,0,0,0.10);
}
.shadow_top {
	-webkit-box-shadow: 0px -1px 5px 1px rgba(0,0,0,0.10); 
	box-shadow: 0px -1px 5px 1px rgba(0,0,0,0.10);
}
.center {
	text-align: center;
}
.left {
	text-align: left;
}
.flex {
	display: flex;
	
}
.no_wrap {
	flex-wrap: nowrap;
}
.wrap {
	flex-wrap: wrap;
}

.rg_20 {
	row-gap: 20px;
}

.justify_start {
	 justify-content: flex-start;
	
}
.justify_around {
	justify-content: space-around;
}
.justify_between {
	justify-content: space-between;
}
.justify_end {
	justify-content: flex-end;
}
.justify_center {
	justify-content: center;
}
.align_top {
	align-items: flex-start;
}
.align_bottom {
	align-items: flex-end;
}
.align_center {
	align-items: center;
}
.align_stretch {
	align-items: stretch;
}
.align_content_between {
	align-content: space-between;
}
.dir_column {
	flex-direction: column;
}
.full {
	flex-basis: 100%;
}
.half {
	flex-basis: 50%;
}
.third {
	flex-basis: 33.33%;
}
.twothirds {
	flex-basis: 66.66%;
}
.quarter {
	flex-basis: 25%;
}
.ten {
	flex-basis: 10%;
}
.twenty {
	flex-basis: 20%;
}
.thirty {
	flex-basis: 30%;
}
.thirtytwo {
	flex-basis: 31%;
}
.fortyfive {
	flex-basis: 45%;
}
.sixty {
	flex-basis: 60%;
}
.seventy {
	flex-basis: 70%;
}
.seventyfive {
	flex-basis: 75%;
}
.eighty {
	flex-basis: 80%;
}

.col_gap_40 {
	column-gap:40px;
}

.px_10 {
	padding-left: 10px;
	padding-right: 10px;
}

.px_20 {
	padding-left: 20px;
	padding-right: 20px;
}
.pl_20 {
	padding-left: 20px;
}
.px_30 {
	padding-left: 30px;
	padding-right: 30px;
}
.px_50 {
	padding-left: 50px;
	padding-right: 50px;
	
}
.mr_20 {
	margin-right: 20px;
}
.desktop-pr_50 {
	padding-right: 50px;
}
.pr_50 {
	padding-right: 50px;
}
.px_70 {
	padding-left: 70px;
	padding-right: 70px;
}
.px_100 {
	padding-left: 100px;
	padding-right: 100px;
}
.p_100 {
	padding: 100px;
}
.p_50 {
	padding: 50px;
}
.p_30 {
	padding: 30px;
}
.p_20 {
	padding: 20px;
}
.p_10 {
	padding: 10px;
}
.py_10 {
	padding-top: 10px;
	padding-bottom: 10px;
}

.py_20 {
	padding-top: 20px;
	padding-bottom: 20px;
}
.py_30 {
	padding-top: 30px;
	padding-bottom: 30px;
}
.py_50 {
	padding-top: 50px;
	padding-bottom: 50px;
}
.py_100 {
	padding-top: 100px;
	padding-bottom: 100px;
}
.pt_20 {
	padding-top: 20px;
}
.pt_35 {
	padding-top: 35px;
}
.pb_10 {
	padding-bottom: 10px;
}
.my_5 {
	margin-top: 5px;
	margin-bottom: 5px;
}
.my_10 {
	margin-top: 10px;
	margin-bottom: 10px;
}
.my_20 {
	margin-top: 20px;
	margin-bottom: 20px;
}
.my_50 {
	margin-top: 50px;
	margin-bottom: 50px;
}
.mx_5 {
	margin-left: 5px;
	margin-right: 5px;
}
.mx_10 {
	margin-left: 10px;
	margin-right: 10px;
}
.mx_20 {
	margin-left: 20px;
	margin-right: 20px;
}
.mx_50 {
	margin-left: 50px;
	margin-right: 50px;
}
.mb_75 {
	margin-bottom: 75px;
}
.mb_5 {
	margin-bottom: 5px;
}
.mt_10 {
	margin-top: 10px;
}
.w_24 {
	width: 24px;
}
.w_200 {
	width: 200px;
}
.w_300 {
	width: 300px;
}
.w_thirty {
	width: 30%;
}
.relative {
	position: relative;
}
.pr_40 {
	padding-right: 40px;
}
h1,h2,h3,h4 {
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	line-height: 1.5em;
}
h3 {
	text-transform: uppercase;
}

h4.plate_info_hr {
	font-size: 1.17em;
	margin-bottom: 10px;
}

.tallest {
	height: 100% !important;
	width: auto !important;
	max-width: 100%;
}
.underline {
	border-bottom: 1px solid #999999;
}
.hamburger {
	display: none;
}
.text_center {
	text-align: center;
}
.text_left {
	text-align: left;
}
.text_right {
	text-align: right;
}
.text_justify {
	text-align: justify;
}

.clear_button {
	padding: 15px;
	width: 70%;
	max-width: 365px;
	display: inline-block;
	border: 1px solid #8c8c8c;
	text-transform: uppercase;
	cursor: pointer;
}
.small_clear_button {
	padding: 15px;
	max-width: 365px;
	display: inline-block;
	border: 1px solid #8c8c8c;
	text-transform: uppercase;
	cursor: pointer;
	
}
.pointer {
	cursor: pointer;
}
.blue_bg {
	background-color: #f1f7fe;
}
.grey_bg {
	background-color: #f6f6fc;
}
#popup {
	position: fixed;
	left: 10%;
	top: 5%;
	width: 80%;
	height: 90%;
	background-color: #ffffff;
	z-index: 20;
	display: none;
	overflow: hidden;
}
	.smaller_popup {
		left: 20% !important;
		top: 20% !important;
		width: 60% !important;
		height: 60% !important;
	}

	.medium_popup {
		left: 20% !important;
		top: 10% !important;
		width: 60% !important;
		height: 80% !important;
	}
#popup_closer {
	position: absolute;
	right: 15px;
	top:15px;
	font-size: 1.5em;
	font-weight: bold;
	cursor: pointer;
}
#light_box {
	position: fixed;
	left: 0px;
	top:0px;
	width: 100%;
	height: 100%;
	z-index: 19;
	background-color: rgba(0,0,0,0.8);
	display: none;
	cursor: pointer;
}
.no_scroll {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.gang_breakout {
	width: 100%;
	max-width: 600px;
	display: inline-block;
	height: auto;
}
.devices_link {
	flex-basis: 25%;
	text-transform: uppercase;
	font-weight: bold;
}
.gangbox {
	border: 1px solid #26313f;
	background-color: #dadcdf;
	cursor: pointer;
	position: relative;
	
}
.gangbox:hover {
	background-color: #929a9e;
}
.gangbox.selected {
	background-color: #929a9e;
}
.gangname {
	position: absolute;
	width: 100%;
	text-align: center;
	left: 0px;
	bottom: -22px;
	font-size: .7em;
	color: #26313f;
	text-transform: uppercase;
	font-weight: bold;
	
}
.gang {
	width: 45px;
	height: 55px;
	border: 2px dashed #26313f;
}
.radiant .gang {
	width: 40px;
	height: 80px;
	border: 2px dashed #26313f;
}
.radiant .gang:not(:first-child) {
	margin-left: 8px;
	border: 2px dashed #26313f;
}
.gangplus {
	width: 45px;
	height: 70px;
	border: 2px dashed #26313f;
}
.gang:not(:first-child) {
	border-left: 0px;		
}

.no_border {
	border: 0px;
}

.dashboard_gangbox {
	cursor: pointer;
	position: relative;
	min-height: 150px;
	width: auto;
	min-width: 50px;
	padding-left: 16px;
	padding-right: 16px;
}




img.second_pos {
	position: absolute !important;
	left: 50%;
	top:0px;
}

.bordered {
	border: 2px dashed #26313f;
	width: 85px;
	height: 85px;
}
.filled {
	cursor: pointer;
	border: 1px solid #3a3a3a;
}

.pos_0 {
	top:0px;
}
.pos_1 {
	
}
.pos_2 {
	
}


.green_bg {
	background-color: #0d6457;
}
.green {
	color: #03443a !important;
	font-weight: bold;
}
	a.green, .load_popup.green { text-decoration: none; }
	a.green:hover, .load_popup.green:hover { 
		color: #001f1a !important;
		text-decoration: underline;
	}


#steps {
	list-style: none;
}
#steps li {
	text-align: center;
	flex-basis: 20%;
	display: block;
	cursor: pointer;
	text-transform: uppercase;
	font-size: .9em;
	color: #8e8e8e;
	position: relative;
}
	#steps .stepsLink {
		width: 100%;
		height: 100%;
		display: block;
	}

.ball {
	display: block;
	border-radius: 50%;
	outline: 2px solid #0d6457;
	width: 12px;
	height: 12px;
	margin: 0 auto;
	margin-bottom: 8px;
}
.ball_r::after{ content: '';
  position: absolute;
  border-bottom: 2px #000000 solid;
  height: 2px;
  width: 45%;
  left: 55%;
  top:10%;
}
.ball_l::before{ content: '';
  position: absolute;
  border-bottom: 2px #000000 solid;
  height:2px;
  width: 45%;
  left: 0%;
  top:10%;
}

#steps li.active {
	color: #1b2d3a;
}

#steps li.active .ball{
	 background: radial-gradient(#0d6457 50%, #ffffff 50%);
}


#steps li.complete .ball{
	background-color: #0d6457;
}
.side_nav {
	width: 100%;
}
.side_nav li {
	width: 100%;
	padding: 10px;
	text-align: left;
	padding-left: 20px;
	text-transform: uppercase;
	cursor: pointer;
	font-size: .9em;
}
.side_nav li.selected {
	font-weight: bold;
}
.chevron {
	float: right;
}
.side_sub {
	display: none;
}
.btn {
	padding: 12px;
	cursor: pointer;
	border: 1px solid #c9c9c9;
	font-size: .7em;
	text-transform: uppercase;
	max-width: 200px;
	position: relative;
	display: flex;
	align-items: center;
}
	.large_btn {
		font-size: 1.1em;
	}
.btn span {
	display: block;
}
.big_gang_holder, .dashboard_gang_holder, .full_gang_holder {
	position: relative;
	overflow: hidden;
}
.big_gang_holder {
	min-height: 300px;
}
.full_gang_holder {
	top:50%;
	transform: translateY(-58%);
}
.plate_overlay {
	position: absolute;
	left: 0px;
	top:50%;
	transform: translateY(-50%);
	z-index: 9;
	
}

.popup_next_button_steps {
	cursor: pointer;
}
.popup_prev_button, .popup_next_button, .next_button {
/*	position: fixed;*/
/*	bottom: calc(5% + 20px);*/
/*	left: calc(10% + 20px);*/
	cursor: pointer;
}
	.next_button {
/*		left: inherit;*/
/*		right: calc(10% + 30px);*/
	}
	.popup_next_button {
/*		left: inherit;*/
/*		right: calc(10% + 20px);*/
	}

.plate_info, .device_info {
	font-size: .8em;
	position: relative;
}
.plate_info_sm {
	font-size: .9em;
	position: relative;
}
.edit_device {
	position: absolute;
	right: 5px;
	bottom: 5px;
	text-transform: uppercase;
	font-weight: bold;
	cursor: pointer;
}
.remove_device {
	font-weight: bold;
	cursor: pointer;
}
.device_info.selected,
.plate-preview.selected {
	background-color: #e3e3e3 !important;
}
#rearrange {
	cursor: pointer;
	position: absolute;
	right: 20px;
	top:20px;
	font-size: .7em;
	padding: 5px;
	color: #7b7b7b;
	text-align: center;
}
#rearrange.selected {
	font-weight: bold;
	color: #1b2d3a;
	
}
.draggable {
	cursor: grab;
}
.draggable:hover {
	background-color: #c9c9c9;
}
#step_holder {
	position: fixed;
	width: 100%;
	height: auto;
	left: 0px;
	bottom: 0px;
	background-color: #ffffff;
	z-index: 1000;
}
#save_config {
	cursor: pointer;
}

.full_width {
	width: 100%;
	box-sizing: border-box;
}
.half_width {
	width: 50%;
	box-sizing: border-box;
}
.flex_100 {
	flex-basis: 100%;
} 
.flex_50 {
	flex-basis: 50%;
}

.all_configs {
	display: none;
}
.show_configs {
	cursor: pointer;
}
.text_editor {
	position: absolute;
	right:10px;
	top:20%;
	cursor: pointer;
	color: #999999;
}
.text_editor.selected {
	color: #1b2d3a;
}

.hidden_edges {
	border: 0px;
	background:none;
	
}
.title_font {
	font-size: 1.8em;
	padding-left: 0px;
}
.strong_font {
	font-size: 1.2em;
	padding-left: 0px;
}
.small_font {
	font-size: .7em; 
	font-weight: bold;
	text-transform: uppercase;
	
}

.large_font {
	font-size: 1.3em;
}

.bold {
	font-weight: bold;
}
.reg {
	font-size: .6em;
	font-weight: normal;
	vertical-align: super;
}
.all_devices {
	padding-bottom: 20px;
	display: none;
	
}
.edit_config {
	cursor: pointer;
}
.inline_block {
	display: inline-block;
}
.spacer {
	flex: 1;
}
.border_bottom {
	border-bottom: 2px solid #3a3a3a;
}
.load_popup {
	cursor: pointer;
}
.small_color_edit {
	font-size: .8em;
	float: right;
	text-decoration: underline;
}
.wall_footer {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	background-color: #ffffff;
}
.full_height {
	height: 100%;
}
.flex_column {
	flex-direction: column;
}
#picker {
	position: absolute;
	left: 30px;
	bottom: 68px;
	height: 75%;
	width: 300px;
	background: rgb(240,240,240);
	background: linear-gradient(0deg, rgba(240,240,240,1) 0%, rgba(255,255,255,1) 2%, rgba(255,255,255,1) 100%);
	display: none;
}
#hexInput {
	display: inline-block;
	width: 100px;
	min-width: 100px;
	margin: 0px;
	margin-left: 5px;
}

.minimizer {
	cursor: pointer;
	position: absolute;
	left: 10px;
	top:10px;
	font-size: 1em;
	
}
.dropzone {
	border: 1px dashed #7d7d7d !important;
	min-height: 150px !important;
	background-image: url('../img/dz.png') !important;
	background-size: 40% !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
}
.dropzone .dz-preview {	
	margin: 0px !important;
}
.smaller {
	font-size: .8em;
}
.dz-image {
	border-radius: 0px !important;
	height: 90px !important;
	width: 120px !important;
}
.dropzone .dz-preview .dz-details {
	display: none !important;
}
.dz-remove {
	margin-top: 10px;
	text-transform: uppercase;
	font-size: .8em; 
}
#big_wall, #the_wall {
	background-position: center center;
	background-size: cover;
}
.toggle_image {
	display: none;
}

.check_box {
	display: inline-block;
	width: 10px;
	height: 10px;
	vertical-align: middle;
	border: 1px solid #000000;
	margin-right: 5px;
	margin-bottom: 3px;
}
.check_box.selected {
	background-color: #000000;
}
.white_out {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.95);
	text-align:center;
	padding-top: 00px;
	left: 0px;
	top: 0px;
	display: none;
}
.white_out img {
	width: 200px;
	height: auto;
	display: inline-block;
}
.breadcrumb {
	font-size: .8em;
}
.total_height {

	min-height: 80vh
}

.order_form > div {
	display: inline-block;
	width: 100%;
	margin-bottom: 10px;
}

.order_form label {
	float: left;
	font-weight: bold;
	width: 150px;;
}
.order_form input, .order_form textarea {
	float: left;
	margin-left: 20px;
}

.big_img {
	height: 460px;
	display: flex;
	align-items: center;
	justify-content:center;
	border: 1px solid #686868;
	padding: 2px;
}
.big_img img {
	width:auto;
	height:auto;
	max-height:350px;
	max-width:100%;
}
.big_thumb_wrapper {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 10px;
}
.thumb_wrapper {
	width: 90%;
	height: 50px;
	overflow: hidden;
	position: relative;
}
ul.thumbs {
	width: auto;
	height: auto;
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
}
ul.thumbs li {
	display: inline-block;
	width:50px;
	height: 50px;
	margin-left: 0px;
	border: 1px solid #d5d5d5;
	cursor: pointer;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	transition-duration: .5s;
	opacity: 0.5;
}
ul.thumbs li:not(:first-child) {
	margin-left: 5px;
}
ul.thumbs li:hover, ul.thumbs li.selected {
	border: 1px solid #0d6457;
	opacity: 1;
}
ul.thumbs li img {
	width: 90%;
	height: auto;
	margin: 0 auto;
	
}
.thumb_nav {
	cursor: pointer;
	font-size: 1.3em;
	display: block;
}
.tabs {
	text-align: center;
	line-height: 40px;
	background-color: #aabcc9;
	color: #1b2d3a;
	text-transform: uppercase;
	cursor: pointer;
}
#tab_nav {
	width: 100%;
	background-color: #aabcc9;
	height: 40px;
	align-items: stretch;
}
.tabs {
	flex-basis: 50%;
}
.tabs.selected {
	background-color: #1b2d3a;
	color: #ffffff;
}
.tabs a {
	display: block;
	height: 100%;
	text-align: center;
}
.tabs.selected a {
	color: #ffffff !important;
	font-weight: bold;
}
.features {
	flex-wrap: wrap;
}
.features li{
	flex-basis: 50%;
	padding: 20px;
}
.big_checkbox {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	border: 2px solid #000000;
	cursor: pointer;
}
.big_checkbox.selected {
	background-color: #646464;
}
.inline {
	display: inline-block;
	vertical-align: middle;
}
.swatch {
	width: 27px;
	height: 27px;
	border-radius:50%;
	cursor: pointer;
	border: 1px solid #9e9e9e;
}
.swatch.selected {
	border-radius: 2px;
	outline: #66a79e 2px solid;
	border: 0px;
}
.no_border {
	border: 0px !important; 
}
.mobile_show {
		display: none;
	}

.mobile_nav_b_frame {
	display:flex;
	justify-content:space-between;
	padding:20px;
}



@media only screen and (min-width: 769px) and (max-width: 1024px){
	.t_fifty {
		flex-basis: 48%;
	}	
	.side_nav li {
		font-size: .8em;
		padding-left: 5px;
	}
}
@media only screen and (max-width: 600px){
	.t_fifty {
		flex-basis: 48%;
	}	
	.desktop-pr_50 {
		padding-right: 0;
	}
	.breadcrumb {
		padding-left:20px;
	}
}
@media only screen and (max-width: 500px){
	.t_fifty {
		flex-basis: 98%;
	}
	.sm_third {
		flex-basis: 33%;
	}
	.sm_twothirds {
		flex-basis: 66%;
	}	
	.sm_pl0 {
		padding-left: 0px;
	}
	.side_nav li {
		font-size: .7em;
		padding-left: 5px;
	}
	.sm_p_10 {
		padding: 10px;
	}
}
@media only screen and (max-width: 768px) {
		
	.mobile_show {
		display: block;
	}
	.mobile_hide {
		display: none;
	}
	
	.logo {
		max-width: 300px;
		width: 50%;
		flex-basis: 50%;
		display: block;
	}
	.hamburger {
		flex-basis: 50%;
		text-align: center;
		font-size: 3em;
		/*font-weight: bold;*/
		color: #034cce!important;
		cursor: pointer;
		vertical-align: middle;
		display: flex;
		align-items: center;
		justify-content: right;
		padding-right: 0.2em;
		flex: 1;
	}
	.hamburger p {
		padding: 0px;
		margin: 0px;
		line-height: .8em;
		display: block;
	}
		.hamburger p.open {
			display: none;
		}
	nav.px_10 {
		padding: 0px !important;
	}
	nav ul {
		position:  fixed;
		display: block;
		left:-100%;
		top:90px;
		height: 100%;
		width: 100%;
		z-index: 100;
		list-style: none;
		padding: 0px;
		margin: 0px;
		background-color: #f6f7f7;
		
		align-content: stretch;
		justify-content: flex-start;
		transition-duration: .5s;
	}
	nav ul li {
		width: 100%;
		flex-basis: 100%;
		align-content: stretch;
		justify-content: flex-start;
		text-align: left;
		padding: 10px;
	}
	.open_nav {
		left: 0px !important;
	}
	#popup {
	
		left: 2%;
		top: 2%;
		width: 96%;
		height: 96%;

	}
	.mmy_0 {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	
	.mpx_0 {
		padding-left: 0px;
		padding-right: 0px;
	}
	.mpx_10 {
		padding-left: 10px;
		padding-right: 10px;
	}
	.mpx_20 {
		padding-left: 20px;
		padding-right: 20px;
	}
	.mpy_20 {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.mp_0 {
		padding: 0px;
	}
	.mp_20 {
		padding: 20px;
	}
	.mpb_20 {
		padding-bottom: 20px;
	}
	.mpb_50 {
		padding-bottom: 50px;
	}
	.mmb_20 {
		margin-bottom: 20px;
	}
	.mmb_50 {
		margin-bottom: 50px;
	}	
	.mpb_0 {
		padding-bottom: 0px;
	}
	.mobile_columns {
		flex-direction: column;
		padding:10px 20px;
	}
	.mobile_reverse {
		flex-direction: column-reverse;
	}
	.mobile_slideshow {
		position: relative;
		display: block;
	}
	.m_slideshow_item {
		position: absolute;
		opacity: 0;
		transition-duration: .8s;
		left: 0px;
		top: 0px;
		font-size: 1.3em;
		width: 100%;
		height: 100%;
		
	}
	.m_slideshow_item img {
		
	}
	.m_slideshow_item.selected {
		position: relative;
		opacity:  1;
		padding: 0px;
	}
	.m_slideshow_nav {
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}
	.dot {
		background-color: #0d6457;
		opacity: 0.3;
		width: 15px;
		height: 15px;
		border-radius: 50%;
		margin: 5px;
		display: inline-block;
		cursor: pointer;
		transition-duration: .5s;
	}
	.dot.selected {
		opacity: 1;
	}
	/*
	input {
		width: 100%;
		box-sizing: border-box;
	}
	*/
	.popup_prev_button, .popup_next_button {
	
	}
	.mobile_nav_b_frame {
		background-color: #ffffff;
		position: sticky;
		width: 100%;
		height: 60px;
		bottom: 0px;
		left: 0px;
		border-top: 1px solid #afafaf;
		-webkit-box-shadow: 0px -2px 10px 3px rgba(0,0,0,0.10); 
		box-shadow: 0px -5px 10px 2px rgba(0,0,0,0.10);
	}
	.mobile_full_flex {
		flex-basis: 100%;
	}
	.mobile_right_slider {
		position: fixed;
		width: 100%;
		left: 0px;
		bottom:-100%;
		transition-duration: .7s;
	}
	.mobile_flexless {
		display: block;
		
	}
	.tallest {
		width: 100% !important;
		height: auto !important;
	}
	.no_stretch {
		align-items: center;
	}
	.bottom_steps_nav {
		width: 30%;
		height: 30px;
		text-align: center;
		position: absolute;
		background-color: #ffffff;
		left: 35%;
		top: -20px;
		color: #0d6457;
		font-size: 3em;
		cursor: pointer;
		line-height: 1.1em;
		overflow: hidden;
		display: flex;
		align-items: center;
		justify-content: center;
		
	}
	.bottom_steps_nav span {
		display: none;
	}
	.bottom_steps_nav span.visible {
		display: block;

	}
	.sl_d {
		padding-top: 15px;
	}
	.sl_u {
		padding-bottom: 20px;
	}
	.mobile_auto_height {
		height: auto !important;
		min-height: 0px !important;
	}
	.mobile_column {
		flex-direction: column;
	}
	.mobile_slider {
		position: fixed;
		left: 0px;
		bottom: -100%;
		width: 100%;
		background-color: #ffffff;
		height: 85%;
		overflow-y: scroll;
		transition-duration: 1s;
	}
	.open_slider {
		bottom:90px;
	}
	
}

#developmentFlags {
	position: fixed;
	top: 0;
	left: calc(45% - 70px);
	z-index: 100000000;
}

.developmentFlagsTrigger {
	background: #205081;
	padding: 5px;
	border: 2px solid white;
	border-top: none;
	font-weight: bold;
	color: white !important;
	display: inline-block;
	white-space: nowrap;
	text-decoration: none !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	border-radius: 0 0 5px 5px;
}

.developmentFlagsContainer {
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	padding: 10px;
	background: #fff;
	z-index: 1;
	position: relative;
	margin-top: 5px;
	display:none;
}
.developmentFlagsContainer.active {
	display:block;
}

.developmentFlag {
	
}
	.developmentFlag.goodFlag {
		
	}

	.developmentFlag.badFlag {
		
	}

	.developmentFlag.neutralFlag {
		
	}

	.developmentFlag .close {
		background-color: #ffffff;
		color: #1b2d3a;
		border: 1px solid #000;
		border-radius: 25px;
		padding: 4px;
		width: 18px;
		height: 18px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		font-weight: bold; 
	}

	#modeToggle {
		text-decoration: underline;
	}

.sticky_sidebar {
	position: sticky;
	top: 0;
	overflow-y: auto;
	height: calc(100vh - 80px);
}

.error {
	width: 100%;
	padding: 150px 0;
	margin: 50px auto;
	text-align: center;
	font-weight: bold;
	font-size: 30px;
	color: #fff;
	background-color: #dc3545;
}

.favorite_toggle {
	font-size: 1.2em;
	width: 100%;
	text-align: right;
	display: inline-block;
	cursor: pointer;
}

.favorite_toggle_chevron {
	font-size: 1.4em;
	line-height: 1;
	float: right;
}

.nonfavorite_hidden {
	display: none !important;
}

.general_hide {
	display: none;
}

/* Preview Loading Overlay */
.preview-loading-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(255, 255, 255, 0.85);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 100;
}

.preview-loading-spinner {
	font-size: 3em;
	color: #0D6457;
}

/* Bottom-align swatches in product list items, reserve 2 rows of space */
.product-list .swatches {
	margin-top: auto;
	align-items: flex-start;
	align-content: flex-start;
	min-height: 64px;
	flex-grow: 0;
}