/* NOTE: This will eventully be shared with mobile */
body {
	font-size: 16px; /* reset our baseline font-size */
	line-height: 1.428571429;
}

body,
div,
h1, h2, h3, h4, h5,
p,
label,
input,
button,
select,
textarea,
table {
	font-family: "Poppins", "ITC Avant Garde Gothic", "Avant Garde Gothic", "Avant Garde", "Century Gothic", "CenturyGothic", "Gill Sans Nova", "Segoe UI", "Calibri", sans-serif;
}

img.responsive,
img.img-responsive {
	width: auto;
	max-width: 100%;
	height: auto;
}

.container,
.container.wide,
.sidenav,
.products-container,
.container div {
	box-sizing: border-box;
}

.container,
.container.wide {
	display: block;
	max-width: 100%;
	box-sizing: border-box;
}

.toplevel > .container,
.site-wrap > .container,
.footer > .container {
	padding: 0 .75rem;
	min-width: 47em;
}

@media (max-width: 64em) {
	.toplevel > .container {
		width: auto;
		padding: 0 1em;
	}
	body .toplevel ul.nav-utility.nav-horizontal > li.nav-item--ad img {
		max-width: 161.875px;
	}
}

.row {
	margin: 0;
}


/*
	##    ##    ###    ##     ## ####  ######      ###    ######## ####  #######  ##    ##
	###   ##   ## ##   ##     ##  ##  ##    ##    ## ##      ##     ##  ##     ## ###   ##
	####  ##  ##   ##  ##     ##  ##  ##         ##   ##     ##     ##  ##     ## ####  ##
	## ## ## ##     ## ##     ##  ##  ##   #### ##     ##    ##     ##  ##     ## ## ## ##
	##  #### #########  ##   ##   ##  ##    ##  #########    ##     ##  ##     ## ##  ####
	##   ### ##     ##   ## ##    ##  ##    ##  ##     ##    ##     ##  ##     ## ##   ###
	##    ## ##     ##    ###    ####  ######   ##     ##    ##    ####  #######  ##    ##
 */

/**
 * NAVIGATION Defaults
 */
ul.nav,
ul.nav-horizontal,
ul.nav-dropdown,
li.nav-dropdown ul,
ul.nav-utility,
.nav ul,
.nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	box-sizing: border-box;
}

/* Horizontal navigation menus */

	.nav-horizontal > li {
		max-width: 100%;
		line-height: 1.2;
		-ms-flex-preferred-size: auto;
		        -webkit-flex-basis: auto;
		        flex-basis: auto;
		box-sizing: border-box;
	}

	.nav-horizontal > li > a,
	.nav-horizontal > li > span.no-link {
		box-sizing: border-box;
		display: inline-block;
		padding: .5em .75em;
	}

/*
	_  _ ____ ____ _ ___  ____ _  _ ___ ____ _       _  _ ____ _  _
	|__| |  | |__/ |   /  |  | |\ |  |  |__| |       |\ | |__| |  |
	|  | |__| |  \ |  /__ |__| | \|  |  |  | |___    | \| |  |  \/
	
 */
	/**
	 * Horizontal Nav with Dropdowns
	 */
	.nav-horizontal li.nav-dropdown {
		position: relative;
		/* overflow: hidden; */
		cursor: pointer;
		line-height: 1.2;
		-webkit-transition: all .25s ease;
		   -moz-transition: all .25s ease;
		     -o-transition: all .25s ease;
		        transition: all .25s ease;
		}
		.nav-horizontal li.nav-dropdown:hover {
			overflow: visible;
			-webkit-transform: translate3d(0,0,0); /* addresses Webkit artifacts */
			transform: translate3d(0,0,0); /* addresses Webkit artifacts */
		}
		.nav-horizontal li.nav-dropdown > ul {
			display: block;
			float: none;
			position: absolute;
			left: 0;
			top: 87.5%;
			padding: 0;
			opacity: 0;
			height: 0;
			visibility: hidden;
			overflow: hidden;
			background-color: #fff;
			box-shadow: 1px 2px 4px rgba(0,0,0,.01);
			z-index: 0;
			-webkit-transition: all .25s ease;
			   -moz-transition: all .25s ease;
			     -o-transition: all .25s ease;
			        transition: all .25s ease;
			-webkit-transform: translate3d(0,0,0); /* addresses Webkit artifacts */
			transform:  scale3d(1, 0.875, 1);
			transform-origin: top;
			will-change: transform;
		}
		.nav-horizontal li.nav-dropdown:hover > ul {
			box-shadow: 1px 2px 4px rgba(0,0,0,.25);
		}
		.nav-horizontal li.nav-dropdown:hover > ul,
		.nav-horizontal li.nav-dropdown > li:hover ul {
			opacity: 1;
			/* overflow: visible; */
			top: 100%;
			width: auto;
			height: auto;
			max-height: none;
			visibility: visible;
			z-index: 7778;
			transform:  scaleY(1);
		}
		.nav-horizontal li.nav-dropdown.has-arrow > a {
			position: relative;
			padding-right: 3em;
		}
		.nav-horizontal li.nav-dropdown.has-arrow > a:after {
			content: "";
			display: inline-block;
			position: absolute;
			top: 50%;
			right: 1em;
			width: 0;
			height: 0;
			margin-top: -.25em;
			border-left: 0.417em solid transparent;
			border-right: 0.417em solid transparent;
			border-bottom: 0.417em solid transparent;
			border-top: 0.417em solid black
		}
		.nav-horizontal a {
			color: #404040;
		}
		.nav-horizontal > li > a {
			-webkit-transition: all .2s ease;
			   -moz-transition: all .2s ease;
			     -o-transition: all .2s ease;
			        transition: all .2s ease;
		}
		.nav-horizontal a:hover,
		.nav-horizontal li:hover > a {
			color: #f33e8c;
		}

		.nav-horizontal li.nav-dropdown ul a {
			display: block;
			padding: .5em 1em;
		}
		/* END default Nav styling */


/* Metanav */
.toplevel {
	padding: 0;
	box-sizing: border-box;
	font-size: 0.875em;
	z-index: 12;
	}
	.toplevel .metanav-wrapper {
		z-index: 13;
		-webkit-transform-origin: bottom left;
		    -ms-transform-origin: bottom left;
		        transform-origin: bottom left;
	}


/*
	_  _ ___ _ _    _ ___ _   _    _  _ ____ _  _
	|  |  |  | |    |  |   \_/     |\ | |__| |  |
	|__|  |  | |___ |  |    |      | \| |  |  \/
	
 */
/**
 * Utility Nav (in top bar)
 */
.toplevel ul.nav-utility {
	-webkit-flex-wrap: nowrap;
	    -ms-flex-wrap: nowrap;
	        flex-wrap: nowrap;
	font-size: 0.75em;
	z-index: 12;
	}
	.toplevel ul.nav-utility > li {
		margin: 0;
		padding: 0;
		font-size: 1em;
		z-index: 12;
	}
	.toplevel ul.nav-utility > li > a {
		height: 40px;
		display: table-cell;
		vertical-align: middle;
		font-weight: 500;
		outline: 0;
		text-align: center;
	}
	.toplevel ul.nav-utility > li > a:not(:hover) {
		color: #404040;
	}
	.toplevel ul.nav-utility > li li {
		line-height: 1.2;
	}
	.toplevel ul.nav-utility > li ul li:hover a {
		background-color: #f5f5f5;
	}
	.toplevel ul.nav-utility li.nav-item--login a.sign-up {
		padding-right: 0;
	}
	.toplevel ul.nav-utility li.nav-item--login a.signin {
		padding-left: 0;
		}
		.toplevel ul.nav-utility li.nav-item--login a:hover {
			text-decoration: none;
		}
		.toplevel ul.nav-utility li.nav-item--login a:hover span {
			text-decoration: underline;
		}
		.toplevel ul.nav-utility li.nav-item--login a:hover .no-hover {
			color: #404040;
			text-decoration: none;
		}
	.toplevel ul.nav-utility.nav-horizontal > li.nav-item--ad img {
		max-width: 185px;
		padding-top: .125rem;
	}
	.toplevel ul.nav-utility.nav-horizontal > li.nav-item--ad div {
		display: inline-block;
	}
	.toplevel ul.nav-utility.nav-horizontal > li.nav-item--shipping-message a {
		color: #137413;
		font-weight: normal;
		text-transform: uppercase;
		font-size: 1em;
		letter-spacing: .0625em
		}
		.toplevel ul.nav-utility.nav-horizontal > li.nav-item--shipping-message.nav-dropdown:hover {
			box-shadow: none;
		}
		.toplevel ul.nav-utility li.nav-item--shipping-message a i {
			display: none;
		}
		.toplevel ul.nav-utility.nav-horizontal > li.nav-item--shipping-message.nav-dropdown ul,
		.toplevel ul.nav-utility.nav-horizontal > li.nav-item--shipping-message.nav-dropdown:hover ul {
			padding: 0;
			right: 50%;
			margin-right: -120px;
		}
		.toplevel ul.nav-utility.nav-horizontal > li.nav-item--shipping-message.nav-dropdown ul img {
			display: block;
		}


