/**
 * This file will be served to both MOBILE and DESKTOP. Tread very lightly while 
 * editing / creating content in this file.
 */

/*
img {
	max-width: 100%;
	height: auto;
}
*/
/* vip gold color classes */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9c792c+0,9e7d30+2,a5843a+3,b89850+6,cdac64+8,e1c077+10,eecc81+12,f5d285+14,f5cf7e+15,f1c971+16,d7a63a+19,cf9d2b+20,cd9a24+21,cd9a24+55,cf9c28+56,d5a538+57,eec56c+60,f5ce7c+61,f5d284+62,f5d185+62,f0cd83+64,e3c279+66,ceac65+68,ae8d45+72,a38238+74,9c792c+76,9c792c+78,a27a2c+79,c69226+86,cd9a24+89,cda339+92,cda437+93,cdaa48+95,cbb564+98,cbb96d+100 */
.gold,
.gold-color {
	color: #CC9933;
}
.gold-background,
.gold-background--before:before,
.gold-background--after:after {
	background-color: #CC9933;
	background-image: linear-gradient(135deg,  #9c792c 0%,#9e7d30 2%,#a5843a 3%,#b89850 6%,#cdac64 8%,#e1c077 10%,#eecc81 12%,#f5d285 14%,#f5cf7e 15%,#f1c971 16%,#d7a63a 19%,#cf9d2b 20%,#cd9a24 21%,#cd9a24 55%,#cf9c28 56%,#d5a538 57%,#eec56c 60%,#f5ce7c 61%,#f5d284 62%,#f5d185 62%,#f0cd83 64%,#e3c279 66%,#ceac65 68%,#ae8d45 72%,#a38238 74%,#9c792c 76%,#9c792c 78%,#a27a2c 79%,#c69226 86%,#cd9a24 89%,#cda339 92%,#cda437 93%,#cdaa48 95%,#cbb564 98%,#cbb96d 100%);
}
.gold-border,
.gold-border--before:before,
.gold-border--after:after {
	border-width: 2px;
	border-style: solid;
	border-color: #CC9933;
}
.cyber-gold {
	color: #DEC45F;
}
.container {
	margin: 0 auto;
	width: 990px;
	clear: both;
	text-align: left;
	display: table;
}

.responsive-images img {
	max-width: 100%;
	height: auto;
}
.sans-serif {
	font-family: 'Gotham SSm A', 'Gotham SSm B', 'Gotham', 'Helvetica Neue', HelveticaNeue, Helvetica, Arial, sans-serif;
}
.serif {
	font-family: Georgia, serif;
}
.condensed {
	font-family: 'Oswald', sans-serif;
	font-weight: normal;
	font-style: normal;
}
.serif-italic {
	font-family: 'Arapey', serif;
	font-style: italic;
	font-weight: normal;
}
.serif {
	font-family: 'Georgia', serif;
	font-style: normal;
	font-weight: normal;
}

.bold {
	font-weight: bold;
}
.medium {
	font-weight: 500;
}
.book {
	font-weight: normal;
}
.upper {
	text-transform:uppercase;
}
.lower {
	text-transform:lowercase;
}
.muted {
	color: #999999;
}

.button.black_on_grey,
.dark-gray {
	color: #333;
}

.bold {
	font-weight: bold;
}
.medium {
	font-weight: 500;
}
.book {
	font-weight: normal;
}
.upper {
	text-transform: uppercase;
}
.lower {
	text-transform: lowercase;
}

.button,
button {
	font-family: 'Gotham SSm A', 'Gotham SSm B', Gotham, 'Helvetica Neue', HelveticaNeue, Helvetica, Arial, sans-serif;
}

.button.button-new.button-full {
	display: block;
	padding-left: 0;
	padding-right: 0;
	width: 100%;
}
.button.button-new.button-fat {
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	padding: 1.791666667em 4em;
	box-sizing: border-box;
	min-width: 200px;
}

.button.button-new.button-square {
	padding: 1em;
}

.button {
	background-color: #F9423A;
	color: white;
	font-weight: 500;
	cursor: pointer;
	box-sizing: border-box;
	display: inline-block;
}
.button.greyed,
.button.button-gray,
.button.black_on_grey,
.button[disabled],
.button.button-disabled {
	background-color: #CCC;
}
.button[disabled],
.button.button-disabled {
	cursor: default;
}
.button.button-black {
	background-color: #333;
	color: white;
}

.button-outline {
	background: none;
	color: #333;
	border: 2px solid #333;
	box-sizing: border-box;
}
.button.button-new.button-outline:hover {
	color: white;
	background: #333;
}
.button-outline--white {
	color: white;
	border-color: white;
}
.button.button-new.button-outline--white:hover {
	color: #333;
	background: white;
}
.button.button-new.button-tiny {
	font-size: 10px;
}
.button.button-new.button-tight {
	padding: 0.125em 0.25em;
}
.button.button-new[disabled]:hover,
.button.button-new.button-disabled:hover {
	background-image: none;
}
.button.button-muted {
	background-color: #999999;
	color: white;
}
.button.button-new.button-underline {
	border-bottom: 2px solid #333;
	padding-right: 0;
	padding-left: 0;
	margin-right: 0.25em;
	margin-left: 0.25em;
}
.button.button-new.button-underline:hover {
	text-decoration: none;
}

.button-outline:hover {
}

a.arrow{
	padding-right:16px;	
}

/* a.arrow | arrow direction | arrow location | color */
a.arrow.up_left{}
a.arrow.up_right{}
a.arrow.down_left{}
a.arrow.down_right{background-position:right -98px;}
a.arrow.prev_left{background-position:left -4px;padding:0 0 0 16px;}
a.arrow.prev_right{}
a.arrow.next_left{}
a.arrow.next_right{background-position:right -35px;}

a.arrow.up_left_org{}
a.arrow.up_right_org{}
a.arrow.down_left_org{}
a.arrow.down_right_org{background-position:right -347px;}
a.arrow.prev_left_org{background-position:left -254px;padding:0 0 0 16px;}
a.arrow.prev_right_org{}
a.arrow.next_left_org{}
a.arrow.next_right_org{background-position:right -285px;}

a.arrow.up_left_wht{}
a.arrow.up_right_wht{}
a.arrow.down_left_wht{}
a.arrow.down_right_wht{}
a.arrow.prev_left_wht{}
a.arrow.prev_right_wht{}
a.arrow.next_left_wht{}
a.arrow.next_right_wht{}

.checkmark {
	display: inline-block;
}
.checkmark:after {
	content: '';
	display: block;
	width: 0.25em;
	height: 0.5em;
	border: solid #333;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}
.checkmark.accent:after {
	border-color: #F9423A;
}

/* list resets */
ul.bare,
ul.bare li {
	margin: 0;
	padding: 0;
	list-style: none outside none;
}

/* close button global style */
#colorbox.fabletics-modal #cboxClose,
.close-button {
	background: none;
	height: 18px;
	width: 18px;
}
#colorbox.fabletics-modal #cboxClose:before,
#colorbox.fabletics-modal #cboxClose:after,
.close-button:before,
.close-button:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	width: 2px;
	margin-left: -1px;
	height: 100%;
	background: #999999;
}
#colorbox.fabletics-modal #cboxClose:hover:before,
#colorbox.fabletics-modal #cboxClose:hover:after,
.close-button:hover:before,
.close-button:hover:after {
	background: #333;
}
#colorbox.fabletics-modal #cboxClose:before,
.close-button:before {
	-webkit-transform: skewX(45deg);
	        transform: skewX(45deg)
}
#colorbox.fabletics-modal #cboxClose:after,
.close-button:after {
	-webkit-transform: skewX(-45deg);
	        transform: skewX(-45deg)
}
.close-button {
	width: 1em;
	height: 1em;
	display: inline-block;
	position: relative;
	cursor: pointer;
}
.close-button.close-button-padded {
	padding: 20%;
}
.close-button.close-button-padded:before,
.close-button.close-button-padded:after {
	top: 20%;
	height: 60%;
}
.close-button.close-button-white:before,
.close-button.close-button-white:after {
	background-color: white;
}
.close-button.close-button-white:hover {
	opacity: 0.7;
}

.invisible {
    display: none;
}
.hidden {
    visibility: hidden;
}

table.product-comparison {
	width: 100%;
	table-layout: fixed;
	text-align: center;
	border-collapse: separate;
	border-spacing: 5px;
}
table.product-comparison .details td,
table.product-comparison .compression td,
table.product-comparison .rise td,
table.product-comparison .inseam td,
table.product-comparison .data td,
table.product-comparison .cta td {
	position: relative;
}
table.product-comparison .details td:before,
table.product-comparison .compression td:before,
table.product-comparison .rise td:before,
table.product-comparison .inseam td:before,
table.product-comparison .data td:before,
table.product-comparison .cta td:before {
	content: "";
	position: absolute;
	top: 0;
	left: 10%;
	width: 80%;
	height: 1px;
	background: #ADADAD;
}

table.product-comparison .compression td,
table.product-comparison .rise td,
table.product-comparison .inseam td,
table.product-comparison .data td {
	font-size: 0.9375em;
}
table.product-comparison td {
	padding: 0.9375em;
	vertical-align: top;
}
table.product-comparison img {
	max-width: 100%;
	height: auto;
}
table.product-comparison .image td {
	padding: 0;
}
table.product-comparison .image .product-shot {
	position: relative;
	display: block;
}
table.product-comparison .image .product-shot .img2 {
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
}
.fl-desktop table.product-comparison .image .product-shot:hover .img1 {
	visibility: hidden;
}
.fl-desktop table.product-comparison .image .product-shot:hover .img2 {
	visibility: visible;
}

table.product-comparison .name td,
table.product-comparison .description td {
	padding-bottom: 0;
}
table.product-comparison .ratings td {
	padding-top: 0;
}
table.product-comparison .name a {
	font-size: 1.0625em;
	text-transform: uppercase;
}
table.product-comparison .ratings .rating {
	margin: 0 auto;
}
table.product-comparison .cta .button {
	display: inline-block;
}
.rating{
	width:64px;
}

.rating .stars{
	height:10px;
}

.rating .stars.stars-1{width:13px;}
.rating .stars.stars-2{width:26px;}
.rating .stars.stars-3{width:39px;}
.rating .stars.stars-4{width:52px;}
.rating .stars.stars-5{width:64px;}

dl.inline-list {}
dl.inline-list dt,
dl.inline-list dd {
	display: inline;
	margin: 0;
}
dl.inline-list dt {
	font-weight: 500;
	text-transform: uppercase;
	float: left;
	margin-right: 0.25em;
}
dl.inline-list dt:after {
	content: " - ";
}
dl.inline-list dd:before,
dl.inline-list dd:after {
	content: " ";
	display: table;
}
dl.inline-list dd:after {
	clear: both;
	height: 20px;
}

/** Scroll Styler  **/
.scrollstyler {
	transition: box-shadow 0.25s ease;
	box-shadow: 0 0 6px -7px rgba(0,0,0, 0.0) inset;
}
.scrollstyler-vertical.scrollstyler-start {
	box-shadow: 0 -7px 6px -7px rgba(0,0,0, 0.35) inset;
}
.scrollstyler-vertical.scrollstyler-progress {
	box-shadow: 0 -7px 6px -7px rgba(0,0,0, 0.35) inset, 0 7px 6px -7px rgba(0,0,0, 0.35) inset;
}
.scrollstyler-vertical.scrollstyler-end {
	box-shadow: 0 7px 6px -7px rgba(0,0,0, 0.35) inset;
}
.scrollstyler-horizontal.scrollstyler-start {
	box-shadow: -7px 0 6px -7px rgba(0,0,0, 0.35) inset;
}
.scrollstyler-horizontal.scrollstyler-progress {
	box-shadow: 7px 0 6px -7px rgba(0,0,0, 0.35) inset, -7px 0 6px -7px rgba(0,0,0, 0.35) inset;
}
.scrollstyler-horizontal.scrollstyler-end {
	box-shadow: 7px 0 6px -7px rgba(0,0,0, 0.35) inset;
}

/** product grid placeholder sizing */
[id="grid"] .item .shot,
.grid .item .shot,
.product-grid .item .shot,
.grid-product-image {
	position: relative;
	height: 0 !important; 
	padding-bottom: 150.1002004% !important; /* this is a ratio-based amount. calculated from the "large" image size: 1498h / 998w * 100 */
}

dl.inline-list.full-width {
	display: block;
}
dl.inline-list.full-width dd {
	overflow: hidden;
	text-align: right;
	display: block;
}

dl.inline-list.full-width dt:after {
	display: none;
}
dl.inline-list.full-width dd:after {
	height: auto;
}

/* Navigation */
/* general dropdown functionality */
.navigation li {
	position: relative;
}
.navigation ul {
	margin: 0;
	padding: 0;
}
.navigation .on {
	color: #999;
}
.navigation li > ul,
.navigation li > .dropdown,
.fl-desktop .dropdown-container > .dropdown {
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 1002;
	width: auto;
	display: none;
	list-style-type: none;
	padding: 10px 14px;
	margin: 0;
	background-color: white;
	box-shadow: 1px 1px 1px #ccc;
}
.navigation li > .dropdown.dropdown-fade,
.fl-desktop .dropdown-container > .dropdown.dropdown-fade {
	display: block;
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s ease 0.5s;
	margin-top: 50%;
}
.fl-desktop .dropdown-container > .dropdown.full-width-dropdown {
	width: 100%;
	padding-right: 0;
	padding-left: 0;
	box-sizing: border-box;
}

.navigation li > ul a {
	display: block;
	white-space: normal;
	padding: 5px 0;
	line-height: 1;
}
.fl-desktop .navigation li > ul a:hover {
	color: #f9423a;
}
/*.fl-desktop .navigation :hover > ul,*/
.fl-desktop .navigation :hover > .dropdown,
.navigation .dropdown.expanded,
.fl-desktop .dropdown-container > .dropdown.expanded {
	display: block;
}

.fl-desktop .navigation :hover > .dropdown.dropdown-fade,
.navigation .dropdown.dropdown-fade.expanded,
.fl-desktop .dropdown-container > .dropdown.dropdown-fade.expanded,
.fl-desktop .dropdown-container:hover > .dropdown.dropdown-fade {
	margin-top: 0;
	opacity: 1;
	visibility: visible;
	transition-delay: 0s;
}
.fl-desktop .navigation :hover > .dropdown.dropdown-fade,
.fl-desktop .dropdow-container:hover > .dropdown.dropdown-fade {
	margin-top: 10px;
}
/* Cart and Cart Summary */
.cart-display [data-cart-count]:after {
	content: attr(data-cart-count);
	color: #F9423A;
	font-size: 1.153846154em;
}
.cart-display .cart-summary-dropdown .cart-summary:before {
	top: 0;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #E5E5E5;
	border-width: 7px;
	margin-top: -22px;
}
.cart .dropdown.dropdown--right-align .cart-summary:before {
	left: auto;
	right: 64px;
}
.cart .dropdown.cart-summary-dropdown {
	width: 320px;
	border: 8px solid #E5E5E5;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
	top: 195%;
	left: 50%;
	padding: 0;
	box-sizing: border-box;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
}
.cart .dropdown.dropdown--right-align {
	right: 0;
	left: auto;
	-webkit-transform: none;
	        transform: none;
}

.fl-mobile .cart .dropdown.cart-summary-dropdown {
	top: 100%;
}
/**
 * FBL-851: Cart Summary
 */
.cart-summary {
	padding: 0 0 20px;
	text-align: center;
}
.cart-summary a {
	display: block;
}
.cart-summary,
.cart-summary .promo-content a,
.cart-summary-table a {
	color: #999;
}
.cart-summary .cart-summary-viewport {
	overflow-x: none;
	overflow-y: auto;
}
.cart-summary.cart-summary--empty .cart-summary-table .cart-line-contents:before,
.cart-summary.cart-summary--empty .cart-summary-table .cart-line-contents:after {
	display: none;
}
.cart-summary:not(.cart-summary--empty) .cart-summary-viewport {
	max-height: 320px;
}
.cart-summary > * + * {
	margin-top: 20px;
	margin-bottom: 0;
	padding-left: 20px;
	padding-right: 20px;
}
.cart-summary .promo-content a:hover,
.cart-summary-table a:hover {
	color: #666;
}
.cart-summary img {
	max-width: 100%;
	height: auto;
}
.cart-summary-table {
	width: 100%;
	border-collapse: collapse;
}
.cart-summary-table .cart-line-contents {
	padding: 1em 1.25em 1em 1em;
}
.cart-line-contents {
	position: relative;
}
.cart-line-contents.remove-contents.is-dragging {
	cursor: move;
	transition-duration: 0s;
}
.cart-line-contents:before,
.cart-line-contents:after {
	content: "";
	position: absolute;
	top: 0;
	left: 100%;
	width: 200%;
	box-sizing: border-box;
	transition: all 0.25s ease;
	opacity: 0;
	visibility: hidden;
}
.cart-line-contents:before {
	height: 100%;
	background: #FD7C2E;
}
.cart-line-contents:after {
	content: "Remove";
	top: 50%;
	color: white;
	text-align: left;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 1em;
	margin-top: -0.5em;
	padding: 0 2em;
	text-indent: 50px;
}
.cart-line-contents.is-dragging:before,
.cart-line-contents.is-closing:after {
	opacity: 1;
	visibility: visible;
}
.cart-line-contents.is-closing:before {
	background: #F9423A;
}
.cart-line-contents.is-closing:after {
	text-indent: 0;
}
.cart-summary-table .cart-line-cell {
	vertical-align: top;
}
.cart-summary-table .cart-line + .cart-line > * {
	border-top: 1px solid #E6E6E6;
}
.cart-summary-table .cart-line > * + * {
	padding-left: 1em;
}
.cart-summary-table .cart-line:hover {
	background: rgba(0,0,0, 0.04);
}
.cart-summary-table .cart-line-images-container .cart-line-image {
	width: 30%;
	display: inline-block;
	font-size: 12px;
	vertical-align: top;
}
.cart-summary-table .cart-line-images-container .cart-line-image .cart-line-image-label {
	margin-top: 0.5em;
}
.cart-summary-table .cart-line-name {
	text-align: left;
	text-transform: uppercase;
}
.cart-summary-table .cart-line-name > a:first-child {
	padding-left: 1em;
	font-size: 1em;
}
.cart-summary-table .cart-line--empty:hover {
	background: none;
}
.cart-summary-table .cart-line--empty .cart-line-cell {
	font-size: 14px;
	font-weight: 500;
}
.cart-summary-table .cart-line-contents {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.cart-summary-table .cart-line .cart-line-cell {
	-webkit-flex: 1 0 50%;
	        -ms-flex: 1 0 50%;
	    flex: 1 0 50%;
}
.promo-content {
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 1.2;
	color: #999;
}
.cart-summary .cart-summary-viewport + .promo-content {
	border-top: 1px solid #EEE;
	padding-top: 20px;
}
.cart-summary.cart-summary--empty .cart-summary-viewport + .promo-content {
	margin-top: 0;
}
.promo-content a {
	color: #999;
}
.promo-content .promo-postreg {
	text-align: center;
	font-style: italic;
}
.cart-summary .promo-content .promo-postreg {
	margin-bottom: -10px;
}
.promo-content .promo-postreg .promo-postreg-counter {
	display: inline-block;
	border: 1px solid #CCCCCC;
	color: #333;
	font-size: 22px;
	font-style: normal;
	border-left-width: 0;
	border-right-width: 0;
	margin-top: 0.5em;
	letter-spacing: 0.05em;
	padding: 0.25em 1em;
}
.cart-summary .promo-content .promo-postreg + .promo-lead {
	display: none;
}

/* remove button slide-in module */
.remove-button-container {
	position: relative;
	overflow: hidden;
}
.remove-button-container .remove-icon {
	color: #CCC;
	text-align: right;
	transition: all 0.5s ease;
	position: absolute;
	right: 0.25em;
	top: 0.25em;
	z-index: 2;
	padding: 0.25em;
	cursor: pointer;
	text-transform: none;
	text-align: center;
	width: 1em;
}
.remove-button-container .remove-icon.close-button {
	right: 0.5em;
	top: 0.5em;
	overflow: hidden;
	text-indent: 99999em;
}
.remove-button-container .remove-icon {
	opacity: 0;
	visibility: hidden;
}
.remove-button-container:hover .remove-icon {
	opacity: 1;
	visibility: visible;
}
.remove-button-container .remove-icon:hover {
	color: #333;
}
.remove-button-container .remove-buttons {
	position: absolute;
	left: 100%;
	top: 0;
	z-index: 3;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 1em;
	text-transform: none;
	font-size: 12px;
	color: #333;
	text-align: center;
	border-bottom: 1px solid #EEE;
	transition: all 0.35s ease;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	        -ms-flex-direction: column;
	    flex-direction: column;
	-webkit-align-items: center;
	        -ms-flex-align: center;
	    align-items: center;
	-webkit-justify-content: center;
	        -ms-flex-pack: center;
	    justify-content: center;
}
.remove-button-container.expanded .remove-buttons {
	left: 0;
}
.remove-button-container .remove-loading {
	pointer-events: none;
}
.remove-button-container .remove-contents {
	transition: all 0.35s ease;
}
.remove-button-container.expanded .remove-contents {
	opacity: 0.05;
}
.remove-button-container.remove-loading .remove-contents {
	visibility: hidden;
}
.remove-button-container.remove-loading .remove-buttons {
	opacity: 0.35;
}
.remove-button-container .remove-buttons .remove-buttons-heading {
	margin-bottom: 2em;
	padding-left: 1em;
	padding-right: 1em;
	max-width: 100%;
	box-sizing: border-box;
}
.remove-button-container .remove-buttons .button {
	color: white;
}

body.advanced-cart-loading [id="addToCart"] .button {
	background-color: #CCC;
}
.grid {
	min-height: 0;
	/*overflow: hidden;*/
}
/* MASTHEAD */
.body > .container .masthead {
	min-height: 371px;
	padding: 50px 0 0 570px;
	position: relative;
	margin-bottom: 20px;
	display: block;
	box-sizing: border-box;
}
.body > .container .masthead .offer {
	width: 270px;
	padding: 45px 45px 30px;
	border: 1px solid white;
	background: white;
	background: rgba(255,255,255, 0.92);
	text-align: center;
}
.body > .container .masthead .offer .heading h2 {
	font-size: 28px;
	line-height: 1.14;
}
.body > .container .masthead .offer .price {
	display: block;
	font-weight: 500;
	font-size: 92px;
	line-height: 92px;
	letter-spacing: -0.06em;
	margin-bottom: 8px;
}
.body > .container .masthead .offer .mid {
	font-size: 42px;
	vertical-align: middle;
	display: inline-block;
}
.body > .container .masthead .offer .subtext {
	font-size: 16px;
}
.body > .container .masthead .caption {
	position: absolute;
	left: 82px;
	bottom: 65px;
	text-align: center;
	font-size: 12px;
	line-height: 1.2;
	text-transform: uppercase;
}

/** 
 * First-Time Experience / Brand Site Banner
 */
/* GLOBAL OVERRIDES */
.container.first-time-experience .button,
.container.container--brand-home .button {
	display: inline-block;
	position: static;
}
.container.first-time-experience .cta,
.container.container--brand-home .cta {
	margin-top: 20px;
	text-align: center;
}
/* OSWALD CONDENSED FONT */
.container.first-time-experience .heading h2,
.container.container--brand-home .heading h2,
.container.first-time-experience .how-it-works .content ol .number,
.container.container--brand-home .how-it-works .content ol .number {
	font-family: 'Oswald', sans-serif;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
}
/* ARAPEY ITALIC SERIF FONT */
.container.first-time-experience .masthead .offer .subtext,
.container.container--brand-home .masthead .offer .subtext,
.container.first-time-experience .masthead--v2 .offer .intro,
.container.container--brand-home .masthead--v2 .offer .intro,
.container.first-time-experience .masthead--v2 .offer .mid em,
.container.container--brand-home .masthead--v2 .offer .mid em,
.container.first-time-experience .how-it-works.how-it-works--v2 .heading h2,
.container.container--brand-home .how-it-works.how-it-works--v2 .heading h2,
.container.first-time-experience .how-it-works.how-it-works--v2 .heading h4,
.container.container--brand-home .how-it-works.how-it-works--v2 .heading h4 {
	font-family: 'Arapey', serif;
	font-weight: normal;
	font-style: italic;
}
.container.container--brand-home .masthead.masthead--blackfriday {
	background: transparent url(//fabletics-us-cdn.justfab.com/media/images/en_US/revolving/home/Asset_BlackFriday_Brandsite_HeroBanner.jpg) center center no-repeat;
	padding-top: 410px;
}
.container.container--brand-home .masthead {
	background: transparent url(//fabletics-us-cdn.justfab.com/media/images/en_US/revolving/home/Kate3.jpg) center center no-repeat;
}
.container.container--brand-home .masthead .caption {
	top:40px !important;
	color:#FFF !important;
}
/* disabling
.container.container--brand-home .masthead.masthead--labor-day {
	background-image: url(//fabletics-us-cdn.justfab.com/media/images/en_US/revolving/home/background-kate-red-tank.jpg);
	background-size: cover;
	min-height: 413px;
	padding-top: 0;
	position: relative;
}
.container.container--brand-home .masthead.masthead--labor-day .caption {
	top: 50px !important;
	text-align: right;
	right: 850px;
	left: auto;
}
*/
.container.container--brand-home .masthead.masthead--labor-day .offer {
	box-sizing: border-box;
	width: 320px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	right: 35px;
	padding: 15px 30px;
}
.container.container--brand-home .masthead.masthead--labor-day .offer .intro,
.container.container--brand-home .masthead.masthead--labor-day .offer .subtext,
.container.container--brand-home .masthead.masthead--labor-day .offer .price .mid em {
	font-family: 'Gotham SSm A', 'Gotham SSm B', 'Gotham', 'Helvetica Neue', HelveticaNeue, Helvetica, Arial, sans-serif;
}
.container.container--brand-home .masthead.masthead--labor-day .offer .intro {
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.075em;

}
.container.container--brand-home .masthead.masthead--labor-day .offer .intro:after {
	display: none;
}
.container.container--brand-home .masthead.masthead--labor-day .offer .emphasis {
	font-size: 22px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
.container.container--brand-home .masthead.masthead--labor-day .offer .subtext {
	font-size: 14px;
}

.container.container--skip-request {
	font-size: 22px;
	/*height: 800px;*/
}
.container.container--skip-request .masthead--skip-request {
	font-size: 34px;
	height: 240px;
}
.masthead--skip-request .box {
	text-align: left
}


[id="quiz"] .offer-text.offer-text--labor-day {
	padding: 0.6em;
	line-height: 1.3;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	
}
[id="quiz"] .offer-text.offer-text--labor-day .accent {
	color: #F9423A;
}

.fl-mobile [data-sale-type="labor-day-sale"] .heading {
	color: #f9423A;
}

.star-bar {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	        -ms-flex-align: center;
	    align-items: center;
}
.star-bar .icon-star {
	font-size: 2em;
}
.star-bar .icon-star,
.banner.banner--bordered .banner__content .banner__heading .icon-star:before {
	color: #bf1e2e;
	-webkit-transform: rotate(-18deg);
	        transform: rotate(-18deg);
}
.banner.banner--bordered .banner__content .banner__heading .icon-star:before {
	vertical-align: baseline;
}
.star-bar .star-bar-bar {
	height: 1px;
	background-color: #333;
	width: 100%;
	margin: 0 0.5em;
}

/* mens comparison table */
.compare-table {
	font-size: 15px;
	position: relative;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	
}
.compare-table .button {
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: auto;	
}
.compare-table .compare-table-data {
	text-align: center;
}
.compare-table .compare-table-data .compare-table-data-subheading {
	font-size: 1.266666667em;
	letter-spacing: 0.01em;
	font-weight: normal;
}
.compare-table.compare-table--womens .compare-table-data .compare-table-data-subheading {
	text-transform: uppercase;
}
.compare-table .compare-table-data .compare-table-data-heading {
	font-size: 2.5em;
	line-height: 1;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
.compare-table.compare-table--womens .compare-table-data .compare-table-data-heading {
	font-family: 'Arapey', serif;
	font-weight: bold;
	font-style: italic;
	font-size: 46px;
	letter-spacing: 0;
}
.compare-table .compare-table-data td,
.compare-table .compare-table-data th {
	border-bottom: 1px solid #BBBBBB;
	line-height: 1.1;
	padding: 0.666666667em 0.25em;
}
.compare-table .compare-table-table {
	border-spacing: 0;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
}
.compare-table .compare-table-table th {
	text-transform: uppercase;
}
.compare-table .compare-table-table th:first-child {
	padding-right: 1.5em;
}
.compare-table .compare-table-table thead th {
	font-weight: bold;
}
/* this is sort of hacky, but the only way we could visually space the tbody th from the tbody td */
.compare-table .compare-table-table thead th:first-child {
	position: relative;
}
.compare-table .compare-table-table thead th:first-child:before {
	content: "";
	position: absolute;
	display: block;
	right: 0;
	top: 0;
	height: 999em;
	background-color: #F5F5F5;
	width: 1em;
}
.compare-table .compare-table-table tbody .compare-table-heading {
	font-weight: 500;
	text-align: left;
	color: #999;
}
.compare-table .compare-table-table tbody .compare-table-heading.compare-table-heading-ours {
	color: black;
}
.compare-table .compare-table-table .compare-table-price {
	font-weight: 500;
	color: #666;
}
.compare-table .compare-table-table .compare-table-product {
	font-size: 0.8em;
	color: black;
}
.compare-table .compare-table-table .compare-table-heading-ours ~ td .compare-table-price {
	color: #F9423A;
}
.compare-table .compare-table-data .cta {
	margin-top: 1.533333333em;
}
.compare-table .compare-table-data .cta .button {
	width: 35%;
	margin-left: 30%;
	padding-left: 0;
	padding-right: 0;
}
.compare-table .compare-table-data .cta .footnote {
	width: 30%;
	font-size: 0.8em;
	display: inline-block;
	text-align: center;
	vertical-align: bottom;
}

/* mens how it works */
.how-it-works.how-it-works--new {
	background-color: #F5F5F5;
	font-size: 15px;
	padding: 2em 0;
	width: auto;
}
.how-it-works.how-it-works--new .heading {
	float: left;
	font-size: 30px;
	line-height: 1;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	border-right: 1px solid #999999;
	position: relative;
	padding: 1em 0/* 2em*/;
	background: none;
	text-align: center;
}
.how-it-works.how-it-works--new .heading .cta {
	letter-spacing: 0;
	margin-top: 0.75em;
}
.how-it-works.how-it-works--new .content {
	overflow: hidden;
}
.how-it-works.how-it-works--new .content ol {
	margin: 2em auto 0;
	padding: 0;
	position: relative;
	text-align: center;
	counter-reset: li;
}
.how-it-works.how-it-works--new .content li {
	display: inline-block;
	width: 32%;
	vertical-align: top;
	text-align: center;
	position: relative;
	padding-top: 5em;
	font-family: 'Gotham SSm A', 'Gotham SSm B', 'Gotham', 'Helvetica Neue', HelveticaNeue, Helvetica, Arial, sans-serif;
	font-size: 0.933333333em;
	font-style: normal;
	font-weight: bold;	
	text-transform: uppercase;
}
.how-it-works.how-it-works--new .content li:before {
	counter-increment: li;
	content: counter(li);
	position: absolute;
	z-index: 2;
	width: 1.666666667em;
	height: 1.666666667em;
	line-height: 1.666666667em;
	border: 1px solid #666666;
	border-radius: 50%;
	top: 0;
	left: 50%;
	margin-left: -0.83333333em;
	font-family: 'Oswald', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1.6em;
	background-color: #F5F5F5;
}
.how-it-works.how-it-works--new .content li + li:after {
	content: "";
	position: absolute;
	z-index: 1;
	height: 1px;
	width: 100%;
	left: -50%;
	top: 0.83333333em;
	margin-top: 1px;
	font-size: 1.6em;	
	background-color: #666666;
}
.how-it-works.how-it-works--new .footer {
	font-size:12px;
	line-height: 1;
	letter-spacing: 0.05em;
	position: relative;
	padding: .02em 3em;
	background: none;
	text-align: center;
	color:#333;
}
/* FBL-1030: FTE content pulled into global css for re-use */
.header-bar {
	background: #E6E6E6;
	font-size: 17px;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 0.025em;
	padding: 16px 25px;
}
.header-bar a {
	text-transform: none;
	font-weight: normal;
}
.header-bar a:hover {
	text-decoration: underline;
}
.header-bar .pull-right,
.footer-bar .pull-right {
	float: right;
}
.header-bar a.arrow,
.footer-bar a.arrow {
	position: relative;
	background: none;
}
.header-bar a.arrow:hover,
.footer-bar a.arrow:hover {
	text-decoration: underline;
}
.header-bar a.arrow:after,
.footer-bar a.arrow:after {
	right: 0;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-left-color: inherit;
	border-width: 5px;
	margin-top: -5px;
	margin-left: 0.25em;
}
.header-bar.header-bar--plain {
	background: none;
	padding-left: 0;
	padding-right: 0;
}

/* split pane module */
[data-split-pane] {
	position: relative;
	z-index: 1;
	text-align: center;
}
[data-split-pane]:before {
	content: "";
	display: block;
	position: absolute;
	z-index: 2;
	top: 0;
	width: 50%;
	height: 100%;
	background-position: center center;
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: cover;
}
[data-split-pane^="right"] {
	padding-left: 50%;
}
[data-split-pane^="right"]:before {
	left: 0;
}
[data-split-pane^="left"] {
	padding-right: 50%;
}
[data-split-pane^="left"]:before {
	right: 0;
}
[data-split-pane] [data-split-pane-caption] {
	position: absolute;
	padding: 0.5em;
}
[data-split-pane] [data-split-pane-contents] {
	background-color: #F5F5F5;
	padding: 3em;
}
[data-split-pane] [data-split-pane-caption] :first-child {
	margin-top: 0;
}
[data-split-pane] [data-split-pane-caption] :last-child {
	margin-bottom: 0;
}

/* tricky abs pos module */
[data-absolute$="bottom"] {
	bottom: 0;
}
[data-absolute$="top"] {
	top: 0;
}
[data-absolute^="right"] {
	right: 0;
	text-align: right;
}
[data-absolute^="left"] {
	left: 0;
	text-align: left;
}


/* tiny clickable boxes */
/*
.shop-modules {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-line-pack: stretch;
	     -webkit-align-content: stretch;
	        align-content: stretch;
	margin: 0;
	padding: 0;
	list-style: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	
	min-height: 200px;
}
.shop-modules .shop-module + .shop-module {
	margin-left: 1px;
}
.shop-modules .shop-module,
.shop-modules .shop-module a {
	transition: all 0.5s ease;
}
.shop-modules .shop-module {
	overflow: hidden;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-line-pack: stretch;
	     -webkit-align-content: stretch;
	        align-content: stretch;
	-webkit-align-items: stretch;
	     -ms-flex-align: stretch;
	        align-items: stretch;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	        justify-content: center;
}
*/
.shop-modules {
	display: table;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 200px;
	table-layout: fixed;
}
.shop-modules .shop-module {
	display: table-cell;
	vertical-align: middle;
	color: white;
	color: rgba(255,255,255, 0.8);
	font-size: 27px;
	text-transform: uppercase;
	text-align: center;
	line-height: 1.2;
	opacity: 1;
	background: transparent none center center no-repeat;
	background-size: cover;
	text-shadow: 0 1px 1px rgba(1, 1, 1, 0.25);
	min-height: 200px;
	height: 100%;
	position: relative;
	z-index: 2;
	overflow: hidden;
	letter-spacing: 0;
	transition: all 0.5s ease;
}
.shop-modules .shop-module:hover {
	color: rgba(255,255,255, 1);
}
/*
.shop-modules .shop-module:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: transparent none center center no-repeat;
	background-size: cover;
	transition: all 0.8s ease;
	opacity: 0.8;
	-webkit-transform: scale(1);
	        transform: scale(1);
}
.shop-modules .shop-module:hover:after {
	opacity: 0.9;
	-webkit-transform: scale(1.05);
	        transform: scale(1.05);
}
*/
.shop-modules .shop-module.shop-module--split-words {
	word-spacing: 99999em; /* this hacks to put every word on its own line */	
}
.shop-modules .shop-module + .shop-module {
	border-left: 1px solid white;
}
.shop-modules .shop-module.shop-module--mens-shop,
.shop-modules .shop-module.shop-module--man-running {
	background-image: url(//fabletics-us-cdn.justfab.com/media/images/en_US/brand/shop-modules--mens-shop.jpg);
}
.shop-modules .shop-module.shop-module--womens-quiz,
.shop-modules .shop-module.shop-module--woman-standing {
	background-image: url(//fabletics-us-cdn.justfab.com/media/images/en_US/brand/shop-modules--womens-quiz.jpg);
}
.shop-modules .shop-module.shop-module--man-closeup {
	background-image: url(//fabletics-us-cdn.justfab.com/media/images/en_US/brand/shop-modules--man-closeup.jpg);
}
.shop-modules .shop-module.shop-module--man-jogging-red-tank {
	background-image: url(//fabletics-us-cdn.justfab.com/media/images/en_US/brand/shop-modules--man-jogging-red-tank.jpg);
}

/** "Media/Flag" Object */
.media {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: flex-start;
	        -ms-flex-align: start;
	    align-items: flex-start;
}

.media + .media {
	margin-bottom: 1em;
}

.media-figure {
	margin-right: 1em;
}

.media-figure img {
	max-width: 100%;
	height: auto;
}

.media-body {
	-webkit-flex: 1;
	        -ms-flex: 1;
	    flex: 1;
}
.media-body,
.media-body :last-child {
	margin-bottom: 0;
}

.media-title {
	margin: 0 0 0.5em;
}

.media--center {
	-webkit-align-items: center;
	        -ms-flex-align: center;
	    align-items: center;
}

.media--reverse > .media-figure {
	-webkit-order: 1;
	        -ms-flex-order: 1;
	    order: 1;
}
.media--reverse > .media-figure,
.media-body + .media-figure {
	margin-left: 1em;
	margin-right: 0;
}

.break-before:before,
.break-after:after {
	content: "\A";
	white-space: pre;
}

/* PRESS ITEM */
.press-item {
	font-size: 18px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	
}
.press-item.media .media-body {
	-webkit-flex: 2;
	        -ms-flex: 2;
	    flex: 2;
}
.press-item.media .media-figure {
	-webkit-flex: 1;
	        -ms-flex: 1;
	    flex: 1;
	text-align: center;
}
.press-item blockquote {
	color: black;
	line-height: 2;
	margin: 0;
}
.press-item blockquote p {
	margin: 0;
}
.press-item blockquote p + p {
	margin-top: 1em;
}
.press-item cite {
	font-style: normal;
	text-transform: uppercase;
}
.press-item footer .read-more {
	font-size: smaller;
	color: #F9423A;
}
.press-item footer .read-more:hover {
	text-decoration: underline;
}

@media screen and (min-width: 768px) {
	.product-listing .grid .products[data-per-page="4"] .item {
		padding: 0 7px 0 8px;
		margin: 0;
		width: 25%;
		box-sizing: border-box;
	}
}

/*! Flickity v1.0.2
http://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
          tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: white;
  background: hsla(0, 0%, 100%, 0.75);
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.flickity-prev-next-button:hover { background: white; }

.flickity-prev-next-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #09F;
}

.flickity-prev-next-button:active {
  filter: alpha(opacity=60); /* IE8 */
  opacity: 0.6;
}

.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button:disabled {
  filter: alpha(opacity=30); /* IE8 */
  opacity: 0.3;
  cursor: auto;
}

.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

.flickity-prev-next-button .arrow {
  fill: #333;
}

/* color & size if no SVG - IE8 and Android 2.3 */
.flickity-prev-next-button.no-svg {
  color: #333;
  font-size: 26px;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  filter: alpha(opacity=25); /* IE8 */
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  filter: alpha(opacity=100); /* IE8 */
  opacity: 1;
}

/* FL Flickity Overrides */
.flickity-enabled .flickity-page-dots {
	bottom: 0;
	left: 0;
}
.flickity-enabled .flickity-page-dots .dot {
	height: 12px;
	width: 12px;
	background-color: #B4B4B4;	
}
.flickity-enabled .flickity-page-dots .dot.is-selected {
	background-color: #C1C1C1;	
}
.flickity-enabled .flickity-prev-next-button {
	background: none;
	width: 30px;
	height: 30px;
	padding: 6px 0;
	z-index: 3;
}
.flickity-enabled .flickity-prev-next-button.previous {
	text-align: left;
}
.flickity-enabled .flickity-prev-next-button.next {
	text-align: right;
}
.flickity-enabled .flickity-prev-next-button svg {
	width: auto;
	height: auto;
	position: static;
}
.flickity-enabled .flickity-prev-next-button .arrow {
	fill: #999;
}
.flickity-enabled .flickity-prev-next-button:hover .arrow {
	fill: #333;
}

/* size guide navigation */
.size-guide-navigation {
	text-align: left;
	font-size: 15px;
	line-height: 1;
	position: relative;
	padding-bottom: 4em;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	border-bottom: 1px solid #E5E5E5;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow: hidden;
}
.size-guide-navigation ul,
.size-guide-navigation li,
.size-guide-navigation a,
.size-guide-navigation .nav-title {
	display: inline-block;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
.size-guide-navigation a,
.size-guide-navigation .nav-title {
	font-weight: 500;
	padding: 0.75em 1em;
}
.size-guide-navigation a {
	font-size: 1em;
	text-align: center;
	text-transform: uppercase;
	transition: all 0.4s ease;
	color: #333;
}
.size-guide-navigation li + li {
	margin-left: 1em;
}
.size-guide-navigation .nav-title {
	font-size: 1.125em;
	padding-left: 0;
}
.size-guide-navigation > .nav-title {
	font-size: 1.25em;
	text-transform: uppercase;
}
.size-guide-navigation .submenu {
	position: absolute;
	bottom: 0;
	left: 0;
	visibility: hidden;
	opacity: 0;
	-webkit-transform: translateX(-100%);
	        transform: translateX(-100%);
	transition: all 0.4s ease;
}
.size-guide-navigation li + li .submenu {
	-webkit-transform: translateX(100%);
	        transform: translateX(100%)
}
.size-guide-navigation > ul > li > a {
	border: 1px solid #D1D1D1;
	background-color: white;
	min-width: 8em;
}
.size-guide-navigation > ul > li > a:hover {
	border-color: #A9A9A9;
}
.size-guide-navigation > ul > li.expanded > a {
	background-color: #d1d1d1;
}
.size-guide-navigation > ul > .expanded > .submenu {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateX(0);
	        transform: translateX(0);
}
.size-guide-navigation .submenu a {
	color: #F9423A;
}
.size-guide-navigation .submenu a:hover {
	text-decoration: underline;
}
.size-guide-navigation .submenu .current > a {
	color: #999;
	pointer-events: none;
}
.size-guide-navigation .current .submenu ul {
	display: inline-block;
}

dl.no-indentation {}
dl.no-indentation dt,
dl.no-indentation dd {
	margin-left: 0;
}
dl.no-indentation dt {
	font-weight: 500;
}
dl.no-indentation dd + dt {
	margin-top: 1em;
}

ul.plain-list,
ul.plain-list li {
	list-style-type: none;
}

@media screen and (min-width: 768px) {
	.product-listing .grid .products[data-per-page="4"] .item {
		padding: 0 7px 0 8px;
		margin: 0;
		width: 25%;
		box-sizing: border-box;
	}
}

.sizechart--mens .footnote {
	font-style: italic;
	line-height: 1.2;
}
.sizechart--mens .footnote .disclaimer {
	color: #999;
}
.sizechart[data-version="2"] .chart--size tbody tr :nth-child(even) {
	border-left: 1px solid white;
}
.sizechart[data-version="2"] .chart--size tbody th:first-child {
	white-space: nowrap;
}
.sizechart--bra[data-version="1"] thead th[data-units]:after {
	content: attr(data-units);
	font-size: 0.75em;
	margin-left: 0.25em;
	vertical-align: middle;
	text-transform: none;
}
.sizechart--bra[data-version="1"] thead tr + tr th {
	border-top: 1px solid white;
}
.chart caption {
	position: relative;
}
.drawer-content .chart caption {
	text-align: left;
}
.chart caption .toggle-switch {
	position: absolute;
	right: 0;
	bottom: 0.75em;
}
.chart tfoot td {
	text-align: left;
	font-style: italic;
	letter-spacing: 0;
}
.chart[data-size-chart-units] {
	display: none;
	table-layout: fixed;
	width: 100%;
}
.chart[data-size-chart-units].expanded {
	display: table;
}

.container.size-fit-guide .section .fit-guides {
	margin: 0;
	padding: 0;
}
.container.size-fit-guide .section .fit-guides li {
	float: left;
	margin-left: 30px;
	list-style: none outside none;
}
.container.size-fit-guide .section .fit-guides li:first-child {
	margin-left: 0;
}
.container.size-fit-guide .section .fit-guides li .title {
	text-transform: uppercase;
	display: inline-block;
	margin-bottom: 0.5em;
}
.container.size-fit-guide .section .fit-guides li .title:hover {
	text-decoration: underline;
}
.container.size-fit-guide .section .fit-guides li .image {
	display: block;
}

/** toggle switch */
.toggle-switch {
	display: inline-block;
	font-size: 11px;
	line-height: 1;
	padding: 1em 1.5em;
	background-color: #D1D1D1;
	border-radius: 1.5em;
	box-shadow: inset -0.9px 0.5px 3px rgba(1, 1, 1, 0.5);
	font-family: 'Oswald', sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #333;
}
.toggle-switch:hover {
	color: black;
}
.toggle-switch [class*="toggle-switch"] {
	display: block;
	float: left;
}
.toggle-switch .toggle-switch-on {
	margin: -1em 0;
	padding: 1em 1.5em;
	color: white;
	border-radius: 1.5em;
	background-color: #333;
	background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0.2));
}
.toggle-switch .toggle-switch-on:first-child {
	margin-left: -1.5em;
	margin-right: 1em;
}
.toggle-switch .toggle-switch-on:last-child {
	margin-right: -1.5em;
	margin-left: 1em;
}

/** SVG Modules */
[data-svg-image="fl2-logo"][data-variant="white"] .fl2-fl {
	fill: white;
}

.big-banner {
	background: #333;
	padding: 3.5em;
	color: white;
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
}
.big-banner h1 {
	font-size: 1.75em;
	font-weight: 500;
	margin: 0;
}
.big-banner h3 {
	font-size: 1em;
	font-weight: normal;
	margin: 0;
}
.big-banner > * + * {
	margin-top: 0.5em;
}
.body > .container > .big-banner:first-child {
	margin-top: 0.5em;
}

/* font rendering shortcuts */
.smooth-fonts {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.unsmooth-fonts {
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: auto;
}

/* responsivey container for videos/iframes */
[data-responsive-embed] {
	position: relative;
	height: 0;
	overflow: hidden;
}
 /* default */
[data-responsive-embed="16:9"] {
	padding-bottom: 56.25%;
}
[data-responsive-embed="1:1"] {
	padding-bottom: 100%;
}
[data-responsive-embed="4:3"] {
	padding-bottom: 75%;
}
[data-responsive-embed="16:10"] {
	padding-bottom: 62.5%;
}
[data-responsive-embed] .responsive-embed-content {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}
[data-responsive-embed].video-player-chromeless .responsive-embed-content {
	height: calc(100% + 80px);
	top: -40px;
}
/*!
Video.js Default Styles (http://videojs.com)
Version GENERATED_AT_BUILD
Create your own skin at http://designer.videojs.com
*/
/* SKIN
================================================================================
The main class name for all skin-specific styles. To make your own skin,
replace all occurances of 'vjs-justfab-skin' with a new name. Then add your new
skin name to your video tag instead of the default skin.
e.g. <video class="video-js my-skin-name">
*/
.vjs-justfab-skin {
  color: #cccccc;
}
/* Custom Icon Font
--------------------------------------------------------------------------------
The control icons are from a custom font. Each icon corresponds to a character
(e.g. "\e001"). Font icons allow for easy scaling and coloring of icons.
*/
@font-face {
  font-family: 'VideoJS';
  src: url('fonts/vjs.eot');
  src: url('fonts/vjs.eot?#iefix') format('embedded-opentype'), 
       url('data:application/font-woff;base64,d09GRk9UVE8AABCEAAsAAAAAGpgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAADSYAABV7ZgXkm0ZGVE0AAA4wAAAAGgAAABxmkqZiR0RFRgAADkwAAAAdAAAAIABAAARPUy8yAAAObAAAAEsAAABgL9/cTGNtYXAAAA64AAAAXAAAAXjCbtGQaGVhZAAADxQAAAAuAAAANv7Xd+poaGVhAAAPRAAAAB4AAAAkBMAAl2htdHgAAA9kAAAAJQAAADoS+gFAbWF4cAAAD4wAAAAGAAAABgATUABuYW1lAAAPlAAAAOQAAAGJQ/SfnXBvc3QAABB4AAAADAAAACAAAwAAeJyVWAlclNUWPx/OwMgOziAiAq5QuKCSS6C5oFmZWaLhkqmRppa5YPI0BZfE/NwyNDXzkaX5yEytn7lS7qhpKpoouIMK9HAJZWTA8/7n+2YG7VnvNb/fnHvudrZ77jnnuwoZDKQoiqnfyMQ3332+DykupFBHazMXa/Ma1kCD6llD9TSEuFOdPv6sqk7E000dcT/OmmQMVnx8gol8g5Vov2DyCq7Vz5/MQsNEPhRA9agRRVIrak+d6FnqRX1pEL1Bo2gcJVMKzab5E8eM7B4VFYWmW1RUK71prTfRevOU3rTRm7Z6005v2utNZ73pojdd9SZOa1p205vu+qDei2qpN1F2rR3KEylpyhzlQ2WuoirzlPnKAmWhskj5SFmsfKykK0uUpconyjKqJfq5kBc1oCh6gSZgMNNwwnDercrkabrg/p1PXd8ov3y/Ij+rd2WuNclQmW5Nd/M+Yo22VJrLo61mtyMBdsSbKTszhZWtmdMsYe7erPjPWMT0ztSxlvruzFvCb7LyQjNvfWrE3lymTrFPWBpgKjNrK1Ozzj3+a90IVnYZQ5j8Ky5bmFwbDWDtp2Hk8uovTIZvVwu4xBR9ZZGAk0z1wjoxde8dpjI9fzhFgx2Yr1zcKaOJzEfqjZeVx5nvZexjqvl6LPOto4tVvf8oUGXqpH3RvYxZTJEnMplPNTczBTbwZN6/ayzW7HG7ZdKaDczXz5fJ8GZZFQ/QLMdJbqaQO2Zxkpupy8623sNEqUDmqnUtBVupmsQs23Wz/KWNytOtSZbyaFu6TfuXpxu97+GYuKryCLHLtxFJ7FLjKXJj/nHxRpjui3gLLNg4g3mN1Ze5cgkx52ZVMBd/DREL4mDiyggr8/3lK5itP0LMqhrQosL1BsTccZ25pDYMd6tNGvNn72JxxeUezPO/GiNEVwNb24iJzg1mXgaiZAzZih0fhDL5HPqHEF0OjePqgPKuMpxg5XoQ3VkKjYcPx7qAbKa6O9aCpWElU3hnV+YHW19hGgDrMinPbgDqug77bImY7uLJZC5qJ1tugGpXf7C7H8DkJhM1Rm4XqiPsE+bJlyHCazj3EaBKxrk/MY3vnw/fGJ+Ag6dhi8C1YiL8xnwjCuqtXiDEAu3SuXWCaSqXdgfZMyaxRTGTJT5WzBWIsdFiQtGHzg2BWe8nmPhB/ngIW7v3MBh7x55FUKTqAswRvDCI+faGZUy+Q7CpaOJ0OedrW7LBcn8o6JXDtkd8C5nPzt0N+b+byJx3ciNTo/k5sGHt8EjI6l4+H2I2Pws77BrLFNS9MYzTrck6MLm/4grztqbwsjNTcF6n++cxH6j3uzD5IWUqfLEB7kjbT6Bc/7oNmBK2JTBF1T+MsbY9mTo8nQEmXY0FYNJ4Etzs12lyhIeh6Lb53mBSenpGAPTZm6vpY3Xo881ipz6dNH22wrFu7Qt8jD7vOfRZkKvp01TTZ55Dn51PVutTrOmT4dDn/QiHPiEVuj7v/4k+Yfsc+sSsFX0MK0Wf5HiHPtlluj72GGY1S+gqj0eHqWEf0Wq9yQ60rnOMrwLjfMHynd3HjDn3InKlIc7xwb25cun4gZOYe/Ui1QEdLFSNFHC2Rrj9DVYJsTBRchxBDb9/VTJ59zPYgdZ1jvFtYFwqWKmz+5gx594QTQPQRriWgSonbeNjaNs0EtiD++T2N1gkx44Cn0PD/m/xhUVlk7/HIoKpXacaFlibalQaH1Xmf3AyuGETtcZA35NOdqeke0LVVqnVDFWNimkKKz5z3DVuhkvgFiT+Z5nuagda1znGxcC4cLqrcLOFadw6YiA12z5VPC1b66raKlUfla2qRgUekbN3qSi5DCasdTEGl1Kugm/YfunG2oGM8U3M8m+Y0MFNTDjG9tnBTX2xtjcmxLs8qTze0tC9/HtrvKWRlnQkj4z/bCxC/rBFzKsv4f7PD6NQyJW1bQUunBHxbP/uHkztC6/i/l+IhkLfwYFtL+MQaCgUtrXphtW20KmA5716I0XHrWS+PLorujuQp2+2MUKpO3N3wxbPvJeGDDAeoaPz6hPIn/mjmdpUtbADL+UIblcCUoVXny0wHxIzeX1sRZwgkY5ETnotNAvYpS4CSBebXgsjTYtQPY0+tFxXS8Oqu48Z02lrWHXXMRZqM8ONtvU6i7C1KVxAhHRz9TFq3+ucPkHdNzWxAxnTgXMMS+wT2HYOIW3Zzgh+cL0rggpF/OwuABYKmHQM1uhQBm9ov7mZwE2/ISTPaYXRjtGIoK2t2nKY9IJPkAbgkp1TcdZZ0ypwBEvE8FkpsQLgCpfkMC7FXUDY/QWgdDYydE5YF1UgqTJ6EV7+jxWy6DxT6I76+m4hCe6j0lmnLsCkqsKwLlP9W9eMIku5LhDka8l8aPfPmD/QyyzwxRzR5ReM7vEUgU1O0R0YlNQ3Viuq6kpqG7WVAkze1vTyJIm8l+dK+P0R+pK/VCohPwDzlBAbvB48OaieXOE+yLa31/cUoHW3yNTgaIGvw3XItTGwISgBqWZbJMCv47DoRW948MfwudK0d5CvpqCMuNkNVcDdF2Yh/Y2IRFey4bUJWFIyEDm5eIwZmGTL4tEuKBYNqKFKh6/D4rd/Zv497wakKhj3FtATJRD84jRQHdwG2BpQ5QGXga0tAvbSRWASgI09IeDVsYVMHk2Kgb0D+3nUhRyFH2XiBourF8ETyDJkJrANKLstg55g/vexfkx1zrcAo6RdyCPzjgIb1QFY2ttg+QTqqtCWqHR5IGqt0KE9hCXOLxSSk3E6SobQ7RlgtAC1TL00Kc88ZvYBqsI8fpOOoyjrjYQcELweWd59GrBAFAm1vQCCUFOS/6FkLJ7dmMnzDu50vVTcSs+qzUxhXXC73TxQCIaNQAVFX6LACoN5iDa9BezIAaSV5yBbSCrsW1YTNXHIB2HALDMgeaum0OtWGBgdgEGLYA6qfRgxtCgyDmFMQk7BYIRMrwHBsF0qQWivN2HVy7OL7TXehfXPg9MXiKIXPsrEQRwNB8WvXdfhorkhUpBvAGpAYziqFF9+H5WfqOc3sh0O+Xf4pbJtOWwokd0rfRc80nf6hxL6Ef40ZyO6Gq87INHlHibNLbGWvsHnRZ12vlJerwXWtxO+DC5B4NqbmwO7cU8wOO2d2rjfASiM4XS9YcHPoU5p7wJgX/wKZ5oHyX3a5zPfeOUOaiq5rTdAitwXINpca4ATMeLEufAnqEFfQa1Cic20QcaWo6yywQh8PX4nWCa/AkxqjXs4Zy6qgyt+OyULeWH1Qth30TWI/ltGF6Dpk1Hn4UuIizJh5bv+zbCvP1bfrYla//og5PP7UuEX+iEQcf8EmB8FGvPL8O4C8R7DN8ifBXOgYc2bAyHlQOhfsxBfEdcGDIY2gZDjRlsUu7UiEZlKrsELaoXjA6vk6hLYpO0CmH3pHFgsAy5elomKvs5KcCv7/EN43wMkzPsHb8EpYCwwz5OSrqcYvfeX4uOYMVzFh0HQZ1GwUb9DwP4Jv3QX0wZCG/LZWB9V6ek94HkdjmjOPQXs6hmctzIXS+qg0vTYOQrblueZ/ip5FE4dh9PBhzDAQumOtQMZIwtmKQgTNGVLdz2LUuJz2/VUyrygCuGcv/SA+qtuw4hV7rBzmh9uQo2WJUxzP8UdGzfgCtO7QyGU+nqWaqpMNzw+O2lcNH7VTIN0GcY6hYOss8Bez4ufQiTJlcg441w84coDy/AJPdQbn74udxHYk0uXoS46hvOfmHgewq5B5bJo1STmpIwuKoJvXLkZRmnaHLms4QmksfzmWJ9zAqefc7xQukho+S3qylgTO8jXFmOWmraoi1qCDC+tgpfiwpLh6WDxXDm4MFxdjsAHDY3+qQvSye2kp+GIZVPgGqu2wW3hAVw0+gP5TMg5ES5Uz1ZTFYmWiUThAt6S7lloGJA+BezMQ5+V/bgZ3upBoTkZfnMmdaZwmgVOnOCr8Qe2pkCTSZfR9JCeOtC6D+t+7o96OsdCRNrZqkiPeFZz8Hu6RuTjMVvTEx866c9kSfJah2RpEx8h+RKy7S+Q+mnjMB1CprWNtVFgryKB2i5madLPcOz3VrOF6kHRs4dwmiR6T8ZZleDrR600l58qjzcia8KbG7rbvreZpdazpputuZZ5nu7B5FWLjPJc9Kriq5QoFS74RkzrO13AjBhVtcXnwRrJmSkysAf8PE+nIiA+mYp7lQqhDf0TMO/fZLjJ2spNxxAr9JkVsjBFwDSTh/bAozqfeY7LK8kqAYOYYrrmCjiD6SFj+jLvQy2kDfK9jBmOx5xjZlV/rXE+vPzhMWeq/TEnYh6S7pkJSVK1GocKKpXShNbOPQ+92Gh7ZpqcTzZvOJ9souxPNh52kYmUR9+oVgq46KzWTI5qreNTzvKlvUR7vVrrcMdR8hzJ/sMblZQxWQ6tJAP8+TuVXtmlxGqVnUt1ZWd69DXqaI5z0/6/eI3ysCWqeTGRkTsGlpTkxRg9Bu6IjIzJU22J5YlqTJ7R4z9hAvOZAAB4nGNgYGBkAIKTnfmGIPpcy+wZMBoARm8G/gAAeJxjYGRgYOADYgkGEGBiYARCISBmAfMYAAUQAEUAAAB4nGNgZuJhnMDAysDB6MOYxsDA4A6lvzJIMrQwMDAxsDIzwIEAgskQkOaawuDwgOEDA+OD/w8Y9BgfMCg3MDAwwhUoACEjABTXDC4AeJzljd0NgCAMhD9EEX+DPhvZykGcmBHYAAvoFF7TXK+5awFN7QNFxi1KFd1yCY9YGinCGnwkpWwKhPObfXSqJCwVO5v4teQ7DL3sB7kyMbPgQBneV//FA77yDIt4nGNgZGBgAGLV49Md4vltvjJwMzGAwLmW2TMQ9P+7TOsZHwC5HAxgaQA9Xwv0AAB4nGNgZGBgfPD/LoMe03oGhn8MQBIoggK4AIurBVgAAHicY2KAACYGBgcmCA3BCmA6gWk9RI5BBqqQH0wmMDAAADZIAk0AAAAAAFAAABMAAHicdY4xagMxEEXf2muHkBBchZQqXKTZRdqACx/ABJcJbG+wWBbMCmS7yUHS5ggpc4wcIEfIJfJlq0lhgUZPTzOaAW55pyCtgitmmUfix8xj5rxlLuU/M0+44TvzVP5XmUV5LXN3qko8Ej9kHvOMzVzKf2SecM9X5qn8Dy09WzyBNa/Q9lsf1oIXuY4jOzZEXX133G0EK2UOHE5nVIbH0FCrm2Gp/f+/s3MsqBStYqPoeNJHYTisQuy8aWprliZ3FrlF5WzVWKesS+O1cpG9XtM4qUUagdbHfR8G42p7sfYPXNU3SHicY2BmwAsAAH0ABA==') format('woff'),
       url('fonts/vjs.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
/* Base UI Component Classes
--------------------------------------------------------------------------------
*/
/* Slider - used for Volume bar and Seek bar */
.vjs-justfab-skin .vjs-slider {
  /* Replace browser focus hightlight with handle highlight */
  outline: 0;
  position: relative;
  cursor: pointer;
  padding: 0;
  /* background-color-with-alpha */
  background-color: #333333;
  background-color: rgba(51, 51, 51, 0.3);
}
.vjs-justfab-skin .vjs-slider:focus {
  /* box-shadow */
  box-shadow: 0 0 2em #ffffff;
}
.vjs-justfab-skin .vjs-slider-handle {
  position: absolute;
  /* Needed for IE6 */
  left: 0;
  top: 0;
}
.vjs-justfab-skin .vjs-slider-handle:before {
  content: "\e009";
  color: white;
  font-family: VideoJS;
  font-size: 1em;
  line-height: 1;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  /* Rotate the square icon to make a diamond */
  /* transform */
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* Control Bar
--------------------------------------------------------------------------------
The default control bar that is a container for most of the controls.
*/
.vjs-justfab-skin .vjs-control-bar {
  /* Start hidden */
  display: none;
  position: absolute;
  /* Place control bar at the bottom of the player box/video.
     If you want more margin below the control bar, add more height. */
  bottom: 0;
  /* Use left/right to stretch to 100% width of player div */
  left: 0;
  right: 0;
  /* Height includes any margin you want above or below control items */
  height: 3.0em;
  /* background-color-with-alpha */
  background-color: #07141e;
  background-color: rgba(255,255,255, 0.5);
}
/* Show the control bar only once the video has started playing */
.vjs-justfab-skin.vjs-has-started .vjs-control-bar {
  display: block;
  /* Visibility needed to make sure things hide in older browsers too. */
  visibility: visible;
  opacity: 1;
  /* transition */
  transition: visibility 0.1s, opacity 0.1s;
}
/* Hide the control bar when the video is playing and the user is inactive  */
.vjs-justfab-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  display: block;
  visibility: hidden;
  opacity: 0;
  /* transition */
  transition: visibility 1s, opacity 1s;
}
.vjs-justfab-skin.vjs-controls-disabled .vjs-control-bar {
  display: none;
}
.vjs-justfab-skin.vjs-using-native-controls .vjs-control-bar {
  display: none;
}
/* IE8 is flakey with fonts, and you have to change the actual content to force
fonts to show/hide properly.
  - "\9" IE8 hack didn't work for this
  - Found in XP IE8 from http://modern.ie. Does not show up in "IE8 mode" in IE9
*/
@media \0screen {
  .vjs-justfab-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before {
    content: "";
  }
}
/* General styles for individual controls. */
.vjs-justfab-skin .vjs-control {
  outline: none;
  position: relative;
  float: left;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 3.0em;
  width: 4em;
  color: black;
}
/* FontAwsome button icons */
.vjs-justfab-skin .vjs-control:before {
  font-family: VideoJS;
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}
/* Replacement for focus outline */
.vjs-justfab-skin .vjs-control:focus:before,
.vjs-justfab-skin .vjs-control:hover:before {
  text-shadow: 0em 0em 1em #ffffff;
}
.vjs-justfab-skin .vjs-control:focus {
  /*  outline: 0; */
  /* keyboard-only users cannot see the focus on several of the UI elements when
  this is set to 0 */
}
/* Hide control text visually, but have it available for screenreaders */
.vjs-justfab-skin .vjs-control-text {
  /* hide-visually */
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/* Play/Pause
--------------------------------------------------------------------------------
*/
.vjs-justfab-skin .vjs-play-control {
  width: 5em;
  cursor: pointer;
}
.vjs-justfab-skin .vjs-play-control:before {
  content: "\e001";
}
.vjs-justfab-skin.vjs-playing .vjs-play-control:before {
  content: "\e002";
}
/* Volume/Mute
-------------------------------------------------------------------------------- */
.vjs-justfab-skin .vjs-mute-control,
.vjs-justfab-skin .vjs-volume-menu-button {
  cursor: pointer;
  float: right;
}
.vjs-justfab-skin .vjs-mute-control:before,
.vjs-justfab-skin .vjs-volume-menu-button:before {
  content: "\e006";
}
.vjs-justfab-skin .vjs-mute-control.vjs-vol-0:before,
.vjs-justfab-skin .vjs-volume-menu-button.vjs-vol-0:before {
  content: "\e003";
}
.vjs-justfab-skin .vjs-mute-control.vjs-vol-1:before,
.vjs-justfab-skin .vjs-volume-menu-button.vjs-vol-1:before {
  content: "\e004";
}
.vjs-justfab-skin .vjs-mute-control.vjs-vol-2:before,
.vjs-justfab-skin .vjs-volume-menu-button.vjs-vol-2:before {
  content: "\e005";
}
.vjs-justfab-skin .vjs-volume-control {
  width: 5em;
  float: right;
}
.vjs-justfab-skin .vjs-volume-bar {
  width: 5em;
  height: 0.6em;
  margin: 1.1em auto 0;
}
.vjs-justfab-skin .vjs-volume-menu-button .vjs-menu-content {
  height: 2.9em;
}
.vjs-justfab-skin .vjs-volume-level {
  position: absolute;
  top: 0;
  left: 0;
  height: 0.5em;
  background: #f9423a url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat;
}
.vjs-justfab-skin .vjs-volume-bar .vjs-volume-handle {
  width: 0.5em;
  height: 0.5em;
}
.vjs-justfab-skin .vjs-volume-handle:before {
  font-size: 0.9em;
  top: -0.2em;
  left: -0.2em;
  width: 1em;
  height: 1em;
}
.vjs-justfab-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
  width: 6em;
  left: -4em;
}
/* Progress
--------------------------------------------------------------------------------
*/
.vjs-justfab-skin .vjs-progress-control {
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
  font-size: 0.3em;
  height: 1em;
  /* Set above the rest of the controls. */
  top: -1em;
  /* Shrink the bar slower than it grows. */
  /* transition */
  transition: all 0.4s;
}
/* On hover, make the progress bar grow to something that's more clickable.
    This simply changes the overall font for the progress bar, and this
    updates both the em-based widths and heights, as wells as the icon font */
.vjs-justfab-skin:hover .vjs-progress-control {
  font-size: .9em;
  /* Even though we're not changing the top/height, we need to include them in
      the transition so they're handled correctly. */
  /* transition */
  transition: all 0.2s;
}
/* Box containing play and load progresses. Also acts as seek scrubber. */
.vjs-justfab-skin .vjs-progress-holder {
  height: 100%;
}
/* Progress Bars */
.vjs-justfab-skin .vjs-progress-holder .vjs-play-progress,
.vjs-justfab-skin .vjs-progress-holder .vjs-load-progress {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  /* Needed for IE6 */
  left: 0;
  top: 0;
}
.vjs-justfab-skin .vjs-play-progress {
  /*
    Using a data URI to create the white diagonal lines with a transparent
      background. Surprisingly works in IE8.
      Created using http://www.patternify.com
    Changing the first color value will change the bar color.
    Also using a paralax effect to make the lines move backwards.
      The -50% left position makes that happen.
  */
  background: #f9423a url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat;
}
.vjs-justfab-skin .vjs-load-progress {
  background: #646464;
  background: rgba(0, 0, 0, 0.2);
}
.vjs-justfab-skin .vjs-seek-handle {
  width: 1.5em;
  height: 100%;
}
.vjs-justfab-skin .vjs-seek-handle:before {
  padding-top: 0.1em;
}
/* Time Display
--------------------------------------------------------------------------------
*/
.vjs-justfab-skin .vjs-time-controls {
  font-size: 1em;
  /* Align vertically by making the line height the same as the control bar */
  line-height: 3em;
}
.vjs-justfab-skin .vjs-current-time {
  float: left;
}
.vjs-justfab-skin .vjs-duration {
  float: left;
}
/* Remaining time is in the HTML, but not included in default design */
.vjs-justfab-skin .vjs-remaining-time {
  display: none;
  float: left;
}
.vjs-time-divider {
  float: left;
  line-height: 3em;
}
/* Fullscreen
--------------------------------------------------------------------------------
*/
.vjs-justfab-skin .vjs-fullscreen-control {
  width: 3.8em;
  cursor: pointer;
  float: right;
}
.vjs-justfab-skin .vjs-fullscreen-control:before {
  content: "\e000";
}
/* Switch to the exit icon when the player is in fullscreen */
.vjs-justfab-skin.vjs-fullscreen .vjs-fullscreen-control:before {
  content: "\e00b";
}
/* Big Play Button (play button at start)
--------------------------------------------------------------------------------
Positioning of the play button in the center or other corners can be done more
easily in the skin designer. http://designer.videojs.com/
*/
.vjs-justfab-skin .vjs-big-play-button {
  left: 50%;
  top: 50%;
  font-size: 3em;
  display: block;
  z-index: 2;
  position: absolute;
  width: 2em;
  height: 2em;
  line-height: 2em;
  margin: -1em 0 0 -1em;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  opacity: 1;
  /* Need a slightly gray bg so it can be seen on black backgrounds */
  /* background-color-with-alpha */
  background-color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.5);
  /* border-radius */
  border-radius: 50%;
  /* box-shadow */
  box-shadow: 0px 0px 0.5em rgba(0, 0, 0, 0.1);
  /* transition */
  transition: all 0.4s;
}
/* Optionally center */
.vjs-justfab-skin.vjs-big-play-centered .vjs-big-play-button {
  /* Center it horizontally */
  left: 50%;
  margin-left: -2.1em;
  /* Center it vertically */
  top: 50%;
  margin-top: -1.4000000000000001em;
}
/* Hide if controls are disabled */
.vjs-justfab-skin.vjs-controls-disabled .vjs-big-play-button {
  display: none;
}
/* Hide when video starts playing */
.vjs-justfab-skin.vjs-has-started .vjs-big-play-button {
  display: none;
}
/* Hide on mobile devices. Remove when we stop using native controls
    by default on mobile  */
.vjs-justfab-skin.vjs-using-native-controls .vjs-big-play-button {
  display: none;
}
.vjs-justfab-skin:hover .vjs-big-play-button,
.vjs-justfab-skin .vjs-big-play-button:focus {
  outline: 0;
  border-color: #fff;
  /* IE8 needs a non-glow hover state */
  background-color: #FFFFFF;
  /* box-shadow */
}
.vjs-justfab-skin .vjs-big-play-button:before {
  content: "\e001";
  font-family: VideoJS;
  /* In order to center the play icon vertically we need to set the line height
     to the same as the button height */
  text-align: center /* Needed for IE8 */;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  color: black;
  color: rgba(0,0,0, 0.8);
  text-indent: 0.1em;
  font-size: 0.6875em;
}
/* Loading Spinner
--------------------------------------------------------------------------------
*/
.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 4em;
  line-height: 1;
  width: 1em;
  height: 1em;
  margin-left: -0.5em;
  margin-top: -0.5em;
  opacity: 0.75;
  /* animation */
  -webkit-animation: spin 1.5s infinite linear;
  animation: spin 1.5s infinite linear;
}
.vjs-justfab-skin .vjs-loading-spinner:before {
  content: "\e01e";
  font-family: VideoJS;
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  text-align: center;
  text-shadow: 0em 0em 0.1em #000;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}
@-webkit-keyframes red-shadow-pulse {
	0% {
		box-shadow: 0 0 20px -5px rgba(249, 66, 58, 0);
	}
	100% {
		box-shadow: 0 0 20px -5px rgba(249, 66, 58, 0.6);
	}
}

@keyframes red-shadow-pulse {
	0% {
		box-shadow: 0 0 20px -5px rgba(249, 66, 58, 0);
	}
	100% {
		box-shadow: 0 0 20px -5px rgba(249, 66, 58, 0.6);
	}
}

@-webkit-keyframes grow-pulse {
	0% {
		opacity: 1;
		filter:alpha(opacity=100);
		-webkit-transform: scale3d(1, 1);
		transform: scale3d(1, 1);
	}
	to {
		opacity: 0;
		filter:alpha(opacity=0);
		-webkit-transform: scale3d(2, 2, 1);
		transform: scale3d(2, 2, 1);
	}
}

@keyframes grow-pulse {
	0% {
		opacity: 1;
		filter:alpha(opacity=100);
		-webkit-transform: scale3d(1, 1);
		transform: scale3d(1, 1);
	}
	to {
		opacity: 0;
		filter:alpha(opacity=0);
		-webkit-transform: scale3d(2, 2, 1);
		transform: scale3d(2, 2, 1);
	}
}
@-webkit-keyframes slide-down {
  0% {
        -webkit-transform: translateY(-100%);
                transform: translateY(-100%);
  }
  100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
  }
}
@keyframes slide-down {
  0% {
        -webkit-transform: translateY(-100%);
                transform: translateY(-100%);
  }
  100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
  }
}

/* Menu Buttons (Captions/Subtitles/etc.)
--------------------------------------------------------------------------------
*/
.vjs-justfab-skin .vjs-menu-button {
  float: right;
  cursor: pointer;
}
.vjs-justfab-skin .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0em;
  /* (Width of vjs-menu - width of button) / 2 */
  width: 0em;
  height: 0em;
  margin-bottom: 3em;
  border-left: 2em solid transparent;
  border-right: 2em solid transparent;
  border-top: 1.55em solid #000000;
  /* Same width top as ul bottom */
  border-top-color: rgba(7, 40, 50, 0.5);
  /* Same as ul background */
}
/* Button Pop-up Menu */
.vjs-justfab-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  position: absolute;
  width: 10em;
  bottom: 1.5em;
  /* Same bottom as vjs-menu border-top */
  max-height: 15em;
  overflow: auto;
  left: -5em;
  /* Width of menu - width of button / 2 */
  /* background-color-with-alpha */
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
  /* box-shadow */
  box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
}
.vjs-justfab-skin .vjs-menu-button:hover .vjs-menu {
  display: block;
}
.vjs-justfab-skin .vjs-menu-button ul li {
  list-style: none;
  margin: 0;
  padding: 0.3em 0 0.3em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}
.vjs-justfab-skin .vjs-menu-button ul li.vjs-selected {
  background-color: #000;
}
.vjs-justfab-skin .vjs-menu-button ul li:focus,
.vjs-justfab-skin .vjs-menu-button ul li:hover,
.vjs-justfab-skin .vjs-menu-button ul li.vjs-selected:focus,
.vjs-justfab-skin .vjs-menu-button ul li.vjs-selected:hover {
  outline: 0;
  color: #111;
  /* background-color-with-alpha */
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.75);
  /* box-shadow */
  box-shadow: 0 0 1em #ffffff;
}
.vjs-justfab-skin .vjs-menu-button ul li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}
/* Subtitles Button */
.vjs-justfab-skin .vjs-subtitles-button:before {
  content: "\e00c";
}
/* Captions Button */
.vjs-justfab-skin .vjs-captions-button:before {
  content: "\e008";
}
/* Replacement for focus outline */
.vjs-justfab-skin .vjs-captions-button:focus .vjs-control-content:before,
.vjs-justfab-skin .vjs-captions-button:hover .vjs-control-content:before {
  /* box-shadow */
  box-shadow: 0 0 1em #ffffff;
}
/*
REQUIRED STYLES (be careful overriding)
================================================================================
When loading the player, the video tag is replaced with a DIV,
that will hold the video tag or object tag for other playback methods.
The div contains the video playback element (Flash or HTML5) and controls,
and sets the width and height of the video.

** If you want to add some kind of border/padding (e.g. a frame), or special
positioning, use another containing element. Otherwise you risk messing up
control positioning and full window mode. **
*/
.video-js {
  background-color: #000;
  position: relative;
  padding: 0;
  /* Start with 10px for base font size so other dimensions can be em based and
     easily calculable. */
  font-size: 10px;
  /* Allow poster to be vertially aligned. */
  vertical-align: middle;
  /*  display: table-cell; */
  /*This works in Safari but not Firefox.*/
  /* Provide some basic defaults for fonts */
  font-weight: normal;
  font-style: normal;
  /* Avoiding helvetica: issue #376 */
  font-family: Arial, sans-serif;
  /* Turn off user selection (text highlighting) by default.
     The majority of player components will not be text blocks.
     Text areas will need to turn user selection back on. */
  /* user-select */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* Playback technology elements expand to the width/height of the containing div
    <video> or <object> */
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* Fix for Firefox 9 fullscreen (only if it is enabled). Not needed when
   checking fullScreenEnabled. */
.video-js:-moz-full-screen {
  position: absolute;
}
/* Fullscreen Styles */
body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  /* Fix for IE6 full-window. http://www.cssplay.co.uk/layouts/fixed.html */
  overflow-y: auto;
}
.video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  /* IE6 full-window (underscore hack) */
  _position: absolute;
}
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}
.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}
/* Poster Styles */
.vjs-poster {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  cursor: pointer;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}
.vjs-poster img {
  display: block;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%;
}
/* Hide the poster when native controls are used otherwise it covers them */
.video-js.vjs-using-native-controls .vjs-poster {
  display: none;
}
/* Text Track Styles */
/* Overall track holder for both captions and subtitles */
.video-js .vjs-text-track-display {
  text-align: center;
  position: absolute;
  bottom: 4em;
  /* Leave padding on left and right */
  left: 1em;
  right: 1em;
}
/* Individual tracks */
.video-js .vjs-text-track {
  display: none;
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
  /* Transparent black background, or fallback to all black (oldIE) */
  /* background-color-with-alpha */
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.5);
}
.video-js .vjs-subtitles {
  color: #ffffff; /* Subtitles are white */
}
.video-js .vjs-captions {
  color: #ffcc66; /* Captions are yellow */
}
.vjs-tt-cue {
  display: block;
}
/* Hide disabled or unsupported controls */
.vjs-justfab-skin .vjs-hidden {
  display: none;
}
.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible;
}
/* -----------------------------------------------------------------------------
The original source of this file lives at
https://github.com/videojs/video.js/blob/master/src/css/video-js.less */

