/*
grey900: #e9e8e8 rgb(233,232,232#656262)
grey800: #D3D2D2 rgb(211,210,210)
grey600: #918F8F rgb(145,143,143)
grey400: #656262 rgb(101,98,98)
grey200: #4e4b4c rgb(78,75,76)
grey100: #231f20 rgb(35,31,32)

red: #b91c23 rgb(185,28,35) 
blue: #3B6B82 rgb(59,107,130)
green: #127F07 rgb(18,127,7)
*/

* { box-sizing:border-box; }
html, body { background-color:#FFFFFF; color:#636264; font: normal 16px/1.5 proxima-nova, "Proxima Nova", HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, sans-serif; padding:0; margin:0 auto; height:100%; }
body { padding:1rem; display: flex; flex-direction: column; }
body.menu-open { overflow-x: hidden; }
header, footer { flex:0 0 auto; }
.content { flex:1 0 auto; }

.fa, .fab, .fal, .far, .fas { line-height:inherit !important; }

h1, h2, h3 { margin-top:0; margin-bottom:1rem; font-family: proxima-nova, "Proxima Nova", HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, sans-serif; font-weight:300; }
h4, h5, h6 { margin-top:0; margin-bottom:0.5rem; font-family: proxima-nova, "Proxima Nova", HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, sans-serif; font-weight:700; }
h1 { font-size: 2rem; }
h2 { font-size: 1.5rem; }
h3 { font-size: 1.2rem; }
h4 { font-size: 1rem; }
p { margin-top:0; margin-bottom:0.5rem; }
b { font-family: proxima-nova, "Proxima Nova", HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, sans-serif; font-weight:normal; }

hr { border: 0; height: 0; border-bottom: 1px solid #e9e8e8; margin: 1rem 0; padding: 0; }
.hr-fat { width:33%; margin-left:auto; margin-right:auto; border-bottom-width:5px; border-color:#b91c23; }

.hide { display:none; }

.top { font-size:0.875rem; display: flex; align-items: stretch; white-space: nowrap; flex-wrap: nowrap; background-color:#656262; color:#231f20; }
.top a { display: block; text-decoration:none; color:#FFFFFF; line-height: 2rem; text-align: center; padding:0rem 1rem; }
.top a:hover { background-color:#4e4b4c; color:#FFFFFF; }
.top ul { list-style:none; margin:0; padding:0; display: flex; align-items: center; white-space: nowrap; flex-wrap: nowrap; flex:0 0 auto; min-width: 0; }
.top ul.right { justify-content:flex-end; }

header { text-align: center; border-bottom:2px solid #555454; }

.tre-logo { display:block; padding:2rem; }
.tre-logo img { display:block; height:60px; width:auto; margin:0 auto; }

.container { max-width:72rem; width:100%; margin:0 auto; }
.container-lg { max-width:64rem; }
.container-md { max-width:48rem; }
.container-sm { max-width:35rem; }

footer { background-color:#4e4b4c; padding:2rem 1rem 1rem; color:#D3D2D2; box-shadow: inset 0 0.5rem 0.25rem -0.25rem rgba(0,0,0,0.5); }
footer a { color:#FFFFFF; }
footer a:hover { color:#D3D2D2; }
footer { background-color:#656262; padding:1rem; color:#D3D2D2; font-size:12px; }
footer a { color:#D3D2D2; padding:0.5rem }
footer a:hover { color:#FFFFFF; }

footer .text-label { display:inline-block; }
footer ul { list-style:none; padding:0; margin:0 0 1rem; }
footer h3 { margin-top:0; }
footer p { margin:0; }

img { display:block; width:100%; }
a { color:#b91c23; text-decoration:none; }
a:hover { color:#231f20; text-decoration:none; }

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

.tre-choices {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
.tre-choices li div {
	border-radius: 0;
	border:0.25rem solid transparent;
	outline:1px solid transparent;
	cursor: pointer;
}
.tre-choices li div.selected, .tre-choices li div:hover { border-color:#FFFFFF; outline-color: #000000; position: relative; }
.tre-choices li div.selected:after {
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	content:"\f00c";
	position:absolute;
	left:0;
	top:0;
	font-size:1rem;
  pointer-events: none;
  width:2rem;
  height:2rem;
  line-height: 2rem;
  text-align: center;
  background-color:#FFFFFF;
  color:#000000;
}

.specify-option placeholder { background-color:#646464; display:block; width:100%; height:0; padding:0 0 65.3836207% 0; position: relative; text-align: center; }
.specify-option placeholder span { position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); display: block; color:#FFF; }

.tre-shape {
	border:1px solid transparent;
	background-color:#000000;
}
.tre-shape.rectangle { width:100%; padding:0 0 125% 0; }
.tre-shape.square { width:100%; padding:0 0 100% 0; }
.tre-shape.round { width:100%; padding:0 0 100% 0; border-radius:50%; position:relative; }
.tre-shape.round:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:0.25rem solid #FFFFF; background-color:transparent; }
.tre-shape.selected { border-color:#000000; position:relative; }

.tre-preview-container { width:100%; max-width: 300px; }
.tre-preview {
	width:100%;
	padding:0;
	background-color:#646464;
	background-size:cover;
	background-repeat: no-repeat no-repeat;
	background-position: 50% 50%;
	border-radius:0.1rem;
	position: relative;
}
.tre-preview.round { border-radius: 50%; }

.arrow {
  width: calc(100% - 4px);
  height: 1px;
  background-color: #636264;
  position: relative;
  transition: all 0.5s;
  z-index: 1;
}
.arrow:before {
  content: ' ' attr(data-text) ' ';
  position: absolute;
  color: #636264;
  font-family: sans-serif;
  font-size: 10px;
}
.arrow.arrow-bottom:before {
	left: 50%;
	transform: translateX(-50%);
	bottom: -1rem;
}

.arrow-bottom {
	bottom: -0.5rem;
	left: 50%;
	transform: translateX(-50%);
}
.arrow span:before {
	content: "";
	position: absolute;
	top: -3px;
	left: -2px;
	display: block;
	width: 0; 
	height: 0; 
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent; 
	border-right: 7px solid #636264; 
	border-left:0;
}

.arrow span:after {
	content: "";
	position: absolute;
	top: -3px;
	right: -2px;
	display: block;
	width: 0; 
	height: 0; 
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent; 
	border-left: 7px solid #636264; 
	border-right:0;
}

.arrow.arrow-side {
  height: calc(100% - 4px);
	width: 1px;
	background-color: #636264;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.arrow.arrow-side:before {
	content: ' ' attr(data-text) ' ';
	position: absolute;
	color: #636264;
	font-family: sans-serif;
	font-size: 10px;
	top: 50%;
}

.arrow.arrow-side.arrow-right {
	right: -0.5rem;
}

.arrow.arrow-side.arrow-right:before {
	right: -2rem;
	transform: translateY(-50%) rotate(-90deg);
}

.arrow.arrow-side span:before {
	content: "";
	position: absolute;
	bottom: -2px;
	left: -2px;
	top: auto;
	display: block;
	width: 0; 
	height: 0; 
	border-top: 7px solid #636264;
	border-left: 3px solid transparent; 
	border-right: 3px solid transparent;
	border-bottom: 0;
}

.arrow.arrow-side span:after {
	content: "";
	position: absolute;
	bottom: auto;
	left: -2px;
	top: -2px;
	display: block;
	width: 0; 
	height: 0; 
	border-top: 0;
	border-bottom: 7px solid #636264;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	border-top:0;
}

dl { margin:0; }
dt, dd { margin:0; padding:0.25rem 0; }

.price { color:#b91c23; display: flex; flex-direction: column; justify-content: center; line-height: 1; }
.price-rrp { text-decoration: line-through; display: block; opacity: 0.8; }

.text-label { font-size:0.75rem; font-family: proxima-nova, "Proxima Nova", HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, sans-serif; font-weight: normal; text-transform:uppercase; display: block; line-height: 1.5rem; }

.stocklist-img { max-width:260px; }

.select-wrapper {
	border:1px solid #656262;
  border-radius:0.25rem;
	display:flex;
	align-items: center;
	white-space: nowrap;
	flex-wrap: nowrap;
	height: 2rem;
	position: relative;
	font-size: 1rem;
	background-color: #FFF;
}
.select-wrapper:before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1;
	content:"\f0d7";
	position:absolute;
	right:1rem;
	font-size:1rem;
  pointer-events: none;
}
.select-wrapper select {
	box-shadow:none;
	border:0;
	margin:0;
	background: none;
	-webkit-appearance: none;
	font-size: 0.8rem;
	line-height: 1rem;
	flex: 1 1 100%;
	padding: 0.5rem 0.75rem;
  color:#231f20;
  outline: none;
  cursor: pointer;
  height:100%;
}
.select-wrapper select:disabled {
	background-color:#e9e8e8;
	cursor: not-allowed !important;
}

input {
	font-size: 0.8rem;
  padding: 0.5rem 0.75rem;
  height:2rem;
  color:#231f20;
  border-radius:0.25rem;
	border:1px solid #656262;
  outline: none;
	background-color:#FFFFFF;
	font-family: proxima-nova, "Proxima Nova", HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, sans-serif;
	font-weight: normal;
}
input[disabled] {
	background-color:#efefef;
}
::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder, ::placeholder { color: rgba(35, 31, 32,0.5); font-family:'proxima-nova','Helvetica Neue',Helvetica,sans-serif; font-weight:300; }
textarea {
	font-size: 1rem;
  padding: 0.5rem 0.75rem;
	height: 10rem;
  color:#231f20;
  border-radius:0.25rem;
	border:1px solid #656262;
  outline: none;
	background-color:#FFFFFF;
	font-family: proxima-nova, "Proxima Nova", HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, sans-serif;
	font-weight: normal;
}
textarea.short {
	height:5rem;
}
.input-1 {
	width:100%;
	margin-bottom:0.5rem;
}

.button { border: 1px solid #231f20; padding:0.5rem 1rem; background-color:#FFFFFF; color:#000000; cursor:pointer; text-transform:uppercase; font-size:0.6875rem; font-family: proxima-nova, "Proxima Nova", HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, sans-serif; font-weight:normal; outline:none; transition: background 0.5s ease; }
a.button { display:inline-block; }
.button:not([disabled]):hover, .button:not([disabled]):active { background-color:#000000; color:#FFFFFF; }
.button[disabled] { opacity:0.6; cursor: not-allowed !important; }

.button-large { padding:1rem 3rem; font-size:1.25rem; }
.button-light { background-color:#e9e8e8; color:#231f20; }
.button-light:not([disabled]):hover, .button-light:not([disabled]):active { background-color:#FFF; color:#231f20; }

.button-dark { border-color:#000000; background-color:#000000; }
.button-dark:not([disabled]):hover, .button-dark:not([disabled]):active { background-color:#4f4f4f; color:#FFF; }
.button-success { border-color:#127F07; background-color:#127F07; }
.button-success:not([disabled]):hover, .button-success:not([disabled]):active { background-color:#095D00; color:#FFF; }
.button-danger { border-color:#b91c23; background-color:#b91c23; }
.button-danger:not([disabled]):hover, .button-danger:not([disabled]):active { background-color:#98080F; color:#FFF; }
.button-info { border-color:#12746D; background-color:#12746D; }
.button-info:not([disabled]):hover, .button-info:not([disabled]):active { background-color:#055F58; color:#FFF; }
.button-warning { border-color:#BC611C; background-color:#BC611C; }
.button-warning:not([disabled]):hover, .button-warning:not([disabled]):active { background-color:#9B4808; color:#FFF; }

.alert { margin-top:1em; padding: 0.5em 1em 0.5em 3em; background-color:#FFF; color:#000; position:relative; text-align: left; line-height:1.2; width:100%; min-height:2em; display:flex; align-items:center; border-radius:4px; }
.alert:before { position:absolute; width:2em; height:1em; top:50%; left:0.5em; transform: translateY(-50%); text-align: center; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-family: "Font Awesome 5 Pro"; font-weight: 700; font-size:1em; line-height:1em; }
.alert-success { border-color:#acdfa7; }
.alert-success:before { content:"\f14a"; }
.alert-danger { background-color:#FFA5A8; }
.alert-danger:before { content:"\f05e"; }
.alert-info { background-color:#bce8ff; }
.alert-info:before { content:"\f05a"; }
.alert-warning { background-color:#F8D9A7; }
.alert-warning:before { content:"\f071"; }

.bg-success { background-color: rgb(18,127,7,0.1); }

.loading-spinner {
	position:fixed;
	z-index:101;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	width: 6rem;
	height: 6rem;
	line-height: 6rem;
	font-size:2rem;
	text-align: center;
	border-radius:50%;
	background-color:#231f20;
	color:#FFF;
	display:none;
	box-shadow: 0 0 50px rgba(0,0,0,.25);
}

.p-0 { padding: 0 !important; }
.p-h { padding: 0.5rem !important; }
.p-1 { padding: 1rem !important; }
.p-2 { padding: 2rem !important; }
.p-3 { padding: 3rem !important; }
.pv-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.pv-q { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
.pv-h { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
.pv-1 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
.pv-2 { padding-top: 2rem !important; padding-bottom: 2rem !important; }
.pv-3 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
.ph-0 { padding-left: 0 !important; padding-right: 0 !important; }
.ph-q { padding-left: 0.25rem !important; padding-right: 0.25rem !important; }
.ph-h { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
.ph-1 { padding-left: 1rem !important; padding-right: 1rem !important; }
.ph-3 { padding-left: 3rem !important; padding-right: 3rem !important; }
.pl-0 { padding-left: 0 !important; }
.pl-h { padding-left: 0.5rem !important; }
.pl-1 { padding-left: 1rem !important; }
.pr-0 { padding-right: 0 !important; }
.pr-h { padding-right: 0.5rem !important; }
.pr-1 { padding-right: 1rem !important; }
.pr-2 { padding-right: 2rem !important; }
.pr-3 { padding-right: 3rem !important; }
.pt-0 { padding-top:0 !important; }
.pt-h { padding-top:0.5rem !important; }
.pt-1 { padding-top:1rem !important; }
.pb-2 { padding-bottom:2rem !important; }
.pb-0 { padding-bottom:0 !important; }
.pb-h { padding-bottom:0.5rem !important; }
.pb-1 { padding-bottom:1rem !important; }
.pb-2 { padding-bottom:2rem !important; }
.m-0 { margin: 0 !important; }
.m-h { margin: 0.5rem !important; }
.m-1 { margin: 1rem !important; }
.m-2 { margin: 2rem !important; }
.m-3 { margin: 3rem !important; }
.mv-0 { margin-top:0 !important; margin-bottom:0 !important; }
.mv-h { margin-top:0.5rem !important; margin-bottom:0.5rem !important; }
.mh-0 { margin-left:0 !important; margin-right:0 !important; }
.mh-1 { margin-left:1rem !important; margin-right:1rem !important; }
.mh-2 { margin-left:2rem !important; margin-right:2rem !important; }
.mh-3 { margin-left:3rem !important; margin-right:3rem !important; }
.mh-auto { margin-left:auto !important; margin-right:auto !important; }
.mv-1 { margin-top:1rem !important; margin-bottom:1rem !important; }
.mv-2 { margin-top:2rem !important; margin-bottom:2rem !important; }
.mv-3 { margin-top:3rem !important; margin-bottom:3rem !important; }
.mt-0 { margin-top:0 !important; }
.mt-h { margin-top:0.5rem !important; }
.mt-1 { margin-top:1rem !important; }
.mt-2 { margin-top:2rem !important; }
.mt-3 { margin-top:3rem !important; }
.mb--1 { margin-bottom:-1rem !important; }
.mb-0 { margin-bottom:0 !important; }
.mb-h { margin-bottom:0.5rem !important; }
.mb-1 { margin-bottom:1rem !important; }
.mb-2 { margin-bottom:2rem !important; }
.mb-3 { margin-bottom:3rem !important; }
.ml-auto { margin-left:auto !important; }
.ml-q { margin-left:0.25rem !important; }
.ml-h { margin-left:0.5rem !important; }
.ml-1 { margin-left:1rem !important; }
.mr-auto { margin-right:auto !important; }
.mr-h { margin-right:0.5rem !important; }
.mr-1 { margin-right:1rem !important; }

.b-1 { border:1px solid #e9e8e8; }
.b-dark-1 { border:1px solid #656262; }
.bt-1 { border-top:1px solid #e9e8e8; }
.bb-1 { border-bottom:1px solid #e9e8e8; }
.bl-1 { border-left:1px solid #e9e8e8; }
.br-1 { border-right:1px solid #e9e8e8; }
.bb-3 { border-bottom:3px solid #e9e8e8; }

.text-grey { color:#231f20; }
.text-white { color:#FFFFFF; }
.text-red { color:#b91c23; }
.text-green { color:#127F07; }
.text-blue { color:#3B6B82; }
.text-red-muted { color:rgba(185,28,35,0.75); }
.text-muted { color:#656262; }

.b-grey { border-color:#231f20; }
.b-white { border-color:#FFFFFF; }
.b-red { border-color:#b91c23; }
.b-green { border-color:#127F07; }
.b-blue { border-color:#3B6B82; }

.text-success { color:#127F07; }
.text-danger { color:#b91c23; }
.text-info { color:#3B6B82; }

.bg-red { background-color:#b91c23; color:#FFF; }
.bg-green { background-color:#127F07; color:#FFF; }
.bg-blue { background-color:#3B6B82; color:#FFF; }
.bg-black { background-color:#000000; color:#FFF; }
.bg-grey { background-color:#636363; color:#FFF; }

.text-300 { font-family: proxima-nova, "Proxima Nova", HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, sans-serif; font-weight:300; }
.text-500 { font-family: proxima-nova, "Proxima Nova", HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, sans-serif; font-weight:500; }
.text-700 { font-family: proxima-nova, "Proxima Nova", HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, sans-serif; font-weight:700; }
.text-italic { font-style: italic; }
.text-normal { font-family: proxima-nova, "Proxima Nova", HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, sans-serif; font-weight:normal; font-style: normal; }

.lh-1 { line-height:1 !important; }
.lh-2 { line-height:2 !important; }

.text-left { text-align:left; }
.text-center { text-align:center; }
.text-right { text-align:right; }
.text-justify { text-align:justify; }

.text-small { font-size:0.8rem; }
.text-1rem { font-size:1rem; }
.text-large { font-size:1.5rem; }
.text-2rem { font-size:2rem; }
.text-3rem { font-size:3rem; }
.text-4rem { font-size:4rem; }
.text-5rem { font-size:5rem; }
.text-uppercase { text-transform: uppercase; }

.float-left { float:left; }
.float-right { float:right; }
.float-none { float:none; }

.w-1-1 { width: 100%; }
.w-5-6 { width: 83.3333%; }
.w-4-5 { width: 80%; }
.w-3-4 { width: 75%; }
.w-2-3 { width: 66.6666%; }
.w-3-5 { width: 60%; }
.w-1-2 { width: 50%; }
.w-2-5 { width: 40%; }
.w-1-3 { width: 33.3333%; }
.w-1-4 { width: 25%;}
.w-1-5 { width: 20%; }
.w-1-6 { width: 16.6666%; }
.w-1-12 { width: 8.3333%; }

.w-1 { width: 1rem; }
.w-2 { width: 2rem; }
.w-3 { width: 3rem; }
.w-4 { width: 4rem; }
.w-5 { width: 5rem; }
.w-6 { width: 6rem; }
.w-8 { width: 8rem; }
.w-10 { width: 10rem; }
.w-12 { width: 12rem; }
.w-15 { width: 15rem; }
.w-20 { width: 20rem; }

.flex-grid { display: flex; flex-flow: row; flex-wrap: wrap; }
.flex-gutter { margin-top:-0.5rem !important; margin-left:-0.5rem !important; }
.flex-gutter > * { padding-top: 0.5rem !important; padding-left: 0.5rem !important; }
.flex-gutter-lg { margin-top:-1rem !important; margin-left:-1rem !important; }
.flex-gutter-lg > * { padding-top: 1rem !important; padding-left: 1rem !important; }
.flex-nowrap { flex-wrap: nowrap; }
.flex-r-reverse { flex-direction: row-reverse; }
.flex-c-reverse { flex-direction: column-reverse; }
.flex-h-right { justify-content: flex-end; }
.flex-h-center { justify-content: center; }
.flex-v-top { align-items: flex-start; }
.flex-v-bottom { align-items: flex-end; }
.flex-v-center { align-items: center; }
.flex-cell-top { align-self: flex-start; }
.flex-cell-bottom { align-self: flex-end; }
.flex-cell-center { align-self: center; }

.flex-left { margin-right:auto !important; }
.flex-right { margin-left:auto !important; }

.flex-grid>[class^="flex-"] { min-width:0; }


.flex-1-1 { flex: 0 0 100%; }
.flex-5-6 { flex: 0 0 83.3333%; }
.flex-4-5 { flex: 0 0 80%; }
.flex-3-4 { flex: 0 0 75%; }
.flex-2-3 { flex: 0 0 66.6666%; }
.flex-3-5 { flex: 0 0 60%; }
.flex-1-2 { flex: 0 0 50%; }
.flex-2-5 { flex: 0 0 40%; }
.flex-1-3 { flex: 0 0 33.3333%; }
.flex-1-4 { flex: 0 0 25%;}
.flex-1-5 { flex: 0 0 20%; }
.flex-1-6 { flex: 0 0 16.6666%; }
.flex-1-12 { flex: 0 0 8.3333%; }
.flex-grow { flex:1 1 5rem; }

.flex-auto { flex: 0 0 auto; }
.flex-1 { flex: 0 0 1rem; }
.flex-2 { flex: 0 0 2rem; }
.flex-3 { flex: 0 0 3rem; }
.flex-4 { flex: 0 0 4rem; }
.flex-5 { flex: 0 0 5rem; }
.flex-6 { flex: 0 0 6rem; }
.flex-8 { flex: 0 0 8rem; }
.flex-10 { flex: 0 0 10rem; }
.flex-12 { flex: 0 0 12rem; }
.flex-15 { flex: 0 0 15rem; }
.flex-20 { flex: 0 0 20rem; }
.flex-24 { flex: 0 0 24rem; }

.d-none { display:none !important }
.d-flex { display:flex !important }
.d-block { display:block !important }
.d-inline { display:inline !important }
.d-inline-block { display:inline-block !important }
@media (max-width: 28rem) {
	.hide-xs { display:none; }
}
@media (min-width: 28rem) {
	.w-xs-1 { width: 100%; }
	.w-xs-5-6 { width: 83.3333%; }
	.w-xs-4-5 { width: 80%; }
	.w-xs-3-4 { width: 75%; }
	.w-xs-2-3 { width: 66.6666%; }
	.w-xs-3-5 { width: 60%; }
	.w-xs-1-2 { width: 50%; }
	.w-xs-2-5 { width: 40%; }
	.w-xs-1-3 { width: 33.3333%; }
	.w-xs-1-4 { width: 25%;}
	.w-xs-1-5 { width: 20%; }
	.w-xs-1-6 { width: 16.6666%; }
	.w-xs-1-12 { width: 8.3333%; }

	.flex-xs-1 { flex: 0 0 100%; }
	.flex-xs-5-6 { flex: 0 0 83.3333%; }
	.flex-xs-4-5 { flex: 0 0 80%; }
	.flex-xs-3-4 { flex: 0 0 75%; }
	.flex-xs-2-3 { flex: 0 0 66.6666%; }
	.flex-xs-1-3-5 { flex: 0 0 60%; }
	.flex-xs-1-2 { flex: 0 0 50%; }
	.flex-xs-2-5 { flex: 0 0 40%; }
	.flex-xs-1-3 { flex: 0 0 33.3333%; }
	.flex-xs-1-4 { flex: 0 0 25%;}
	.flex-xs-1-5 { flex: 0 0 20%; }
	.flex-xs-1-6 { flex: 0 0 16.6666%; }
	.flex-xs-1-12 { flex: 0 0 8.3333%; }

	.flex-xs-1 { flex: 0 0 1rem; }
	.flex-xs-2 { flex: 0 0 2rem; }
	.flex-xs-5 { flex: 0 0 5rem; }
	.flex-xs-8 { flex: 0 0 8rem; }
	.flex-xs-10 { flex: 0 0 10rem; }
	.flex-xs-12 { flex: 0 0 12rem; }

	.flex-xs-grow { flex:1 1 5rem; }
	
	.d-none-xs { display:none !important }
	.d-flex-xs { display:flex !important }
	.d-block-xs { display:block !important }
	.d-inline-xs { display:inline !important }
	.d-inline-block-xs { display:inline-block !important }
	
	.text-left-xs { text-align:left; }
	.text-center-xs { text-align:center; }
	.text-right-xs { text-align:right; }
}
@media (min-width: 35rem) {
	.w-sm-1 { width: 100%; }
	.w-sm-5-6 { width: 83.3333%; }
	.w-sm-4-5 { width: 80%; }
	.w-sm-3-4 { width: 75%; }
	.w-sm-2-3 { width: 66.6666%; }
	.w-sm-3-5 { width: 60%; }
	.w-sm-1-2 { width: 50%; }
	.w-sm-2-5 { width: 40%; }
	.w-sm-1-3 { width: 33.3333%; }
	.w-sm-1-4 { width: 25%;}
	.w-sm-1-5 { width: 20%; }
	.w-sm-1-6 { width: 16.6666%; }
	.w-sm-1-12 { width: 8.3333%; }

	.flex-sm-1 { flex: 0 0 100%; }
	.flex-sm-5-6 { flex: 0 0 83.3333%; }
	.flex-sm-4-5 { flex: 0 0 80%; }
	.flex-sm-3-4 { flex: 0 0 75%; }
	.flex-sm-2-3 { flex: 0 0 66.6666%; }
	.flex-sm-1-3-5 { flex: 0 0 60%; }
	.flex-sm-1-2 { flex: 0 0 50%; }
	.flex-sm-2-5 { flex: 0 0 40%; }
	.flex-sm-1-3 { flex: 0 0 33.3333%; }
	.flex-sm-1-4 { flex: 0 0 25%;}
	.flex-sm-1-5 { flex: 0 0 20%; }
	.flex-sm-1-6 { flex: 0 0 16.6666%; }
	.flex-sm-1-12 { flex: 0 0 8.3333%; }

	.flex-sm-1 { flex: 0 0 1rem; }
	.flex-sm-2 { flex: 0 0 2rem; }
	.flex-sm-5 { flex: 0 0 5rem; }
	.flex-sm-8 { flex: 0 0 8rem; }
	.flex-sm-10 { flex: 0 0 10rem; }
	.flex-sm-12 { flex: 0 0 12rem; }

	.flex-sm-grow { flex:1 1 5rem; }
	
	.d-none-sm { display:none !important }
	.d-flex-sm { display:flex !important }
	.d-block-sm { display:block !important }
	.d-inline-sm { display:inline !important }
	.d-inline-block-sm { display:inline-block !important }
	
	.text-left-sm { text-align:left; }
	.text-center-sm { text-align:center; }
	.text-right-sm { text-align:right; }

	.msgToast { width:auto; top:1em; right:1em; }
	.msgToast .alert { border-width:0; }
}
@media (min-width: 40rem) {
	.alert { max-width: 25rem; }
	.flex-gutter { margin-top:-1rem !important; margin-left:-1rem !important; }
	.flex-gutter > * { padding-top: 1rem !important; padding-left: 1rem !important; }
.flex-gutter-lg { margin-top:-4rem !important; margin-left:-4rem !important; }
.flex-gutter-lg > * { padding-top: 4rem !important; padding-left: 4rem !important; }

	.w-md-1 { width: 100%; }
	.w-md-5-6 { width: 83.3333%; }
	.w-md-4-5 { width: 80%; }
	.w-md-3-4 { width: 75%; }
	.w-md-2-3 { width: 66.6666%; }
	.w-md-3-5 { width: 60%; }
	.w-md-1-2 { width: 50%; }
	.w-md-2-5 { width: 40%; }
	.w-md-1-3 { width: 33.3333%; }
	.w-md-1-4 { width: 25%;}
	.w-md-1-5 { width: 20%; }
	.w-md-1-6 { width: 16.6666%; }
	.w-md-1-12 { width: 8.3333%; }
	
	.flex-md-1 { flex: 0 0 100%; }
	.flex-md-5-6 { flex: 0 0 83.3333%; }
	.flex-md-4-5 { flex: 0 0 80%; }
	.flex-md-3-4 { flex: 0 0 75%; }
	.flex-md-2-3 { flex: 0 0 66.6666%; }
	.flex-md-3-5 { flex: 0 0 60%; }
	.flex-md-1-2 { flex: 0 0 50%; }
	.flex-md-2-5 { flex: 0 0 40%; }
	.flex-md-1-3 { flex: 0 0 33.3333%; }
	.flex-md-1-4 { flex: 0 0 25%;}
	.flex-md-1-5 { flex: 0 0 20%; }
	.flex-md-1-6 { flex: 0 0 16.6666%; }
	.flex-md-1-12 { flex: 0 0 8.3333%; }

	.flex-md-1 { flex: 0 0 1rem; }
	.flex-md-2 { flex: 0 0 2rem; }
	.flex-md-5 { flex: 0 0 5rem; }
	.flex-md-8 { flex: 0 0 8rem; }
	.flex-md-10 { flex: 0 0 10rem; }
	.flex-md-12 { flex: 0 0 12rem; }
	.flex-md-15 { flex: 0 0 15rem; }
	.flex-md-20 { flex: 0 0 20rem; }
	.flex-md-24 { flex: 0 0 24rem; }
	.flex-md-30 { flex: 0 0 30rem; }
	
	.flex-md-grow { flex:1 1 5rem; }

	.d-none-md { display:none !important }
	.d-flex-md { display:flex !important }
	.d-block-md { display:block !important }
	.d-inline-md { display:inline !important }
	.d-inline-block-md { display:inline-block !important }
	
	.text-left-md { text-align:left; }
	.text-center-md { text-align:center; }
	.text-right-md { text-align:right; }

	.cart-header { display:flex; }
	
	.cart-label-above { font-family: proxima-nova, "Proxima Nova", HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, sans-serif; font-weight:normal; display:block; width:auto; line-height:1.7; text-transform: uppercase; }
	.cart-value { display:inline-block; line-height:2.3125; }
}
@media (min-width: 48rem) {

	.w-lg-1 { width: 100%; }
	.w-lg-5-6 { width: 83.3333%; }
	.w-lg-4-5 { width: 80%; }
	.w-lg-3-4 { width: 75%; }
	.w-lg-2-3 { width: 66.6666%; }
	.w-lg-3-5 { width: 60%; }
	.w-lg-1-2 { width: 50%; }
	.w-lg-2-5 { width: 40%; }
	.w-lg-1-3 { width: 33.3333%; }
	.w-lg-1-4 { width: 25%;}
	.w-lg-1-5 { width: 20%; }
	.w-lg-1-6 { width: 16.6666%; }
	.w-lg-1-12 { width: 8.3333%; }
	
	.flex-lg-1 { flex: 0 0 100%; }
	.flex-lg-5-6 { flex: 0 0 83.3333%; }
	.flex-lg-4-5 { flex: 0 0 80%; }
	.flex-lg-3-4 { flex: 0 0 75%; }
	.flex-lg-2-3 { flex: 0 0 66.6666%; }
	.flex-lg-3-5 { flex: 0 0 60%; }
	.flex-lg-1-2 { flex: 0 0 50%; }
	.flex-lg-2-5 { flex: 0 0 40%; }
	.flex-lg-1-3 { flex: 0 0 33.3333%; }
	.flex-lg-1-4 { flex: 0 0 25%;}
	.flex-lg-1-5 { flex: 0 0 20%; }
	.flex-lg-1-6 { flex: 0 0 16.6666%; }
	.flex-lg-1-12 { flex: 0 0 8.3333%; }

	.flex-lg-1 { flex: 0 0 1rem; }
	.flex-lg-2 { flex: 0 0 2rem; }
	.flex-lg-5 { flex: 0 0 5rem; }
	.flex-lg-8 { flex: 0 0 8rem; }
	.flex-lg-10 { flex: 0 0 10rem; }
	.flex-lg-12 { flex: 0 0 12rem; }
	.flex-lg-15 { flex: 0 0 15rem; }
	.flex-lg-20 { flex: 0 0 20rem; }
	.flex-lg-24 { flex: 0 0 24rem; }
	.flex-lg-30 { flex: 0 0 30rem; }
	
	.flex-lg-grow { flex:1 1 5rem; }
	
	.d-none-lg { display:none !important }
	.d-flex-lg { display:flex !important }
	.d-block-lg { display:block !important }
	.d-inline-lg { display:inline !important }
	.d-inline-block-lg { display:inline-block !important }
	
	.text-left-lg { text-align:left; }
	.text-center-lg { text-align:center; }
	.text-right-lg { text-align:right; }

	.bt-lg-1 { border-top:1px solid #D3D2D2; }
	.bb-lg-1 { border-bottom:1px solid #D3D2D2; }
	.bl-lg-1 { border-left:1px solid #D3D2D2; }
	.br-lg-1 { border-right:1px solid #D3D2D2; }
}
@media (min-width: 64rem) {
	.w-xl-1 { width: 100%; }
	.w-xl-5-6 { width: 83.3333%; }
	.w-xl-4-5 { width: 80%; }
	.w-xl-3-4 { width: 75%; }
	.w-xl-2-3 { width: 66.6666%; }
	.w-xl-3-5 { width: 60%; }
	.w-xl-1-2 { width: 50%; }
	.w-xl-2-5 { width: 40%; }
	.w-xl-1-3 { width: 33.3333%; }
	.w-xl-1-4 { width: 25%;}
	.w-xl-1-5 { width: 20%; }
	.w-xl-1-6 { width: 16.6666%; }
	.w-xl-1-12 { width: 8.3333%; }
	
	.flex-xl-1 { flex: 0 0 100%; }
	.flex-xl-5-6 { flex: 0 0 83.3333%; }
	.flex-xl-4-5 { flex: 0 0 80%; }
	.flex-xl-3-4 { flex: 0 0 75%; }
	.flex-xl-2-3 { flex: 0 0 66.6666%; }
	.flex-xl-3-5 { flex: 0 0 60%; }
	.flex-xl-1-2 { flex: 0 0 50%; }
	.flex-xl-2-5 { flex: 0 0 40%; }
	.flex-xl-1-3 { flex: 0 0 33.3333%; }
	.flex-xl-1-4 { flex: 0 0 25%;}
	.flex-xl-1-5 { flex: 0 0 20%; }
	.flex-xl-1-6 { flex: 0 0 16.6666%; }
	.flex-xl-1-12 { flex: 0 0 8.3333%; }

	.flex-xl-1 { flex: 0 0 1rem; }
	.flex-xl-2 { flex: 0 0 2rem; }
	.flex-xl-5 { flex: 0 0 5rem; }
	.flex-xl-8 { flex: 0 0 8rem; }
	.flex-xl-10 { flex: 0 0 10rem; }
	.flex-xl-12 { flex: 0 0 12rem; }
	.flex-xl-20 { flex: 0 0 20rem; }
	.flex-xl-24 { flex: 0 0 24rem; }
	.flex-xl-30 { flex: 0 0 30rem; }
	
	.flex-xl-grow { flex:1 1 5rem; }
	
	.d-none-xl { display:none !important }
	.d-flex-xl { display:flex !important }
	.d-block-xl { display:block !important }
	.d-inline-xl { display:inline !important }
	.d-inline-block-xl { display:inline-block !important }
	
	.text-left-xl { text-align:left; }
	.text-center-xl { text-align:center; }
	.text-right-xl { text-align:right; }

	.bt-xl-1 { border-top:1px solid #D3D2D2; }
	.bb-xl-1 { border-bottom:1px solid #D3D2D2; }
	.bl-xl-1 { border-left:1px solid #D3D2D2; }
	.br-xl-1 { border-right:1px solid #D3D2D2; }
}

@media (max-width: 64rem) {
}
@media (max-width: 48rem) {
}
@media (max-width: 40rem) {
}

@media (max-width: 36rem) {
}