/**
 * Header area
 */
.header {
	padding: .875rem 0 .75rem;
	box-sizing: border-box;
	}
	.header--action div {
		text-align: left;
	}
	.header--action a {
		display: inline-block;
	}
	.header--action .free-shipping-header-msg {
		float: none;
		display: inline-block;
		margin: .25em 0 .75em;
	}
	.header--action .header-promo-banner {
		float: none;
		margin: 0;
		display: block;
	}

	.header .postreg-countdown {
		margin: 0 0 .5em;
		line-height: 1;
	}


/**
 * Header Action Nav (Cart, My Account, Search)
 */
.header--action .nav-horizontal {
	margin-right: -.5rem;
	font-size: 0.875em;
	letter-spacing: .0625em;
	min-height: 2rem;
	}
	.header--action .nav-horizontal > li > a {
		padding: .5rem 1.625rem .375em;
		position: relative;
		}
		.header--action .nav-horizontal > li:last-child > a {
			padding-right: .75rem;
		}

	.header--action ul.nav-horizontal li.nav-dropdown:hover > a {
		z-index: 7779;
	}
	.header--action ul.nav-horizontal li.nav-dropdown ul {
		min-width: 100%;
		left: 0;
		right: 0;
		white-space: nowrap;
		font-size: .75rem;
		text-align: left;
		line-height: 1.2;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
		}
		.header--action ul.nav-horizontal li.nav-dropdown ul a {
			padding: .25rem 1rem;
			letter-spacing: .025em;
		}

	.header--action .nav-icon {
		display: inline-block;
		position: relative;
		top: .0875rem;
		padding-left: .1875em;
		margin-top: -.5em;
		margin-bottom: -.25em;
		line-height: .5;
		}
		.header--action .nav-icon.account-icon {
			top: .25rem;
		}
		.header--action .nav-icon svg {
			max-width: 100%;
			width: 1.5em;
			height: 1.5em;
			max-height: 100%;
		}
	.nav-item--bag .count,
	.gender-m .nav-item--bag .count {
		position: absolute;
		top: -0.325em;
		right: -0.6em;
		width: 1.5em;
		height: 1.5em;
		/* padding: .175em; */
		font-size: 0.625rem;
		text-align: center;
		line-height: 1.5;
		color: #fff;
		background-color: #f33e8c;
		border-radius: 50%;
		letter-spacing: -.05em;
		font-family: sans-serif;
	}.nav-item--bag .count[data-cart-count="0"],
	.gender-m .nav-item--bag .count[data-cart-count="0"] {
		display: none;
	}


/**
 * My Account Drop-down
 */
.header--action ul.nav-horizontal .nav-item--account {
	white-space: nowrap;
	z-index: 12;
}
.header--action ul.nav-horizontal li.nav-item--account.nav-dropdown > ul {
	width: 100%;
	margin-top: -3rem;
	padding-top: 3.5rem;
	padding-bottom: 1rem;
	box-shadow: 1px 1px 4px rgba(0,0,0,0);
}
.header--action ul.nav-horizontal li.nav-item--account.nav-dropdown:hover > ul {
	margin-top: -2.875rem;
	padding-top: 3.5rem;
	padding-bottom: 1rem;
	background-color: #fff;
	box-shadow: 1px 1px 4px rgba(0,0,0,.25);
}

.header--action ul.nav-horizontal:hover > li > a {
	color: #000;
}

.header--action ul.nav-horizontal li.expire_cc_msg {
	border-top: 1px solid #ccc; 
	border-bottom: 1px solid #ccc; 
	background-color:#fdfff3;
}

.header--action ul.nav-horizontal li.expire_cc_msg .expire_cc_msg_main {
	color:#3ca7ec;
	padding-top:5px;
	padding-bottom:5px;
}

.header--action ul.nav-horizontal li.expire_cc_msg .expire_cc_msg_body {
	padding-bottom:5px;
}

.header .header--nav {
	margin-top: .5rem;
}

.header .logo {
	display: block;
	margin-bottom: -.2125em;
	padding: 0 .5rem;
	max-width: 11rem;
}

/*
	_  _ ____ _ _  _    _  _ ____ _  _
	|\/| |__| | |\ |    |\ | |__| |  |
	|  | |  | | | \|    | \| |  |  \/
	
 */
/**
 * Main Nav
 */
.header ul.nav--main {
	margin: 0;
	}
	.header ul.nav--main > li > a,
	.header ul.nav--main > li > span.no-link {
		text-transform: capitalize;
		letter-spacing: .03125em;
		font-size: .75em;
		line-height: 1;
	}
	.header ul.nav--main > li:hover > a,
	.header ul.nav--main > li:hover > span.no-link {
		background-color: #f0f0f0;
	}
	.header ul.nav--main:hover > li a {
		color: #909090;
	}
	.header ul.nav--main > li:hover a {
		color: #000;
	}
	.header ul.nav--main > li:last-child ul {
		left: auto;
		right: 0;
	}
	/* Main Nav: 2nd level/dropdowns */
	.header ul.nav--main > li > ul {
		min-width: 8em;
		box-shadow: 0px 1px 4px 1px rgba(0,0,0,.01);
	}
	.header ul.nav--main > li:hover > ul {
		padding: .375em 0;
		box-shadow: 0px 1px 4px 1px rgba(0,0,0,.2);
	}
	.header .nav--main li.subnav-columns-wrap:hover > ul {
		padding: 0;
	}

	.header ul.nav--main > li > ul > li {
		font-size: .75em;
	}
	.header ul.nav--main ul li {
		text-align: left;
		text-transform: lowercase;
	}
	.header ul.nav--main ul li a {
		padding-top: .25em;
		padding-bottom: .25em;
		line-height: 1.5;
		font-weight: 300;
	}
	.header ul.nav--main > li > ul a:hover {
		color: #f33e8c;
	}

	/* Man Nav: Meganav drop-downs */
	.header .nav--main li.subnav-columns-wrap > ul {
		min-width: 10em;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
		-webkit-align-items: stretch;
		    -ms-flex-align: stretch;
		       align-items: stretch;
		-ms-flex-line-pack: justify;
		-webkit-align-content: stretch;
		        align-content: stretch;
		}
		.header .nav--main li.subnav-columns-wrap.cols-3 > ul
		{
			-webkit-align-content: space-between;
			        align-content: space-between;
		}
		.header ul.nav--main:not(.navigationizer) > li.subnav-columns-wrap > ul > li {
			display: inline-block;
			padding: .375em 0;
		}
		.header ul.nav--main.navigationizer > li.subnav-columns-wrap > ul > li > ul > li.expandable {
			padding-top: .375em;
			padding-bottom: .375em;
		}
		.header ul.nav--main > li.subnav-columns-wrap > ul > li > a:not(.meganav-feature),
		.header ul.nav--main.navigationizer > li.subnav-columns-wrap > ul > li.is-column > ul > li:not(.has-asset) > a:not(.meganav-feature) {
			text-transform: capitalize;
			font-weight: 500;
			letter-spacing: .03125em;
		}
		.header ul.nav--main.navigationizer > li.subnav-columns-wrap > ul li.has-asset a {
			font-weight: normal;
			letter-spacing: 0;
			text-transform: none;
		}
		.header ul.nav--main.navigationizer > li.subnav-columns-wrap > ul li.has-asset .nav-item-asset p {
			font-size: 1em;
		}
		/* Indented */
		.header .nav--main > li.subnav-columns-wrap > ul > li:not(.is-column) li li a,
		.header .nav--main > li:not(.subnav-columns-wrap) > ul > li:not(.is-column) li > a,
		.header ul.nav--main.navigationizer > li.subnav-columns-wrap > ul > li.is-column > ul > li li li a {
			padding-left: 2em;
		}

		.header .nav--main li.subnav-columns-wrap li.banner .meganav-feature {
			padding: .625em 1.25em;
		}

		.header .nav--main li.subnav-columns-wrap li.banner .meganav-feature a,
		.header .nav--main li.subnav-columns-wrap li.banner .meganav-feature p
		{
			padding: 0;
			font-size: .75rem;
		}

		.header .nav--main li.subnav-columns-wrap li.banner,
		.header .nav--main li.subnav-columns-wrap.cols-3 li.is-column:nth-child(3)  {
			-webkit-flex: 1 0 auto;
			    -ms-flex: 1 0 auto;
			        flex: 1 0 auto;
			text-align: center;
			border-left: 1px solid #eee;
		}
		.header .nav--main li.subnav-columns-wrap li.banner img,
		.header .nav--main li.subnav-columns-wrap .nav-item-asset img {
			display: block;
			width: auto;
			max-width: 100%;
			height: auto;
		}

		/* MFS Child drop-down */
		.header .nav--main li.nav-item--mfs_picker > ul.children {
			padding: 0;
			min-width: 100%;
		}
		.header .nav--main li.nav-item--mfs_picker > ul.children > li {
			text-align: center;
		}
		.header .nav--main li.nav-item--mfs_picker > ul.children > li.add-child {
			margin-top: .25em;
			margin-bottom: .25em;
		}
		.header .nav--main li.nav-item--mfs_picker > ul.children > li:not(:last-child) {
			margin: .625rem .375rem;
			background-color: #ff6398;
			box-shadow: 1px 2px 2px rgba(0,0,0,.25);
		}
		.header .nav--main li.nav-item--mfs_picker > ul.children > li:not(:last-child):hover {
			background-color: #eb1c74;
		}
		.header .nav--main li.nav-item--mfs_picker > ul.children > li:not(:last-child).gender-m {
			background-color: #01bfd7;
		}
		.header .nav--main li.nav-item--mfs_picker > ul.children > li:not(:last-child).gender-m:hover {
			background-color: #1890cd;
		}
		.header .nav--main li.nav-item--mfs_picker > ul.children > li a {
			padding: .5em 1em;
			letter-spacing: .125em;
			text-transform: none;
			color: #999;
		}
		.header .nav--main li.nav-item--mfs_picker > ul.children > li.add-child a:hover {
			color: #f33e8c;
		}
		.header .nav--main li.nav-item--mfs_picker > ul.children > li:not(:last-child) a {
			font-weight: bold;
			text-transform: uppercase;
			color: #fff;
		}

		/* .noflexbox, .no-flexboxlegacy .header ul.nav--main li.subnav-columns-wrap li {
			float: left;
		}
		.noflexbox, .no-flexboxlegacy .header ul.nav--main li.subnav-columns-wrap li.banner {
			display: none;
		} */