/**
 * SVG Module
 */
/* http://stackoverflow.com/questions/7570917/svg-height-incorrectly-calculated-in-webkit-browsers */
svg {
	max-height: 100%;
}
.inlinesvg [data-svg-image] img:not(.svg-image--svg),
.inlinesvg [data-svg-image] .svg-image--img,
.no-inlinesvg [data-svg-image] svg,
.no-inlinesvg [data-svg-image] .svg-image--svg {
	display: none !important;
}
[data-svg-image] svg,
[data-svg-image] img {
	max-width: 100%;
	height: auto;
	display: block;
}

/* PROMO IMAGES / SKINNY BANNERS */
[id="asset_promo_image"] {
	font-weight: 500;
	text-transform: uppercase;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	font-weight: 500;
	height: 38px;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	    justify-content: center;
	-ms-flex-line-pack: center;
	        -webkit-align-content: center;
	        align-content: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}
[id="asset_promo_image"],
[id="asset_promo_image"] a {
	color: white;
}
[id="asset_promo_image"] .banner-html-content sup {
	vertical-align: top;
}
/**************/
/* NEW SWATCH */
/**************/

.option-box {
	float: left;
	margin: 0 6px 6px 0;
}

.option-box .option-box-input {
	display: none;
}
.option-box .option-box-input + label {
	box-sizing: border-box;
	display: inline-block;
	outline: 1px solid #929292;
	border: 1px solid transparent;
	position: relative;
	z-index: 2;
	padding: 0;
	font-size: 10px;
	line-height: 28px;
	cursor: pointer;
	background: #F9F9F9;
	min-width: 18px;
	text-align: center;
	width: auto;
	height: auto;
	overflow: hidden;
}
.option-box .option-box-input + label img {
	display: block;
}
.option-box .option-box-input + label:hover,
.option-box .option-box-input:active + label,
.option-box .option-box-input:focus + label {
	border-color: #999;
}	
.option-box .option-box-input:disabled + label,
.option-box .option-box-input[data-status="out-of-stock"] + label,
.option-box .option-box-input[data-out-of-stock] + label {
	color: #AAA;
	cursor: default;
	/*cursor: not-allowed;*/
	position: relative;
	border-color: #c9c9c9;
	outline-color: #999;
}
.option-box .option-box-input:disabled + label:before,
.option-box .option-box-input[data-status="out-of-stock"] + label:before,
.option-box .option-box-input[data-out-of-stock] + label:before {
	content: "";
	width: 100%;
	height: 1px;
	position: absolute;
	top: 50%;
	left: 0;
	background: #999;
	/* this angle is calculated from the right triangle created by the boxes being 35w x 28h */
	-webkit-transform: rotate(-45deg) scaleX(2);
	transform: rotate(-45deg) scaleX(2);
}
.option-box .option-box-input:checked + label {
	border-color: #f9423a;
	outline-color: #f9423a;
}