/*
	____ ____ ____ ___ ____ ____    _  _ ____ _  _
	|___ |  | |  |  |  |___ |__/    |\ | |__| |  |
	|    |__| |__|  |  |___ |  \    | \| |  |  \/
	
 */
/* Footer Nav */
.footer {
	color: #000;
	background-color: #fff3f7;
}
.footer > .container {
	padding: 1em;
	border: 0;
}

ul.nav--footer {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-align-items: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	-ms-flex-line-pack: justify;
	    -webkit-align-content: space-between;
	        align-content: space-between;
	margin: 0;
	height: 34rem;
	width: 100%;
	max-width: 100%;
	font-size: 1rem;
	}
	[data-userstatus="visitor"] ul.nav--footer {
	-webkit-flex-direction: row;
	    -ms-flex-direction: row;
	        flex-direction: row;
	    justify-content: center;
	}
	.not-responsive ul.nav--footer {
	-webkit-flex-direction: row;
	    -ms-flex-direction: row;
	        flex-direction: row;
	}
	.nav--footer li {
		margin: .25em 0;
		line-height: 1.2;
		font-size: 0.9375rem;
		letter-spacing: 0;
	}
	.nav--footer > li,
	.nav--footer.navigationizer li.is-column {
		margin: 0;
		padding: 0 0.5em;
		width: 25%;
		flex-basis: 25%;
		-webkit-flex-basis: auto;
		-ms-flex-basis: auto;
		flex-basis: auto;
		text-transform: uppercase;
		font-weight: bold;
		color: #000;
	}
	.nav--footer.navigationizer li.is-column ul > li.expandable {
		text-transform: uppercase;
		font-weight: bold;
		color: #000;
		padding-top: 5px;
		text-transform: initial;
		font-size: 1rem;
		font-weight: 400;
		letter-spacing: 0.025625em;
	}
	.nav--footer li > a,
	.nav--footer li > .link {
		display: block;
		padding: .5em 0;
		color: #000;
	}
	.nav--footer li > a:hover {
		color: #ea2076;
	}
	.nav--footer > li:not(.member-services) > ul {
		margin: 0 0 2em 0;
	}
	.nav--footer li li {
		text-transform: initial;
	    font-size: 0.8125rem;
	    font-weight: 300;
	    letter-spacing: 0.025625em;
	}
	.nav--footer ul.social {
		max-width: 18rem;
		margin-bottom: .5rem;
		margin-right: -2.45rem;
	}
	.nav--footer ul.social li {
		display: inline-block;
	}
	.nav--footer ul.social li > a {
		margin: 0 .5em .25em 0;
		padding: 0;
	}
	.nav--footer ul.social i.encircled {
		padding: 0;
		font-size: 2.5rem;
		color: #fff;
		line-height: 1.05;
		background-color: #fd8cb8;
		border: 1px solid #fd8cb8;
	}
	.nav--footer ul.social a:hover i.encircled {
		background-color: #ea2076;
	}
	.nav--footer ul.social-widgets li{
		display: inline-block;
	}
		.nav--footer.navigationizer li > a:not(.is-link):hover {
			color: unset;
		}
		.nav--footer.navigationizer li.nav-label--get-social {
			margin-top: 2rem;
			}
			.nav--footer.navigationizer li.nav-label--get-social > a,
			.nav--footer.navigationizer li.nav-label--get-social a {
				padding-top: 0;
				padding-bottom: 0;
			}

.footer .notices {
	text-align: center;
	font-size: .8125rem;
	line-height: 1.2;
	background-color: #fff3f7;
	}
	.footer .notices .container {
		padding: .5em 1em;
		border: 0;
	}
	.footer .notices p,
	.footer .notices .copyright {
		margin: 0;
		font-size: .75rem;
		font-weight: 300;
		letter-spacing: 0.02375em;
	}


/*  Miscellaneous
	##     ## ####  ######   ######
	###   ###  ##  ##    ## ##    ##
	#### ####  ##  ##       ##
	## ### ##  ##   ######  ##
	##     ##  ##        ## ##
	##     ##  ##  ##    ## ##    ##
	##     ## ####  ######   ######
 */

.static {
	margin: 0 auto;
	padding: 1rem;
}
table.shipping-steps tr {
	display: block;
}
table.shipping-steps td {
	display: inline-block;
}

#my.account .nav-tabs {
	padding: 0 .5em;
}
#my.account .nav-tabs a {
	padding: .75em 1em;
}

.products-container #mfs-profile-wrapper #mini-slideshow .mfs-slider {
	margin: 0 0 0 1.5em;
}

#profile-data .profile-badge,
#profile-data .profile-details {
	padding: .25em .25em;
}
#profile-data .profile-header {
	margin: 0 0 .25em 0;
	padding: 2px 0 4px;
	font-weight: 500;
	letter-spacing: .03em;
	text-transform: capitalize;
}

.outfit-content.login {
	font-size: .75rem;
}


/*
	########  ########   #######  ########  ##     ##  ######  ########     ######   ########  #### ########
	##     ## ##     ## ##     ## ##     ## ##     ## ##    ##    ##       ##    ##  ##     ##  ##  ##     ##
	##     ## ##     ## ##     ## ##     ## ##     ## ##          ##       ##        ##     ##  ##  ##     ##
	########  ########  ##     ## ##     ## ##     ## ##          ##       ##   #### ########   ##  ##     ##
	##        ##   ##   ##     ## ##     ## ##     ## ##          ##       ##    ##  ##   ##    ##  ##     ##
	##        ##    ##  ##     ## ##     ## ##     ## ##    ##    ##       ##    ##  ##    ##   ##  ##     ##
	##        ##     ##  #######  ########   #######   ######     ##        ######   ##     ## #### ########
 */
/**
 * Product Grids
 */
.product-grid.row,
.product-grid.grid.grid--flexible:not(.arbitrary-specificity) {
	margin: 0 -.75rem;
	padding: 0;
}
.products-container--tabbed .product-grid.row {
	padding-top: .75rem;
}
.product-grid .product-cell,
.product-grid .item {
	padding: .75rem;
}
.product-grid a.product-photo {
	display: block;
}
.product-grid img {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
}
.product-grid .product-photo-inner img {
	width: 100%;
	height: auto;
}
.product-photo .img2 {
	left: 0;
}

[data-view-page="confirmation"] iframe {
	display: block;
}

body #floating_dotwhack_inner {
	margin-left: calc(100% - 130px);
	pointer-events: none;
}
body #floating_dotwhack_inner a {
	pointer-events: all;
}

/*
	########  ########  ########    ###    ##    ## ########   #######  #### ##    ## ########  ######
	##     ## ##     ## ##         ## ##   ##   ##  ##     ## ##     ##  ##  ###   ##    ##    ##    ##
	##     ## ##     ## ##        ##   ##  ##  ##   ##     ## ##     ##  ##  ####  ##    ##    ##
	########  ########  ######   ##     ## #####    ########  ##     ##  ##  ## ## ##    ##     ######
	##     ## ##   ##   ##       ######### ##  ##   ##        ##     ##  ##  ##  ####    ##          ##
	##     ## ##    ##  ##       ##     ## ##   ##  ##        ##     ##  ##  ##   ###    ##    ##    ##
	########  ##     ## ######## ##     ## ##    ## ##         #######  #### ##    ##    ##     ######
 */

/**
 * BREAKPOINTS
 *  - Mobile-first. Phone-sized styling goes ABOVE these media queries.
 *  - Why "em" units? http://zellwk.com/blog/media-query-units/
 *      - xxs: < 30em/480px
 *  	- xs: <  48em/768px
 *  	- sm: >= 48em/768px
 *  	- md: >= 64em/1024px
 *  	- lg: >= 72em/1152px
 *  
 */

/* Phone "xs" (<=767px) - use sparingly */
@media (max-width: 47.9375em) {
	.header .logo {
		max-width: 10rem;
		margin: 0 auto .5rem;
	}
	.products-container #mfs-profile-wrapper #mini-slideshow.col-xs-12 .mfs-slider {
		margin: 0;
	}
	[data-layout="catalog-myfabshop"]  .outfits-index > .products-container > .shop-all-container {
		margin: 0 0 .5em;
		float: none;
		text-align: right;
	}

	body .row--alternate .column-left,
	body .row--alternate .column-right {
		width: 95%;
		float: none;
		box-sizing: border-box;
		padding: 0 1em;
		max-width: 100%;
		margin: 0 auto;
	}

	.pdp-alternate .details-container + .cta .size-guide {
		position: relative;
		display: block;
		margin: .5em 0;
		text-align: center;
	}

	.flexbox .product-list--flexible .product {
		-webkit-flex: 0 0 50%;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.rewards-shop-section.rewards-shop-section--unavailable .circle-badge p {
		font-size: .75rem;
	}
}

/* Phone/tablet "sm" (48em x 16px = 768px) */
@media (min-width: 48em) {
	.header .postreg-countdown {
		margin: .25em .5em -1em 0;
		line-height: 1;
	}

	.footer > .container {
		padding: 2em;
	}

	.nav--footer > li {
		padding: 0 0.5em;
	}

	.flexbox .product-list--flexible .product {
		-webkit-flex: 1 0 33.3333%;
		-ms-flex: 1 0 33.3333%;
		flex: 1 0 33.3333%;
		max-width: 33.3333%;
	}

	body #floating_dotwhack_inner {
		margin-left: calc(74% - 130px);
	}

}

/*
	___ ____ ___  _    ____ ___
	 |  |__| |__] |    |___  |
	 |  |  | |__] |___ |___  |
	
 */
/* Tablet "md" (64em x 16px = 1,024px) */
@media (min-width: 64em) {
	.toplevel {
		font-size: 1rem;
	}

	/* Utility Nav */
	.toplevel ul.nav-utility.nav-horizontal > li {
		margin-left: 1em;
		}
		.toplevel ul.nav-utility.nav-horizontal > li:first-child {
			margin-left: 0;
		}
		.toplevel ul.nav-utility.nav-horizontal > li > a {
			padding: .5em;
		}
		.toplevel ul.nav-utility.nav-horizontal > li.nav-item--ad > a {
			padding-left: 1em;
			padding-right: 1em;
		}

	.header--action ul.nav-horizontal li.nav-dropdown.has-arrow > a {
		padding-right: 3em;
	}
	.header--action ul.nav-horizontal li.nav-dropdown:hover ul {
		padding: .5em 0;
	}
	.header--action ul.nav-horizontal li.nav-dropdown.has-arrow > a:after {
		right: 1.75em;
	}
	.header--action ul.nav-horizontal li.nav-dropdown ul a {
		padding: .25em 2.25em;
	}

	/* Main Nav */
	.header ul.nav--main > li {
		margin-left: .25em;
		margin-right: .25em;
		}
		.header ul.nav--main > li:first-child {
			margin-left: -.5em;
		}
		.header ul.nav--main > li:last-child {
			margin-right: -.5rem;
		}
		.header ul.nav--main > li > a,
		.header ul.nav--main > li > span.no-link {
			font-size: .875em;
			letter-spacing: .0625em;
		}

		.header .nav--main li.subnav-columns-wrap > ul {
			width: 17.5rem;
			height: 18rem;
			padding: 0;
		}
		.INDmagnifier .header .nav--main li.subnav-columns-wrap > ul,
		.INDfontsize .header .nav--main li.subnav-columns-wrap > ul {
			width: 28.5rem;
		}
		.header .nav--main li.subnav-columns-wrap.cols-3 > ul {
			width: 30rem;
		}
		.INDmagnifier .header .nav--main li.subnav-columns-wrap.cols-3 > ul,
		.INDfontsize .header .nav--main li.subnav-columns-wrap.cols-3 > ul {
			width: 30rem;
		}
		[data-userstatus="lead"] .header .nav--main li.subnav-columns-wrap > ul {
			left:  -5rem;
		}
		[data-userstatus="lead"] .header .nav--main li.subnav-columns-wrap.nav--boys > ul {
			left:  -8rem;
		}
		.header .nav--main li.subnav-columns-wrap.nav--girls > ul {
			height: 26rem;
		}
		.INDmagnifier .header .nav--main li.subnav-columns-wrap.nav--girls > ul,
		.INDfontsize .header .nav--main li.subnav-columns-wrap.nav--girls > ul  {
			height: 33rem;
		}
		.header .nav--main li.subnav-columns-wrap > ul > li.banner,
		.header .nav--main li.subnav-columns-wrap.cols-3 > ul li.is-column {
			max-width: 33%;
		}

		.INDmagnifier .header .nav--main li.subnav-columns-wrap > ul > li.banner,
		.INDmagnifier .header .nav--main li.subnav-columns-wrap.cols-3 > ul li.is-column,
		.INDfontsize .header .nav--main li.subnav-columns-wrap > ul > li.banner,
		.INDfontsize .header .nav--main li.subnav-columns-wrap.cols-3 > ul li.is-column {
			max-width: 50%;
		}

	/* Footer Nav */
	ul.nav--footer {
		height: 34rem;
		}
		.nav--footer > li {
			width: 25%;
			padding: 0 1.5em;
		}

	.static {
		padding: 2rem 8rem;
		max-width: 64em;
	}

	.flexbox .product-list--flexible .product {
		-webkit-flex: 1 0 25%;
		-ms-flex: 1 0 25%;
		flex: 1 0 25%;
		max-width: 25%;
	}

	.pdp-alternate.below-outfit.row {
		margin: 0 5%;
	}

	/* My Fabshop */
	#profile-data .profile-badge,
	#profile-data .profile-details {
		padding: .25em .5em;
	}
	#profile-data .profile-header {
		margin: 0 1em .375em 0;
		padding:  3px 0 7px;
		font-weight: 500;
		letter-spacing: .03em;
	}
	.products-container #mfs-profile-wrapper #mini-slideshow .mfs-slider {
		margin: 0 1.5em;
	}

	/* Account */
	#my.account .nav-tabs {
		padding: 0 2rem;
	}
	#my.account .nav-tabs a {
		padding: .75em 1.5em;
	}

	body #floating_dotwhack_inner {
		margin-left: calc(80% - 130px);
	}

	.outfit-content.login {
		font-size: .875rem;
	}

		.toolbar .filter-choice-container {
			min-width: 100px;
		}
		.toolbar .choice label,
		.toolbar .filters-header,
		.toolbar .filter-clear-all {
			font-size: .8125rem;
		}
		.toolbar .filters-header {
			width: 60px;
		}
		.filter-options .filter-clear-all {
			font-size: .8125rem;
		}
		.toolbar .filter-header,
		.toolbar .choice--sort-by .selectize-control .selectize-input {
			font-size: .9375rem;
		}
}