/* color/swatch specific */
.option-box.option-box--color .option-box-input + label {
	/*width: 18px;
	height: 18px;*/
	padding: 1px;
	outline-color: transparent;
	border-color: transparent;
}
.option-box.option-box--color .option-box-input + label:hover {
	border-color: transparent;
}
.option-box.option-box--color .option-box-input + label img {
	max-width: 100%;
	height: auto;
}
.option-box.option-box--color .option-box-input:disabled + label,
.option-box.option-box--color .option-box-input.disabled + label,
.option-box.option-box--color .option-box-input[data-status="out-of-stock"] + label,
.option-box.option-box--color .option-box-input[data-out-of-stock] + label {
	border-color: #c9c9c9;
	outline-color: #999;
	cursor: pointer;
}
.option-box.option-box--color .option-box-input:checked + label {
	border-color: #f9423a;
	outline-color: #f9423a;
}

/* size specific */
.option-box.option-box--size .option-box-input + label {
	width: 37px;
}
.option-box.option-box--size .option-box-input:disabled + label:before {
	/* this angle is calculated from the right triangle created by the boxes being 35w x 28h */
	-webkit-transform: rotate(-38.66deg) scaleX(2);
	transform: rotate(-38.66deg) scaleX(2);
}
.option-box.option-box--length .option-box-input + label {
	text-transform: uppercase;
	padding: 0 1em;
	width: auto;
}
.svg .option-box.option-box--length .option-box-input:disabled + label:before,
.svg .option-box.option-box--length .option-box-input.disabled + label:before,
.svg .option-box.option-box--length .option-box-input[data-status="out-of-stock"] + label:before,
.svg .option-box.option-box--length .option-box-input[data-out-of-stock] + label:before {
	height: 100%;
	top: 0;
	background-color: transparent;
	background-image: url('//fabletics-us-cdn.justfab.com/media/images/background--option-disabled.svg');
	background-size: 100% 100%;
	-webkit-transform: none;
	        transform: none;
}

.option-box.option-box--quantity {
	position: relative;
	margin-right: 0;
}
.option-box.option-box--quantity .option-box-input {
	display: block;
	opacity: 0.01;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
}
.option-box.option-box--quantity .option-box-input + label {
	position: relative;
	z-index: 1;
	width: 85px;
	padding-right: 42px;
}
.option-box.option-box--quantity .option-box-input + label:after {
	font-family:"FableticsIcon";
	display:inline-block;
	vertical-align:middle;
	line-height:1;
	font-weight:normal;
	font-style:normal;
	speak:none;
	text-decoration:inherit;
	text-transform:none;
	text-rendering:optimizeLegibility;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	content:"\f10b"; /* Update with fabletics-icon regeneration: .icon-chevron-down */
	position: absolute;
	right: 0;
	top: 0;
	width: 42px;
	font-size: 20px;
	line-height: 28px;
}
.option-box.option-box--quantity:before,
.option-box.option-box--quantity .option-box-input:disabled + label:before,
.option-box.option-box--quantity .option-box-input[data-status="out-of-stock"] + label:before,
.option-box.option-box--quantity .option-box-input[data-out-of-stock] + label:before {
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 2;
	content: "";
	width: 1px;
	height: 100%;
	background: #C9C9C9;
	-webkit-transform: none;
	transform: none;
}

.option-box.option-box--quantity .option-box-input:disabled + label:after,
.option-box.option-box--quantity .option-box-input[data-status="out-of-stock"] + label:after,
.option-box.option-box--quantity .option-box-input[data-out-of-stock] + label:after {
	color: #AAA;
}
.option-box.option-box--quantity .option-box-input:disabled + label:before,
.option-box.option-box--quantity .option-box-input[data-status="out-of-stock"] + label:before,
.option-box.option-box--quantity .option-box-input[data-out-of-stock] + label:before {

}

/**
 * Loaders
 */
@-webkit-keyframes horizontalexpand {
	0% {
		-webkit-transform: scaleX(0.01);
		        transform: scaleX(0.01);
	}
	100% {
		-webkit-transform: scaleX(1);
		        transform: scaleX(1);
	}
}
@keyframes horizontalexpand {
	0% {
		-webkit-transform: scaleX(0.01);
		        transform: scaleX(0.01);
	}
	100% {
		-webkit-transform: scaleX(1);
		        transform: scaleX(1);
	}
}

body.quickview-invoked-loading,
.body .quickview-loader,
.quickview-container [id="media"] .images-loading .scroll {
	position: relative;
	z-index: 10;
}
body.quickview-invoked-loading:before,
body.quickview-invoked-loading:after,
.body .quickview-loading:before,
.body .quickview-loading:after,
.quickview-container [id="media"] .images-loading .scroll:before,
.quickview-container [id="media"] .images-loading .scroll:after,
[data-loader-line]:before,
[data-loader-line]:after {
	position: absolute;
	left: 0;
	top: 50%;
	cursor: default;
	z-index: 11;
}
body.quickview-invoked-loading:before,
.body .quickview-loading:before,
.quickview-container [id="media"] .images-loading .scroll:before,
.quickview-container [id="media"] .images-loading .scroll:before,
[class*="loading"][data-loader-line^="after"]:after,
[class*="loading"][data-loader-line^="before"]:before {
	content: "";
	height: 1px;
	width: 100%;
	margin-top: 1em;
	background: #F9423A;
	-webkit-animation: horizontalexpand 1.5s linear infinite;
	animation: horizontalexpand 1.5s linear infinite;
	/* this can be changed on a per-item basis to provide different effects */
	-webkit-transform-origin: left;
	        transform-origin: left;
}
body.quickview-invoked-loading:after,
.body .quickview-loading:after,
.quickview-container [id="media"] .images-loading .scroll:after {
	content: "Loading";
	z-index: 4;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	font-size: 0.75em;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}
body.quickview-invoked-loading > *,
.body .quickview-loading > *,
.quickview-container [id="media"] .images-loading .scroll > * {
	opacity: 0.15;
}
body.quickview-invoked-loading[data-loading-text]:after,
.body .quickview-loading[data-loading-text]:after,
.quickview-container [id="media"] .images-loading .scroll[data-loading-text]:after,
[class*="loading"][data-loading-text]:after {
	content: attr(data-loading-text);
}
[class*="loading"][data-loading-text]:after {
	text-align: center;
	width: 100%;
	text-transform: uppercase;
	margin-top: -1em;
}
[data-loader-line^="after"][data-loader-line$="top"]:after,
[data-loader-line^="before"][data-loader-line$="top"]:before {
	top: 0;
	margin-top: -1px;
}
[data-loader-line^="after"][data-loader-line$="bottom"]:after,
[data-loader-line^="before"][data-loader-line$="bottom"]:before {
	top: auto;
	bottom: 0;
	margin-top: 1px;
}

/* vip badge used in checkout */
.vip-badge,
.circle-badge {
	position: relative;
	height: 0;
	padding-bottom: 100%;
	background-color: #888;
	text-align: center;
	color: white;
	border-radius: 50%;
}
.vip-badge .vip-badge-inner,
.circle-badge .circle-badge-contents {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.vip-badge .vip-badge-inner-line {
	font-size: 17px;
	line-height: 1;
	letter-spacing: 0.025em;
}
.vip-badge .vip-badge-inner-line-top {
	font-size: 24px;
	letter-spacing: 0.01em;
}
.one-page-cart .lead-opt-in {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
	background-color: #f3fbff;
	padding: 20px 10px;
	margin-top: 0;
	border-bottom: 5px solid #e5e5e5;
}
.one-page-cart .lead-opt-in input + label {
	margin-bottom: 0;
}
.one-page-cart .lead-opt-in label .label-title {
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
}
.one-page-cart .lead-opt-in label .label-details {
	font-size: 12px;
	color: #999;
	line-height: 1.2;
	margin: 0.5em 0;
}
.one-page-cart .lead-opt-in .vip-badge-container {
	width: 50%;
	max-width: 125px;
	padding-right: 10px;
	margin: 0 20px;
}
.one-page-cart .lead-opt-in .vip-membership-option {
	margin-right: 20px;
}

.postreg-drawer {
	text-align: center;
	font-weight: 500;
	padding-bottom: 10px;
}
.postreg-drawer > * + * {
	margin-top: 30px;
}
.postreg-drawer .promo-intro {
	font-size: 17px;
	letter-spacing: 0.075em;
	text-transform: uppercase;
}
.postreg-drawer .promo-box .promo-box-jumbo {
	font-size: 65px;
	line-height: 65px;
	color: #F9423A;
}
.postreg-drawer .promo-box .promo-box-jumbo .mid {
	font-size: 0.5em;
	display: inline-block;
	vertical-align: top;
}
.postreg-drawer .promo-box .promo-box-normal {
	text-transform: uppercase;
	letter-spacing: 0.12em;
	font-size: 17px;
}

/* FBL-1629: Scarcity Banners */
.scarcity-banner {
	position: absolute;
	right: 0;
	font-size: 12px;
	font-family: Georgia, serif;
	font-style: italic;
	line-height: 1;
	color: white;
	text-align: center;
	pointer-events: none;
}
.scarcity-banner.corner-wrap {
	top: 0;
	z-index: 10;
	overflow: hidden;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	font-size: 14px;
}
.scarcity-banner.corner-wrap .scarcity-banner-inner {
	position: absolute;
	padding: 0.625em 0;
	width: 200px;
	background: #F9423A;
	white-space: nowrap;
	right: 12%;
	top: 6%;
	-webkit-transform: translateX(50%) rotate(45deg);
	        transform: translateX(50%) rotate(45deg);
}
.scarcity-banner.tag {
	position: absolute;
	right: 6px;
	top: 448px;
	left: auto;
	font-size: 11px;
	text-transform: uppercase;
	padding-left: 1.75em;
	padding-right: 1.75em;
}
.scarcity-banner.tag:before {
	border-right-color: #F6F5F6;
}
.scarcity-banner.tag:after {
	border-left-color: #F6F5F6;
}
.flag-banner,
.scarcity-banner.ribbon {
	text-transform: uppercase;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Gotham, 'Helvetica Neue', HelveticaNeue, Helvetica, Arial, sans-serif;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background: none;
	line-height: 1;
	padding: 0;
	color: white;
	font-size: 10px;
	display: inline-block;
}
.scarcity-banner.ribbon {
	right: 24px;
	bottom: 6px;
}
.flag-banner .flag-banner-inner,
.scarcity-banner.ribbon .scarcity-banner-inner {
	background: #F9423A;
	padding: 0 0.25em;
	line-height: 24px;
	position: relative;
}
.flag-banner .flag-banner-inner:before,
.flag-banner .flag-banner-inner:after,
.scarcity-banner.ribbon .scarcity-banner-inner:before,
.scarcity-banner.ribbon .scarcity-banner-inner:after {
	content: "";
	width: 0;
	height: 0;
	display: inline-block;
	position: absolute;
	z-index: 1;
	top: 0;
	border: 12px solid #F9423A;
}
.flag-banner .flag-banner-inner:before,
.scarcity-banner.ribbon .scarcity-banner-inner:before {
	right: 100%;
	margin-right: -8px;
	border-left-color: transparent !important;
}
.flag-banner .flag-banner-inner:after,
.scarcity-banner.ribbon .scarcity-banner-inner:after {
	left: 100%;
	margin-left: -8px;
	border-right-color: transparent !important;
}
.flag-banner .flag-banner-text,
.scarcity-banner.ribbon .scarcity-banner-text {
	position: relative;
	z-index: 2;
}

.grid:not(.grid-small) .item.large .scarcity-banner.ribbon,
.grid:not(.grid-small) .item.outfit .scarcity-banner.ribbon {
	font-size: 11px;
}
.grid:not(.grid-small) .item.large .scarcity-banner.ribbon.scarcity-banner-messaging,
.grid:not(.grid-small) .item.outfit .scarcity-banner.ribbon.scarcity-banner-messaging {
	font-size: 10px;
}
.fl-mobile .scarcity-banner {
	display: none;
}

/**
 * GLOBAL FORM STYLES
 * - repurposed from pure css forms module
 */
/*csslint box-model:false*/
/*
Box-model set to false because we're setting a height on select elements, which
also have border and padding. This is done because some browsers don't render
the padding. We explicitly set the box-model for select elements to border-box,
so we can ignore the csslint warning.
*/

.fl-form input[type="text"],
.fl-form input[type="password"],
.fl-form input[type="email"],
.fl-form input[type="url"],
.fl-form input[type="date"],
.fl-form input[type="month"],
.fl-form input[type="time"],
.fl-form input[type="datetime"],
.fl-form input[type="datetime-local"],
.fl-form input[type="week"],
.fl-form input[type="number"],
.fl-form input[type="search"],
.fl-form input[type="tel"],
.fl-form input[type="color"],
.fl-form select,
.fl-form textarea {
	padding: 0.75em 0.75em;
	display: inline-block;
	border: 1px solid #ccc;
	box-shadow: none;
	border-radius: 0;
	vertical-align: middle;
	box-sizing: border-box;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Gotham, 'Helvetica Neue', HelveticaNeue, Helvetica, Arial, sans-serif;
}
.fl-desktop .fl-form input[type="text"],
.fl-desktop .fl-form input[type="password"],
.fl-desktop .fl-form input[type="email"],
.fl-desktop .fl-form input[type="url"],
.fl-desktop .fl-form input[type="date"],
.fl-desktop .fl-form input[type="month"],
.fl-desktop .fl-form input[type="time"],
.fl-desktop .fl-form input[type="datetime"],
.fl-desktop .fl-form input[type="datetime-local"],
.fl-desktop .fl-form input[type="week"],
.fl-desktop .fl-form input[type="number"],
.fl-desktop .fl-form input[type="search"],
.fl-desktop .fl-form input[type="tel"],
.fl-desktop .fl-form input[type="color"],
.fl-desktop .fl-form select,
.fl-desktop .fl-form textarea {
	font-size: 12px;
}

/*
Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
since IE8 won't execute CSS that contains a CSS3 selector.
*/
.fl-form input:not([type]) {
	padding: 0.5em 0.6em;
	display: inline-block;
	border: 1px solid #ccc;
	box-shadow: inset 0 1px 3px #ddd;
	border-radius: 4px;
	box-sizing: border-box;
}


/* Chrome (as of v.32/34 on OS X) needs additional room for color to display. */
/* May be able to remove this tweak as color inputs become more standardized across browsers. */
.fl-form input[type="color"] {
	padding: 0.2em 0.5em;
}


.fl-form input[type="text"]:focus,
.fl-form input[type="password"]:focus,
.fl-form input[type="email"]:focus,
.fl-form input[type="url"]:focus,
.fl-form input[type="date"]:focus,
.fl-form input[type="month"]:focus,
.fl-form input[type="time"]:focus,
.fl-form input[type="datetime"]:focus,
.fl-form input[type="datetime-local"]:focus,
.fl-form input[type="week"]:focus,
.fl-form input[type="number"]:focus,
.fl-form input[type="search"]:focus,
.fl-form input[type="tel"]:focus,
.fl-form input[type="color"]:focus,
.fl-form select:focus,
.fl-form textarea:focus {
	outline: 0;
	border-color: #aaa;
}

/*
Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
since IE8 won't execute CSS that contains a CSS3 selector.
*/
.fl-form input:not([type]):focus {
	outline: 0;
	border-color: #aaa;
}

.fl-form input[type="file"]:focus,
.fl-form input[type="radio"]:focus,
.fl-form input[type="checkbox"]:focus {
	outline: thin solid #aaa;
	outline: 1px auto #aaa;
}
.fl-form .fl-checkbox,
.fl-form .fl-radio {
	margin: 0.5em 0;
	display: block;
}

.fl-form input[type="text"][disabled],
.fl-form input[type="password"][disabled],
.fl-form input[type="email"][disabled],
.fl-form input[type="url"][disabled],
.fl-form input[type="date"][disabled],
.fl-form input[type="month"][disabled],
.fl-form input[type="time"][disabled],
.fl-form input[type="datetime"][disabled],
.fl-form input[type="datetime-local"][disabled],
.fl-form input[type="week"][disabled],
.fl-form input[type="number"][disabled],
.fl-form input[type="search"][disabled],
.fl-form input[type="tel"][disabled],
.fl-form input[type="color"][disabled],
.fl-form select[disabled],
.fl-form textarea[disabled] {
	cursor: not-allowed;
	background-color: #eaeded;
	color: #cad2d3;
}

/*
Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
since IE8 won't execute CSS that contains a CSS3 selector.
*/
.fl-form input:not([type])[disabled] {
	cursor: not-allowed;
	background-color: #eaeded;
	color: #cad2d3;
}
.fl-form input[readonly],
.fl-form select[readonly],
.fl-form textarea[readonly] {
	background-color: #eee; /* menu hover bg color */
	color: #777; /* menu text color */
	border-color: #ccc;
}

.fl-form:not([novalidate]) input[type="text"]:invalid,
.fl-form:not([novalidate]) input[type="password"]:invalid,
.fl-form:not([novalidate]) input[type="email"]:invalid,
.fl-form:not([novalidate]) input[type="url"]:invalid,
.fl-form:not([novalidate]) input[type="date"]:invalid,
.fl-form:not([novalidate]) input[type="month"]:invalid,
.fl-form:not([novalidate]) input[type="time"]:invalid,
.fl-form:not([novalidate]) input[type="datetime"]:invalid,
.fl-form:not([novalidate]) input[type="datetime-local"]:invalid,
.fl-form:not([novalidate]) input[type="week"]:invalid,
.fl-form:not([novalidate]) input[type="number"]:invalid,
.fl-form:not([novalidate]) input[type="search"]:invalid,
.fl-form:not([novalidate]) input[type="tel"]:invalid,
.fl-form:not([novalidate]) input[type="color"]:invalid,
.fl-form:not([novalidate]) select:invalid,
.fl-form:not([novalidate]) textarea:invalid {
	border-color: #F9423A;
}
.fl-form:not([novalidate]) input[type="file"]:focus:invalid:focus,
.fl-form:not([novalidate]) input[type="radio"]:focus:invalid:focus,
.fl-form:not([novalidate]) input[type="checkbox"]:focus:invalid:focus {
	outline-color: #F9423A;
}
.fl-form select {
	/* Normalizes the height; padding is not sufficient. */
	height: 2.25em;
	border: 1px solid #ccc;
	background-color: white;
}
.fl-form select[multiple] {
	height: auto;
}
.fl-form label {
	margin: 0.5em 0 0.2em;
}
.fl-form fieldset {
	margin: 0;
	padding: 0.35em 0 0.75em;
	border: 0;
}
.fl-form legend {
	display: block;
	width: 100%;
	padding: 0.3em 0;
	margin-bottom: 0.3em;
	color: #333;
	border-bottom: 1px solid #e5e5e5;
}

.fl-form-stacked input[type="text"],
.fl-form-stacked input[type="password"],
.fl-form-stacked input[type="email"],
.fl-form-stacked input[type="url"],
.fl-form-stacked input[type="date"],
.fl-form-stacked input[type="month"],
.fl-form-stacked input[type="time"],
.fl-form-stacked input[type="datetime"],
.fl-form-stacked input[type="datetime-local"],
.fl-form-stacked input[type="week"],
.fl-form-stacked input[type="number"],
.fl-form-stacked input[type="search"],
.fl-form-stacked input[type="tel"],
.fl-form-stacked input[type="color"],
.fl-form-stacked input[type="file"],
.fl-form-stacked select,
.fl-form-stacked label,
.fl-form-stacked textarea {
	display: block;
	margin: 0.25em 0;
}

/*
Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
since IE8 won't execute CSS that contains a CSS3 selector.
*/
.fl-form-stacked input:not([type]) {
	display: block;
	margin: 0.25em 0;
}
.fl-form-aligned input,
.fl-form-aligned textarea,
.fl-form-aligned select,
/* NOTE: fl-help-inline is deprecated. Use .fl-form-message-inline instead. */
.fl-form-aligned .fl-help-inline,
.fl-form-message-inline {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
}
.fl-form-aligned textarea {
	vertical-align: top;
}

/* Aligned Forms */
.fl-form-aligned .fl-control-group {
	margin-bottom: 0.5em;
}
.fl-form-aligned .fl-control-group label {
	text-align: right;
	display: inline-block;
	vertical-align: middle;
	width: 10em;
	margin: 0 1em 0 0;
}
.fl-form-aligned .fl-controls {
	margin: 1.5em 0 0 11em;
}

/* Rounded Inputs */
.fl-form input.fl-input-rounded,
.fl-form .fl-input-rounded {
	border-radius: 2em;
	padding: 0.5em 1em;
}

/* Grouped Inputs */
.fl-form .fl-group fieldset {
	margin-bottom: 10px;
}
.fl-form .fl-group input,
.fl-form .fl-group textarea {
	display: block;
	padding: 10px;
	margin: 0 0 -1px;
	border-radius: 0;
	position: relative;
	top: -1px;
}
.fl-form .fl-group input:focus,
.fl-form .fl-group textarea:focus {
	z-index: 3;
}
.fl-form .fl-group input:first-child,
.fl-form .fl-group textarea:first-child {
	top: 1px;
	border-radius: 4px 4px 0 0;
	margin: 0;
}
.fl-form .fl-group input:first-child:last-child,
.fl-form .fl-group textarea:first-child:last-child {
	top: 1px;
	border-radius: 4px;
	margin: 0;
}
.fl-form .fl-group input:last-child,
.fl-form .fl-group textarea:last-child {
	top: -2px;
	border-radius: 0 0 4px 4px;
	margin: 0;
}
.fl-form .fl-group button {
	margin: 0.35em 0;
}

.fl-form .fl-input-1 {
	width: 100%;
}
.fl-form .fl-input-3-4 {
	width: 75%;
}
.fl-form .fl-input-2-3 {
	width: 66%;
}
.fl-form .fl-input-1-2 {
	width: 50%;
}
.fl-form .fl-input-1-3 {
	width: 33%;
}
.fl-form .fl-input-1-4 {
	width: 25%;
}

/* Inline help for forms */
/* NOTE: fl-help-inline is deprecated. Use .fl-form-message-inline instead. */
.fl-form .fl-help-inline,
.fl-form-message-inline {
	display: inline-block;
	padding-left: 0.3em;
	color: #666;
	vertical-align: middle;
	font-size: 0.875em;
}

/* Block help for forms */
.fl-form-message {
	display: block;
	color: #666;
	font-size: 0.875em;
}

/** custom expansion on the pure forms */
.fl-form:invalid:not([novalidate]) [type="submit"] {
	background-color: #CCC;
	cursor: default;
	pointer-events: none;
}
.fl-form .fl-input-error {
	font-size: 12px;
	color: #F9423A;
	content: attr(data-error-message);
	text-align: left;
	display: none;
}
.fl-form:not([novalidate]) :invalid + .fl-input-error {
	display: block !important;
}

/**************/
/*** ALERTS ***/
/**************/
.alert {
    padding: 15px;
    margin-bottom: 10px;
    border: 1px solid transparent;
    border-radius: 0;
}
.alert h4 {
    margin-top: 0;
    color: inherit
}
.alert .alert-link {
    font-weight: 700
}
.alert > p,
.alert > ul {
    margin-bottom: 0
}
.alert > p + p {
    margin-top: 5px
}
.alert-dismissable,
.alert-dismissible {
    padding-right: 35px
}
.alert-dismissable .close,
.alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}
.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}
.alert-success hr {
    border-top-color: #c9e2b3
}
.alert-success .alert-link {
    color: #2b542c
}
.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}
.alert-info hr {
    border-top-color: #a6e1ec
}
.alert-info .alert-link {
    color: #245269
}
.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}
.alert-warning hr {
    border-top-color: #f7e1b5
}
.alert-warning .alert-link {
    color: #66512c
}
.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}
.alert-danger hr {
    border-top-color: #e4b9c0
}
.alert-danger .alert-link {
    color: #843534
}
.alert .error_container .error_text {
    text-align: center;
    color: #fe3c00;
    font-size: 12px;
}
.alert .error_container .error_text ul li {
    display: block;
    margin: 0;
    text-align: center;
    padding: 0;
}


/** flipcard module */
.flipcard-container {
	width: 750px;
	height: 260px;
	position: relative;
	-webkit-perspective: 800px;
	        perspective: 800px;
}
.flipcard {
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-transform-style: preserve-3d;
	        transform-style: preserve-3d;
	transition: -webkit-transform 1s;
	transition: transform 1s;
	transition: transform 1s, -webkit-transform 1s;
}
.flipcard {
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-transform-style: preserve-3d;
	        transform-style: preserve-3d;
	transition: -webkit-transform 1s;
	transition: transform 1s;
	transition: transform 1s, -webkit-transform 1s;
}
.flipcard-front,
.flipcard-back {
	margin: 0;
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
	background: white;
}
.flipcard-back {
	-webkit-transform: rotateY(180deg);
	        transform: rotateY(180deg);
}
.flipcard.flipped,
.flipcard.expanded {
	-webkit-transform: rotateY(180deg);
	        transform: rotateY(180deg);
}

/* tab group with faux inputs to handle state */
.input-tab-group {}
.input-tab-group .input-tab-group {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.input-tab-group .input-tab-input {
	opacity: 0.001;
	position: absolute;
}
.input-tab-group .input-tab-label {
	display: inline-block;
	padding: 24px 0;
	border-bottom: 0 solid transparent;
	color: #b2aea5;
	cursor: pointer;
	transition: all 0.25s ease;
}
.input-tab-group .input-tab-label:hover {
	color: #888;
}
.input-tab-group .input-tab-label ~ .input-tab-label {
	margin-left: 30px;
}
.input-tab-group .input-tab-input:checked + .input-tab-label {
	color: #010101;
	border-color: #010101;
	border-bottom-width: 3px;
	padding-bottom: 21px;
}

/* basic styled select wrapper */
.styledSelect {
	display: inline-block;
	background: transparent url(//fabletics-us-cdn.justfab.com/media/images/select-sort.svg) no-repeat right center;
	background-size: contain;
	border: 1px solid #DDDDDD;
	font-size: 11px;
}
.styledSelect + .styledSelect {
	margin-left: 20px;
}
.styledSelect select { 
	font-size: 1em;
	color: #999999;
	line-height: 1.090909091;
	padding: 0.818181818em;
	padding-right: 2.727272727em;
	text-transform: capitalize;
	background: transparent;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	font-family: 'Gotham SSm A', 'Gotham SSm B', 'Gotham', 'Helvetica Neue', HelveticaNeue, Helvetica, Arial, sans-serif;
}
/* ie de-styling */
.styledSelect select::-ms-expand {
    display: none;
}
.styledSelect select:focus,
.styledSelect select:active { 
	outline: none;
}
.styledSelect.styledSelect-focus {
	border-color: #999;
}
.styledSelect.styledSelect-value select {
	color: #333;
	font-weight: 500;
}

/**
 * END MODULE DEFINITIONS
 ******************************************************************************/


/*******************************************************************************
 * START PAGE-SPECIFIC WORK
 */

.retail-landing {
	width: 100%;
	margin: 0 auto;
	background: transparent url(//fabletics-us-cdn.justfab.com/media/images/en_US/brand/background-bikes-bridge.jpg) center top no-repeat;
	background-size: cover;
	text-align: center;
	height: 0;
	padding-top: 64.453125%;
	position: relative;
}
/* pinch under the black bar */
.no-skinny ~ .body .retail-landing {
	margin-top: -24px;
}
.retail-landing .retail-offer-lead {
	color: white;
	text-transform: uppercase;
}
.retail-landing .retail-offer-box,
.retail-landing .retail-offer-cta {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
}	
.retail-landing .retail-offer-box {
	top: 7%;
	box-sizing: border-box;
	min-width: 43.28125%;
	padding: 40px;
	/*background-color: rgba(255,255,255, 0.9);*/
	background-color: white;
	box-shadow: 0 0 5px rgba(0,0,0, 0.1);
}
.retail-landing .retail-offer-cta {
	bottom: 2.65%;
	text-transform: uppercase;
}
.retail-landing .retail-offer-cta .button-text {
	color: white;
	font-size: 24px;
	font-weight: normal;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}
.retail-landing .retail-offer-cta .button:hover {
	text-decoration: none;
}
.retail-landing .retail-offer-cta .button i:before {
	margin-left: 0.5em;
	-webkit-transform: scale(1.5);
	        transform: scale(1.5);
}
.retail-landing .retail-offer-box-heading {
	font-size: 14px;
	padding: 1em;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	background-color: #F1F1F1;
}
.retail-landing .retail-offer-preexisting {
	font-size: 12px;
	margin-top: 1.5em;
	color: #fd8458;
	border-color: transparent;
}
.retail-landing .retail-offer-preexisting:first-child {
	margin-top: 0;
}
.retail-landing .retail-offer-preexisting:last-child {
	margin-bottom: 0;
}
.retail-landing .retail-offer-preexisting .alert-link {
	text-transform: capitalize;
	text-decoration: underline;
	color: #fd8458;
}
.retail-landing .retail-offer-preexisting .alert-link:hover {
	color: #F9423a;
}
.retail-landing .retail-offer-box .retail-offer-breakdown {
	margin: 1em auto;	
}
.retail-landing .retail-offer-box .cta,
.retail-landing .retail-offer-box .footnote {
	margin-top: 1em;
}
.retail-landing .retail-offer-box .cta .button {
	padding-left: 3em;
	padding-right: 3em;
}
.retail-landing .retail-offer-box .footnote {
	font-size: 14px;
}
.retail-landing .fl-form {
	display: block;
	margin: 0 auto;
}
.fl-desktop .retail-landing .fl-form {
	width: 50%;
}
.retail-landing .fl-form [type="submit"] {
	margin-top: 1em;
}

.retail-offer-breakdown {
	font-size: 21px;
	width: 100%;
}
.retail-offer-breakdown th,
.retail-offer-breakdown td {
	padding: 0.5em 0;
	font-weight: normal;
	white-space: nowrap;
	vertical-align: top;
}
.retail-offer-breakdown th {
	text-align: left;
}
.retail-offer-breakdown td {
	text-align: right;
	padding-left: 1em;
}
.retail-offer-breakdown .retail-offer-breakdown-purchase-credit th,
.retail-offer-breakdown .retail-offer-breakdown-purchase-credit td {
	font-size: 1.142857143em;
	font-weight: bold;
	padding-bottom: 1em;
}
.retail-offer-breakdown .retail-offer-breakdown-purchase-credit .purchase-credit-expired {
	font-size: 0.666666667em;
	letter-spacing: 0;
	text-transform: uppercase;
}

.retail-offer-breakdown .retail-offer-breakdown-totals th,
.retail-offer-breakdown .retail-offer-breakdown-totals td {
	border-top: 1px solid #ddd;
	padding-top: 1em;
}
.retail-offer-breakdown .retail-offer-breakdown-totals.total-free th,
.retail-offer-breakdown .retail-offer-breakdown-totals.total-free td {
	padding-bottom: 0;
}
.retail-offer-breakdown .retail-offer-breakdown-totals th,
.retail-offer-breakdown .retail-offer-breakdown-totals td,
.retail-offer-breakdown .retail-offer-breakdown-remaining th,
.retail-offer-breakdown .retail-offer-breakdown-remaining td {
	font-weight: 500;
}
.retail-offer-breakdown .retail-offer-breakdown-remaining th,
.retail-offer-breakdown .retail-offer-breakdown-remaining td {
	font-size: 0.761904762em;
}

/* mobile retail landing */
.fl-mobile .retail-landing {
	height: auto;
	padding-top: 69%;
	background-size: 107.5% auto;
	background-position: right top;
}
.fl-mobile .retail-landing .retail-offer-lead {
	position: absolute;
	top: 40vw;
	left: 0;
	width: 100%;
	font-size: 5vw;
	letter-spacing: 0.1em;
}
.fl-mobile .retail-landing .retail-offer-lead i {
	margin-top: 1em;
}
.fl-mobile .retail-landing .retail-offer-box {
	position: static;
	-webkit-transform: none;
	        transform: none;
	width: auto;
	min-width: 0;
	background: white;
	padding: 20px;
	border-top: 3px solid #333;
	margin-bottom: 2em;
	box-shadow: none;
}
.fl-mobile .retail-landing .retail-offer-box-heading {
	display: none;
}
.fl-mobile .retail-landing .retail-offer-box .retail-offer-breakdown {
	margin-top: 0;
}
.fl-mobile .retail-offer-breakdown {
	font-size: 3.5vw;
}
.fl-mobile .retail-landing .retail-offer-box .cta .button {
	display: block;
	padding: 1.5em 0;
}
.fl-mobile .retail-offer-cta {
	display: none;
}

/* mobile retail quiz heading */
.fl-mobile .heading--retail {
	font-size: 3.75vw;
}

[data-layout="landing-retail"] .footer {
	margin-top: 0;
}
[data-page-key="press"] .video-launch video,
[data-page-key="press"] .video-launch .videojs,
[data-page-key="press"] .video-launch [data-responsive-embed] {
	display: none;
}
[data-page-key="press"] .body .press .quote {
	padding: 0;
	text-align: left;
	margin-top: 1em;
	color: #333;
}
[data-page-key="press"] .body .press .item-grid {
	margin-top: 2em;
}
[data-page-key="press"] .body .press .item-grid .item {
	height: auto;
	min-height: 180px;
	margin-bottom: 2em;
	padding-top: 1em;
	padding-bottom: 1em;
}
/* mens landing */
.body > .container .masthead.masthead--mens {
	box-sizing: border-box;
	padding: 10.5% 9.0909091% 0 58%;
	min-height: 480px;
	text-align: center;
	/*
	oliver background
	background: transparent url(//fabletics-us-cdn.justfab.com/media/images/en_US/brand/oliver-jogging-camo.jpg) left center no-repeat;*/
	background: transparent url(//fabletics-us-cdn.justfab.com/media/images/en_US/brand/mens-desert-jogging-red-tank.jpg) left center no-repeat;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.body > .container .masthead.masthead--mens:after {
	display: none; /* disabled */
	content: "";
	position: absolute;
	left: 45%;
	top: 0;
	z-index: 2;
	height: 100%;
	width: 100%;
	-webkit-transform: skewX(13deg);
	        transform: skewX(13deg);
	background-image: linear-gradient(#3d84b3, #96bfcf 85%, #97becd);
}
.masthead.masthead--mens {
	color: white;
}
.body > .container .masthead.masthead--mens .caption {
	left: 0;
	bottom: 0;
	padding: 1em;
	text-align: left;
	max-width: 200px;
	font-size: 15px;
	text-transform: none;
}
.body > .container .masthead.masthead--mens .caption .name {
	font-weight: 500;
	text-transform: uppercase;
}
.masthead.masthead--mens .fl2-logo {
	width: 140px;
	margin: 16px auto 25px;
}
.masthead.masthead--mens h1 {
	font-size: 16px;
	letter-spacing: 0.25em;
	text-transform: uppercase;
	margin: 0;
}
.masthead.masthead--mens .contrasting {
	color: white;
}
.masthead.masthead--mens p {
	font-size: 17px;
}
.masthead.masthead--mens .cta {
	margin: 2em auto 0;
	width: 180px;
}
.masthead.masthead--mens .cta .button + .button {
	margin-top: 0.75em;
}
.masthead.masthead--mens .cta .button i:before {
	font-size: 12px;
	width: 20px;
	height: 20px;
	margin-top: -3px;
	margin-bottom: -3px;
	line-height: 18px;
	background: #333;
	background: rgba(0,0,0, 0.5);
	text-align: center;
	border-radius: 50%;
	text-indent: 0.1em;
	box-sizing: border-box;
}
[data-layout="catalog-womens"] .masthead {
	background-image: url(//fabletics-us-cdn.justfab.com/media/images/en_US/revolving/home/background--kate-deck.jpg);
	background-size: cover;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	
}
[data-layout="catalog-womens"] .masthead h1 {
	color: white;
	font-size: 2.5em;
}
[data-layout="catalog-womens"] .body > .container .masthead.masthead--v2 .offer .intro {
	font-size: 13px;
	font-weight: 500;
}
[data-layout="catalog-womens"] .body > .container .masthead.masthead--v2 .offer .intro:after {
	margin-top: 22px;
}
[data-layout="catalog-womens"] .body > .container .masthead .offer .subtext {
	font-size: 13px;
	font-style: italic;
}
[data-layout="catalog-womens"] .body > .container .masthead.masthead--v2 .offer .price {
	/*margin: 0.125em 0;*/
}
[data-layout="catalog-womens"] .masthead .caption {
	display: none;
}
[data-layout="catalog-womens"] .product-listing .footer-bar {
	display: none;
}
[data-layout="catalog-womens"] .body .how-it-works {
	margin: 30px 0;
}

[data-layout="catalog-mens"] .body > .container {
	padding-bottom: 40px;
}
[data-layout="catalog-mens"] .body [data-split-pane],
[data-layout="catalog-mens"] .body .how-it-works,
[data-layout="catalog-mens"] .body .shop-modules {
	margin-top: 40px;
	margin-bottom: 0;
}
[data-layout="catalog-mens"] [data-split-pane].comparison-table-container:before {
	background-image: url(//fabletics-us-cdn.justfab.com/media/images/en_US/brand/men-shorts-closeup.jpg);
}
[data-layout="catalog-mens"] [data-split-pane].the-story-container:before {
	background-image: url(//fabletics-us-cdn.justfab.com/media/images/en_US/brand/kate-oliver-sitting.jpg);
	background-position: center top;
}
[data-layout="catalog-mens"] [data-split-pane].the-fl2-man-container:before {
	background-image: url(//fabletics-us-cdn.justfab.com/media/images/en_US/brand/man-child-soccer.jpg);
}
[data-layout="catalog-mens"] .comparison-table-container [data-split-pane-contents] {
	padding: 2em;
}
[data-layout="catalog-mens"] .comparison-table-container ~ [data-split-pane] [data-split-pane-contents] {
	font-size: 17px;
}
[data-layout="catalog-mens"] .comparison-table-container ~ [data-split-pane] [data-split-pane-contents] p {
	line-height: 1.6;
}
[data-layout="catalog-mens"] .comparison-table-container ~ [data-split-pane] [data-split-pane-contents] h1 {
	font-size: 2.5em;
	text-transform: uppercase;
}
[data-layout="catalog-mens"] .comparison-table-container ~ [data-split-pane] [data-split-pane-contents] blockquote {
	margin-left: 0.5em;
	margin-right: 0.5em;
}
[data-layout="catalog-mens"] .comparison-table-container ~ [data-split-pane] [data-split-pane-contents] blockquote p {
	margin: 0;
}
[data-layout="catalog-mens"] .comparison-table-container ~ [data-split-pane] [data-split-pane-contents] blockquote p + p {
	margin-top: 1em;
}
[data-layout="catalog-mens"] .comparison-table-container ~ [data-split-pane] [data-split-pane-contents] .cta {
	margin-top: 2em;
}
[data-layout="catalog-mens"] .the-story-container .video-link {
	font-size: smaller;
	font-weight: 500;
	text-transform: uppercase;
}
[data-layout="catalog-mens"] .the-story-container .video-link i {
	margin-left: 0.25em;
	text-indent: 0.04em;
	padding: 0.25em;
	display: inline-block;
	vertical-align: middle;
	width: 1em;
	height: 1em;
	border-radius: 0.25em;
	color: white;
	line-height: 1;
	background: #333;
	text-align: center;
}
[data-layout="catalog-mens"] .the-fl2-man p {
	margin-left: 1em;
	margin-right: 1em;
}

[data-layout="catalog-mens"] .body .how-it-works--new .heading {
	/*font-size: 42.5px;*/
}

[data-layout="catalog-mens"] .product-listing {
	max-width: none;
}
[data-layout="catalog-mens"] .product-listing .footer-bar {
	display: none;
}
[data-layout="home-main"] .product-listing {
	overflow: hidden;
}
[data-layout="home-main"][data-locale="en_US"] .product-listing .grid {
	margin: 0;
	padding: 0 20px;
}
[data-layout="home-main"] .product-listing .grid .products {
	margin: 0 0 30px -12px;
	padding: 0 36px 0 24px;
}
[data-layout="home-main"] .product-listing .grid .products:after {
	content: "4";
	display: none;
}
[data-layout="home-main"] .product-listing .grid .products .item {
	box-sizing: border-box;
	padding-left: 12px;
	margin: 0;
	width: 25%;
}
[data-layout="home-main"] .product-listing .grid .products .item .shot.lazy-images--loading {
	height: 0;
	padding-bottom: 150.1529052%;
}
[data-layout="home-main"] .product-listing .header-bar {
	background: none;
	padding-left: 0;
	padding-right: 0;
}
[data-layout="home-main"] .product-listing .header-bar a {
	text-transform: uppercase;
	color: #f9423a;
	font-size: 0.8em;
}
[data-layout="home-main"] .product-listing + .product-listing {
	border-top: 1px solid #f5f5f5;
	padding-top: 1em;
}
[data-layout="home-main"] .body .comparison-table-container,
[data-layout="home-main"] .body .how-it-works,
[data-layout="home-main"] .body .shop-modules {
	margin-top: 30px;
	margin-bottom: 0;
}
[data-layout="home-main"] .products.flickity-enabled .flickity-prev-next-button {
	top: 37.5%;
}
[data-layout="home-main"] [data-split-pane].comparison-table-container:before {
	background-image: url(//fabletics-us-cdn.justfab.com/media/images/en_US/brand/kate-fireplace.jpg);
}

[data-layout="home-main"] .press-items {
	padding: 60px;
}
[data-layout="home-main"] .press-item {
	width: 100%;
}

/** Mens Top Sellers */
[data-layout="home-brand_mens_top_sellers"] .product-listing {
	margin-bottom: 3em;
}
[data-layout="home-brand_mens_top_sellers"] .banner {
	display: block;
	text-align: center;
	color: white;
	background: transparent url(//fabletics-us-cdn.justfab.com/media/images/en_US/brand/mens/banner--mens-gear.jpg) center center no-repeat;
	height: 240px;
	display: table-row;
	padding-left: 20px;
	padding-right: 20px;
}
[data-layout="home-brand_mens_top_sellers"] .banner .content {
	font-size: 24px;
	line-height: 1.5;
	letter-spacing: 0.025em;
	font-weight: 500;
	display: table-cell;
	vertical-align: middle;
}
[data-layout="home-brand_mens_top_sellers"] .banner .content p {
	margin-top: 0;
}
[data-layout="home-brand_mens_top_sellers"] .container {
	padding-bottom: 3em;
}
/* fit guide */
/**
 * FBL-167 Size And Fit Guides
 */
.container.size-fit-guide {
	padding: 28px 0 84px;
	line-height: 1.4;
}
.container.size-fit-guide h1,
.container.guides h1 {
	font-size: 1.3em;
	font-weight: 500;
	text-transform: uppercase;
	margin: 0 0 1em;
}
.container.size-fit-guide .figure {
	float: left;
}
.container.size-fit-guide .content {
	overflow: hidden;
	padding-left: 1.5em;
}
.container.size-fit-guide .content.content-full {
	padding: 0;
}
.container.size-fit-guide .content.content-full .heading {
	background: none;
	margin: 0;
	padding: 0;
}
.container.size-fit-guide .content .heading {
	margin-left: -1.5em;
	padding: 1em 1.5em;
	background: #EEEEEE;
}
.container.size-fit-guide .content .heading h1,
.container.size-fit-guide .content .heading h3 {
	margin-bottom: 1.5em;
	line-height: 1;
}
.container.size-fit-guide .content .heading .subnav {
	display: block;
	padding: 0;
	margin: 0;
}
.container.size-fit-guide .content .heading .subnav li {
	display: inline-block;
	margin-left: 0.75em;
	padding-left: 1em;
	border-left: 1px solid #F9423A;
	line-height: 1;
}
.container.size-fit-guide .content .heading .subnav li:first-child {
	margin-left: 0;
	padding-left: 0;
	border-left: none;
}
.container.size-fit-guide .content .heading .subnav li a {
	color: #F9423A;
	font-weight: 500;
	text-decoration: underline;
}
.container.size-fit-guide .content .section {
	margin-top: 3em;
	padding-top: 3em;
	border-top: 1px solid #333333;
}
.container.size-fit-guide .content .section:first-child {
	margin-top: 0;
	border-top: none;
}
.container.size-fit-guide .content .section .lead {
	margin-bottom: 2em;
}
.container.size-fit-guide .content.content-full > .size-chart {
	text-decoration: underline;
}
.container.size-fit-guide .product-comparison-wrapper {
	margin-top: 2em;
}
#colorbox.pant-size-chart #cboxContent,
#colorbox.size-chart #cboxContent {
	background: white;
	padding: 30px;
}
#colorbox.pant-size-chart .disclaimer,
#colorbox.size-chart .disclaimer {
	text-align: left;
}

/* size guides */
.container.guides .sizechart br {
	display: none;
}
.container.guides .chart {
	font-size: 13px;
}
.container.guides .chart caption {
	text-align: left;
	font-size: 16px;
	text-transform: uppercase;
	padding-left: 0;
}
.container.guides .chart caption strong {
	display: none;
}

.container.guides {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	
}
.container.guides h1 {
	text-transform: none;
	font-size: 22px;
}
.container.size-fit-guide.guides {
	padding-top: 0;
}

.container.guides .lookbook,
.container.guides .lookbook .activity,
.container.guides .copy {
	float: none;
	width: auto;
}

.container.guides .figure {
	float: left;
	width: 48%;
	margin-right: 4%;
	text-align: center;
}
.container.guides .figure img {
	max-width: 100%;
	height: auto;
}
.container.guides .figure + .content {
	padding-left: 0;
	overflow: hidden;
}
.container.guides .content {
	font-size: 16px;
}
.container.guides .content .lead {
	font-size: 1.125em;
}
.container.guides .content h2 {
	font-size: 1.5em;
	line-height: 1;
}
.container.guides .content :last-child {
	margin-bottom: 0;
}
.container.guides .section + .section {
	margin-top: 3em;
}

.container.guides dl dt {
	font-weight: bold;
	text-transform: uppercase;
}
.container.guides dl dd :first-child {
	margin-top: 0;
}
.container.guides dl dd :last-child {
	margin-bottom: 0;
}

.container.size-fit-guide .content h1 {
	padding-left: 0;
	padding-right: 0;
}
@media screen and (max-width: 640px) {
	.container.size-fit-guide .content.content-full {
		padding-left: 20px;
		padding-right: 20px;
		font-size: 3vw;
	}
	.container.size-fit-guide .product-comparison-wrapper {
		max-width: 100%;
		overflow-x: auto;
		position: relative;
		padding: 1em 0;
	}
	.container.size-fit-guide .product-comparison-wrapper table.product-comparison {
		border-collapse: collapse;
		width: 175%;
	}
	.container.size-fit-guide .product-comparison-wrapper table.product-comparison .image td {
		padding: 0 0.25em;
	}
	[data-layout="home-mens_fabrics"] .container.size-fit-guide > .content {
		padding-left: 20px;
		padding-right: 20px;
	}
	.rating {
		width: 80%;
		font-size: 5vw;
		line-height: 1;
		letter-spacing: 0.1em
	}
	.rating,
	.rating .stars[class*="stars-"] {
		width: auto;
		height: auto;
	}
	table.product-comparison .cta .button {
		font-size: inherit;
	}
}
@media screen and (max-width: 381px) {
	.container.size-fit-guide .content.content-full {
		font-size: 4vw;		
	}
	.container.size-fit-guide .product-comparison-wrapper table.product-comparison {
		width: 285%;
	}
}

body.ajax-processing {
	cursor: progress;
}
[id="cboxLoadedContent"] > .invisible {
	display: block;
}
[id="colorbox"].subco-modal {
	background: #FFF;
}
[id="colorbox"].subco-modal [id="cboxTopCenter"] {
	background: #E5E5E5;
	height: 45px;
}
[id="colorbox"].subco-modal #cboxClose {
	background: none;
	top: -45px;
	right: 0;
	font-size: 18px;
	font-weight: normal;
	color: #333;
	height: 45px;
	width: 45px;
	line-height: 0;
	text-indent: 0;
	text-transform: uppercase;
	-webkit-transform: scaleX(1.2);
	        transform: scaleX(1.2);
}
[id="colorbox"].subco-modal .litebox {
	width: 648px;
	float: none;
	padding: 24px 36px;
	font-size: 11px;
}
[id="colorbox"].subco-modal .litebox .button {
	background-image: none;
	font-size: 14px;
	line-height: 2.857142857em;
	padding: 0 2em;
	display: inline-block;
}
.subco-option-details {
    position: relative;
	padding: 0 24px;
}
.subco-option-details .scroll,
.subco-option-details .scroll .slide {
    width: 600px;
}
.subco-option-details .scroll {
	float: none;
    min-height: 200px;
}
.subco-option-details .scroll .slide {
    float: left;
}
.subco-option-details .magazine {
    float: left;
    margin-right: 20px;
}
.subco-option-details .content {
	overflow: hidden;
}
.subco-option-details .content h1 {
	font-size: 17px;
	font-weight: 500;
	text-transform: uppercase;
	margin: 0;
}
.subco-option-details .content h2 {
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
}
.subco-option-details .content p {
	font-size: 13px;
	margin: 0 0 1em;
}
.subco-option-details .content .value {
	font-size: 17px;
	font-weight: 500;
	color: #F9423A;
	text-transform: uppercase;
	margin-bottom: 1em;
}
.subco-option-details a.left,
.subco-option-details a.right {
    position: absolute;
    width: 60px;
    height: 100%;
    top: 0;
    z-index: 999;
    margin: 0;
    background: none;
}
.subco-option-details a.left {
	left: -36px;
}
.subco-option-details a.right {
	right: -36px;
}

.subco-option-details a.left i,
.subco-option-details a.right i {
	position: absolute;
	top: 50%;
	font-size: 36px;
	margin-top: -0.5em;
	color: #DDD;
	width: 100%;
	text-align: center;
}
.subco-option-details a.left:hover i,
.subco-option-details a.right:hover i {
	color: #333;
}

[id="colorbox"].subco-modal .actions {
	border-top: 1px solid #E5E5E5;
	margin-top: 28px;
	padding: 28px 0;
	text-align: center;
}
[id="colorbox"].subco-modal .subco-terms p {
	color: #999999;
	margin: 0;
}
[id="colorbox"].subco-modal .subco-terms p + p {
	margin-top: 1em;
}

[data-layout="home-size_guide"] .charts {
	margin-left: -50px;
}
[data-layout="home-size_guide"] .charts .chart-container {
	box-sizing: border-box;
	width: 50%;
	float: left;
	padding-left: 50px;
	padding-bottom: 50px;
}
[data-layout="home-size_guide"] .charts .chart--inseam {
	width: 70%;
}


[data-layout="home-size_guide"] .section {
	font-size: 1.230769231em;
}

[data-layout="home-size_guide"] .section.section--fit-guide {
	padding-top: 1.5em;
	margin-top: 1.5em;
	border-top: 1px solid #E5E5E5;
}
[data-layout="home-size_guide"] .section.section--fit-guide .fit-guides li + li {
	margin-left: 5em;
}

[data-layout="home-care_guide"] .content {
	padding: 2em 0;
	font-size: 14px;
}
[data-layout="home-care_guide"] .container.guides .content h2 {
	font-size: 1.1em;
	font-weight: 500;
}
[data-layout="home-care_guide"] .content .section ul li {
	line-height: 1.3;
}
[data-layout="home-care_guide"] .content .section ul li + li {
	margin-top: 0.5em;
}
[data-layout="home-care_guide"] .content .section ul li strong:first-child {
	text-transform: uppercase;
}
[data-layout="home-care_guide"] .content .section.section--general-care ul {
	padding-left: 28px;
	background: transparent url('//fabletics-us-cdn.justfab.com/media/images/brand/Fabletics_Site_CareGuide_06.png') left top no-repeat;
}
[data-layout="home-mens_size_guide"] .figure {
	margin-top: 3em;
}
[data-layout="home-mens_size_guide"] .content {
	font-size: 16px;
}
[data-layout="home-mens_size_guide"] .content .sizechart {
	font-size: 13px;
	margin-bottom: 2em;
}
[data-layout="home-mens_fabrics"] .media-figure {
	margin-right: 36px;
	max-width: 50%;
}
[data-layout="home-mens_fabrics"] .fabric + .fabric {
	margin-top: 120px;
}

/* bra guide */
[data-layout="home-bra_guide"] .size-guide-navigation {
	margin-bottom: 0;
}

/**
 * FLY Collection
 */
[data-layout="catalog-shop_fly"] .main-navigation > ul.navigation--new {
	max-width: 1003px;
}
[data-layout="catalog-shop_fly"] .container,
.container.fly-collection {
	width: 1003px;
}
[data-layout="catalog-shop_fly"] .body > .container .banner,
.container.fly-collection .banner {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	box-sizing: border-box;
	margin-bottom: 90px;
}
[data-layout="catalog-shop_fly"] .banner--masthead {
	background-image: url('//fabletics-us-cdn.justfab.com/media/images/en_US/brand/fly-collection/banners/banner-masthead.jpg');
	background-position: left top; 
}
[data-layout="catalog-shop_fly"] .banner--2365870 {
	background-image: url('//fabletics-us-cdn.justfab.com/media/images/en_US/brand/fly-collection/banners/banner-2365870.jpg');
}
[data-layout="catalog-shop_fly"] .banner--2365864 {
	background-image: url('//fabletics-us-cdn.justfab.com/media/images/en_US/brand/fly-collection/banners/banner-2365864.jpg');
}
[data-layout="catalog-shop_fly"] .banner--2365858 {
	background-image: url('//fabletics-us-cdn.justfab.com/media/images/en_US/brand/fly-collection/banners/banner-2365858.jpg');
}
[data-layout="catalog-shop_fly"] .banner--2365855 {
	background-image: url('//fabletics-us-cdn.justfab.com/media/images/en_US/brand/fly-collection/banners/banner-2365855.jpg');
}
[data-layout="catalog-shop_fly"] .banner--about-fly {
	background-image: url('//fabletics-us-cdn.justfab.com/media/images/en_US/brand/fly-collection/banners/banner-about-fly.jpg');
}
.fly-collection .product-listing .grid {
	margin: 0 auto;
	width: 978px;
}
.fly-collection .product-listing .grid .item {
	margin: 0;
}
.fly-collection .product-listing .grid .item + .item {
	margin-left: 9px;
}
.fly-collection .product-listing .grid .item .shot {
	position: relative;
}
.fly-collection .product-listing .grid .item .badge {
	position: absolute;
	top: auto;
	bottom: 15px;
	left: 18px;
	width: 60px;
	height: auto;
}
/* tune this up slightly for smaller sizes - the border gets wonky */
.fly-collection .badge [data-svg-image="fly-collection-logo"] {
	border: 1px solid #999;
}
.fly-collection .badge [data-svg-image="fly-collection-logo"] .fly-collection-logo--outline {
	visibility: hidden;
}
.fly-collection .grid .item .box .price .regular {
	color: #999;
}
.fly-collection .grid .item .box .price .regular span {
	text-decoration: none;
}

.body > .container.fly-collection .masthead.masthead--fly-collection {
	padding: 65px 75px 0 475px;
	height: 480px;
	min-height: 0;
	text-align: center;
}
.masthead--fly-collection [data-svg-image] {
	margin-left: auto;
	margin-right: auto;
}
.masthead--fly-collection [data-svg-image="introducing"] {
	width: 46%;
	margin-bottom: -6px;
}
.masthead--fly-collection [data-svg-image="fly-collection-logo"] {
	width: 60%;
}
.masthead--fly-collection .lead {
	font-size: 17px;
	font-weight: 500;
	line-height: 1.7;
	letter-spacing: 0.025em;
	color: #414042;
	margin: 50px 0;
}
.masthead--fly-collection .cta .button.greyed i,
.masthead--fly-collection .cta .button.greyed [data-svg-image] {
	display: none;
}
.masthead--fly-collection .cta .button [data-svg-image] {
	width: 1em;
	display: inline-block;
	vertical-align: sub;
}
.masthead--fly-collection .cta .button i:before {
	width: 1em;
	height: 1em;
	background: white;
	color: #333;
	border-radius: 50%;
	text-indent: 0.125em;
	line-height: 0.825em;
	vertical-align: baseline;
}

/* Video Player Maneuvers */
.billboard {
	overflow: hidden;
	position: relative;
	transition: background 0.5s ease;
}
/* force these as important to blast any overridden sizes away */
.billboard.expanded {
	min-height: 0 !important;
	height: 0 !important;
	padding-top: 56.25% !important;
	background-position: -1500px top !important;
}
.billboard .billboard-content .billboard-overlay {
	position: absolute;
	top: 0;
	left: 0;
}
.billboard .billboard-content,
.billboard .billboard-player,
.billboard .close-button {
	transition: all 0.5s ease;
}
.billboard .billboard-ready {
	transition: -webkit-transform 0.5s ease;
	transition: transform 0.5s ease;
	transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.billboard .billboard-content {
	position: relative;
	-webkit-transform: scale(1);
	        transform: scale(1);
	opacity: 1;
}
.billboard .billboard-content .billboard-toggle {
	cursor: pointer;
}
.billboard .billboard-persistent {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.billboard .billboard-player {
	position: absolute;
	left: 100%;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.billboard.billboard-background-player .billboard-player {
	pointer-events: none;
}
.billboard .close-button {
	position: absolute;
	z-index: 2;
	right: 1em;
	top: -2em;
	opacity: 0;
	-webkit-transform: rotate(720deg);
	        transform: rotate(720deg);
}
.billboard .billboard-ready {
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(50%);
	        transform: translateY(50%);
}
.billboard.billboard--ready .billboard-ready {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	        transform: translateY(0);
}
.billboard.expanded .billboard-content {
	-webkit-transform: scale(0.2);
	        transform: scale(0.2);
	opacity: 0;
	position: absolute;
}
.billboard.expanded .billboard-player {
	left: 0;
	position: relative;
	height: auto;
}
.billboard.expanded .billboard-player:not(.transitioning) {
}
.billboard.expanded .close-button {
	-webkit-transform: rotate(0deg);
	        transform: rotate(0deg);
	top: 1em;
}
.touch .billboard.expanded .close-button,
.no-touch .billboard.expanded:hover .close-button {
	opacity: 1;
}

/* Banners */
.container.fly-collection [data-split-pane-contents] {
	background: none;
	padding: 100px;
}
.container.fly-collection .banner:before {
	display: none;
}
.container.fly-collection .banner .banner-box {
	font-size: 17px;
	background-color: rgba(255,255,255, 0.85);
	width: 350px;
	box-sizing: border-box;
	padding: 64px 50px 50px;
	display: inline-block;
	text-align: center;
}
.container.fly-collection .banner[data-split-pane^="right"] [data-split-pane-contents] {
	padding-left: 0;
	text-align: right;
}
.container.fly-collection .banner[data-split-pane^="left"] [data-split-pane-contents] {
	padding-right: 0;
	text-align: left;
}
.container.fly-collection .banner h2 {
	font-size: 36px;
	font-weight: 500;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}
.container.fly-collection .banner .cta .button-text {
	text-transform: uppercase;
	color: #333;
	font-weight: 500;
}
.container.fly-collection .banner .cta .button-text i:before {
	vertical-align: baseline;
}
.body > .container.fly-collection .banner.banner--about-fly {
	padding: 0;
	margin: 60px 0 0;
	background-size: 100%;
}
.container.fly-collection .banner.banner--about-fly [data-split-pane-contents] {
	padding-left: 0;
	padding-top: 1em;
}
.container.fly-collection .banner.banner--about-fly .banner-box {
	width: 690px;
	margin: 332px auto 0;
	display: block;
}
.body > .container.fly-collection.fly-collection--dynamic .masthead.masthead--fly-collection.expanded {
	padding-left: 0;
	height: auto;
}
.body > .container.fly-collection.fly-collection--dynamic .masthead.masthead--fly-collection.expanded .billboard-content {
	height: 0;
	padding: 0;
	min-height: 0;
}
.container.fly-collection .banner.banner--about-fly .banner-box p {
	width: 88%;
	margin-left: auto;
	margin-right: auto;
}
.container.fly-collection .banner.banner--about-fly .banner-box .cta .button {
	text-decoration: underline;
	font-size: 18px;
}
.container.fly-collection .banner.banner--about-fly .banner-box .cta .button i {
	display: none;
}
.container.fly-collection .box .name,
.container.fly-collection .box .price,
.container.fly-collection .box .price .regular {
	display: block;
	float: none;
}

/* FLY Collection Pages (non-static) */
.body > .container.fly-collection.fly-collection--dynamic .masthead.masthead--fly-collection {
	background-image: url('//fabletics-us-cdn.justfab.com/media/images/en_US/brand/fly-collection/banners/Lookbook_Banner_Womens_07_2015_FLY_1003x365_V1.jpg');
	background-position: left top; 
	height: 365px;
	padding: 0 0 0 600px;
}
.body > .container.fly-collection.fly-collection--dynamic .banner--about-fly {
	background-image: url('//fabletics-us-cdn.justfab.com/media/images/en_US/brand/fly-collection/banners/FL_Fly_Grid_Banner_07_2015.jpg');
}
.fly-collection.fly-collection--dynamic .masthead--fly-collection .billboard-content {
	box-sizing: border-box;
	background: rgba(255,255,255, 0.7);
	min-height: 365px;
	padding: 90px 60px 0;
}
.fly-collection.fly-collection--dynamic .masthead--fly-collection .billboard-content .prehead {
	font-family: 'Arapey', serif;
	font-weight: normal;
	font-style: italic;
	text-transform: uppercase;
	font-size: 34px;
}
.fly-collection.fly-collection--dynamic .masthead--fly-collection [data-svg-image="fly-collection-logo"] {
	width: 75%;
}
.fly-collection.fly-collection--dynamic .masthead--fly-collection .lead {
	line-height: 1.4;
	margin: 1em 0;
}
.fly-collection.fly-collection--dynamic .masthead--fly-collection .cta .button {
	font-size: 12px;
}
.fly-collection.fly-collection--dynamic .masthead--fly-collection .cta .button [data-svg-image] {
	width: 12px;
}

/** STORE LOCATOR */
.store-locator {
	padding: 35px 20px;
}
.store-locator .heading {
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 1em;
}
.store-locator-map-container,
.store-locations {
	border: 1px solid #F1F1F1;
}
.store-locator-map-container {
	padding: 2em 16.1616162% 2em 11.111%;
}
.store-locator-map {
	position: relative;
}
.store-locator-map .store-locator-pin {
	position: absolute;
	font-size: 11px;
	font-weight: 500;
	text-transform: uppercase;
	height: 15px;
	line-height: 15px;
	white-space: nowrap;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	        -ms-flex-align: center;
	    align-items: center;
	margin-top: -8px;
}
.store-locator-map .store-locator-pin.pin-right {
	-webkit-flex-direction: row-reverse;
	        -ms-flex-direction: row-reverse;
	    flex-direction: row-reverse;
	-webkit-transform: translateX(-100%);
	        transform: translateX(-100%)
}
.store-locator-map .store-locator-pin:hover .store-locator-pin-title {
	text-decoration: underline;
}
/** store-specific tuning, to prevent overlaps. sucks but the easiest way */
.store-locator-map .store-locator-pin.store-locator-pin-st--louis-mo,
.store-locator-map .store-locator-pin.store-locator-pin-columbia-md {
	margin-top: 0;
}
.store-locator-map .store-locator-pin-icon {
	display: inline-block;
	width: 15px;
	height: 15px;
	line-height: 11px;
	margin-right: 0.5em;
}
.store-locator-map .pin-right .store-locator-pin-icon {
	margin-right: 0;
	margin-left: 0.5em;
}
.store-locator-map-container + .store-locations {
	border-top-width: 0;
}
.store-location {
	padding: 3em 3.5em;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	        -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-justify-content: space-between;
	        -ms-flex-pack: justify;
	    justify-content: space-between;
}
/** coming soon styles */
.store-location.coming-soon {}
.store-location.coming-soon .store-location-hours {
	visibility: hidden;
}
.store-location + .store-location {
	border-top: 1px solid #F1F1F1;
}
.store-location-heading {
	width: 100%;
	font-size: 18px;
	margin-bottom: 2em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #333;
	text-transform: uppercase;
	font-weight: bold;
}
.store-location-heading .store-location-heading-name {
	font-size: 0.777777778em;
	color: #999;
	font-weight: 500;
	margin-left: 0.5em;
}
.tag {
	display: inline-block;
	background-color: #FC4031;
	line-height: 1;
	padding: 0.75em 2.25em;
	color: white;
	font-weight: normal;
	font-size: 0.666666667em;
	vertical-align: text-bottom;
	margin-left: 1em;
	margin-bottom: -0.25em;
	position: relative;
}
.tag:after,
.tag:before {
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-width: 1.25em;
	margin-top: -1.25em;
	-webkit-transform: translateX(100%);
	        transform: translateX(100%);
}
.tag:after {
	right: 100%;
	border-left-color: white;
	-webkit-transform: translateX(100%);
	        transform: translateX(100%);
}
.tag:before {
	left: 100%;
	border-right-color: white;
	-webkit-transform: translateX(-100%);
	        transform: translateX(-100%);
}
.store-location-details {
	font-weight: 500;
	margin-left: 2%;
	width: 57%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	        -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-justify-content: space-between;
	        -ms-flex-pack: justify;
	    justify-content: space-between;
	-ms-flex-line-pack: start;
	        -webkit-align-content: flex-start;
	        align-content: flex-start;
}
.store-location-details > * {
	width: 46%;
	box-sizing: border-box;
}
.store-location-details .store-location-features.store-location-features-with-events,
.store-location-details .store-location-events-container {
	margin-right: 50%;
}
.store-location-map {
	width: 35%;
}
.store-location-map .button-new {
	text-align: center;
}
.store-locator-cta {
	text-align: center;
	margin-top: 3em;
	font-weight: 500;
}
.store-locator-cta h2 {
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
}
.store-locator-cta p {
	margin: 26px 0;
}
.store-locator-cta .lead {
	font-size: 18px;
	color: #999;
	margin-top: 0.5em;
}
.store-locator-cta .button-full {
	max-width: 300px;
	margin: 0 auto;
}
.store-location .store-location-address,
.store-location .store-location-availability {
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid #E5E5E5;
} 
.store-location .store-location-address .store-location-address-line {
	line-height: 1.1;
}
.store-location .store-location-address .store-location-address-line + .store-location-address-line {
	margin-top: 0.125em;
}
.store-location .store-location-availability dt {
	text-transform: none;
}
.store-location .store-location-features,
.store-location .store-location-feature {
	font-size: 12px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: flex-end;
	        -ms-flex-pack: end;
	    justify-content: flex-end;
}
.store-location .store-location-features {
	-webkit-justify-content: space-between;
	        -ms-flex-pack: justify;
	    justify-content: space-between;
	text-transform: uppercase;
}
.store-location .store-location-feature-icon {
	height: 15px;
	width: 15px;
	display: inline-block;
	margin-right: 0.25em;
}
.store-location .feature-fl2 .store-location-feature-icon {
	width: 31px; /* yup */
}
.store-location .inline-list {
	margin-top: 0;
	margin-bottom: 0;
	line-height: 1.5;
}
.store-location [class*="-link"] {
	color: #F9423A;
}
.store-location .store-location-link {
	margin-top: 1em;
	display: inline-block;
}
.store-location .store-location-events-container {
	margin-top: 3em;
	padding-top: 1.5em;
	border-top: 1px solid #E5E5E5;
}
.store-location .store-location-events-container h3 {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}
.store-location .store-location-event {
	margin-top: 1em;
	color: #999999;
	line-height: 1.3;
}
.store-location .store-location-event .location-event-title {
	font-size: 1.25em;
	font-weight: bold;
	color: #333;
}
.store-location .store-location-dynamic-container h3 {
	font-weight: bold;
	margin-bottom: 1.5em;
}
.store-location .store-location-dynamic-container .store-location-hours dt {
	text-transform: capitalize;
}
.store-location .store-location-dynamic-container .store-location-hours dd {
	font-weight: normal;
}

/* store locations: small devices */
@media screen and (max-width: 768px) {
	/* all our mobile-hidden elements */
	.store-locator-map-container,
	.store-location-map {
		display: none;
	}
	.store-locator {
		padding-top: 0;
		font-size: 12px;
	}
	.store-locator .heading {
		margin-bottom: 0;
		padding-top: 1em;
		padding-bottom: 1em;
	}
	.store-locator-map-container {
		display: none;
	}
	.store-locator-map-container + .store-locations {
		border-width: 0;
	}
	.store-location {
		padding: 1em 5px;
		border-top: 1px solid #f1f1f1;
	}
	.store-location-heading {
		font-size: 14px;
		border-bottom: 0;
		padding-bottom: 0;
		margin-bottom: 0;
	}
	.store-location-heading .store-location-heading-city,
	.store-location-heading .store-location-heading-name {
		display: block;
	}
	.store-location-heading .tag {
		margin-top: 1em;
		margin-left: 0;
		font-size: 11px;
	}
	.store-location-details {
		width: 100%;
		-webkit-flex-wrap: nowrap;
		    -ms-flex-wrap: nowrap;
		        flex-wrap: nowrap;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		margin: 2em 0;
		display: block;
	}
	.store-location-details > * {
		width: auto;
		margin-bottom: 0;
		padding-bottom: 0;
		border-bottom: 0;
		margin-bottom: 1em;
		padding-bottom: 1em;
		border-bottom: 1px solid #E5E5E5;
		-webkit-order: 1;
		    -ms-flex-order: 1;
		        order: 1;
	}
	.store-location.coming-soon .store-location-hours {
		display: none;
	}
	.store-location .store-location-link {
		margin-top: 0.25em;
	}
	.store-location-details > .store-location-features {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		border-bottom: 0;
		-webkit-order: 2;
		    -ms-flex-order: 2;
		        order: 2;
	}
	.store-location .store-location-dynamic-container h3 {
		font-size: 1.125em;
	}	
	.store-locator-cta {
		padding-top: 3em;
		border-top: 1px solid #F1F1F1;
		margin-top: 0;
	}
	.store-locator-cta h2,
	.store-locator-cta .lead,
	.store-locator-cta p,
	.store-locator-cta .cta .button {
		font-size: 13px;
	}
	.store-locator-cta h2 {
		margin-bottom: 0.25em;
	}
	.store-locator-cta .lead {
		margin-top: 0;
	}
}

/**
 * FBL-940: PreOrder
 */
[id="preorder-notification"] {
	width: 720px;
	margin: 0 auto;
}
[id="preorder-notification"] .litebox {
	padding: 30px 60px;
	float: none;
}
.preorder-confirmation {
	margin: 0 auto;
	text-align: center;
	font-size: 14px;
}
.preorder-confirmation img {
	max-width: 100%;
	height: auto;
}
.preorder-confirmation .lead {
	font-size: 1.428571429em;
	font-weight: 500;
	margin: 0 0 1em;
}
.preorder-confirmation .product-title {
	font-size: 1.214285714em;
	font-weight: 500;
	text-transform: uppercase;
	margin: 0 0 1.5em;
}
.preorder-confirmation .preorder-products,
.preorder-confirmation .preorder-explanation {
	margin-bottom: 1em;
}
.preorder-confirmation .preorder-products {
	padding-bottom: 1em;
	border-bottom: 1px solid #E5E5E5;
}
.preorder-confirmation .preorder-product .preorder-product-image {
	width: 140px;
	margin: 0 auto;
}
.preorder-confirmation .preorder-product:first-child:last-child {
	width: auto;
}
.preorder-confirmation [data-product-type-id="14"] .preorder-product {
	float: left;
	width: 190px;
	margin: 0;
}
.preorder-confirmation [data-product-type-id="1"] .preorder-product-name {
	display: none;
}
.preorder-confirmation .preorder-product {
	margin: 0 20px;
}
.preorder-confirmation .preorder-product + .preorder-product {
	margin-left: 10px;
}
.preorder-confirmation .preorder-product .preorder-product-image {
	border: 1px solid #E6E6E6;
}
.preorder-confirmation .preorder-product .preorder-product-name,
.preorder-confirmation .preorder-product .preorder-product-name + .preorder-product-option {
	margin-top: 0.5em;
}
.preorder-confirmation .preorder-product .preorder-product-name {
	text-transform: uppercase;
	line-height: 1.1;
}
.preorder-confirmation .preorder-product .preorder-product-option .label,
.preorder-confirmation .preorder-product .preorder-product-option .value {
	text-transform: capitalize;
}
.preorder-confirmation .preorder-product .preorder-product-option .value .segment + .segment:before {
	content: " | ";
}
.preorder-confirmation .preorder-product .preorder-product-option--size .value .segment--2,
.preorder-confirmation .preorder-product .preorder-product-option--inseam .value .segment + .segment {
	display: none;
}
.preorder-confirmation .preorder-explanation {
	line-height: 1.5;
}
.preorder-confirmation .actions .status-message {
	font-size: 12px;
	margin-top: 1em;
	display: none;
}
.preorder-confirmation .actions .status-message.error,
.preorder-confirmation .actions .status-message.success {
	display: block;
}
.preorder-confirmation .actions .status-message.error {
	color: #FE3C00;
}
.preorder-confirmation .actions .status-message a {
	color: #F9423A;
}
.preorder-confirmation .actions .status-message a:hover {
	text-decoration: underline;
}
.preorder-action-confirm.actions {
	padding: 30px;
	width: 315px;
}
.preorder-action-confirm.actions p {
	padding: 20px;
}
.preorder-action-confirm.actions p .product-name {
	font-weight: bold;
}
.preorder-action-confirm.actions .button {
	text-transform: none;
	min-width: 4em;
}
.preorder-action-confirm.actions .button + .button {
	margin-left: 18px;
}
[data-layout="shop-viewproduct"] .button-new {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	line-height: 14px;
}

/** mobile-ish stuff scoped to drawer */
[id="drawer"] .preorder-confirmation {
	margin-bottom: 1em;
	font-weight: 500;
}
[id="drawer"] .preorder-confirmation .lead {
	font-size: 15px;
	font-weight: bold;
}
[id="drawer"] .preorder-confirmation .product-title {
	font-size: 15px;
}
[id="drawer"] .preorder-confirmation .preorder-products {
	border-width: 0;
	padding: 0;
	margin: 0;
}
[id="drawer"] .preorder-confirmation .preorder-product {
	float: none;
	width: auto;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid #eeeeee;
}
[id="drawer"] .preorder-confirmation .preorder-product + .preorder-product {
	margin-left: 0;
}
[id="drawer"] .preorder-confirmation .preorder-product .preorder-product-image,
[id="drawer"] .preorder-confirmation .preorder-product .preorder-product-details {
	-webkit-flex: 1 1 auto;
	        -ms-flex: 1 1 auto;
	    flex: 1 1 auto;
}
[id="drawer"] .preorder-confirmation .preorder-product .preorder-product-image {
	border-color: #eeeeee;
	margin-right: 1em;
	max-width: 33%;
}
[id="drawer"] .preorder-confirmation .preorder-product .preorder-product-image img {
	display: block;
}
[id="drawer"] .preorder-confirmation .preorder-product .preorder-product-details {
	text-align: left;
}
[id="drawer"] .preorder-confirmation .preorder-product .preorder-product-name {
	font-size: 15px;
	font-weight: 500;
	text-transform: capitalize;
	margin: 0 0 0.5em;
}
[id="drawer"] .preorder-confirmation .preorder-product .preorder-product-options {
	display: table;
}
[id="drawer"] .preorder-confirmation .preorder-product .preorder-product-options .preorder-product-option:not(.invisible) {
	display: table-row;
}
[id="drawer"] .preorder-confirmation .preorder-product .preorder-product-options .preorder-product-option .label,
[id="drawer"] .preorder-confirmation .preorder-product .preorder-product-options .preorder-product-option .value {
	display: table-cell;
}
[id="drawer"] .preorder-confirmation .preorder-product .preorder-product-options .preorder-product-option .value {
	padding-left: 1em;
	padding-top: 0.5em;
	color: #999;
}
[id="drawer"] .preorder-confirmation .preorder-explanation {
	font-size: 13px;
}
[id="drawer"] .preorder-confirmation .actions .button.continue-shopping,
[id="drawer"] .preorder-confirmation.preorder-successful .actions .button[type="submit"] {
	display: none;
}
[id="drawer"] .preorder-confirmation.preorder-successful .actions .button.continue-shopping {
	display: block;
	margin-top: 1em;
}

/** VIP GOLD */
.vip-gold-benefits {
	display: block;
	text-align: center;
	margin-top: 24px;
	margin-bottom: 24px;
	padding: 0 30px;
	box-sizing: border-box;
}
.vip-gold-benefits a {
	color: #CC9933;
	text-decoration: underline;
}
.vip-gold-benefits a:hover {
	color: #333;
}
.vip-gold-benefits > * + * {

}
.vip-gold-heading {
	padding: 2px;
}
.vip-gold-heading-inner {
	font-size: 60px;
	font-weight: normal;
	line-height: 1;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	background: white;
	text-transform: uppercase;
}
.vip-gold-heading-inner [data-svg-image="vip-gold"] {
	width: 300px;
	margin: 0 auto;
	max-width: 80%;
}
.vip-gold-lead {
	font-size: 15px;
	margin-top: 2.5em;
	margin-bottom: 2.5em;
}
.vip-gold-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 12px;
	table-layout: fixed;
}
.vip-gold-table td,
.vip-gold-table th {
	padding: 1.5em 2em;
	width: 33%;
}
.vip-gold-table th {
	font-weight: normal;
	padding: 0.5em 0;
}
.vip-gold-table td {
	font-weight: 500;
}
.vip-gold-table .vip-gold-column-heading {
	font-size: 1.416666667em;
	text-transform: uppercase;
}
.vip-gold-table .vip-gold-column-gold {
	color: #CC9933;
} 
.vip-gold-table tbody .vip-gold-column-benefit {
	text-align: left;
}
.vip-gold-table tbody tr + tr td {
	border-top: 1px solid #E3E3E3;
}
.vip-gold-table tbody tr:first-child td {
	padding-top: 3em;
}
.vip-gold-table .benefit-active {
	width: 1em;
	height: 1em;
	display: inline-block;
	background: #333;
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg)
}
.vip-gold-table .vip-gold-column-gold .benefit-active {
	background-color: #CC9933;
}

/* skip month confirmation */
.skip-month-confirm {
	display: block;
	color: white;
	max-width: 1280px;
	min-width: 990px;
	max-height: 500px;
	margin: 0 auto;
	box-sizing: border-box;
	background: transparent url(//fabletics-us-cdn.justfab.com/media/images/en_US/boutique/background-sky-palm-tree.jpg) center top no-repeat;
	background-size: cover;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	height: 39.148073vw;
}
.skip-month-confirm .skip-month-heading {
	font-size: 40px;
	padding-left: 50px;
}
.skip-month-confirm .lead {
	text-transform: uppercase;
	width: 55%;
	margin: 1em auto 0;
	line-height: 1.4;
}
.skip-month-confirm .cta {
	margin-top: 3em;
}
[data-layout="home-skip_month_confirmation"] .footer {
	margin-top: 0;
}
@media screen and (max-width: 488px) {
	.vip-gold-table .vip-gold-column-heading {
		font-size: 12px;
		padding: 0.375em 0;
	}
	.vip-gold-lead {
		text-align: left;
	}
	.vip-gold-table td {
		padding-left: 0;
		padding-right: 0;
	}
	.vip-gold-table tbody tr:first-child td {
		padding-top: 2em;
	}
	.vip-gold-table .benefit-active {
		font-size: 10px;
	}
}

/* postreg retail */
.postreg-retail-lightbox {
	font-size: 12px;
}
.postreg-retail-lightbox .postreg-retail-lightbox-heading {
	margin-top: 1em;
	letter-spacing: 0.25em;
	text-transform: uppercase;
}
.postreg-retail-lightbox .postreg-retail-lightbox-offer-details {
	margin-top: 2em;
	line-height: 1.3;
}
.postreg-retail-lightbox .postreg-retail-lightbox-offer,
.postreg-retail-lightbox .postreg-retail-lightbox-offer-price {
	font-weight: bold;
}
.postreg-retail-lightbox .postreg-retail-lightbox-offer {
	font-size: 2em;
}
.postreg-retail-lightbox .postreg-retail-lightbox-offer-price {
	font-size: 3em;
	text-transform: uppercase;
}
.postreg-retail-lightbox .postreg-retail-lightbox-offer-note {
	margin-top: 1em;
}
[id="post_reg_lightbox"] .litebox .inner .postreg-retail-lightbox .offer-action {
	margin-top: 3em;
}


/** RESPONSIVE WORK STARTS HERE */
@media screen and (max-width: 768px) {
	.cart [data-cart-count]:after {
		font-size: 14px;
		font-weight: 500;
		margin-left: 0.25em;
	}
	.navigation li.cart .cart-summary-dropdown {
		left: auto;
		right: 3.125%;
		-webkit-transform: translateX(100%);
		        transform: translateX(100%);
		transition-delay: 0s;
		width: 93.75%;
		max-width: 480px;
		padding: 0;
		border-width: 5px;
		box-shadow: 0 2px 10px -4px rgba(0,0,0, 0.2);
		margin-top: -2px;
	}
	.navigation li.cart .cart-summary-dropdown.expanded {
		margin-top: -2px;
		-webkit-transform: translateX(0);
		        transform: translateX(0);
	}
	/* shift the arrow */
	.cart .cart-summary-dropdown .cart-summary:before {
		left: auto;
		right: 4px;
		margin-top: -19px;
	}
	.cart-summary > * + * {
		padding-left: 15px;
		padding-right: 15px;
	}
	.cart-summary .cart-summary-viewport {
		max-height: 230px; /* two items for mobile */
	}
	.cart-summary-table .cart-line-contents {
		padding-right: 2em;
	}
	.cart-summary-table .cart-line-name > a:first-child {
		font-size: 12px;
	}
	.cart-summary-table .cart-line-remove {
		font-size: 13px;
	}
	.container,
	[data-layout="catalog-shop_fly"] .container,
	.container.fly-collection {
		display: block;
		width: auto;
	}
	.grid { overflow: hidden; } 
	.body > .container .masthead.masthead--mens {
		padding: 8.125vw 5% 5vw;
		background-image: url('//fabletics-us-cdn.justfab.com/media/images/en_US/brand/mens/landing/x-background.png');
		background-position: bottom center;
		background-size: cover;
		min-height: 0;
	}
	.body > .container .masthead.masthead--mens .caption {
		display: none;
	}
	.masthead.masthead--mens .fl2-logo {
		width: 40%;
		margin-top: 1em;
		margin-bottom: 2em;
	}
	.masthead.masthead--mens h1 {
		font-size: 4.25vw;
		font-weight: normal;
	}
	.masthead.masthead--mens p {
		font-size: 4.0625vw;
	}
	.masthead.masthead--mens .cta .button i:before {
		font-size: inherit;
	}

	.header-bar {
		font-size: 4.375vw;
		padding-top: 1em;
		padding-bottom: 1em;
	}

	.compare-table {
		font-size: 4.375vw;
	}
	.compare-table .compare-table-data {
		margin-left: 0;
	}
	.compare-table .compare-table-data .compare-table-data-subheading {
		font-size: 4.375vw;
	}
	.compare-table .compare-table-table {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	.compare-table .compare-table-table tr {
		position: relative;
		display: block;
		border-bottom: 1px solid #BBB;
	}
	.compare-table .compare-table-table tr:before,
	.compare-table .compare-table-table tr:after {
		content: " ";
		display: table;
	}
	.compare-table .compare-table-table tr:after {
		clear: both;
	}
	.compare-table .compare-table-table th,
	.compare-table .compare-table-table td {
		vertical-align: bottom;
		display: block;
		width: 50%;
		float: left;
		box-sizing: border-box;
		border-bottom: none;
	}
	/*.compare-table .compare-table-table tr[data-row-heading]:before {
		content: attr(data-row-heading);
		position: absolute;
		left: 10%;
		top: 0;
		width: 80%;
		text-align: center;
		text-transform: uppercase;
		border-bottom: 1px solid #cccccc;
		padding: 0.25em 0;
		line-height: 1.5em
	}*/
	.compare-table .compare-table-table th:first-child {
		display: block;
		margin: 0 10%;
		width: 80%;
		padding: 0;
		text-align: center;
		text-transform: uppercase;
		border-bottom: 1px solid #cccccc;
		padding: 0.25em 0;
		line-height: 1.5em
	}
	.compare-table .compare-table-table thead th:first-child {
		border-width: 0;
	}
	.compare-table .compare-table-table thead th:first-child:before {
		display: none;
	}
	.compare-table .compare-table-data .cta .button,
	.compare-table .compare-table-data .cta .footnote {
		display: block;
		width: auto;
		margin: 0;
	}
	.compare-table .compare-table-data .cta .footnote {
		margin-top: 0.25em;
		text-align: right;
	}

	/* flexbox-capable .. fixes some layout issues with floats */
	.flexbox .compare-table .compare-table-table tr {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-align-items: stretch;
		        -ms-flex-align: stretch;
		    align-items: stretch;
		-webkit-flex-wrap: wrap;
		        -ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	.flexbox .compare-table .compare-table-table th,
	.flexbox .compare-table .compare-table-table td {
		float: none;
	}

	.how-it-works.how-it-works--new {
		position: relative;
		padding-bottom: 205px;
	} 
	.how-it-works.how-it-works--new .heading,
	.how-it-works.how-it-works--new .content {
		width: 90%;
		margin: 0 5%;
		float: none;
		overflow: inherit;
		position: static;
	}
	.how-it-works.how-it-works--new .heading {
		border: none;
		padding-top: 0;
		padding-bottom: 0;
	}
	.how-it-works.how-it-works--new .heading .cta {
		position: absolute;
		margin-bottom: 168px;
		bottom: 0;
		left: 5%;
		width: 90%;
	}
	.how-it-works.how-it-works--new .heading .cta .button {
		display: block;
	}
	.how-it-works.how-it-works--new .content li {
		display: block;
		padding: 1em 0 1em 20%;
		width: auto;
		margin: 1em;
		text-align: left;
		line-height: 1.1;
	}
	.how-it-works.how-it-works--new .content li:before {
		left: 0;
		margin-left: 0;
		text-align: center;
		top: 50%;
		margin-top: -0.833333em;
	}
	.how-it-works.how-it-works--new .content li + li:after {
		width: 1px;
		height: 100%;
		left: 0.833333em;
		top: -50%;
	}
	.how-it-works.how-it-works--new .footer{
		position: absolute;
		margin-bottom:20px;
		bottom: 0;
	}	
	
	
	.shop-modules {
		display: block;
		height: auto;
	}
	.shop-modules .shop-module + .shop-module {
		border-top: 1px solid white;
		border-left: none;
	}
	.shop-modules .shop-module {
		display: block;
		font-size: 6.25vw;
		padding: 20vw 10vw;
		word-spacing: normal;
		font-weight: normal;
		text-shadow: 0 0.05em 0.05em rgba(0,0,0, 0.25);
		height: auto;
		min-height: 0;
	}
	.shop-modules .shop-module.shop-module--woman-standing {
		text-align: right;
	}
	.shop-modules .shop-module.shop-module--man-running {
		text-align: left;
	}
	.shop-modules .shop-module[data-mobile-prefix]:before {
		content: attr(data-mobile-prefix);
	}
	.size-guide-navigation {
		padding: 0 20px 6em;
		border: none;
	}
	.size-guide-navigation > ul {
		display: table;
		margin: 0 auto;
		width: 100%;
	}
	.size-guide-navigation > ul > li {
		display: table-cell;
		width: 50%;
	}
	.size-guide-navigation a {
		padding-left: 0;
		padding-right: 0;
		display: block;
	}
	.size-guide-navigation > ul > li ul li {
		width: 48%;
		text-align: left;
		margin-left: 0;
		border-bottom: 1px solid #d1d1d1;
		vertical-align: bottom;
	}
	.size-guide-navigation > ul > li ul li a {
		text-align: left;
	}
	.size-guide-navigation .submenu {
		left: 20px;
		width: calc(100% - 40px);
		margin-bottom: 5px;
	}
	.size-guide-navigation .submenu > ul {
		width: 100%;
	}
	.size-guide-navigation .nav-title {
		display: none;
	}
	.chart caption .toggle-switch {
		right: 1em;
		font-size: 10px;
	}
	.container.guides h1,
	.container.guides .lead {
		padding-left: 20px;
		padding-right: 20px;
	}
	.container.guides .content .lead {
		padding-left: 0;
		padding-right: 0;
	}
	.container.guides .figure {
		float: none;
		margin-right: 0;
		width: auto;
	}
	.container.guides .figure + .content {
		padding-left: 1em;
		overflow: auto;
	}
	.container.guides .section .fit-guides {
		padding-left: 20px;
		padding-right: 20px;
	}
	.container.guides .section .fit-guides li {
		width: 48%;
		float: left;
		box-sizing: border-box;
	}
	.container.guides .section .fit-guides li + li {
		margin-left: 4%;
	}
	.container.guides .section .fit-guides li .title {
		font-size: 3.5vw;
		color: #333;
	}
	[data-split-pane] {
		padding-left: 0;
		padding-right: 0;
	}
	[data-split-pane]:before {
		width: 100%;
		height: 75vw;
		background-size: cover;
	}
	[data-split-pane$="top"] {
		padding-bottom: 75vw;
	}
	[data-split-pane$="top"]:before {
		bottom: 0;
		top: auto;
	}
	[data-split-pane$="bottom"] {
		padding-top: 56.25vw;
	}
	[data-split-pane] [data-split-pane-contents] {
		padding: 1em;
	}
	.remove-button-container .remove-icon {
		opacity: 1;
		visibility: visible;
	}

	/**
	 * Responsive Views
	 */
	[data-page-key="press"] .video-launch [data-responsive-embed] {
		display: block;
	}
	[data-page-key="press"] .big-banner {
		font-size: 3vw;
	}
	[data-page-key="press"] .body .press .item-grid {
		margin-top: 0;
	}
	[data-page-key="press"] .body .press .item-grid .item {
		padding: 2em 0 0;
		margin: 0;
	}
	[data-page-key="press"] .body .press .item-grid .item + .item {
		margin-top: 2em;
	}
	[data-page-key="press"] .body .press .item-grid .item .logo {
		margin-top: 1em;
		margin-bottom: 1em;
	}
	[data-page-key="press"] .body .press .item-grid .item .logo + .quote {
		margin-top: 0;
	}
	/* womens landing - mobile */
	[data-layout="catalog-womens"] .body > .container .masthead {
		padding: 0;
		min-height: 0;
		height: 56.25vw;
	}
	[data-layout="catalog-womens"] .masthead:after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 2;
		width: 100%;
		height: 70%;
		background: linear-gradient(to bottom, rgba(0,0,0, 0) 0%, rgba(0,0,0, 0.5) 44%, rgba(0,0,0, 0.65) 100%);
	}
	[data-layout="catalog-womens"] .body > .container .masthead .offer {
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 3;
		width: 100%;
		color: white;
		font-size: 3.75vw;
		text-align: center;
		line-height: 1;
		padding: 0;
		background: none;
		border: none;
	}
	[data-layout="catalog-womens"] .body > .container .masthead.masthead--v2 .offer .intro {
		text-transform: uppercase;
		font-size: 3.5vw;
		margin: 0;
	}
	[data-layout="catalog-womens"] .body > .container .masthead .offer .mid,
	[data-layout="catalog-womens"] .body > .container .masthead .offer .heading,
	[data-layout="catalog-womens"] .body > .container .masthead .offer .heading h2,
	[data-layout="catalog-womens"] .body > .container .masthead .offer .price,
	[data-layout="catalog-womens"] .body > .container .masthead .offer .price em {
		padding: 0;
		margin: 0;
		background: none;
		font-style: none;
		font-size: 4.25vw;
		text-transform: uppercase;
		font-weight: normal;
	}
	[data-layout="catalog-womens"] .body > .container .masthead .offer .heading,
	[data-layout="catalog-womens"] .body > .container .masthead .offer .price {
		display: inline-block;
		vertical-align: middle;
		letter-spacing: 0.03em;
	}
	[data-layout="catalog-womens"] .body > .container .masthead .offer .heading {
		text-align: right;
		margin-top: 0.25em;
	}
	[data-layout="catalog-womens"] .body > .container .masthead .offer .heading:before,
	[data-layout="catalog-womens"] .body > .container .masthead .offer .heading:after {
		display: none;
	}
	[data-layout="catalog-womens"] .body > .container .masthead .offer .heading h2 {
		font-size: 1em;
		font-weight: bold;
	}
	[data-layout="catalog-womens"] .body > .container .masthead .offer .price {
		text-align: left;
		color: #f9423a;
		line-height: 1;
	}
	[data-layout="catalog-womens"] .body > .container .masthead .offer .price,
	[data-layout="catalog-womens"] .body > .container .masthead .offer .price .mid,
	[data-layout="catalog-womens"] .body > .container .masthead .offer .price em {
		font-size: 6vw;
		color: white;
		font-weight: normal;
	}
	[data-layout="catalog-womens"] .body > .container .masthead .offer .price .mid em {
		color: white;
		font-style: normal;
	}
	[data-layout="catalog-womens"] .body > .container .masthead .offer .subtext {
		/*display: block;*/
		display: none;
		font-style: italic;
	}
	[data-layout="catalog-womens"] .body > .container .masthead .offer .cta .button {
		font-size: 5vw;
		color: #f9423a;
		background: none;
		padding: 0.5em 0;
		text-shadow: 0 1px 1px rgba(1, 1, 1, 0.5);
	}
	[data-layout="catalog-womens"] .body > .container .masthead .caption {
		display: none;
	}
	[data-layout="catalog-womens"] .product-listing .header-bar {
		padding: 10px 3%;
		text-transform: uppercase;
		font-size: 14px;
		font-weight: 500;
		background: none;
	}
	[data-layout="catalog-womens"] .product-listing .header-bar:before {
		content: "Women's";
	}
	[data-layout="catalog-womens"] .product-listing .header-bar > .arrow.pull-right {
		text-transform: none;
		color: #333333;
	}
	[data-layout="catalog-womens"] .product-listing .header-bar > .arrow.pull-right:hover {
		text-decoration: underline;
	}
	[data-layout="catalog-womens"] .product-listing .footer-bar {
		display: none;
	}

	/* mens landing */
	[data-layout="catalog-mens"] .body .container {
		padding-bottom: 0;
	}
	[data-layout="catalog-mens"] .body .compare-table,
	[data-layout="catalog-mens"] .body .how-it-works,
	[data-layout="catalog-mens"] .body .shop-modules {
		margin: 0;
	}
	[data-layout="catalog-mens"] .header-bar {
		background: none;
	}
	[data-layout="catalog-mens"] .shop-modules .shop-module a {
		text-align: left;
	}

	[data-layout="home-main"] .container--brand-home > .masthead.masthead--v2 {
		background: transparent url(//fabletics-us-cdn.justfab.com/media/images/mobile/home/masthead-kate-hudson_v2.jpg) center center no-repeat;
		background-size: cover;
		height: 0;
		min-height: 0;
		width: 100%;
		margin: 0;
		padding: 0 0 44.53125%;
	}
	[data-layout="home-main"] .container--brand-home > .masthead.masthead--v2 > * {
		display: none;
	}
	[data-layout="home-main"] .product-listing .header-bar {
		padding-left: 30px;
		padding-right: 30px;
	}
	[data-layout="home-main"] .product-listing .header-bar a {
		font-size: 0;
	}
	[data-layout="home-main"] .product-listing .header-bar a[data-mobile-text]:after {
		content: attr(data-mobile-text);
		font-size: 4vw;
	}
	[data-layout="home-main"] .product-listing .no_results h1 {
		font-size: 1.25em;
	}

	[data-layout="home-main"] .container--brand-home > .press-items {
		display: none;
	}
	/* specifictity :( */
	[data-layout="home-main"][data-locale="en_US"] .product-listing .grid {
		padding-left: 6px;
	}
	[data-layout="home-main"] .product-listing .grid .products:after {
		content: "3";
	}
	[data-layout="home-main"] .product-listing .grid .products .item {
		width: 33.3333%;
	}
	[data-layout="home-main"] .product-listing .grid .products .flickity-viewport {
		overflow: visible;
	}
	[data-layout="home-main"] .product-listing .grid .products .flickity-viewport:before,
	[data-layout="home-main"] .product-listing .grid .products .flickity-viewport:after {
		content: "";
		position: absolute;
		z-index: 2;
		top: 0;
		width: 30px;
		height: 100%;
		pointer-events: none;
	}
	[data-layout="home-main"] .product-listing .grid .products .flickity-viewport:before {
		right: 100%;		
		background: white;
	}
	[data-layout="home-main"] .product-listing .grid .products .flickity-viewport:after {
		left: 100%;
		margin-left: -10px;
		width: 40px;
		background-color: transparent;
		background-image: linear-gradient(90deg, rgba(255,255,255, 0), rgba(255,255,255, 1));
	}
	[data-layout="home-main"] .product-listing .grid .products.flickity-enabled .flickity-page-dots .dot {
		margin-left: 4px;
		margin-right: 4px;
	}

	[data-layout="home-brand_mens_top_sellers"] .product-listing {
		padding-left: 6.25%;
		padding-right: 6.25%;
	}
	[data-layout="home-brand_mens_top_sellers"] .banner {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-line-pack: center;
		        -webkit-align-content: center;
		        align-content: center;
		-webkit-justify-content: center;
		        -ms-flex-pack: center;
		    justify-content: center;
		-webkit-flex-direction: column;
		        -ms-flex-direction: column;
		    flex-direction: column;
		height: 112.5vw;
		background-size: cover;
		background-position: 0 0;
		background-image: url(//fabletics-us-cdn.justfab.com/media/images/en_US/brand/mens/banner--mens-gear--small.jpg);
	}
	[data-layout="home-brand_mens_top_sellers"] .banner .content {
		display: block;
		font-size: 4.5vw;
		line-height: 1.3;
		letter-spacing: 0.01em;
	}
	[data-layout="home-brand_mens_top_sellers"] .banner .content p {
		margin-bottom: 1.5em;
	}
	[data-layout="home-brand_mens_top_sellers"] .banner .content .button {
		box-sizing: border-box;
		width: 100%;
	}
	.container.guides .charts {
		margin-left: 0;
	}
	.container.guides .charts .chart-container {
		float: none;
		padding: 0;
		width: auto;
	}
	.container.guides .charts .chart caption,
	.container.guides .charts .chart tr > :first-child {
		padding-left: 1em;
	}
	.container.guides .charts .chart caption,
	.container.guides .charts .chart tr > :last-child {
		padding-right: 1em;
	}
	[data-layout="home-size_guide"] .charts .chart--inseam {
		width: 100%;
	}
	[data-layout="home-mens_size_guide"] .container.guides .chart {
		table-layout: fixed;
	}
	[data-layout="home-mens_size_guide"] .container.guides .chart td,
	[data-layout="home-mens_size_guide"] .container.guides .chart th {
		padding-left: 0;
		padding-right: 0;
	}
	[data-layout="home-mens_size_guide"] .container.guides .figure + .content {
		padding-left: 0;
		padding-right: 0;
	}
	[data-layout="home-mens_size_guide"] .container.guides .content > :first-child ~ * {
		padding-left: 1em;
		padding-right: 1em;
	}

	[data-layout="home-care_guide"] .activity {
		display: none;
	}
	[data-layout="home-care_guide"] .content {
		padding-left: 20px;
		padding-right: 20px;
	}

	/**
	 * FLY Collection Mobile
	 */
	.fly-collection .product-listing .grid,
	.body > .container.fly-collection .banner {
		margin: 0 6.5625vw 9.375vw;
	}
	.body > .container.fly-collection .masthead.masthead--fly-collection {
		padding: 3.125vw 3.125vw 3.75vw 40vw;
		background-size: cover;
		height: auto;
		margin: 0 0 10vw;
	}
	.body > .container.fly-collection.fly-collection--dynamic .masthead.masthead--fly-collection {
		padding: 0 0 0 50%;
		background-position: 30% top;
		background-size: cover;
		height: auto;
		margin: 0 0 10vw;
	}
	.fly-collection.fly-collection--dynamic .masthead.masthead--fly-collection .billboard-content {
		padding: 4vw 2vw;
		min-height: 0;
	}
	.masthead--fly-collection .lead {
		font-size: 3.125vw;
		line-height: 1.2;
		margin: 5vw 0;
	}
	.masthead--fly-collection .lead br {
		display: none;
	}
	.fly-collection.fly-collection--dynamic .masthead--fly-collection .billboard-content .prehead {
		font-size: 5vw;
	}
	.masthead--fly-collection .cta .button {
		font-size: 3vw;
	}
	.masthead--fly-collection .cta .button i:before {
		background: none;
		color: white;
		width: auto;
	}
	.container.fly-collection .product-listing .grid {
		width: auto;
		text-align: left;
		margin-bottom: 0;
	}
	.container.fly-collection .product-listing .grid .box {
		text-align: center;
		margin-bottom: 9.375vw;
		padding-bottom: 0;
	}
	.container.fly-collection .product-listing .grid .item .badge {
		width: 10vw;
		left: 1.875vw;
		bottom: 1.875vw;
	}
	.container.fly-collection .badge [data-svg-image="fly-collection-logo"] {
		border-color: #333;
	}
	.container.fly-collection .banner {
		padding: 5.3125vw 0;
	}
	.container.fly-collection .banner [data-split-pane-contents] {
		padding: 0;
	}
	.container.fly-collection .banner[data-split-pane^="left"] {
		background-position: 60% center;
	}
	.container.fly-collection .banner[data-split-pane^="right"] {
		background-position: 20% center;
	}
	.container.fly-collection .banner .banner-box {
		width: 55.3125vw;
		padding: 8vw 6.5625vw;
		text-align: center;
	}
	.container.fly-collection .banner .banner-box > * {
		margin: 0;
	}
	.container.fly-collection .banner .banner-box p {
		margin-top: 1em;
	}
	.container.fly-collection .banner .banner-box h2 {
		font-size: 6.875vw;
		line-height: 1.2;
	}
	.container.fly-collection .banner .banner-box p,
	.container.fly-collection .banner .banner-box .cta .button {
		font-size: 3.125vw;
	}
	.container.fly-collection .banner.banner--about-fly {
		background-position: center top;
		margin-top: 0;
	}
	.container.fly-collection .banner.banner--about-fly [data-split-pane-contents] {
		padding-top: 1px;
	}
	.container.fly-collection .banner.banner--about-fly .banner-box {
		width: 87.5%;
		margin-top: 34.4375vw;
		padding: 5.625vw 3.125vw;
	}
	.container.fly-collection .banner.banner--about-fly .banner-box p {
		width: auto;
	}
	.container.fly-collection .banner.banner--about-fly .banner-box .cta {
		margin: 1em 0;
	}
	.container.fly-collection .banner.banner--about-fly .banner-box .cta .button {
		font-size: 3.125vw;
	}
}

@media screen and (max-width: 480px) {
	[data-layout="home-main"] .product-listing .grid .products:after {
		content: "2";
	}
	[data-layout="home-main"] .product-listing .grid .products .item {
		width: 50%;
	}
	[data-layout="home-main"] .container--brand-home > .press-items {
		display: none;
	}
	[data-layout="home-mens_fabrics"] .media {
		display: block;
	}
	[data-layout="home-mens_fabrics"] .media-figure {
		max-width: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 1em;
	}
	[data-layout="home-mens_fabrics"] .fabric + .fabric {
		margin-top: 3em;
	}
	[data-layout="home-mens_fabrics"] .fabric .content {
		padding-left: 0;
		padding-right: 0;
	}
}

/* quick fix for mobile reg form */
.fl-mobile[data-layout^="signup"] [id="quizend_mobile"],
.fl-mobile[data-layout^="signup"] [id="registration_form"] {
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
}
.fl-mobile[data-layout^="signup"] [id="quizend_mobile"] img {
	margin: 10px auto;
}

body > iframe[name="cj_conversion"] {
	display: none;
}

/** address autocomplete */
.pac-container.force-hide {
	display: none !important;
}
.pac-container .pac-icon-marker {
	display: none;
}
.pac-container .pac-item-query {
	font-size: 11px;
}

/** FAQ PAGE **/
#faq {
	padding: 22px;
	margin-top: 2em;
}
#faq .contact-box {
	float: right;
}
#faq h1 {
	font-size: 22px;
	margin-bottom: 1em;
}
#faq h2 {
	font-size: 1.1em;
	font-weight: 500;
	text-transform: uppercase;
}
#faq ol + h2 {
	margin-top: 2em;
}
#faq ol,
#faq ul {
	padding-left: 1.5em;
}
#faq u + ul {
	margin-top: 0.5em;
}
#faq li {
	list-style-type: none;
	margin-bottom: 1em;
}
#faq dt {
	line-height: 18px;
	padding-left: 14px;
	cursor:pointer;
	position: relative;
}
#faq dt:before {
	position: absolute;
	left: 0;
	top: 0;
	content: "+";
	color: #F9423A;
}
#faq li dd {
	background: none;
	cursor: auto;
	margin: 0 0 10px 14px;
	display: none;
	font-weight: normal;
	padding-top: 1em;
	padding-bottom: 1em;
}
#faq dt.active {
	padding-bottom: 1em;
}
#faq dt.active:before {
	content: "-";
}
#faq dt.active + dd {
	border-bottom: 1px solid #e4e4e4;
	border-top: 1px solid #e4e4e4;
}