/* Desktop - "lg" (72em x 16px = 1152px) */
@media (min-width: 72em) {

	.toplevel > .container,
	.site-wrap > .container {
		padding: 0 1rem;
	}

	/* Product Grids */
	.product-grid.row,
	.product-grid.grid.grid--flexible:not(.arbitrary-specificity) {
		margin: 0 -1rem;
		}
		.products-container--tabbed .product-grid.row {
			padding-top: 1rem;
		}
		.product-grid .product-cell,
		.product-grid .item {
			padding: 1rem;
		}
		.pdp-alternate.below-outfit.row {
			margin: 0 7.5%;
		}

	.header ul.nav--main > li {
		margin-left: .75em;
		margin-right: .75em;
	}

	.header ul.nav--main > li > a,
	.header ul.nav--main > li > span.no-link {
		letter-spacing: .125em;
	}

	body #floating_dotwhack_inner {
		margin-left: 44em;
		padding-left:  12%;
	}


	.home.bts.brandsite .skinny-banner.promos .promo.outer {
		padding: .4125em 0 .325em;
		font-size: 1.2em;
		letter-spacing: .12em;
	}
	.home.bts.brandsite .skinny-banner.promos .mini-link {
		font-size: .769230769em;
	}
	.home.bts div.main-img .legal {
	    font-size: .8em;
	}
	.home.bts div.main-img .cta {
		font-size: 2vmax;
	}

	.outfit-content.login {
		font-size: 1rem;
	}
}


/*
	 ######   ######   ######      ######   ########  #### ########   ######
	##    ## ##    ## ##    ##    ##    ##  ##     ##  ##  ##     ## ##    ##
	##       ##       ##          ##        ##     ##  ##  ##     ## ##
	##        ######   ######     ##   #### ########   ##  ##     ##  ######
	##             ##       ##    ##    ##  ##   ##    ##  ##     ##       ##
	##    ## ##    ## ##    ##    ##    ##  ##    ##   ##  ##     ## ##    ##
	 ######   ######   ######      ######   ##     ## #### ########   ######
 */
/**
 * Based on Flexboxgrid.com
 */
.container {
	margin-right: auto;
	margin-left: auto
}

.container-fluid {
	padding-right: .5rem;
	padding-left: .5rem
}

.fk-desktop .row:not(tr),
.flexboxgrid .row {
	box-sizing: border-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -.5rem;
	margin-left: -.5rem;
}

.row.reverse {
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse
}

.col {
	box-sizing: border-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -.5rem;
	margin-left: -.5rem;
}

.col.reverse {
	-webkit-flex-direction: column-reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse
}

.col-xs,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-offset-1,
.col-xs-offset-10,
.col-xs-offset-11,
.col-xs-offset-12,
.col-xs-offset-2,
.col-xs-offset-3,
.col-xs-offset-4,
.col-xs-offset-5,
.col-xs-offset-6,
.col-xs-offset-7,
.col-xs-offset-8,
.col-xs-offset-9 {
	box-sizing: border-box;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	padding-right: .5rem;
	padding-left: .5rem
}

.col-xs {
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-preferred-size: 0;
	        -webkit-flex-basis: 0;
	        flex-basis: 0;
	max-width: 100%
}

.col-xs-1 {
	-ms-flex-preferred-size: 8.333%;
	        -webkit-flex-basis: 8.333%;
	        flex-basis: 8.333%;
	max-width: 8.333%
}

.col-xs-2 {
	-ms-flex-preferred-size: 16.667%;
	        -webkit-flex-basis: 16.667%;
	        flex-basis: 16.667%;
	max-width: 16.667%
}

.col-xs-3 {
	-ms-flex-preferred-size: 25%;
	        -webkit-flex-basis: 25%;
	        flex-basis: 25%;
	max-width: 25%
}

.col-xs-4 {
	-ms-flex-preferred-size: 33.333%;
	        -webkit-flex-basis: 33.333%;
	        flex-basis: 33.333%;
	max-width: 33.333%
}

.col-xs-5 {
	-ms-flex-preferred-size: 41.667%;
	        -webkit-flex-basis: 41.667%;
	        flex-basis: 41.667%;
	max-width: 41.667%
}

.col-xs-6 {
	-ms-flex-preferred-size: 50%;
	        -webkit-flex-basis: 50%;
	        flex-basis: 50%;
	max-width: 50%
}

.col-xs-7 {
	-ms-flex-preferred-size: 58.333%;
	        -webkit-flex-basis: 58.333%;
	        flex-basis: 58.333%;
	max-width: 58.333%
}

.col-xs-8 {
	-ms-flex-preferred-size: 66.667%;
	        -webkit-flex-basis: 66.667%;
	        flex-basis: 66.667%;
	max-width: 66.667%
}

.col-xs-9 {
	-ms-flex-preferred-size: 75%;
	        -webkit-flex-basis: 75%;
	        flex-basis: 75%;
	max-width: 75%
}

.col-xs-10 {
	-ms-flex-preferred-size: 83.333%;
	        -webkit-flex-basis: 83.333%;
	        flex-basis: 83.333%;
	max-width: 83.333%
}

.col-xs-11 {
	-ms-flex-preferred-size: 91.667%;
	        -webkit-flex-basis: 91.667%;
	        flex-basis: 91.667%;
	max-width: 91.667%
}

.col-xs-12 {
	-ms-flex-preferred-size: 100%;
	        -webkit-flex-basis: 100%;
	        flex-basis: 100%;
	max-width: 100%
}

.col-xs-offset-1 {
	margin-left: 8.333%
}

.col-xs-offset-2 {
	margin-left: 16.667%
}

.col-xs-offset-3 {
	margin-left: 25%
}

.col-xs-offset-4 {
	margin-left: 33.333%
}

.col-xs-offset-5 {
	margin-left: 41.667%
}

.col-xs-offset-6 {
	margin-left: 50%
}

.col-xs-offset-7 {
	margin-left: 58.333%
}

.col-xs-offset-8 {
	margin-left: 66.667%
}

.col-xs-offset-9 {
	margin-left: 75%
}

.col-xs-offset-10 {
	margin-left: 83.333%
}

.col-xs-offset-11 {
	margin-left: 91.667%
}

.start-xs {
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	text-align: start
}

.center-xs {
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center
}

.end-xs {
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	text-align: end
}

.top-xs {
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	-ms-grid-row-align: flex-start;
	    align-items: flex-start
}

.middle-xs {
	-webkit-align-items: center;
	-ms-flex-align: center;
	-ms-grid-row-align: center;
	    align-items: center
}

.bottom-xs {
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	-ms-grid-row-align: flex-end;
	    align-items: flex-end
}

.around-xs {
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around
}