.fl-mobile #faq {
	margin-top: 0;
}
.fl-mobile #faq .contact-box {
	float: none;
	display: block;
	margin-bottom: 22px;
}
.fl-mobile #faq .contact-box .icons {
	display: none;
}
.fl-mobile #faq ol {
	padding-left: 0;
}

.contact-box {
	border: 1px solid #333;
	display: inline-block;
	text-align: center;
	font-size: 15px;
	line-height: 2.5;
	text-transform: uppercase;
	padding: 0.125em 1.5em 0;
	transition: all 0.3s ease;
}
.contact-box:hover {
	color: white;
	border-color: transparent;
	background: #f9423a;
}
.contact-box .icons {
	font-size: 2em;
	line-height: 0;
	margin-right: 0.5em;
	vertical-align: baseline;
}


/**
 * Contact Page
 */
#contact {
	margin: 0 0 40px;
	/*border-top: 1px solid #333;*/
}
.fl-desktop #contact h1 {
	margin: 40px 0;
}
#contact h1 {
	font-size: 21px;
	line-height: 1;
	font-weight: 500;
	text-transform: uppercase;
}
#contact .message {
	padding: 2em 1em 2em 4em;
	font-size: 13px;
	width: auto;
	float: none;
	background-position: 1.5em center !important;
	margin: 0 0 24px;
}
#contact .column--left {
	float: left;
	width: 532px;
	margin-right: 24px;
}
#contact .column--right {
	overflow: hidden;
}
#contact .section .section__heading {
	background: #f1f1f1;
	color: #333;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 16px;
	font-weight: 500;
	text-transform: uppercase;
}

#contact .section--email .section__heading em {
	float: right;
	text-transform: none;
	font-style: italic;
	font-weight: normal;
}

#contact .section .section__contents {
	padding: 24px;
	display: block;
}

#contact .section--email .section__contents {
	padding-right: 0;
}

#contact .section--services ul {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}

#contact .section--services li {
	margin-bottom: 1em;
	line-height: 16px;
}

#contact .section--services li i {
	font-size: 2em;
	vertical-align: middle;
}
#contact label {
	font-weight: 500;
	display: block;
}
.fl-desktop #contact label {
	margin: 1em 0 0.5em;
}

.fl-desktop #contact input[type="text"],
.fl-desktop #contact textarea {
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding: 8px;
	width: 100% !important;
	border: 1px solid #ADADAD;
	font-size: 12px;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Gotham, 'Helvetica Neue', HelveticaNeue, Helvetica, Arial, sans-serif;
}

#contact .form-group {
	padding: 0 24px 24px 0;
}

#contact .form-group--half {
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	width: 50%;
}

.fl-desktop #contact .form-actions {
	margin-right: 24px;
	text-align: right;
}

.fl-mobile #contact {
	padding: 20px 20px 0;
}
.fl-mobile #contact .section .section__heading {
	margin-left: -20px;
	margin-right: -20px;
	padding: 20px;
}
.fl-mobile #contact .column--left {
	float: none;
	width: auto;
	margin-right: 0;
}
.fl-mobile #contact .column--right {
	overflow: visible;
}
.fl-mobile #contact .section.section--chat {
	display: none;
}
.fl-mobile #contact .section .section__contents {
	padding: 0;
}
.fl-mobile #contact .form-group {
	padding: 0;
	display: block;
	width: auto;
}
.fl-mobile #contact .form-group ~ .form-group {
	margin-top: 2em;
}
.fl-mobile #contact label {
	text-transform: uppercase;
}
.fl-mobile #contact .form-actions {
	padding-left: 0;
	padding-right: 0;
}
.fl-mobile #contact .form-actions .button {
	display: block;
	width: 100%;
	box-sizing: border-box;
}