.between-xs {
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.first-xs {
	-webkit-order: -1;
	-ms-flex-order: -1;
	order: -1
}

.last-xs {
	-webkit-order: 1;
	-ms-flex-order: 1;
	order: 1
}

.second-xs {
	-webkit-order: 2;
	-ms-flex-order: 2;
	order:2
}

.third-xs {
	-webkit-order: 3;
	-ms-flex-order: 3;
	order: 3
}

.fourth-xs {
	-webkit-order: 4;
	-ms-flex-order: 4;
	order: 4
}

.fifth-xs {
	-webkit-order: 5;
	-ms-flex-order: 5;
	order: 5
}

.pad-sides-xs {
	padding-left:  1em;
	padding-right: 1em;
}
/* END .sm */

.shrink,
.shrink-xs,
.shrink-xs-0 {
	flex-shrink: 0;
}
.shrink-0-5,
.shrink-xs-0-5 {
	flex-shrink: 0.5;
}

.grow,
.grow-xs,
.grow-xs-1 {
	flex-grow: 1;
}
.grow-1-5,
.grow-xs-1-5 {
	flex-grow: 1.5;
}
.grow-2,
.grow-xs-2 {
	flex-grow: 2;
}

@media screen and (max-width: 29.9375em) {
	.col-xxs,
	.col-xxs-1,
	.col-xxs-10,
	.col-xxs-11,
	.col-xxs-12,
	.col-xxs-2,
	.col-xxs-3,
	.col-xxs-4,
	.col-xxs-5,
	.col-xxs-6,
	.col-xxs-7,
	.col-xxs-8,
	.col-xxs-9,
	.col-xxs-offset-1,
	.col-xxs-offset-10,
	.col-xxs-offset-11,
	.col-xxs-offset-12,
	.col-xxs-offset-2,
	.col-xxs-offset-3,
	.col-xxs-offset-4,
	.col-xxs-offset-5,
	.col-xxs-offset-6,
	.col-xxs-offset-7,
	.col-xxs-offset-8,
	.col-xxs-offset-9 {
		box-sizing: border-box;
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		padding-right: .5rem;
		padding-left: .5rem
	}

	.col-xxs {
		-webkit-flex-grow: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		-ms-flex-preferred-size: 0;
		        -webkit-flex-basis: 0;
		        flex-basis: 0;
		max-width: 100%
	}

	.col-xxs-1 {
		-ms-flex-preferred-size: 8.333%;
		        -webkit-flex-basis: 8.333%;
		        flex-basis: 8.333%;
		max-width: 8.333%
	}

	.col-xxs-2 {
		-ms-flex-preferred-size: 16.667%;
		        -webkit-flex-basis: 16.667%;
		        flex-basis: 16.667%;
		max-width: 16.667%
	}

	.col-xxs-3 {
		-ms-flex-preferred-size: 25%;
		        -webkit-flex-basis: 25%;
		        flex-basis: 25%;
		max-width: 25%
	}

	.col-xxs-4 {
		-ms-flex-preferred-size: 33.333%;
		        -webkit-flex-basis: 33.333%;
		        flex-basis: 33.333%;
		max-width: 33.333%
	}

	.col-xxs-5 {
		-ms-flex-preferred-size: 41.667%;
		        -webkit-flex-basis: 41.667%;
		        flex-basis: 41.667%;
		max-width: 41.667%
	}

	.col-xxs-6 {
		-ms-flex-preferred-size: 50%;
		        -webkit-flex-basis: 50%;
		        flex-basis: 50%;
		max-width: 50%
	}

	.col-xxs-7 {
		-ms-flex-preferred-size: 58.333%;
		        -webkit-flex-basis: 58.333%;
		        flex-basis: 58.333%;
		max-width: 58.333%
	}

	.col-xxs-8 {
		-ms-flex-preferred-size: 66.667%;
		        -webkit-flex-basis: 66.667%;
		        flex-basis: 66.667%;
		max-width: 66.667%
	}

	.col-xxs-9 {
		-ms-flex-preferred-size: 75%;
		        -webkit-flex-basis: 75%;
		        flex-basis: 75%;
		max-width: 75%
	}

	.col-xxs-10 {
		-ms-flex-preferred-size: 83.333%;
		        -webkit-flex-basis: 83.333%;
		        flex-basis: 83.333%;
		max-width: 83.333%
	}

	.col-xxs-11 {
		-ms-flex-preferred-size: 91.667%;
		        -webkit-flex-basis: 91.667%;
		        flex-basis: 91.667%;
		max-width: 91.667%
	}

	.col-xxs-12 {
		-ms-flex-preferred-size: 100%;
		        -webkit-flex-basis: 100%;
		        flex-basis: 100%;
		max-width: 100%
	}

	.col-xxs-offset-1 {
		margin-left: 8.333%
	}

	.col-xxs-offset-2 {
		margin-left: 16.667%
	}

	.col-xxs-offset-3 {
		margin-left: 25%
	}

	.col-xxs-offset-4 {
		margin-left: 33.333%
	}

	.col-xxs-offset-5 {
		margin-left: 41.667%
	}

	.col-xxs-offset-6 {
		margin-left: 50%
	}

	.col-xxs-offset-7 {
		margin-left: 58.333%
	}

	.col-xxs-offset-8 {
		margin-left: 66.667%
	}

	.col-xxs-offset-9 {
		margin-left: 75%
	}

	.col-xxs-offset-10 {
		margin-left: 83.333%
	}

	.col-xxs-offset-11 {
		margin-left: 91.667%
	}

	.start-xxs {
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		text-align: start
	}

	.center-xxs {
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		text-align: center
	}

	.end-xxs {
		-webkit-justify-content: flex-end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		text-align: end
	}

	.top-xxs {
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		-ms-grid-row-align: flex-start;
		    align-items: flex-start
	}

	.middle-xxs {
		-webkit-align-items: center;
		-ms-flex-align: center;
		-ms-grid-row-align: center;
		    align-items: center
	}

	.bottom-xxs {
		-webkit-align-items: flex-end;
		-ms-flex-align: end;
		-ms-grid-row-align: flex-end;
		    align-items: flex-end
	}

	.around-xxs {
		-webkit-justify-content: space-around;
		-ms-flex-pack: distribute;
		justify-content: space-around
	}

	.between-xxs {
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	.first-xxs {
		-webkit-order: -1;
		-ms-flex-order: -1;
		order: -1
	}

	.last-xxs {
		-webkit-order: 1;
		-ms-flex-order: 1;
		order: 1
	}
	.pad-sides-xxs-only {
		padding-left:  1.5em;
		padding-right: 1.5em;
	}
}


@media only screen and (min-width: 22em) {
	.pad-sides-xs {
		padding-left:  1.5em;
		padding-right: 1.5em;
	}
}


@media only screen and (min-width:48em) {
	.container {
		width: 49rem
	}
	.col-sm,
	.col-sm-1,
	.col-sm-10,
	.col-sm-11,
	.col-sm-12,
	.col-sm-2,
	.col-sm-3,
	.col-sm-4,
	.col-sm-5,
	.col-sm-6,
	.col-sm-7,
	.col-sm-8,
	.col-sm-9,
	.col-sm-offset-1,
	.col-sm-offset-10,
	.col-sm-offset-11,
	.col-sm-offset-12,
	.col-sm-offset-2,
	.col-sm-offset-3,
	.col-sm-offset-4,
	.col-sm-offset-5,
	.col-sm-offset-6,
	.col-sm-offset-7,
	.col-sm-offset-8,
	.col-sm-offset-9 {
		box-sizing: border-box;
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		padding-right: .5rem;
		padding-left: .5rem
	}
	.col-sm {
		-webkit-flex-grow: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		-ms-flex-preferred-size: 0;
		        -webkit-flex-basis: 0;
		        flex-basis: 0;
		max-width: 100%
	}
	.col-sm-1 {
		-ms-flex-preferred-size: 8.333%;
		        -webkit-flex-basis: 8.333%;
		        flex-basis: 8.333%;
		max-width: 8.333%
	}
	.col-sm-2 {
		-ms-flex-preferred-size: 16.667%;
		        -webkit-flex-basis: 16.667%;
		        flex-basis: 16.667%;
		max-width: 16.667%
	}
	.col-sm-3 {
		-ms-flex-preferred-size: 25%;
		        -webkit-flex-basis: 25%;
		        flex-basis: 25%;
		max-width: 25%
	}
	.col-sm-4 {
		-ms-flex-preferred-size: 33.333%;
		        -webkit-flex-basis: 33.333%;
		        flex-basis: 33.333%;
		max-width: 33.333%
	}
	.col-sm-5 {
		-ms-flex-preferred-size: 41.667%;
		        -webkit-flex-basis: 41.667%;
		        flex-basis: 41.667%;
		max-width: 41.667%
	}
	.col-sm-6 {
		-ms-flex-preferred-size: 50%;
		        -webkit-flex-basis: 50%;
		        flex-basis: 50%;
		max-width: 50%
	}
	.col-sm-7 {
		-ms-flex-preferred-size: 58.333%;
		        -webkit-flex-basis: 58.333%;
		        flex-basis: 58.333%;
		max-width: 58.333%
	}
	.col-sm-8 {
		-ms-flex-preferred-size: 66.667%;
		        -webkit-flex-basis: 66.667%;
		        flex-basis: 66.667%;
		max-width: 66.667%
	}
	.col-sm-9 {
		-ms-flex-preferred-size: 75%;
		        -webkit-flex-basis: 75%;
		        flex-basis: 75%;
		max-width: 75%
	}
	.col-sm-10 {
		-ms-flex-preferred-size: 83.333%;
		        -webkit-flex-basis: 83.333%;
		        flex-basis: 83.333%;
		max-width: 83.333%
	}
	.col-sm-11 {
		-ms-flex-preferred-size: 91.667%;
		        -webkit-flex-basis: 91.667%;
		        flex-basis: 91.667%;
		max-width: 91.667%
	}
	.col-sm-12 {
		-ms-flex-preferred-size: 100%;
		        -webkit-flex-basis: 100%;
		        flex-basis: 100%;
		max-width: 100%
	}
	.col-sm-offset-1 {
		margin-left: 8.333%
	}
	.col-sm-offset-2 {
		margin-left: 16.667%
	}
	.col-sm-offset-3 {
		margin-left: 25%
	}
	.col-sm-offset-4 {
		margin-left: 33.333%
	}
	.col-sm-offset-5 {
		margin-left: 41.667%
	}
	.col-sm-offset-6 {
		margin-left: 50%
	}
	.col-sm-offset-7 {
		margin-left: 58.333%
	}
	.col-sm-offset-8 {
		margin-left: 66.667%
	}
	.col-sm-offset-9 {
		margin-left: 75%
	}
	.col-sm-offset-10 {
		margin-left: 83.333%
	}
	.col-sm-offset-11 {
		margin-left: 91.667%
	}
	.start-sm {
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		text-align: start
	}
	.center-sm {
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		text-align: center
	}
	.end-sm {
		-webkit-justify-content: flex-end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		text-align: end
	}
	.top-sm {
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		-ms-grid-row-align: flex-start;
		    align-items: flex-start
	}
	.middle-sm {
		-webkit-align-items: center;
		-ms-flex-align: center;
		-ms-grid-row-align: center;
		    align-items: center
	}
	.bottom-sm {
		-webkit-align-items: flex-end;
		-ms-flex-align: end;
		-ms-grid-row-align: flex-end;
		    align-items: flex-end
	}
	.around-sm {
		-webkit-justify-content: space-around;
		-ms-flex-pack: distribute;
		justify-content: space-around
	}
	.between-sm {
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
	.first-sm {
		-webkit-order: -1;
		-ms-flex-order: -1;
		order: -1
	}
	.last-sm {
		-webkit-order: 1;
		-ms-flex-order: 1;
		order: 1
	}

	.second-sm {
		-webkit-order: 2;
		-ms-flex-order: 2;
		order:2
	}

	.third-sm {
		-webkit-order: 3;
		-ms-flex-order: 3;
		order: 3
	}

	.fourth-sm {
		-webkit-order: 4;
		-ms-flex-order: 4;
		order: 4
	}

	.fifth-sm {
		-webkit-order: 5;
		-ms-flex-order: 5;
		order: 5
	}

	.pad-sides-sm {
		padding-left:  1.25em;
		padding-right: 1.25em;
	}
}

@media only screen and (min-width:59em) {
	.container {
		width: 60rem
	}
}

@media only screen and (min-width:64em) {
	.container {
		width: 65rem
	}
	.col-md,
	.col-md-1,
	.col-md-1-5,
	.col-md-10,
	.col-md-11,
	.col-md-12,
	.col-md-2,
	.col-md-3,
	.col-md-4,
	.col-md-5,
	.col-md-6,
	.col-md-7,
	.col-md-8,
	.col-md-9,
	.col-md-offset-1,
	.col-md-offset-10,
	.col-md-offset-11,
	.col-md-offset-12,
	.col-md-offset-2,
	.col-md-offset-3,
	.col-md-offset-4,
	.col-md-offset-5,
	.col-md-offset-6,
	.col-md-offset-7,
	.col-md-offset-8,
	.col-md-offset-9 {
		box-sizing: border-box;
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		padding-right: .5rem;
		padding-left: .5rem
	}
	.col-md {
		-webkit-flex-grow: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		-ms-flex-preferred-size: 0;
		        -webkit-flex-basis: 0;
		        flex-basis: 0;
		max-width: 100%
	}
	.col-md-1 {
		-ms-flex-preferred-size: 8.333%;
		        -webkit-flex-basis: 8.333%;
		        flex-basis: 8.333%;
		max-width: 8.333%
	}
	.col-md-1-5 {
		-ms-flex-preferred-size: 12.5%;
		        -webkit-flex-basis: 12.5%;
		        flex-basis: 12.5%;
		max-width: 12.5%
	}
	.col-md-2 {
		-ms-flex-preferred-size: 16.667%;
		        -webkit-flex-basis: 16.667%;
		        flex-basis: 16.667%;
		max-width: 16.667%
	}
	.col-md-3 {
		-ms-flex-preferred-size: 25%;
		        -webkit-flex-basis: 25%;
		        flex-basis: 25%;
		max-width: 25%
	}
	.col-md-4 {
		-ms-flex-preferred-size: 33.333%;
		        -webkit-flex-basis: 33.333%;
		        flex-basis: 33.333%;
		max-width: 33.333%
	}
	.col-md-5 {
		-ms-flex-preferred-size: 41.667%;
		        -webkit-flex-basis: 41.667%;
		        flex-basis: 41.667%;
		max-width: 41.667%
	}
	.col-md-6 {
		-ms-flex-preferred-size: 50%;
		        -webkit-flex-basis: 50%;
		        flex-basis: 50%;
		max-width: 50%
	}
	.col-md-7 {
		-ms-flex-preferred-size: 58.333%;
		        -webkit-flex-basis: 58.333%;
		        flex-basis: 58.333%;
		max-width: 58.333%
	}
	.col-md-8 {
		-ms-flex-preferred-size: 66.667%;
		        -webkit-flex-basis: 66.667%;
		        flex-basis: 66.667%;
		max-width: 66.667%
	}
	.col-md-9 {
		-ms-flex-preferred-size: 75%;
		        -webkit-flex-basis: 75%;
		        flex-basis: 75%;
		max-width: 75%
	}
	.col-md-10 {
		-ms-flex-preferred-size: 83.333%;
		        -webkit-flex-basis: 83.333%;
		        flex-basis: 83.333%;
		max-width: 83.333%
	}
	.col-md-11 {
		-ms-flex-preferred-size: 91.667%;
		        -webkit-flex-basis: 91.667%;
		        flex-basis: 91.667%;
		max-width: 91.667%
	}
	.col-md-12 {
		-ms-flex-preferred-size: 100%;
		        -webkit-flex-basis: 100%;
		        flex-basis: 100%;
		max-width: 100%
	}
	.col-md-offset-1 {
		margin-left: 8.333%
	}
	.col-md-offset-2 {
		margin-left: 16.667%
	}
	.col-md-offset-3 {
		margin-left: 25%
	}
	.col-md-offset-4 {
		margin-left: 33.333%
	}
	.col-md-offset-5 {
		margin-left: 41.667%
	}
	.col-md-offset-6 {
		margin-left: 50%
	}
	.col-md-offset-7 {
		margin-left: 58.333%
	}
	.col-md-offset-8 {
		margin-left: 66.667%
	}
	.col-md-offset-9 {
		margin-left: 75%
	}
	.col-md-offset-10 {
		margin-left: 83.333%
	}
	.col-md-offset-11 {
		margin-left: 91.667%
	}
	.start-md {
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		text-align: start
	}
	.center-md {
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		text-align: center
	}
	.end-md {
		-webkit-justify-content: flex-end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		text-align: end
	}
	.top-md {
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		-ms-grid-row-align: flex-start;
		    align-items: flex-start
	}
	.middle-md {
		-webkit-align-items: center;
		-ms-flex-align: center;
		-ms-grid-row-align: center;
		    align-items: center
	}
	.bottom-md {
		-webkit-align-items: flex-end;
		-ms-flex-align: end;
		-ms-grid-row-align: flex-end;
		    align-items: flex-end
	}
	.around-md {
		-webkit-justify-content: space-around;
		-ms-flex-pack: distribute;
		justify-content: space-around
	}
	.between-md {
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
	.first-md {
		-webkit-order: -1;
		-ms-flex-order: -1;
		order: -1
	}
	.last-md {
		-webkit-order: 1;
		-ms-flex-order: 1;
		order: 1
	}

	.second-md {
		-webkit-order: 2;
		-ms-flex-order: 2;
		order:2
	}

	.third-md {
		-webkit-order: 3;
		-ms-flex-order: 3;
		order: 3
	}

	.fourth-md {
		-webkit-order: 4;
		-ms-flex-order: 4;
		order: 4
	}

	.fifth-md {
		-webkit-order: 5;
		-ms-flex-order: 5;
		order: 5
	}

	.pad-sides-md {
		padding-left:  1.5em;
		padding-right: 1.5em;
	}
}

@media only screen and (min-width:72em) {
	.container {
		width: 74rem
	}
	.col-lg,
	.col-lg-1,
	.col-lg-1-5,
	.col-lg-10,
	.col-lg-11,
	.col-lg-12,
	.col-lg-2,
	.col-lg-3,
	.col-lg-4,
	.col-lg-5,
	.col-lg-6,
	.col-lg-7,
	.col-lg-8,
	.col-lg-9,
	.col-lg-offset-1,
	.col-lg-offset-10,
	.col-lg-offset-11,
	.col-lg-offset-12,
	.col-lg-offset-2,
	.col-lg-offset-3,
	.col-lg-offset-4,
	.col-lg-offset-5,
	.col-lg-offset-6,
	.col-lg-offset-7,
	.col-lg-offset-8,
	.col-lg-offset-9 {
		box-sizing: border-box;
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		padding-right: .5rem;
		padding-left: .5rem
	}
	.col-lg {
		-webkit-flex-grow: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		-ms-flex-preferred-size: 0;
		        -webkit-flex-basis: 0;
		        flex-basis: 0;
		max-width: 100%
	}
	.col-lg-1 {
		-ms-flex-preferred-size: 8.333%;
		        -webkit-flex-basis: 8.333%;
		        flex-basis: 8.333%;
		max-width: 8.333%
	}
	.col-lg-1-5 {
		-ms-flex-preferred-size: 12.5%;
		        -webkit-flex-basis: 12.5%;
		        flex-basis: 12.5%;
		max-width: 12.5%
	}
	.col-lg-2 {
		-ms-flex-preferred-size: 16.667%;
		        -webkit-flex-basis: 16.667%;
		        flex-basis: 16.667%;
		max-width: 16.667%
	}
	.col-lg-3 {
		-ms-flex-preferred-size: 25%;
		        -webkit-flex-basis: 25%;
		        flex-basis: 25%;
		max-width: 25%
	}
	.col-lg-4 {
		-ms-flex-preferred-size: 33.333%;
		        -webkit-flex-basis: 33.333%;
		        flex-basis: 33.333%;
		max-width: 33.333%
	}
	.col-lg-5 {
		-ms-flex-preferred-size: 41.667%;
		        -webkit-flex-basis: 41.667%;
		        flex-basis: 41.667%;
		max-width: 41.667%
	}
	.col-lg-6 {
		-ms-flex-preferred-size: 50%;
		        -webkit-flex-basis: 50%;
		        flex-basis: 50%;
		max-width: 50%
	}
	.col-lg-7 {
		-ms-flex-preferred-size: 58.333%;
		        -webkit-flex-basis: 58.333%;
		        flex-basis: 58.333%;
		max-width: 58.333%
	}
	.col-lg-8 {
		-ms-flex-preferred-size: 66.667%;
		        -webkit-flex-basis: 66.667%;
		        flex-basis: 66.667%;
		max-width: 66.667%
	}
	.col-lg-9 {
		-ms-flex-preferred-size: 75%;
		        -webkit-flex-basis: 75%;
		        flex-basis: 75%;
		max-width: 75%
	}
	.col-lg-10 {
		-ms-flex-preferred-size: 83.333%;
		        -webkit-flex-basis: 83.333%;
		        flex-basis: 83.333%;
		max-width: 83.333%
	}
	.col-lg-11 {
		-ms-flex-preferred-size: 91.667%;
		        -webkit-flex-basis: 91.667%;
		        flex-basis: 91.667%;
		max-width: 91.667%
	}
	.col-lg-12 {
		-ms-flex-preferred-size: 100%;
		        -webkit-flex-basis: 100%;
		        flex-basis: 100%;
		max-width: 100%
	}
	.col-lg-offset-1 {
		margin-left: 8.333%
	}
	.col-lg-offset-2 {
		margin-left: 16.667%
	}
	.col-lg-offset-3 {
		margin-left: 25%
	}
	.col-lg-offset-4 {
		margin-left: 33.333%
	}
	.col-lg-offset-5 {
		margin-left: 41.667%
	}
	.col-lg-offset-6 {
		margin-left: 50%
	}
	.col-lg-offset-7 {
		margin-left: 58.333%
	}
	.col-lg-offset-8 {
		margin-left: 66.667%
	}
	.col-lg-offset-9 {
		margin-left: 75%
	}
	.col-lg-offset-10 {
		margin-left: 83.333%
	}
	.col-lg-offset-11 {
		margin-left: 91.667%
	}
	.start-lg {
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		text-align: start
	}
	.center-lg {
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		text-align: center
	}
	.end-lg {
		-webkit-justify-content: flex-end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		text-align: end
	}
	.top-lg {
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		-ms-grid-row-align: flex-start;
		    align-items: flex-start
	}
	.middle-lg {
		-webkit-align-items: center;
		-ms-flex-align: center;
		-ms-grid-row-align: center;
		    align-items: center
	}
	.bottom-lg {
		-webkit-align-items: flex-end;
		-ms-flex-align: end;
		-ms-grid-row-align: flex-end;
		    align-items: flex-end
	}
	.around-lg {
		-webkit-justify-content: space-around;
		-ms-flex-pack: distribute;
		justify-content: space-around
	}
	.between-lg {
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
	.first-lg {
		-webkit-order: -1;
		-ms-flex-order: -1;
		order: -1
	}
	.last-lg {
		-webkit-order: 1;
		-ms-flex-order: 1;
		order: 1
	}

	.second-lg {
		-webkit-order: 2;
		-ms-flex-order: 2;
		order:2
	}

	.third-lg {
		-webkit-order: 3;
		-ms-flex-order: 3;
		order: 3
	}

	.fourth-lg {
		-webkit-order: 4;
		-ms-flex-order: 4;
		order: 4
	}

	.fifth-lg {
		-webkit-order: 5;
		-ms-flex-order: 5;
		order: 5
	}
	.pad-sides-lg {
		padding-left:  2em;
		padding-right: 2em;
	}
}


/* Responsive Utilities */
.container .row.no-gutter,
.container-fluid .row.no-gutter,
.container .row .no-gutter,
.container-fluid .row .no-gutter,
.modal .row.no-gutter {
	margin-left: 0;
	margin-right: 0;
}
.container .row.no-gutter > [class*="col-"],
.container-fluid .row.no-gutter > [class*="col-"],
.container .row .no-gutter,
.container-fluid .row .no-gutter,
.modal .row.no-gutter > [class*="col-"] {
	padding-left: 0;
	padding-right: 0;
}

.no-wrap {
	-webkit-flex: nowrap;
	    -ms-flex: nowrap;
	        flex: nowrap;
}

.shrink-me {
	flex-shrink: 0;
}


/* Hiding specific viewport widths */
@media (max-width: 29.9375em) {
	.hidden-xxs {
		display: none !important;
	}
}
@media (max-width: 47.9375em) {
	.hidden-xs {
		display: none !important;
	}
}
@media (min-width: 48em) and (max-width: 63.9375em) {
	.hidden-sm {
		display: none !important;
	}
}
@media (min-width: 64em) and (max-width: 71.9375em) {
	.hidden-md {
		display: none !important;
	}
}
@media (min-width: 72em) {
	.hidden-lg {
		display: none !important;
	}
}
@media (min-width: 48em) {
	.hidden-sm-up {
		display: none !important;
	}
}
@media (min-width: 64em) {
	.hidden-md-up {
		display: none !important;
	}
}
@media (min-width: 72em) {
	.hidden-lg-up {
		display: none !important;
	}
}
@media (max-width: 47.9375em) {
	.hidden-xs-down {
		display: none !important;
	}
}
@media (max-width: 63.9375em) {
	.hidden-sm-down {
		display: none !important;
	}
}
@media (max-width: 71.9375em) {
	.hidden-md-down {
		display: none !important;
	}
}
@media (min-width: 72em) {
	.hidden-lg-down {
		display: none !important;
	}
}