/**
 * Bordered Banner Style
 * - postreg
*/
.banner.banner--bordered {
	font-size: 13px;
	border: 1px solid #333;
	padding: 1em;
	text-align: center;
	margin-top: 20px;
	position: relative;
}
.banner.banner--bordered .banner__title {
	font-family: "Arapey", serif;
	font-style: italic;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 17px;
	line-height: 1;
	letter-spacing: 0.05em;
	display: inline-block;
	background: white;
	padding: 0 0.5em;
	position: absolute;
	top: -0.5em;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.banner.banner--bordered .banner__dotwhack {
	float: left;
	margin-left: 24px;
	font-size: 12px;
	background: #333;
	border-radius: 50%;
	width: 134px;
	height: 134px;
	padding: 0;
	color: white;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	display: table;
}
.banner.banner--bordered .banner__dotwhack-inner {
	display: table-cell;
	vertical-align: middle;
}
.banner.banner--bordered .banner__content {
	overflow: hidden;
	margin: 12px 120px 0 0;
}
.banner.banner--bordered .banner__content .banner__heading {
	font-size: 30px;
	font-weight: 500;
	text-transform: uppercase;
}
.banner.banner--bordered .banner__content .counter-container {
	text-transform: uppercase;
	letter-spacing: 0.2em;
}
.banner.banner--bordered .banner__content .counter-container > * {
	line-height: 42px;
}
.banner.banner--bordered .banner__content .counter-container .counter-text {
	font-size: 12px;
}
.banner.banner--bordered .banner__content .counter-container .counter {
	font-size: 22px;
}

.banner.banner--retail-postreg {
	padding-bottom: 2.5em;
}
.banner.banner--retail-postreg .banner__title {
	font-family: 'Oswald', sans-serif;
	font-size: 12px;
	letter-spacing: 0.25em;
	font-weight: normal;
	font-style: normal;
}
.banner.banner--retail-postreg .banner__content {
	margin-right: 0;
}
.banner.banner--retail-postreg .postreg-retail-banner-sections {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	        -ms-flex-pack: center;
	    justify-content: center;
	-webkit-align-items: flex-start;
	        -ms-flex-align: start;
	    align-items: flex-start;
}
.banner.banner--retail-postreg .postreg-retail-banner-section {
	-webkit-flex: 0 3 27%;
	        -ms-flex: 0 3 27%;
	    flex: 0 3 27%;
	white-space: nowrap;
}
.banner.banner--retail-postreg .postreg-retail-banner-section--divider {
	-ms-flex-item-align: center;
	        -webkit-align-self: center;
	        align-self: center;
	-ms-flex-preferred-size: 7%;
	        -webkit-flex-basis: 7%;
	        flex-basis: 7%;
	width: auto;
	min-width: 0;
	font-weight: 500;
	font-size: 30px;
	color: #333;
}
.banner.banner--retail-postreg .postreg-retail-banner-section-value {
	font-size: 30px;
}
.banner.banner--retail-postreg .postreg-retail-banner-section-title {
	font-size: 18px;
}
.banner.banner--retail-postreg .postreg-retail-banner-section--purchase {
	font-weight: bold;
	-ms-flex-negative: 0;
	        -webkit-flex-shrink: 0;
	        flex-shrink: 0;
}
.banner.banner--retail-postreg .postreg-retail-banner-section--purchase .purchase-credit-expired {
	font-weight: normal;
}
.banner.banner--retail-postreg .postreg-retail-banner-section--total {
	font-weight: 500;
}
.banner.banner--retail-postreg .banner__content .counter-container {
	position: absolute;
	top: 100%;
	left: 50%;
	margin: 0;
	background: white;
	padding: 0 10px;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}
.banner.banner--retail-postreg .banner__content .counter-container .counter {
	background: #333;
	margin: 0;
}
.banner.banner--retail-postreg .banner__content .counter-container .counter:before,
.banner.banner--retail-postreg .banner__content .counter-container .counter:after {
	font-size: 12px;
	color: #333;
	background: white;
	position: absolute;
	white-space: nowrap;
}
.banner.banner--retail-postreg .banner__content .counter-container .counter:before {
	content: attr(data-text-before);
	right: 100%;
	border-left: 15px solid white;
}
.banner.banner--retail-postreg .banner__content .counter-container .counter:after {
	content: attr(data-text-after);
	left: 100%;
	border-right: 15px solid white;
}
.banner.banner--retail-postreg + .grid [id="page"] .title hr {
	display: none;
}

.fl-mobile .banner.banner--bordered {
	margin: 10px 10px 0;
}
.fl-mobile .banner.banner--bordered .banner__title {
	white-space: nowrap;
	display: none;
}
.fl-mobile .banner.banner--bordered .banner__dotwhack {
	text-transform: uppercase;
	width: auto;
	height: auto;
	font-size: 10px;
	margin: 0;
	background: none;
	color: #333;
	text-align: center;
	float: none;
	display: block;
}
.fl-mobile .banner.banner--bordered .banner__dotwhack .banner__dotwhack-inner {
	display: block;
}
.fl-mobile .banner.banner--bordered .banner__content {
	margin-right: 0;
}
.fl-mobile .banner.banner--bordered .banner__content .banner__heading {
	line-height: 1.1;
}
.fl-mobile .banner.banner--bordered .banner__content .counter-container {
	margin-bottom: 0;
}
.fl-mobile .banner.banner--bordered .banner__content .counter-container .counter-text {
	width: 30%;
}
.fl-mobile .banner.banner--bordered .banner__content .counter-container .counter-text--before {
	text-align: right;
}
.fl-mobile .banner.banner--bordered .banner__content .counter-container .counter-text--after {
	text-align: left;
}
@media screen and (max-width: 500px) {
	.fl-mobile .banner.banner--bordered .banner__content .counter-container .counter-text {
		display: block;
		width: auto;
		text-align: center;
	}
}

.fl-mobile .post_reg .title {
	float: none;
	width: auto !important;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
}

.fl-mobile .post_reg .disclaimer,
.fl-mobile .post_reg .featured-collections {
	padding-left: 20px;
	padding-right: 20px;
}
.fl-mobile .post_reg .disclaimer {
	color: #666;
	text-align: center;
}
.fl-mobile .post_reg .disclaimer + .featured-collections {
	margin-top: 2em;
}
.fl-mobile .post_reg .featured-collections .heading {
	text-align: left;
}
.fl-mobile .post_reg .featured-collections a {
	display: block;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 13px;
	margin-bottom: 2em;
}

.raf-banner {
	background: transparent url('//fabletics-us-cdn.justfab.com/media/images/en_US/boutique/background-refer-friend.jpg') 110% 45% no-repeat;
	background-size: 62%;
	letter-spacing: 0.025em;
	height: 230px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-line-pack: center;
	        -webkit-align-content: center;
	        align-content: center;
}
.raf-banner:before {
	content: "";
	width: 60px;
	background: #F0F0F0;
}
.raf-banner-content {
	background: #F0F0F0;
	box-sizing: border-box;
	text-align: center;
	position: relative;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	        -ms-flex-direction: column;
	    flex-direction: column;
	-webkit-justify-content: center;
	        justify-content: center;
	          -ms-flex-pack: center;
}
.raf-banner-content > * {
	position: relative;
	z-index: 2;
}
.raf-banner-content:after {
	content: " ";
	display: block;
	position: absolute;
	z-index: 1;
	left: 100%;
	top: 0;
	width: 60px;
	background: #F0F0F0;
	height: 100%;
	-webkit-transform: skew(13deg);
	        transform: skew(13deg);
	-webkit-transform-origin: bottom right;
	        transform-origin: bottom right;
}
.raf-banner h1 {
	font-size: 22px;
	font-weight: bold;
}
.raf-banner hr {
	border: none;
	height: 1px;
	background: #333;
	width: 100px;
	margin: 1em auto;
}
.raf-banner h2 {
	font-size: 17px;
	font-weight: normal;
	line-height: 1.4;
	margin: 0;
	text-transform: uppercase;
}
.raf-banner h2 .accent {
	display: block;
	font-size: 26px;
	font-weight: 500;
	letter-spacing: 0.085em;
}
.raf-banner .quote {
	color: #959595;
}
.raf-banner .quote:before,
.raf-banner .quote:after {
	content: '"';
}
.raf-banner-form {
	background-position: 125% 100%;
	background-size: 60%;
	height: 284px;
}		
.raf-banner-form .raf-banner-content {
	width: 50%;
}

.raf-banner-form .raf-banner-content:after {
	-webkit-transform: skew(11deg);
	        transform: skew(11deg);
}
.raf-banner-form h2 .accent{
	display: inline-block;
	padding-left: 0.5em;
	padding-right: 0.5em;
	background: #f0f0f0;
}
.raf-banner-form h2 .accent + hr {
	width: 80%;
	margin-top: -1em; /* this is relative to .accent 26px * 1.4 line height */
}
.raf-banner-form [type="text"] {
	width: 75%;
	display: inline-block;
	margin: 1em auto 0;
}

/************ Escalated offer for Refer a Friend  *********** 
****************** */
.raf-banner-escalated {
	background: transparent url('//fabletics-us-cdn.justfab.com/media/images/en_US/boutique/background-refer-friend-escalated.jpg') top right no-repeat;
	letter-spacing: 0.025em;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-line-pack: center;
	        -webkit-align-content: center;
	        align-content: center;
}
.raf-banner-escalated h1 {
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.09em;	
}
.raf-banner-escalated h2 {
	font-size: 16px;
	font-weight: normal;
	line-height: 0.75;
	margin: 0;
	text-transform: uppercase;
}
.raf-banner-escalated hr {
	border: none;
	width: 95%;
	background: #333;
	height: 1px;
	margin: 1em auto;
}
.raf-banner-escalated h2 .accent {
	display: inline-block;
	padding: 0 6px;
	font-size: 26px;
	font-weight: 500;
	letter-spacing: 0.075em;
	background-color: white;
}
.raf-banner-form-escalated h2 .accent + hr{
	width: 95%;
	margin-top: -1em; /* this is relative to .accent 26px * 1.4 line height */
}
.raf-banner-escalated h2 {
	display: block;
	font-size: 18px;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 1.6;
}
.raf-banner-form-escalated {
	height: 270px;
	text-align: center;
	padding-top: 25px;
}
.raf-banner-content-escalated {	
	width: 420px;
}

.raf-banner-form-escalated [type="text"]  {
	width: 95%;
	display: inline-block;
	margin: 1em auto 0;
	background-color: #eee;
}
.raf-banner-escalated .quote {
	color: #959595;
}
.raf-banner-escalated .quote:before,
.raf-banner-escalated .quote:after {
	content: '"';
}
/************ END:  Escalated offer for Refer a Friend  *********** 
****************** */

.cart .raf-banner {
	margin-top: 30px;
}

.skinny {
	position: relative;
}
.skinny .slideout-content {
	visibility: hidden;
	opacity: 0;
	top: 90%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
	background: white;
	position: absolute;
	transition: all 0.25s ease 0.35s;
	box-shadow: 0 0 8px -2px rgba(0,0,0, 0.6);
	max-width: 100%;
	overflow: hidden;
}
/* not yet implemented, but allow a "forced" open state via .expanded */
.skinny.expanded .slideout-content,
.skinny:hover .slideout-content {
	visibility: visible;
	opacity: 1;
	top: 100%;
}
.skinny .slideout-content img {
	display: block;
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
}
/* this is a fix for the outerwear banner that has a wide-placed cta */
@media screen and (max-width: 1140px) {
	.skinny .slideout-content img[src*="uterwear"]{
		-webkit-transform: translateX(-40%);
		        transform: translateX(-40%);
	}
}

/* moved from dsp_promo_banner.cfm */
.heading--promo .text-content {
    font-size: 11px;
    padding: 7px !important;
}

/**
 * FTV Mobile
 */
.container-ftv-mobile .ftv-section {
	display: block;
	position: relative;
	text-align: center;
}
.container-ftv-mobile .ftv-section img {
	display: block;
}
.container-ftv-mobile .button.ftv-button {
	font-size: 8.75vw;
	font-weight: bold;
	padding-top: 0.375em;
	padding-bottom: 0.375em;
	background-color: #e23333;
	background-image: linear-gradient(to top, #cd1e1e 0%, #e23333 100%);	
}
.ftv-banner {
	color: white;
	background: #761956;
	padding: 0.75em 0;
	font-size: 3.25vw;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 0.06em;
}
.container-ftv-mobile .ftv-split {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-ms-flex-line-pack: center;
	        -webkit-align-content: center;
	        align-content: center;
}
.container-ftv-mobile .ftv-split .split-item {
	width: 50%;
}
.container-ftv-mobile .ftv-masthead {
	background: transparent url('//fabletics-us-cdn.justfab.com/media/images/en_US/brand/ftv/masthead-background-mobile.jpg') center top no-repeat;
	background-size: cover;
	padding-top: 46.875%;
	padding-bottom: 10px;
}
.container-ftv-mobile .ftv-masthead .offer-text {
	width: 70%;
	margin-right: auto;
	margin-left: auto;
}
.container-ftv-mobile .ftv-masthead .caption {
	position: absolute;
	left: 54%;
	top: 20%;
	text-align: left;
	text-transform: uppercase;
	line-height: 1;
	font-size: 2.5vw;
}
.container-ftv-mobile .ftv-masthead .caption .name {
	font-size: 1.3em;
}
.container-ftv-mobile .ftv-grid {
	margin-bottom: 5px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-justify-content: space-around;
	    -ms-flex-pack: distribute;
	        justify-content: space-around;
}
.container-ftv-mobile .ftv-grid .ftv-grid-item {
	margin-top: 5px;
	-ms-flex-preferred-size: 32.5%;
	        -webkit-flex-basis: 32.5%;
	        flex-basis: 32.5%;
}
.container-ftv-mobile .ftv-compare {
	border-top: 6px solid black;
	padding-top: 0.25em;
	text-transform: uppercase;
}
.container-ftv-mobile .ftv-compare h2 {
	color: #761956;
	font-size: 6.5vw;
	font-weight: bold;
	margin-bottom: 0;
}
.container-ftv-mobile .ftv-compare h4 {
	font-size: 3.75vw;
	font-weight: normal;
}
.container-ftv-mobile .ftv-compare .compare-items {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-around;
	    -ms-flex-pack: distribute;
	        justify-content: space-around;
}
.container-ftv-mobile .ftv-compare .compare-items .compare-item {
	position: relative;
	-ms-flex-preferred-size: 22.96875%;
	        -webkit-flex-basis: 22.96875%;
	        flex-basis: 22.96875%;
	color: white;
	background: #ACACAC;
	border-radius: 12% 12% 0 0;
	padding: 3% 0;
	font-size: 1.5vw;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}
@media screen and (max-width: 500px) {
	.container-ftv-mobile .ftv-compare .compare-items .compare-item {
		font-size: 6px;
	}
}

.container-ftv-mobile .ftv-compare .compare-items .compare-item--ours {
	background: #E23131;
}
.container-ftv-mobile .ftv-compare .compare-items .compare-item > * {
	-webkit-flex: 0 0 100%;
	    -ms-flex: 0 0 100%;
	        flex: 0 0 100%;
}
.container-ftv-mobile .ftv-compare .compare-items .compare-brand {
	font-size: 3.125vw;
	font-weight: bold;
}
.container-ftv-mobile .ftv-compare .compare-items .compare-price {
	font-size: 5vw;
	font-weight: 500;
	color: black;
	-ms-flex-item-align: end;
	        -webkit-align-self: flex-end;
	        align-self: flex-end;
}
.container-ftv-mobile .ftv-compare .compare-items .compare-item--ours:after {
	content: "VIP Price";
	position: absolute;
	bottom: 0.5em;
	left: 0;
	width: 100%;
	color: black;
	font-size: 1.25em;
}
.container-ftv-mobile .ftv-persona {
	margin: 1em 0;
}
.container-ftv-mobile .ftv-persona [data-svg-image] {
	padding: 0 1em;
}
[data-layout="home-main"] .body .container-ftv-mobile .how-it-works {
	margin-top: 1em;
}

.fadein-up {
	visibility: hidden;
	opacity: 0;
	-webkit-transform: translateY(50px);
	        transform: translateY(50px);
	transition: all 0.25s ease;
}
.fadein-up.expanded {
	visibility: visible;
	opacity: 1;
	-webkit-transform: none;
	        transform: none;
}

/**
 * FBL-1789: Anniversary
 */
.fl-desktop .pdp-promo {
	position: relative;
	margin-bottom: 1.5em;
}
.fl-mobile .pdp-promo {
	margin-top: 1.5em;
}
.pdp-promo-text {
	margin-bottom: 0.5em;
	text-align: center;
}
.pdp-promo-link {
	text-decoration: underline;
	text-align: center;
	display: inherit;
}
.fl-desktop .pdp-promo-terms {
	position: absolute;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	padding-bottom: 1em;
	border: 1px solid #cccccc;
	background: white;
}
.pdp-promo-terms {
	font-size: 12px;
}
.pdp-promo-terms .pdp-promo-terms-title {
	text-transform: uppercase;
	font-weight: bold;
}
.fl-desktop .pdp-promo-terms .pdp-promo-terms-title {
	color: white;
	background: #333;
	line-height: 4;
	text-align: center;
}
.fl-desktop .pdp-promo-terms .pdp-promo-terms-content {
	padding: 1.5em;
}
.pdp-promo-terms .pdp-promo-terms-close {
	text-align: center;
	display: block;
	text-decoration: underline;
}

.container.pdp,
.product-image-container {
	position: relative;
	display: block;
}
.container.pdp .badge-overlay,
.product-image-container .badge-overlay {
	position: absolute;
}
.fl-desktop .container.pdp .badge-overlay {
	top: 20px;
	left: 285px;
}
.fl-mobile .container.pdp .badge-overlay {
	top: 10px;
	right: 10px;
}
.pdp-photo-badge {
	font-size: 11px;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	pointer-events: none;
}
.fl-mobile .pdp-photo-badge {
	font-size: 2.5vw;
}
@media screen and (min-width: 440px) {
	.fl-mobile .pdp-photo-badge {
		font-size: 11px;
	}
}
.pdp-photo-badge .title {
	font-size: 1.75em;
	text-transform: uppercase;
}
.pdp-photo-badge .circle-badge {
	width: 10em;
}
.pdp-photo-badge .circle-badge:before {
	content: "";
	position: absolute;
	left: -6px;
	top: -6px;
	z-index: 1;
	width: calc(100% + 12px);
	height: calc(100% + 12px);
	background:	url(//fabletics-us-cdn.justfab.com/media/images/en_US/boutique/2016Jan_gift_pdp_badge.png) center center no-repeat;
	background-size: cover;
	border-radius: 50%;
}
.pdp-photo-badge .circle-badge-contents {
	background-color: #333;
	z-index: 2;
	border-radius: 50%;
}


/**
 * FBL-1790: Gift Guide
 */
@-webkit-keyframes verticalbounce {
	0% {
		-webkit-transform: translateY(10%);
		        transform: translateY(10%);
	}
	100% {
		-webkit-transform: translateY(-10%);
		        transform: translateY(-10%);
	}
}
@keyframes verticalbounce {
	0% {
		-webkit-transform: translateY(10%);
		        transform: translateY(10%);
	}
	100% {
		-webkit-transform: translateY(-10%);
		        transform: translateY(-10%);
	}
}
.editorial-collection-page {
	max-width: 1440px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
@media screen and (max-width: 768px) {
	.editorial-collection-page {
		padding-right: 10px;
		padding-left: 10px;
		width: auto;
		text-align: center;
	}
}
.editorial-collection-page img {
	max-width: 100%;
	height: auto;
}
.editorial-collection-page .img-mobile {
	display: none;
}
@media screen and (max-width: 768px) {
	.editorial-collection-page .img-mobile {
		display: block;
		margin-right: auto;
		margin-left: auto;
	}
	.editorial-collection-page .img-mobile ~ img {
		display: none;
	}
}
.editorial-collection-page img[src*="Detail_Banner"] {
	margin-top: 1em;
	margin-bottom: 1em;
}
.grid.grid--flexible:not(.arbitrary-specificity) {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	margin: 0;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.gridgrid--flexible .item {
	padding: 15px;
}
.grid.grid--flexible:not(.arbitrary-specificity) .item {
	margin: 0;
	width: auto;
	float: none;
	max-width: 327px;
	box-sizing: border-box;
	-ms-flex-preferred-size: 25%;
	        -webkit-flex-basis: 25%;
	        flex-basis: 25%;
}
.grid.grid--flexible.grid--three-across .item {
	-ms-flex-preferred-size: 33.3333%;
	        -webkit-flex-basis: 33.3333%;
	        flex-basis: 33.3333%;
}

.grid.grid--flexible.grid--ignore-flexorder [data-flex-order] {
	-webkit-order: 0;
	    -ms-flex-order: 0;
	        order: 0;
}
@media screen and (max-width: 768px) {
	.grid.grid--flexible:not(.arbitrary-specificity) .item {
        -ms-flex-preferred-size: 46.6666667%;
                -webkit-flex-basis: 46.6666667%;
                flex-basis: 46.6666667%;
	}
	.grid.grid--flexible:not(.arbitrary-specificity) .item:before {
		padding-top: 6.66666667%;
	}
}


.grid .editorial-collection-image.shot {
	overflow: hidden;
}
/*
- bordered static product images
.grid .width-320x .editorial-collection-image {
	position: relative;
}
.grid .width-320x .editorial-collection-image:before,
.grid .width-320x .editorial-collection-image:after {
	content: "";
	box-sizing: border-box;
	pointer-events: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
	position: absolute;
}
.grid .width-320x .editorial-collection-image:before {
	border: 7px solid white;
}
.grid .width-320x .editorial-collection-image:after {
	border: 6px solid #8ccae1;
}
*/
.grid .editorial-collection-image.shot:hover .img1,
.grid .editorial-collection-image.shot .img2 {
	display: block;
}
.grid .editorial-collection-image.shot .img2 {
	left: 100%;
}
.grid .editorial-collection-image.shot img {
	transition: -webkit-transform 0.5s ease;
	transition: transform 0.5s ease;
	transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.grid .editorial-collection-image.shot:hover .img2 {
	-webkit-transform: translateX(-100%);
	        transform: translateX(-100%);
}
.editorial-collection-page .tagged-image-tag-content {
	text-align: left;
}
.editorial-collection-page .quickview-loader.quickview-loading:after {
	display: none;
}
.editorial-collection-page .grid--flexible .box {
	border-top: none;
	min-height: 80px;
	height: auto;
}
@media screen and (max-width: 768px) {
	.editorial-collection-page .grid--flexible .box {
		min-height: 4em;
	}
}
.editorial-collection-page .editorial-collection-category .grid {
	margin: 0;
}
.editorial-collection-page .editorial-collection-category .grid .item {
	padding: 0;
	max-width: none;
	-ms-flex-preferred-size: 32.6530612%;
	        -webkit-flex-basis: 32.6530612%;
	        flex-basis: 32.6530612%;
}
.editorial-collection-page .editorial-collection-category .grid .item:before {
	content: "";
	display: block;
	padding-top: 3.125%;
}

.editorial-collection-page .editorial-collection-category .item.width-1400x {
	margin-right: -20.7070707%;
	margin-left: -20.7070707%;
	-ms-flex-preferred-size: 142.8571429%;
	        -webkit-flex-basis: 142.8571429%;
	        flex-basis: 142.8571429%;
}
.editorial-collection-page .editorial-collection-category .item.width-1440x {
	margin-right: -23.4693878%;
	margin-left: -23.4693878%;
	-ms-flex-preferred-size: 146.9387755%;
	        -webkit-flex-basis: 146.9387755%;
	        flex-basis: 146.9387755%;
}
@media screen and (max-width: 1440px) {
	.editorial-collection-page .editorial-collection-category .item.width-1400x,
	.editorial-collection-page .editorial-collection-category .item.width-1440x {
		-ms-flex-preferred-size: 100%;
		        -webkit-flex-basis: 100%;
		        flex-basis: 100%;
		max-width: 980px;
		margin-right: 0;
		margin-left: 0;
	}
}
.editorial-collection-page .editorial-collection-category .item.width-990x {
	-ms-flex-preferred-size: 100%;
	        -webkit-flex-basis: 100%;
	        flex-basis: 100%;
}
.editorial-collection-page .editorial-collection-category .item.width-480x {
	-ms-flex-preferred-size: 48.9795918%;
	        -webkit-flex-basis: 48.9795918%;
	        flex-basis: 48.9795918%;
}
@media screen and (max-width: 768px) {
	.editorial-collection-page .editorial-collection-category .grid .item {
        -ms-flex-preferred-size: 46.6666667%;
                -webkit-flex-basis: 46.6666667%;
                flex-basis: 46.6666667%;
	}
	.editorial-collection-page .editorial-collection-category .item.width-1400x,
	.editorial-collection-page .editorial-collection-category .item.width-1440x {
        -ms-flex-preferred-size: 100%;
                -webkit-flex-basis: 100%;
                flex-basis: 100%;
	}
	.editorial-collection-page .editorial-collection-category .grid .item:before {
		padding-top: 6.66666667%;
	}
}
/*.editorial-collection-page .editorial-collection-category .editorial-collection-image-container.item.width-300x:after,
.editorial-collection-page .editorial-collection-category .editorial-collection-image-container.item.width-320x:after {
	content: "";
	display: block;
	min-height: 60px;
}
*/.editorial-collection-page .editorial-collection-nav {
	border: 1px solid #D9D9D9;
	border-left: none;
	border-right: none;
	background: rgba(255,255,255, 0.9);
	z-index: 100;
}
.fl-mobile .editorial-collection-page .editorial-collection-masthead {
	padding-top: 42px;
}
.fl-mobile .editorial-collection-page .editorial-collection-nav {
	text-align: left;
}
.fl-mobile .editorial-collection-page .editorial-collection-nav + .stickynav-placeholder {
	display: none;
}
.fl-mobile .editorial-collection-page .editorial-collection-nav > i {
	position: absolute;
	top: 0;
	right: 0;
	pointer-events: none;
	transition: -webkit-transform 0.25s ease;
	transition: transform 0.25s ease;
	transition: transform 0.25s ease, -webkit-transform 0.25s ease;
	-webkit-transform: rotate(90deg);
	        transform: rotate(90deg);
}
.fl-mobile .editorial-collection-page .editorial-collection-nav.expanded > i {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
}

.fl-mobile .editorial-collection-page .editorial-collection-nav-categories {
	display: block;
}
.fl-mobile .editorial-collection-page .editorial-collection-nav-categories:active .editorial-collection-nav-category a,
.fl-mobile .editorial-collection-page .editorial-collection-nav-categories:focus .editorial-collection-nav-category a {
	display: block;
}
.fl-mobile .editorial-collection-page .editorial-collection-nav-category {
	border: none;
	display: block;
}
.fl-mobile .editorial-collection-page .editorial-collection-nav a {
	display: none;
	pointer-events: none;
}
.fl-mobile .editorial-collection-page .editorial-collection-nav.expanded a {
	pointer-events: auto;
}
.fl-mobile .editorial-collection-page .editorial-collection-nav.expanded a,
.fl-mobile .editorial-collection-page .editorial-collection-nav a.on {
	display: block;
}
.editorial-collection-page .editorial-collection-nav-categories {
	position: relative;
	overflow: hidden;
	text-transform: uppercase;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-line-pack: center;
	        -webkit-align-content: center;
	        align-content: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.editorial-collection-nav li {
	font-size: 12px;
	line-height: 1;
}
.editorial-collection-nav li {
	border: 1px solid #D9D9D9;
	border-width: 0 1px 0 0;
}
.editorial-collection-nav li:first-child {
	border-left-width: 1px;
}
.editorial-collection-nav .editorial-collection-nav-category a {
	font-weight: bold;
}
.editorial-collection-nav a:hover {
	text-decoration: underline;
}
.editorial-collection-page .editorial-collection-nav-heading,
.editorial-collection-page .editorial-collection-nav-back a,
.editorial-collection-page .editorial-collection-nav > i,
.editorial-collection-page .editorial-collection-nav-category a {
	padding: 1.25em 2em;
	display: inline-block;
}
.editorial-collection-page .editorial-collection-nav-category a {
	min-width: 100px;
}
.editorial-collection-page .editorial-collection-nav-back {
	display: none;
}
.editorial-collection-nav.stickynav-stuck .editorial-collection-nav-back {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	border-width: 0;
	-ms-flex-item-align: end;
	        -webkit-align-self: flex-end;
	        align-self: flex-end;
}

.editorial-collection-page .editorial-collection-nav-back a:after {
	content: "\21A5";
}
.editorial-collection-page .grid {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}
@media screen and (max-width: 1440px) {
	.editorial-collection-image.tagged-image {
		font-size: 10px;
	}
}
.editorial-collection-category {
	max-width: 980px;
	margin: 0 auto;
	padding-top: 1.5em;
}
.fl-mobile .editorial-collection-category[id] {
	padding-top: 0;
	margin-top: 1.5em;
}
.fl-mobile .editorial-collection-category[id]:before {
	font-size: 115px;
	content: " ";
	display: block;
	margin-top: -1em;
	height: 1em;
	visibility: hidden;
}

.editorial-collection-category-heading {
	font-size: 35px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 auto 1em;
}
.editorial-collection-lead-copy {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	font-size: 22px;
	font-weight: normal;
	line-height: 1.740740741;
}
@media screen and (max-width: 768px) {
	.editorial-collection-category-heading {
		font-size: 5vw;
	}
	.editorial-collection-lead-copy {
		font-size: 4vw;
		max-width: 300px;
		margin-right: auto;
		margin-left: auto;
	}
	.editorial-collection-giftcard {
		margin-bottom: 2em;
	}
}
.editorial-collection-giftcard {
	margin-top: 2em;
	margin-bottom: 6em;
}
.fl-mobile .editorial-collection-giftcard {
	display: none;
}
.editorial-collection-collections {
	background-color: #f9f9f9;
	max-width: none;
	padding: 60px 0 40px;
}
.editorial-collection-collections .editorial-collection-category-heading {
	font-size: 21px;
	max-width: 980px;
	margin-bottom: 40px;
}
.editorial-collection-collections .line-on-sides-contents:before,
.editorial-collection-collections .line-on-sides-contents:after {
	background-color: #d9d9d9;
}
.editorial-collection-collections .editorial-collection-collections-list {
	max-width: 980px;
	margin-left: auto;
	margin-right: auto;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}
.editorial-collection-collections .editorial-collection-collections-list a {
	margin-bottom: 22px;
}

.line-on-sides {
	overflow: hidden;
	text-align: center;
}
.line-on-sides-contents {
	position: relative;
	display: inline-block;
}
.line-on-sides-contents:after,
.line-on-sides-contents:before {
	content: "";
	position: absolute;
	width: 9999em;
	top: 50%;
	height: 0;
	border-top: 1px solid transparent;
	border-color: inherit;
	margin: 0 20px;
}
.line-on-sides-contents:before {
	right: 100%;
}
.line-on-sides-contents:after {
	left: 100%;
}

/**
 * StickyNav Module
 */
.stickynav {}
.stickynav + .stickynav-placeholder {
	visibility: hidden !important;
	display: none !important;
}
.stickynav.stickynav-stuck + .stickynav-placeholder {
	display: block !important;
}
.stickynav.stickynav-stuck {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
}
.stickynav.stickynav-stuck-bottom {
	bottom: 0;
	top: auto;
}
.stickynav.stickynav-slidedown.stickynav-stuck {
    -webkit-animation: slide-down 0.2s ease;
            animation: slide-down 0.2s ease;
}
.stickynav .on {
	color: #F9423A;
}
.stickynav .stickynav-stuck-show,
.stickynav.stickynav-stuck .stickynav-stuck-hide {
	display: none;
}
.stickynav.stickynav-stuck .stickynav-stuck-show,
.stickynav .stickynav-stuck-hide {
	display: block;
}
.fl-mobile .stickynav.stickynav-stuck {
	top: 63px;
}
.fl-mobile.skinny-banner .stickynav.stickynav-stuck {
	top: 105px;
}
/* this makes the sub-sticky navs play nice with the main stickynav */
.stickynav-stuck--header-viewport[data-brand-site-version="3"] .stickynav.stickynav-stuck:not([id="header-viewport"]) {
	top: 60px;
}
/**
 * CSS Built for using data- attributes to set flex order
 * 
 * SASS source:
 * @for $index from 1 to 30
 *   [data-flex-order="#{$index}"]
 *     order: $index
 */
[data-flex-order="1"] {
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}

[data-flex-order="2"] {
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
}

[data-flex-order="3"] {
  -webkit-order: 3;
      -ms-flex-order: 3;
          order: 3;
}

[data-flex-order="4"] {
  -webkit-order: 4;
      -ms-flex-order: 4;
          order: 4;
}

[data-flex-order="5"] {
  -webkit-order: 5;
      -ms-flex-order: 5;
          order: 5;
}

[data-flex-order="6"] {
  -webkit-order: 6;
      -ms-flex-order: 6;
          order: 6;
}

[data-flex-order="7"] {
  -webkit-order: 7;
      -ms-flex-order: 7;
          order: 7;
}

[data-flex-order="8"] {
  -webkit-order: 8;
      -ms-flex-order: 8;
          order: 8;
}

[data-flex-order="9"] {
  -webkit-order: 9;
      -ms-flex-order: 9;
          order: 9;
}

[data-flex-order="10"] {
  -webkit-order: 10;
      -ms-flex-order: 10;
          order: 10;
}

[data-flex-order="11"] {
  -webkit-order: 11;
      -ms-flex-order: 11;
          order: 11;
}

[data-flex-order="12"] {
  -webkit-order: 12;
      -ms-flex-order: 12;
          order: 12;
}

[data-flex-order="13"] {
  -webkit-order: 13;
      -ms-flex-order: 13;
          order: 13;
}

[data-flex-order="14"] {
  -webkit-order: 14;
      -ms-flex-order: 14;
          order: 14;
}

[data-flex-order="15"] {
  -webkit-order: 15;
      -ms-flex-order: 15;
          order: 15;
}

[data-flex-order="16"] {
  -webkit-order: 16;
      -ms-flex-order: 16;
          order: 16;
}

[data-flex-order="17"] {
  -webkit-order: 17;
      -ms-flex-order: 17;
          order: 17;
}

[data-flex-order="18"] {
  -webkit-order: 18;
      -ms-flex-order: 18;
          order: 18;
}

[data-flex-order="19"] {
  -webkit-order: 19;
      -ms-flex-order: 19;
          order: 19;
}

[data-flex-order="20"] {
  -webkit-order: 20;
      -ms-flex-order: 20;
          order: 20;
}

[data-flex-order="21"] {
  -webkit-order: 21;
      -ms-flex-order: 21;
          order: 21;
}

[data-flex-order="22"] {
  -webkit-order: 22;
      -ms-flex-order: 22;
          order: 22;
}

[data-flex-order="23"] {
  -webkit-order: 23;
      -ms-flex-order: 23;
          order: 23;
}

[data-flex-order="24"] {
  -webkit-order: 24;
      -ms-flex-order: 24;
          order: 24;
}

[data-flex-order="25"] {
  -webkit-order: 25;
      -ms-flex-order: 25;
          order: 25;
}

[data-flex-order="26"] {
  -webkit-order: 26;
      -ms-flex-order: 26;
          order: 26;
}

[data-flex-order="27"] {
  -webkit-order: 27;
      -ms-flex-order: 27;
          order: 27;
}

[data-flex-order="28"] {
  -webkit-order: 28;
      -ms-flex-order: 28;
          order: 28;
}

[data-flex-order="29"] {
  -webkit-order: 29;
      -ms-flex-order: 29;
          order: 29;
}

/**
 * Tagged Image Module
 */
.tagged-image {
	position: relative;
	z-index: 1;
	font-size: 12px;
	font-weight: 500;
	cursor: default;
}

.tagged-image .tagged-image-tag {
	display: none;
	position: absolute;
	z-index: 2;
	min-width: 12.5em;
}

.tagged-image .tagged-image-tag:hover {
	z-index: 3;
}

.tagged-image.tagged-image-loaded .tagged-image-tag {
	display: block;
}

.tagged-image .tagged-image-tag-inner {
	position: relative;
}

.tagged-image .tagged-image-tag-trigger {
	font-size: 1.5em;
	line-height: 1;
	display: inline-block;
	text-align: center;
	color: white;
	position: absolute;
}

.tagged-image .tagged-image-tag-content {
	background: white;
	background: rgba(255, 255, 255, 0.9);
	padding: 1.25em;
	color: #999999;
	display: none;
}

.tagged-image .tagged-image-tag-content.full-anchor {
	cursor: pointer;
}

.tagged-image .tagged-image-tag-content ul,
.tagged-image .tagged-image-tag-content ul li {
	margin: 0;
	padding: 0;
	list-style: none outside none;
}

.tagged-image .tagged-image-tag .tagged-image-tag-trigger:hover + .tagged-image-tag-content,
.tagged-image .tagged-image-tag .tagged-image-tag-content:hover {
	display: block;
}

.tagged-image .tagged-image-tag-title {
	color: #FF6B66;
	text-transform: uppercase;
	margin-bottom: 0.25em;
}

.tagged-image .tagged-image-tag-content a {
	color: #333333;
}

/* POSITIONS */
.tagged-image .tagged-image-tag.edge-right,
.tagged-image .tagged-image-tag.align-right {
	-webkit-transform: translateX(-100%);
			transform: translateX(-100%);
	margin-left: 1.5em;
}

.tagged-image .tagged-image-tag.align-bottom {
	-webkit-transform: translateY(-100%);
			transform: translateY(-100%);
}

.tagged-image .tagged-image-tag.align-bottom.edge-right {
	-webkit-transform: translate(-100%, -100%);
			transform: translate(-100%, -100%);
}

.tagged-image .tagged-image-tag.edge-right .tagged-image-tag-inner {
	padding-right: 2em;
}
.tagged-image .tagged-image-tag.edge-right .tagged-image-tag-content {
	margin-left: -0.5em;
}

.tagged-image .tagged-image-tag.edge-left .tagged-image-tag-inner {
	padding-left: 2em;
}
.tagged-image .tagged-image-tag.edge-left .tagged-image-tag-content {
	margin-right: -0.5em;
}
.tagged-image .tagged-image-tag.edge-top .tagged-image-tag-inner {
	padding-top: 2em;
}
.tagged-image .tagged-image-tag.edge-bottom .tagged-image-tag-inner {
	padding-bottom: 2em;
}

.tagged-image .tagged-image-tag.edge-left .tagged-image-tag-trigger,
.tagged-image .tagged-image-tag.align-left .tagged-image-tag-trigger {
	left: 0;
}
.tagged-image .tagged-image-tag.edge-right .tagged-image-tag-trigger,
.tagged-image .tagged-image-tag.align-right .tagged-image-tag-trigger {
	right: 0;
}
.tagged-image .tagged-image-tag.edge-top .tagged-image-tag-trigger,
.tagged-image .tagged-image-tag.align-top .tagged-image-tag-trigger {
	top: 0;
}
.tagged-image .tagged-image-tag.edge-bottom .tagged-image-tag-trigger,
.tagged-image .tagged-image-tag.align-bottom .tagged-image-tag-trigger {
	bottom: 0;
}
.tagged-image .tagged-image-tag.align-center .tagged-image-tag-trigger {
	left: 50%;
	margin-left: -0.75em;
}
.tagged-image .tagged-image-tag.align-middle .tagged-image-tag-trigger {
	top: 50%;
	margin-top: -0.75em;
}

/* DEFAULT THEME */
.tagged-image.tagged-image-theme-default .tagged-image-tag-content {
	display: block;
	opacity: 0;
	-webkit-transform: scale(0.01);
			transform: scale(0.01);
	transition: all 0.15s ease 0.4s;
}
.tagged-image .tagged-image-tag.expanded .tagged-image-tag-trigger + .tagged-image-tag-content,
.tagged-image.tagged-image-theme-default .tagged-image-tag-trigger:hover + .tagged-image-tag-content,
.tagged-image.tagged-image-theme-default .tagged-image-tag-content:hover {
	opacity: 1;
	-webkit-transform: scale(1);
			transform: scale(1);
	transition-delay: 0.2s;
}

.tagged-image.tagged-image-theme-default .tagged-image-tag-content.full-anchor:hover a {
	text-decoration: underline;
}

/* TAG THEMES */
.tagged-image-tag.tagged-image-tag-theme-dark-trigger .tagged-image-tag-trigger {
	color: #666;
	color: rgba(0,0,0, 0.65);
}

.tagged-image-tag.tagged-image-tag-theme-white-shadow-trigger .tagged-image-tag-trigger {
	color: white;
	-webkit-text-shadow: 2px 2px 3px rgba(0,0,0, 0.75);
			text-shadow: 2px 2px 3px rgba(0,0,0, 0.75);
}
.tagged-image-tag.tagged-image-tag-theme-black .tagged-image-tag-trigger {
	color: #333;
	color: rgba(0,0,0, 0.8);
}
.tagged-image-tag.tagged-image-tag-theme-white .tagged-image-tag-trigger {
	color: white;
}

.editorial-collection-page .tagged-image .tagged-image-tag {
	min-width: 0;
}
.editorial-collection-page .tagged-image .tagged-image-tag .tagged-image-tag-inner {
	display: inline-block;
	padding: 0;
}
.editorial-collection-page .tagged-image-tag.align-left {
	text-align: right;
}
.editorial-collection-page .tagged-image-tag.align-right {
	text-align: left;
}
.editorial-collection-page .tagged-image-tag .tagged-image-tag-trigger {
	position: static;
}
.editorial-collection-page .tagged-image-tag.align-left {
	margin-left: -0.5em;
}
.editorial-collection-page .tagged-image-tag.align-right {
	margin-right: -0.5em;
}
.editorial-collection-page .tagged-image-tag.edge-top {
	margin-top: -0.5em;
}
.editorial-collection-page .tagged-image-tag.edge-bottom {
	margin-bottom: -0.5em;
}

.editorial-collection-page .tagged-image .tagged-image-tag .tagged-image-tag-trigger + .tagged-image-tag-content {
	display: none;
}
.editorial-collection-page .tagged-image-tag .tagged-image-tag-trigger.quickview-loader {
	height: 1.1em;
	width: 1em;
}
.editorial-collection-page .tagged-image-tag .tagged-image-tag-trigger.quickview-loading:after {
	display: none;
}
.editorial-collection-page .tagged-image-tag .tagged-image-tag-trigger.quickview-loading:before {
	content: "\f123";
	margin-top: 0;
	height: 1.1em;
	width: auto;
	top: 0;
	background: none;
	color: #f9423a;
	text-shadow: none;
	-webkit-transform-origin: 35%;
	        transform-origin: 35%;
    -webkit-animation: spin 0.75s infinite ease-in-out;
            animation: spin 0.75s infinite ease-in-out;
}

.faux + .faux-label:before,
.faux + .faux-label:after {
	display: none;
}
.faux + .faux-label + .faux-content {
	display: none;
}
.faux.expanded + .faux-label + .faux-content,
.faux:checked + .faux-label + .faux-content {
	display: block;
}

.simple-tip {
	position: relative;
}
.simple-tip--content {
	position: absolute;
	visibility: hidden;
	opacity: 0;
	top: -20%;
	left: 50%;
	white-space: nowrap;
	background: #FF6666;
	color: white;
	padding: 2px 8px;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 20px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	transition: all 0.3s ease;
}
.simple-tip.simple-tip--show .simple-tip--content,
.simple-tip.simple-tip--hover:hover .simple-tip--content {
	top: -30px;
	opacity: 1;
	visibility: visible;
}


/**
 * FBL-1911: Refer A Friend Mobile
 */
.fl-mobile[data-layout^="friends"] .main.body {
	background: #F9F9F9;
}
.fl-mobile .container.invite {
	padding-bottom: 30px;
	width: auto;
}
.fl-mobile .container.invite > * {
	margin-top: 30px;
}
.fl-mobile .container.invite .title {
	font-size: 12px;
	margin-bottom: 1em;
	text-align: center;
}
.fl-mobile .container.invite .raf-banner-mobile {
	text-align: center;
	padding: 0 10px;
}
.fl-mobile .container.invite .raf-banner-mobile h1 {
	font-size: 24px;
	text-transform: uppercase;
}
.fl-mobile .container.invite .raf-banner-mobile .lead {
	font-size: 16px;
}
.fl-mobile .container.invite .muted {
	display: block;
	color: #333333;
}
.fl-mobile .container.invite .full-width-item {
	background: white;
	display: block;
	border: 1px solid #D9D9D9;
	border-left-width: 0;
	border-right-width: 0;
	font-size: 13px;
	line-height: 14px;
	padding: 15px 10px;
	margin-top: -1px;
	text-align: left;
}
.fl-mobile .container.invite .section > .faux-label {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 0;
	position: relative;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.fl-mobile .container.invite .label-text {
	pointer-events: none;
}
.fl-mobile .container.invite .section > .faux-label .icon-arrow {
	transition: -webkit-transform 0.25s ease;
	transition: transform 0.25s ease;
	transition: transform 0.25s ease, -webkit-transform 0.25s ease;	
	-webkit-transform: rotate(90deg);	
	        transform: rotate(90deg);
}
.fl-mobile .container.invite .section > .faux:checked + .faux-label {
	color: #F9423A;
}
.fl-mobile .container.invite .section > .faux:checked + .faux-label .icon-arrow {
	-webkit-transform: rotate(-90deg);
	        transform: rotate(-90deg);
}
.fl-mobile[data-layout^="friends"] .mobile-form input[type="text"],
.fl-mobile[data-layout^="friends"] .mobile-form textarea {
	padding: 10px;
}
.fl-mobile[data-layout^="friends"] .mobile-form input[type="text"] {
	font-size: 13px;
}
.fl-mobile[data-layout^="friends"] .mobile-form textarea {
	font-size: 12px;
	line-height: 1.4;
	min-height: calc(5.6em + 20px);
}
.fl-mobile .container.invite .form-actions {
	padding: 10px 0;
}
.fl-mobile .container.invite .form-actions .button,
.fl-mobile .personalize-link-drawer .button {
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	padding: 15px 10px;
}
.fl-mobile .container.invite .faux-content {
	padding: 10px;
}
.fl-mobile .container.invite .faux-content label {
	font-size: 13px;
	font-weight: bold;
	display: block;
}
.fl-mobile .container.invite .faux-content label ~ label {
	margin-top: 1em;
}
.fl-mobile .container.invite .faux-content label .muted {
	font-weight: normal;
}
.fl-mobile .container.invite .invite-table {
	width: 100%;
	table-layout: fixed;
}
.fl-mobile .container.invite .invite-table thead tr {
	display: none;
}
.fl-mobile .container.invite .invite-table .invite-name,
.fl-mobile .container.invite .invite-table .invite-date,
.fl-mobile .container.invite .invite-table .invite-resend,
.fl-mobile .container.invite .invite-table .invite-remove {
	display: none;
}
.fl-mobile .container.invite .invite-rewards,
.fl-mobile .container.invite .invite-table .row {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.fl-mobile .container.invite .invite-rewards .full-width-item,
.fl-mobile .container.invite .invite-table .invite-email,
.fl-mobile .container.invite .invite-table .invite-status {
	display: inline-block;
	-webkit-flex: 1 1 auto;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
}
.fl-mobile .container.invite .invite-rewards {
	margin: 0;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}
.fl-mobile .container.invite .invite-rewards .full-width-item {
	width: calc(50% - 20px);
	-ms-flex-preferred-size: calc(50% - 20px);
	        -webkit-flex-basis: calc(50% - 20px);
	        flex-basis: calc(50% - 20px);
}
.fl-mobile .container.invite .invite-rewards dt.full-width-item,
.fl-mobile .container.invite .invite-table .invite-email {
	color: #999999;
	text-overflow: ellipsis;
}
.fl-mobile .container.invite .invite-rewards dd.full-width-item,
.fl-mobile .container.invite .invite-table .invite-status {
	text-align: right;
	font-weight: bold;
	text-transform: capitalize;
}
.fl-mobile .container.invite .invite-rewards dd.full-width-item {
	color: #F9423A;
	margin-left: 0;
}
.fl-mobile .container.invite .share-options {
	margin-top: 20px;
}
.fl-mobile .container.invite .share-bar,
.fl-mobile .container.invite .share-bar li,
.fl-mobile .container.invite .share-bar li a {
	display: block;
}
.no-execcommand-copy .clipboard-item {
	display: none !important;
}
.fl-mobile .container.invite .share-bar {
	padding-right: 10px;
	padding-left: 10px;
}
.fl-mobile .container.invite .share-bar li {
	border-bottom: 1px solid #CCCCCC;
}
.fl-mobile .container.invite .share-bar li a {
	font-size: 13px;
	line-height: 14px;
	font-weight: bold;
	padding: 14px 0;
}
.fl-mobile .container.invite .share-bar li .personalize-link {
	color: #F9423A;
}
.fl-mobile .container.invite .share-bar li a i {
	width: 2em;
	margin-right: 10px;
}
.drawer-content .personalize-link-drawer .drawer-heading {
	font-size: 18px;
	font-weight: bold;
}
.drawer-content .personalize-link-drawer {
	font-size: 13px;
}
.drawer-content .personalize-link-drawer .prefix {
	color: #999999;
	display: block;
	overflow-wrap: break-word;
	word-wrap: break-word;
	margin-bottom: 12px;
}
.drawer-content .personalize-link-drawer [id="check_availability"] {
	font-weight: bold;
	display: inline-block;
	margin-bottom: 10px;
}
.drawer-content .personalize-link-drawer .invite_input {
	margin-bottom: 15px;
}
.fl-mobile .container.invite .send-invite-response {
	padding-right: 10px;
	padding-left: 10px;
}
.fl-mobile .container.invite .send-invite-response .message {
	border: 1px solid #D9D9D9;
	border-left-width: 0;
	border-right-width: 0;
	padding: 10px;
	color: #F9423A;
}
.fl-mobile .container.invite .send-invite-response .message.bad {
	font-weight: bold;
}
.fl-mobile[data-layout^="friends"] .message {
	color: #F9423A;
	background: none;
	padding: 0;
	position: relative;
}
.fl-mobile[data-layout^="friends"] .message.good {
	color: #333;
}
.drawer-content .personalize-link-drawer .button {
	margin-top: 20px;
}

/**
 * FBL-1923: Constant Timer
 */
/* Presentation A */
.skinny-sticky-bottom {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 18px;
	line-height: 60px;
	background-color: rgba(51, 51, 51, 0.85);
	text-transform: uppercase;
	color: white;
	transition: -webkit-transform 0.5s ease 0.25s;
	transition: transform 0.5s ease 0.25s;
	transition: transform 0.5s ease 0.25s, -webkit-transform 0.5s ease 0.25s;
	-webkit-transform: translateY(100%);
	        transform: translateY(100%);
}
.skinny-sticky-bottom.expanded {
	-webkit-transform: translateY(0);
	        transform: translateY(0);
}
/* Presentation B */
.persistent-badge {
	position: fixed;
	left: 50%;
	bottom: 100px;
	width: 130px;
	height: 130px;
	margin-left: 505px;
	text-align: right;
}
@media screen and (max-width: 1280px) {
	.persistent-badge {
		left: auto;
		right: 5px;
		margin-left: 0;
	}
}
.persistent-badge .circle-badge {
	text-transform: uppercase;
	background-color: #419bf9;
	width: 130px;
	font-size: 18px;
	transition: -webkit-transform 0.5s ease 0.2s;
	transition: transform 0.5s ease 0.2s;
	transition: transform 0.5s ease 0.2s, -webkit-transform 0.5s ease 0.2s;
}
.persistent-badge .circle-badge .offer-text {
	font-size: 11px;
}
.circle-badge.circle-badge-rotating-outline:before {
	content: "";
	position: absolute;
	left: 5%;
	top: 5%;
	z-index: 1;
	width: 90%;
	height: 90%;
	margin-top: -1px;
	margin-left: -1px;
	border-radius: 50%;
	border: 1px dashed white;
	-webkit-animation: spin 40s infinite linear;
	        animation: spin 40s infinite linear;
}

.tertiary {
	color: #529FD5;
}

.skinny-sticky-bottom.skinny-sticky-light {
	font-size: 12px;
	padding: 1em;
	background: rgba(248, 248, 248, 0.95);
	line-height: 1.25;
}

.skinny-sticky-content {
	font-size: 12px;
	padding: 1em 1.5em;
}
.skinny-sticky-content .holiday-shipping-type {
	text-transform: capitalize;
}
.skinny-sticky-content ul li {
	margin-top: 0.75em;
}
.fl-mobile .skinny-sticky-content {
	font-size: 2.5vw;
	text-align: center;
}
@media screen and (max-width: 400px) {
	.fl-mobile .skinny-sticky-content {
		font-size: 10px;
	}
}

body.meganav-expanded > header .skinny.skinny-sticky-holiday,
.skinny-sticky-bottom.skinny-sticky-holiday {
	background-color: transparent;
	background-image: linear-gradient(rgba(255,255,255, 0.7) 0%, rgba(255,255,255, 0.7) 50%, rgba(225,225,225, 0.75) 100%);
}
.skinny-sticky-bottom.skinny-sticky-holiday {
	/*background: rgba(255,255,255, 0.5);*/
	background-size: 100% 200%;
	background-position: 0 0;
	transition: all 0.5s ease;
	z-index: 1200;
}
body.meganav-expanded > header .skinny.skinny-sticky-holiday:hover,
.skinny-sticky-bottom.skinny-sticky-holiday:hover {
	background-color: rgba(225,225,225, 0.8);
	background-position: -150%;
}
body.meganav-expanded > header .skinny.skinny-sticky-bottom.skinny-sticky-holiday,
body.meganav-expanded > header .skinny.skinny-sticky-bottom.skinny-sticky-holiday > * {
	opacity: 1;
}
.skinny-sticky-bottom .skinny-sticky-content {
	/*background: none;*/
	display: inline-block;
	position: relative;
	padding-right: 0;
	padding-left: 0;
	font-size: 18px;
}
.skinny-sticky-bottom .skinny-sticky-content .skinny-sticky-bottom-tooltip {
	cursor: pointer;
}
.skinny-sticky-bottom .skinny-sticky-content .skinny-sticky-bottom-tooltip:after {
	content: "?";
	width: 1em;
	line-height: 1;
	display: inline-block;
	text-align: center;
	color: white;
	background: #AAAAAA;
	border-radius: 50%;
	border: 2px solid #AAAAAA;
	font-size: 0.9em;
	font-weight: normal;
	margin: -2px 0 -2px 0.5em;
}
.skinny-sticky-bottom .skinny-sticky-content .skinny-sticky-bottom-tooltip-content,
.skinny-sticky-bottom .skinny-sticky-content .skinny-sticky-bottom-tooltip:before {
	pointer-events: none;
	visibility: hidden;
	opacity: 0;
	transition: all 0.25s ease;
	position: absolute;
	left: 100%;
	bottom: 0;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
}

.skinny-sticky-bottom .skinny-sticky-content .skinny-sticky-bottom-tooltip-content {
	background: #333;
	color: white;
	padding: 2.5em;
	font-size: 12px;
	text-transform: none;
	text-align: left;
	white-space: nowrap;
	margin-bottom: 10px;
}
.skinny-sticky-bottom .skinny-sticky-content .skinny-sticky-bottom-tooltip:before {
	content: "";
	width: 0;
	height: 0;
	margin-left: -8px;
	border-style: solid;
	border-width: 10px 8px 0 8px;
	border-color: #333 transparent transparent transparent;
}

.skinny-sticky-bottom .skinny-sticky-content .skinny-sticky-bottom-tooltip:hover:before,
.skinny-sticky-bottom .skinny-sticky-content .skinny-sticky-bottom-tooltip:hover + .skinny-sticky-bottom-tooltip-content {
	bottom: 100%;
	opacity: 1;
	visibility: visible;
}
.skinny-sticky-bottom .skinny-sticky-content ul li:first-child {
	margin-top: 0;
}
.skinny-sticky-bottom .snowflakes {
	position: fixed;
	left: 0;
	bottom: 0;
}
.shipping-message-wrapper-holiday {
	position: relative;
	background: #F8F8F8;
	transition: all 0.5s ease;
}
.shipping-message-wrapper-holiday:hover {
	background-color: rgba(225,225,225, 0.5);
}
.shipping-message-wrapper-holiday .snowflakes {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.shipping-message-wrapper-holiday .light-bottom-banner {
	background: none;
	position: relative;
	z-index: 2;
}

.black-badge {
	background: transparent url(//fabletics-us-cdn.justfab.com/media/images/en_US/boutique/black-badge.svg) center center no-repeat;
	background-image: url(//fabletics-us-cdn.justfab.com/media/images/en_US/boutique/black-badge.png);
	background-size: cover;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-line-pack: stretch;
	        -webkit-align-content: stretch;
	        align-content: stretch;
	-webkit-align-items: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
}
.black-badge.black-badge-shadow {
	background-image: url(//fabletics-us-cdn.justfab.com/media/images/en_US/boutique/black-badge.svg#shadow);
	background-image: url(//fabletics-us-cdn.justfab.com/media/images/en_US/boutique/black-badge-shadow.png);
}
.no-svg .black-badge {
	background-image: url(//fabletics-us-cdn.justfab.com/media/images/en_US/boutique/black-badge.png);
}
.no-svg .black-badge.black-badge-shadow {
	background-image: url(//fabletics-us-cdn.justfab.com/media/images/en_US/boutique/black-badge-shadow.png);
}
.black-badge-content {
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: transparent;
	-webkit-flex: 1 1 auto;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
}
.black-badge-content[data-black-badge="fl2-black-friday"] {
	background-image: url(//fabletics-us-cdn.justfab.com/media/images/en_US/boutique/black-badge-fl2-black-friday.png); 
}
.black-badge-content[data-black-badge="editorial-collection-sale"] {
	background-image: url(//fabletics-us-cdn.justfab.com/media/images/en_US/boutique/black-badge-editorial-collection-sale.png); 
}
.black-badge-content[data-black-badge="editorial-collection-sale-half"] {
	background-image: url(//fabletics-us-cdn.justfab.com/media/images/en_US/boutique/black-badge-editorial-collection-sale-half.png); 
}
.black-badge-content[data-black-badge="editorial-collection-sale-last-chance"] {
	background-image: url(//fabletics-us-cdn.justfab.com/media/images/en_US/boutique/black-badge-editorial-collection-sale-last-chance.png); 
}
.black-badge-content[data-black-badge="editorial-collection-sale-last-chance-half"] {
	background-image: url(//fabletics-us-cdn.justfab.com/media/images/en_US/boutique/black-badge-editorial-collection-sale-last-chance-half.png); 
}

.sticky-side-badge {
	position: fixed;
	bottom: 100px;
	left: 50%;
	margin-left: 500px;
	width: 150px;
	padding: 10px 0;
	overflow: hidden;
}
.sticky-side-badge .black-badge,
.sticky-side-badge .black-badge:after {
	transition: all 0.25s ease;
}
.sticky-side-badge .black-badge {
	width: 210px;
	height: 210px;
	margin-left: -80px;
}
.sticky-side-badge .black-badge:after {
	content: "";
	position: absolute;
	left: -30px;
	top: 10px;
	border-radius: 50%;
	width: 20px;
	height: calc(100% - 20px);
	box-shadow: 20px 0 20px rgba(0,0,0, 0.3);
	transition-delay: 0.15s;
}
.stickynav:not(.stickynav-stuck) ~ .sticky-side-badge .black-badge,
.sticky-side-badge .black-badge.expanded {
	margin-left: -300px;
}
.stickynav:not(.stickynav-stuck) ~ .sticky-side-badge .black-badge:after,
.sticky-side-badge .black-badge.expanded:after {
	box-shadow: 20px 0 0 rgba(0,0,0, 0);
}
.black-badge .close-button {
	position: absolute;
	z-index: 2;
	right: 10px;
	top: 25px;
	font-size: 10px;
}
.editorial-collection-masthead {
	position: relative;
}
.editorial-collection-masthead .black-badge-container {
	position: absolute;
	width: 100%;
	max-width: 1400px;
	left: 50%;
	top: 0;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
	overflow: hidden;
}
.editorial-collection-masthead .black-badge {
	width: 360px;
	height: 360px;
	margin-top: -96px;
	margin-left: -82px;
}
@media screen and (max-width: 1400px) {
	.editorial-collection-masthead .black-badge {
		-webkit-transform-origin: 0 0;
		        transform-origin: 0 0;
		-webkit-transform: scale(0.94);
		        transform: scale(0.94);
	}
}
@media screen and (max-width: 768px) {
	.editorial-collection-masthead .black-badge-container {
		top: 42px;
	}
	.editorial-collection-masthead .black-badge {
		margin-top: -10.5%;
		margin-left: -7.5%;
		width: 28vw;
		height: 28vw;
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
	.editorial-collection-masthead .black-badge-content {
		background-size: cover;
	}
}
.lookbook {
	max-width: 1440px;
	margin-right: auto;
	margin-left: auto;
}
.fl-desktop .lookbook {
	overflow: hidden;
}
.lookbook > .black-badge {
	position: absolute;
	top: -60px;
	right: -55px;
	width: 345px;
	height: 345px;
}
@media screen and (min-width: 1440px) {
	.lookbook > .black-badge {
		left: 50%;
		margin-left: 440px;
	}
}

.dev-promo-listing {
	padding: 1em 1em 2em;
	position: absolute;
	z-index: 99;
	bottom: 100%;
	right: 10px;
	background-color: #fffff0;
	border: 1px solid #aaa;
	border-bottom-width: 4px;
	box-shadow: 0 0 3px -1px rgba(0,0,0, 0.5);
	transition: -webkit-transform 0.25s ease;
	transition: transform 0.25s ease;
	transition: transform 0.25s ease, -webkit-transform 0.25s ease;
	text-align: left;
	-webkit-transform: translateY(0);
	        transform: translateY(0);
}
.dev-promo-listing.expanded {
	-webkit-transform: translateY(100%);
	        transform: translateY(100%);
}

body[data-meganav] ul.navigation--new > li.black-friday-sale > a {
	color: #F9423A;
}
body[data-meganav].fl-desktop ul.navigation--new > li.black-friday-sale:hover > a {
	border-color: #F9423A;
}
.fl-mobile .container[data-sale-type^="cyber-monday"] .price .promo,
.fl-mobile .container[data-sale-type^="black-friday"] .price .promo {
	text-transform: uppercase;
}

.container-filter-phase-1 .filter-bar-two {
	text-transform: uppercase;
	border-color: #e8e8e8;
	border-width: 1px 0;
	border-style: solid;
	background-color: white;
	width: 100%;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
.container-filter-phase-1 .filter-bar-two.stickynav {
	top: 0;
}
[data-layout^="catalog-shop"] .filter-bar-two {
	border-top-width: 0;
}
.filter-bar-two .container {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	min-height: 63px;
	position: relative;
}
.filter-bar-two .container > * {
	border-color: #e8e8e8;
	border-width: 0 1px 0 0;
	border-style: solid;
	padding-right: 15px;
	padding-left: 15px;
}
.filter-bar-two .container > *:first-child {
	border-left-width: 1px;
}
.filter-bar-two .input-tab-group {
	font-size: 12px;
}
.filter-bar-two .container .close {
	padding: 0;
}
.filter-bar-two .container .close .close-button {
	border: 1px solid white;
	border-width: 24px 15px;
}
.filter-bar-two .container .sort,
[data-layout^="catalog-shop"] .filter-bar-two .container .filter,
[data-layout^="catalog-mens_shop"] .filter-bar-two .container .filter {
	padding-top: 15px;
}
.filter-bar-two .filter {
	-webkit-flex-grow: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
}
.filter-bar-two .nav-back-top {
	color: #858787;
	border: none;
	position: absolute;
	top: 0;
	left: 100%;
	padding: 24px;
	transition: all 0.25s ease;
}
.filter-bar-two .nav-back-top:hover {
	color: #333;
}
.filter-bar-two .container .filter .clear_filters,
.filter-bar-two [type="reset"].button-text {
	font-size: 12px;
	font-weight: normal;
	text-transform: none;
	color: #999999;
	margin-left: 20px;
}
.filter-bar-two .filter > label {
	margin-right: 30px;
}
.filter-bar-two .sort .styledSelect {
	margin-left: 15px;
}
.container.container-filter-phase-1 {
	display: block;
	width: auto;
}
.container.container-wide {
	display: block;
	margin-right: auto;
	margin-left: auto;
}
[data-user-status="vip-gold"] .boutique,
.container.container-filter-phase-1 .container,
.container.container-wide {
	width: auto;
	max-width: 1280px;
}
.container-filter-phase-1 .grid-container {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: flex-start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	padding-top: 15px;
}
.container-filter-phase-1 .sidenav {
	float: none;
	width: 25%;
	max-width: 290px;	
	padding: 15px;
	margin: 0;
	box-sizing: border-box;
	-ms-flex-preferred-size: 25%;
	        -webkit-flex-basis: 25%;
	        flex-basis: 25%;
	-ms-flex-negative: 0;
	        -webkit-flex-shrink: 0;
	        flex-shrink: 0;
}
.container-filter-phase-1 .sidenav.stickynav {
	/*position: absolute;*/
	left: 0;
	top: 15px;
	z-index: 2;
}
.container-filter-phase-1 .sidenav.stickynav.stickynav-placeholder {
	position: static;
}

.container-filter-phase-1 .sidenav .close-button {
	display: none;
}
.container-filter-phase-1 .sidenav.stickynav .close-button {
	visibility: hidden;
	display: inline-block;
	position: fixed;
	left: 5px;
	top: 0;
	z-index: 4;
	background: white;
	border: 15px solid white;
	outline: 1px solid #e8e8e8;
}
.container-filter-phase-1 .sidenav.stickynav-stuck .close-button {
	visibility: visible;
}
.container-filter-phase-1 .sidenav.stickynav {
	position: static;
	top: 135px;
}
.container-filter-phase-1 .sidenav.stickynav-stuck {
	position: fixed;
	max-height: calc(100% - 15px);
	overflow-y: auto;
	left: 50%;
	bottom: 0;
	-webkit-transform: translateX(-640px);
	        transform: translateX(-640px);
}
@media screen and (min-width: 1280px) {
	.container-filter-phase-1 .sidenav.stickynav-stuck {
		-webkit-animation: none;
		        animation: none;
	}
}
@media screen and (max-width: 1280px) {
	.container-filter-phase-1 .sidenav .close-button {
		top: 15px;
		left: 24px;
	}
}
.sidenav-phase1.expanded {
	opacity: 0;
	width: 0;
	padding: 0;
	-ms-flex-preferred-size: 0;
	        -webkit-flex-basis: 0;
	        flex-basis: 0;
	-webkit-transform: translateX(50%);
	        transform: translateX(50%);
}
.sidenav-phase1 ~ .grid.grid--flexible:not(.arbitrary-specificity) .item {
	padding: 15px;
	-ms-flex-preferred-size: 33.3333%;
	        -webkit-flex-basis: 33.3333%;
	        flex-basis: 33.3333%;
}
.sidenav-phase1 ~ .grid.grid--flexible:not(.arbitrary-specificity) .box {
	height: auto;
	min-height: 80px;
}
.sidenav-phase1.expanded ~ .grid.grid--flexible:not(.arbitrary-specificity) .item {
	-ms-flex-preferred-size: 25%;
	        -webkit-flex-basis: 25%;
	        flex-basis: 25%;
}
.container-filter-phase-1 .sidenav .filter-group + .filter-group {
	margin-top: 60px;
}
.container-filter-phase-1 .grid--flexible {
	-ms-flex-preferred-size: 75%;
	        -webkit-flex-basis: 75%;
	        flex-basis: 75%;
	-webkit-flex-grow: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
}
.container-filter-phase-1 .sidenav-phase1.stickynav .grid--flexible {
	padding-left: 25%;
}
.container-filter-phase-1 .sidenav-phase1.expanded ~ .grid--flexible {
	z-index: 3;
	-ms-flex-preferred-size: 100%;
	        -webkit-flex-basis: 100%;
	        flex-basis: 100%;
}
@media screen and (max-width: 1280px) {
	[data-user-status="vip-gold"] .boutique,
	.container.container-filter-phase-1 .container,
	.container.container-wide {
		padding-right: 24px;	
		padding-left: 24px;	
	}
	.container-filter-phase-1 .sidenav,
	.container-filter-phase-1 .sidenav.stickynav-stuck {
		left: 24px;
		-webkit-transform: none;
		        transform: none;
	}
}

#filters.sidenav.sidenav-phase1 .filter-item:not(.filter-item-input-container),
#filters.sidenav.sidenav-phase1 .filter-item .filter-item-label {
	padding: 1.2em 0;
}
#filters.sidenav.sidenav-phase1 .filter-item.filter-heading {
	font-size: 13px;
	color: #333;
	margin-bottom: 1em;
	text-transform: uppercase;
	padding-top: 0;
	padding-bottom: 0;
	cursor: default;
}
#filters.sidenav.sidenav-phase1 .filter-heading ~ .filter-item {
	/*border-bottom: 1px solid #E9E9E9;*/
	border-bottom: 1px solid rgba(0,0,0, 0.1);
}
#filters.sidenav.sidenav-phase1 .filter-item,
#filters.sidenav.sidenav-phase1 .filter-item .filter-item-input + label.filter-item-label {
	font-size: 12px;
	line-height: 1;
	color: #b2aea5;
	text-transform: capitalize;
	transition: all 0.25s ease;
}
#filters.sidenav.sidenav-phase1 .filter-item:not(.filter-heading):hover,
#filters.sidenav.sidenav-phase1 .filter-item .filter-item-input + label.filter-item-label:hover {
	color: #888;
}
#filters.sidenav.sidenav-phase1 .filter-item.filter-active,
#filters.sidenav.sidenav-phase1 .filter-item .filter-item-input:checked + label.filter-item-label {
	color: #333;
}
#filters.sidenav.sidenav-phase1 .filter-item:not(.filter-item-input-container) .filter-item:not(.filter-item-input-container),
#filters.sidenav.sidenav-phase1 .filter-item-input-container .filter-item-input ~ .filter-item-input-container .filter-item-label {
	padding: 0.9em 0 0.9em 2em;
	display: none;
}
#filters.sidenav.sidenav-phase1 .filter-item-input-container .filter-item-input ~ .filter-item-input-container:last-child .filter-item-label {
	padding-bottom: 1.5em;
}
#filters.sidenav.sidenav-phase1 .filter-item:not(.filter-item-input-container).filter-active .filter-item:not(.filter-item-input-container),
#filters.sidenav.sidenav-phase1 .filter-item-input-container .filter-item-input:checked ~ .filter-item-input-container .filter-item-label {
	display: block;
}
#filters.sidenav.sidenav-phase1 .filter-item .filter-item .filter-item-input:checked + label.filter-item-label {
	font-weight: 500;
}
#product_grid_content .no_results.no-results-phase1 {
	font-size: 14px;
	background: none;
	padding: 30px 0;
	margin: 0 auto;
	height: auto;
}
.no-results #product_grid_content {

}

.container-filter-phase-1 .grid-container {
	position: relative;
	/*overflow: hidden;*/
}
.close-button.close-menu-on-expand {
	-webkit-transform: rotate(0deg);
	        transform: rotate(0deg);
}
.close-button.close-menu-on-expand.expanded {
	-webkit-transform: rotate(180deg);
	        transform: rotate(180deg);
}
.close-button.close-menu-on-expand,
.close-button.close-menu-on-expand:before,
.close-button.close-menu-on-expand:after {
	transition: all 0.25s ease;
}
.close-button.close-menu-on-expand.expanded:before,
.close-button.close-menu-on-expand.expanded:after {
	opacity: 0;
/*	-webkit-transform: rotate(90deg);
	        transform: rotate(90deg);*/
}
.close-button.close-menu-on-expand.expanded {
	background: repeating-linear-gradient(#333, #333 0.15em, transparent 0.15em, transparent 0.4em);
}
/**
 * FBL-2065 Updated Membership Modal
 */
[id="colorbox"].membership-option-201511 [id="membership_option"] {
	background: transparent url(//fabletics-us-cdn.justfab.com/media/images/en_US/boutique/background-membership-201511.jpg) center top no-repeat;
	background-size: cover;
	padding: 50px;
	margin: 0;
	width: 900px;
	height: auto;
	text-align: right;
	font-size: 12px;
	box-sizing: border-box;
}
.membership-option-201511 .membership-option-modal {
	display: inline-block;
	background: white;
	box-sizing: border-box;
	padding: 30px 40px;
	width: 420px;
	text-align: center;
}
.membership-option-201511 .membership-option-modal h1 {
	font-size: 1em;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 0.166666667em;
}
.membership-option-201511 .membership-option-modal h1 span {
	display: block;
	font-size: 1.5em;
	margin-top: 1em;
}
.membership-option-201511 .membership-option-modal .lead {
	font-family: Georgia, serif;
	font-style: italic;
}
.membership-option-201511 .membership-option-modal > ul {
	display: block;
	margin: 2em auto;
	width: 75%;
	text-align: left;
}
.membership-option-201511 .membership-option-modal li {
	position: relative;
	padding-left: 3em;
	line-height: 1.4;
}
.membership-option-201511 .membership-option-modal li + li {
	margin-top: 1.5em;
}
.membership-option-201511 .membership-option-modal .checkmark {
	position: absolute;
	left: 0;
	top: 0;
}
.membership-option-201511 .membership-option-modal .button {
	font-size: 13px;
	font-weight: 500;
	padding-top: 1.384615385em;
	padding-bottom: 1.384615385em;
}
.membership-option-201511 .membership-option-modal .button.button-text {
	color: #333;
	font-weight: normal;
	text-transform: uppercase;
	border-bottom: 1px solid #333;
	padding: 0;
	line-height: 2;
}
.membership-option-201511 .membership-option-modal .button.button-text:hover {
	color: black;
	border-color: black;
	text-decoration: none;
}
.membership-option-201511 .membership-footnote {
	margin-top: 20px;
	color: white;
	text-align: center;
}
.divider {
	margin: 2em 0 1.5em;
}
.divider .line-on-sides-contents {
	font-family: Georgia, serif;
	font-style: italic;
	color: #999999;
}
[id="product_grid_content"][data-loader-line] {
	min-height: 1px;
}
[id="product_grid_content"].grid.grid--flexible {
	min-height: 300px;
}

.input-interface {}
.input-interface .input-interface-input {
	position: absolute;
	visibility: hidden;
	opacity: 0.01;
}
.input-interface .input-interface-input ~ .input-interface-label {
	display: inline-block;
	cursor: pointer;
}
.input-interface .input-interface-input ~ .input-interface-selected-visible,
.input-interface .input-interface-input:checked ~ .input-interface-selected-invisible {
	display: none;
}
.input-interface .input-interface-input ~ .input-interface-selected-invisible,
.input-interface .input-interface-input:checked ~ .input-interface-selected-visible {
	display: block;
}
.divider .line-on-sides-contents:before,
.divider .line-on-sides-contents:after {
	background: #E9E9E9;
}

/**
 * FBL-2090: Constant Timer MOBILE
 */
.constant-timer-container + .heading {
	display: none;
}
.constant-timer-container .heading {
	line-height: 15px;
	margin-bottom: 0;
}
.constant-timer-container .heading[data-constant-timer-version="2"] {
	background-color: #529FD5;
}
.constant-timer-container .counter {
	font-size: 1.5em;
	margin-left: 0.5em;
}

.flag-banner.flag-banner-jan-2016 {
	text-align: center;
}
.flag-banner.flag-banner-jan-2016 .flag-banner-inner {
	background-color: #31456e;
	font-size: 11px;
	line-height: 1;
	padding: 1em 0.5em;
}
.flag-banner.flag-banner-jan-2016 .flag-banner-inner:before,
.flag-banner.flag-banner-jan-2016 .flag-banner-inner:after {
	border-color: #31456e;
	border-width: 2.5em 1.25em;
}
.flag-banner.flag-banner-jan-2016 .flag-banner-inner:after {
	margin-left: -1.25em;
}
.flag-banner.flag-banner-jan-2016 .flag-banner-inner .line-1 {
	letter-spacing: 0.05em;
}
.flag-banner.flag-banner-jan-2016 .flag-banner-inner .line-2 {
	font-size: 1.5em;
	margin-top: 4px;
}
.nav-drawer .account-information .flag-banner-container {
	pointer-events: none;
	position: absolute;
	right: 55px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.nav-drawer .account-information .flag-banner-jan-2016 .flag-banner-inner {
	font-size: 6.25px;
	padding-top: 6px;
	padding-bottom: 7px;
}
.nav-drawer .account-information .flag-banner-jan-2016 .flag-banner-inner:before,
.nav-drawer .account-information .flag-banner-jan-2016 .flag-banner-inner:after {
	border-width: 16px 10px;
}


body.highlight-resource-bundles .resource-bundle {
	position: relative;
	outline: 1px solid red;
}
body.highlight-resource-bundles .resource-bundle:before {
	position: absolute;
	display: none;
	content: attr(data-bundle-id);
	background: red;
	color: white;
	text-transform: none !important;
	font-size: 10px !important;
	line-height: 1;
	padding: 0.25em 0.5em;
}
body.highlight-resource-bundles .resource-bundle:active:before,
body.highlight-resource-bundles .resource-bundle:focus:before,
body.highlight-resource-bundles .resource-bundle:hover:before {
	display: block;
}

/**
 * FBL-1202: Skip Month Confirmation 
 */
.container--skip-confirm {
	padding: 80px 0;
}
.container--skip-confirm > h1 {
	font-size: 24px;
}
.container--skip-confirm > .lead {
	font-size: 16px;
}
.container--skip-confirm .grid {
	padding: 45px;
}
.container--skip-confirm .grid .item {
	float: none;
	width: 16%;
	padding: 0 2%;
	margin: 0;
}
.container--skip-confirm .grid .item .shot .badge {
	display: none;
}
.container--skip-confirm .flickity-enabled .flickity-prev-next-button {
	top: 35%;
	width: 50px;
	height: 50px;
}
.container--skip-confirm .flickity-enabled .flickity-prev-next-button svg {
	-webkit-transform: scaleX(0.8);
	        transform: scaleX(0.8);
}
.container--skip-confirm .flickity-enabled .flickity-prev-next-button .arrow {
	fill: #DDD;
}
.container--skip-confirm .flickity-enabled .flickity-prev-next-button:hover .arrow {
	fill: #CCC;
}
.container--skip-confirm .flickity-enabled .flickity-prev-next-button.previous {
	left: 0;
	-webkit-transform: translate(-100%, -50%);
	        transform: translate(-100%, -50%);
}
.container--skip-confirm .flickity-enabled .flickity-prev-next-button.next {
	right: 0;
	-webkit-transform: translate(100%, -50%);
	        transform: translate(100%, -50%);
}
.container--skip-confirm .cta {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.container--skip-confirm .cta .button + .button {
	margin-top: 10px;
}
.container--skip-confirm .cta .button-text {
	font-size: 13px;
}

header > .stickynav.stickynav-stuck {
	background: white;
	width: 100%;
	max-width: none;
	transition: none;
	border-bottom: 1px solid #e8e8e8;
}
header > .stickynav.stickynav-stuck .header-content {
	margin-bottom: 0;
	transition: none;
	height: 60px;
}
.stickynav-stuck--header-viewport .container-filter-phase-1 .filter-bar-two {
	top: 60px;
}
.stickynav-stuck--header-viewport.stickynav-stuck--filter-bar-two .container-filter-phase-1 .sidenav.stickynav-stuck {
	top: 135px;
	max-height: calc(100% - 150px);
    overflow: -moz-scrollbars-none;
}
.stickynav-stuck--header-viewport .container-filter-phase-1 .sidenav.stickynav-stuck::-webkit-scrollbar { 
    display: none;
}
.stickynav-stuck--header-viewport .container-filter-phase-1 .container.contain-before .sidenav.stickynav-stuck,
.stickynav-stuck--header-viewport .container-filter-phase-1 .container.contain-intersect-start .sidenav.stickynav-stuck {
	position: absolute;
	bottom: 15px;
	top: auto;
}
.stickynav-stuck--header-viewport .container-filter-phase-1 .sidenav.stickynav-stuck.stickynav-stuck-bottom {
	position: absolute;
	top: auto;
}
.stickynav-stuck--header-viewport .container-filter-phase-1 .sidenav.stickynav-stuck + .grid {
	-ms-flex-item-align: start;
	        -webkit-align-self: flex-start;
	        align-self: flex-start;
}
.container-filter-phase-1 .sidenav.stickynav + #product_grid_content {
	position: static;
}
.container-filter-phase-1 .sidenav.stickynav + .grid:before {
	position: absolute;
	top: 0;
	margin-top: 0;
	z-index: 3;
	height: 2px;
}
[class*="stickynav-stuck"] .container-filter-phase-1 .sidenav.stickynav + .grid:before,
[class*="stickynav-stuck"] .container-filter-phase-1 .sidenav.stickynav + .grid:after {
	position: fixed;
}
.stickynav-stuck--header-viewport .container-filter-phase-1 .sidenav.stickynav + .grid:before {
	top: 61px;
}
.stickynav-stuck--header-viewport.stickynav-stuck--filter-bar-two .container-filter-phase-1 .sidenav.stickynav + .grid:before {
	top: 124px;
}
.container-filter-phase-1 .sidenav.stickynav + .grid:after {
	display: none;
	left: 50%;
	z-index: 3;
	background: rgba(255,255,255, 0.9);
	padding: 1em 1.5em;
	width: auto;
	font-size: 10px;
	border: 1px solid #EFEFEF;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}
.container-filter-phase-1 .sidenav.stickynav + #product_grid_content.products-loading {
	opacity: 1;
}
.container-filter-phase-1 .sidenav.stickynav + #product_grid_content.products-loading .item {
	opacity: 0.6;
}


/* FBL-2321: Mobile Cart Summary variation */
.one-page-cart.cart-version-201601 .product-card .product-image:not(:first-child) {
	display: none;
}
.one-page-cart.cart-version-201601 .cart-totals-container ~ * {
	margin-top: 2em;
}
.one-page-cart.cart-version-201601 .heading ~ *:not(.cart-contents):not(.lead-opt-in) {
	padding-left: 20px;
	padding-right: 20px;
}
.one-page-cart.cart-version-201601 .cart-option:last-child,
.one-page-cart.cart-version-201601 .form-actions .mobile-form {
	padding-bottom: 2em;
	border-bottom: 1px solid #e5e5e5;
}
.one-page-cart.cart-version-201601 .product-cards {
	padding-top: 10px;
	padding-bottom: 10px;
}
.one-page-cart.cart-version-201601 .lead-opt-in {
	border-width: 0;
	position: relative;
}
.one-page-cart.cart-version-201601 .lead-opt-in .lead-opt-in-trigger {
	position: absolute;
	top: 0;
	right: 0;
	padding: 10px 20px;
	z-index: 2;
	text-align: right;
	box-sizing: border-box;
}
.one-page-cart.cart-version-201601 .lead-opt-in:not(.expanded) .lead-opt-in-trigger {
	width: 100%;
	height: 100%;
}
.one-page-cart.cart-version-201601 .lead-opt-in .lead-opt-in-trigger:after {
	content: "+";
}
.one-page-cart.cart-version-201601 .lead-opt-in.expanded .lead-opt-in-trigger:after {
	content: "-";
}
.one-page-cart.cart-version-201601 .lead-opt-in:not(.expanded) {
	padding-top: 10px;
	padding-bottom: 10px;
}
.one-page-cart.cart-version-201601 .lead-opt-in:not(.expanded) .vip-badge-container,
.one-page-cart.cart-version-201601 .lead-opt-in:not(.expanded) .label-details,
.one-page-cart.cart-version-201601 .lead-opt-in:not(.expanded) .product-link {
	display: none;
}
.one-page-cart.cart-version-201601 .lead-opt-in:not(.expanded) .vip-membership-option {
	position: relative;
	z-index: 1;
}
.one-page-cart.cart-version-201601 .lead-opt-in + .upgrade-vip-banner {
	margin-top: 0;
}