html,body { height: 100%; }
body {
    overflow-y: scroll;
}

#frame { 
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1; 
 }

.modal.hide {
	pointer-events: none;
	z-index: -10;
}

.modal.hide.in {
	pointer-events: all;
	z-index: 1050;
}

.modal.align-top
{
	top: 10%;
}

.hide-mobile,
.show-desktop
{
	display: none !important;
}

#post-feed .popover.fade {
    -webkit-transition: none;
	transition: none;
}

#post-feed .trending-gear {
	margin: 2em auto 2em;
}

#post-feed .trending-gear .posessions-container {
	display: none;
}

#post-feed .trending-gear h5 {
	font-size: 1.75em;
	margin-bottom: 1em;
}


#post-feed .trending-gear .product-list .btn.flat {
	background: #dfad1a;
	padding: 0.5em 1.5em;
	flex: 0 1 auto;
}

#post-feed .trending-gear .product-list .btn {
	color: #fff;
}

#post-feed .trending-gear .description {
	display: none;
}

#post-feed .trending-gear .product-list h4 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
}


#post-feed .trending-gear .product-list .product {
	padding: 0;
	margin-bottom: 0.3em;
	position: relative;
}


#post-feed .trending-gear .product-list .product .image {
	height: 120px;
}


#post-feed .trending-gear .product-list .product .details {
	padding: 0.75em;
	padding-left: 1.5em;
	max-width: 80%;
	max-width: calc(80% - 2.25em);
}


@media screen and (min-width:600px)
{
	.show-mobile
	{
		display: none !important;
	}
	
	.show-desktop
	{
		display: block !important;
	}

}

.left { float: left; } .right { float: right; } .center { text-align: center !important; } .clear { clear: both; }

.sticky.fixed { position: fixed; }

body
{
	background: #fcfcfc;
	color: #222;
	font-size: 13px;
    font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

body.frame
{
	background: transparent;
}

body small { font-size: 90%; }

 .nowrap { white-space: nowrap; }

a
{
	color: #df7100;
	will-change: color, height, width, background-color, font-size, opacity;
    transition: all .15s ease-out;
    -moz-transition: all .15s ease-out;
    -webkit-transition: all .15s ease-out;
    -o-transition: all .15s ease-out;
    -webkit-transition-property: color, height, width, background-color, font-size, opacity;
	transition-property: color, height, width, background-color, font-size, opacity;
}

a:hover
{
	color: #bf6100;
}

a, button, .btn
{
    -ms-touch-action: manipulation; /* IE10  */
    touch-action: manipulation; 
}

a.light { color: #fff; }
a.light:hover { color: #ffeaea; }


a.see-through,
button.see-through,
input[type="submit"].see-through,
input[type="button"].see-through,
a.see-through:hover,
button.see-through:hover,
input[type="submit"].see-through:hover,
input[type="button"].see-through:hover,
a.see-through:active,
button.see-through:active,
input[type="submit"].see-through:active,
input[type="button"].see-through:active
{
	background: transparent;
	border: 0;
	padding: 0;
	margin: 0;
	text-shadow: inherit;
	outline: none;
	
}

.inline,
header .dropdown
{
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
}

header .dropdown.hide
{
	display: none;
}

body.has-javascript noscript, body.has-javascript noscript * { display: none; visibility: hidden; position: fixed; left: -10000px; top: -100000px; }


div.style-select
{
	position: relative;
}

div.style-select select
{
	-webkit-appearance: none;
    -moz-appearance: none;
	background: #f3f3f3;
	background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5));
	background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%); 
	border: 1px solid #ccc;
}

div.style-select select:hover
{
	-webkit-appearance: none;
    -moz-appearance: none;
	background: #f3f3f3;
	background: -moz-linear-gradient(top, #fafafa 0%, #e5e5e5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #e5e5e5));
	background: -webkit-linear-gradient(top, #fafafa 0%, #e5e5e5 100%);
	background: -o-linear-gradient(top, #fafafa 0%, #e5e5e5 100%);
	background: -ms-linear-gradient(top, #fafafa 0%, #e5e5e5 100%);
	background: linear-gradient(to bottom, #fafafa 0%, #e5e5e5 100%); 
	border: 1px solid #bbb;
}

div.style-select:after
{
	content: "";
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top:-3px;
	margin-right:-3px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 5px 5px 0 5px;
	border-color: #666 transparent transparent transparent;

	z-index: 2;
	/* This hack make the select behind the arrow clickable in some browsers */
	pointer-events:none;
}

.input-append .btn,
.input-prepend .btn
{
	font-size: 14px;
}

.btn.flat,
body .btn.flat[disabled],
body .btn.flat.disabled
{
	background: #aaa;
	color: #fff;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	padding: 0.6em 3em;
	text-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	border: 0;
}

.btn.flat:hover
{
	background: #6d6d6d;
}

.btn.flat:active,
.btn.flat.active
{
	background: #4d4d4d;
}

.btn.flat.btn-primary,
body .btn.flat.btn-primary.disabled,
body .btn.flat.btn-primary[disabled]
{
	background: #527595;
}

.btn.flat.btn-primary:hover
{
	background: #355778;
}

.btn.flat.btn-primary:active,
.btn.flat.btn-primary.active
{
	background: #324456;
}

.btn.flat.btn-success,
body .btn.flat.btn-success.disabled,
body .btn.flat.btn-success[disabled]
{
	background: #51945b;
}

.btn.flat.btn-success:hover
{
	background: #357935;
}

.btn.flat.btn-success:active,
.btn.flat.btn-success.active
{
	background: #335833;
}

body .btn.flat.btn-danger,
body .btn.flat.btn-danger.disabled,
body .btn.flat.btn-danger[disabled]
{
	background: #945151;
}

.btn.flat.btn-danger:hover
{
	background: #793535;
}

.btn.flat.btn-danger:active,
.btn.flat.btn-danger.active
{
	background: #583333;
}


body .btn.flat.btn-warning,
body .btn.flat.btn-warning.disabled,
body .btn.flat.btn-warning[disabled]
{
	background: #d1a856;
}

.btn.flat.btn-warning:hover
{
	background: #c18c1f;
}

.btn.flat.btn-warning:active,
.btn.flat.btn-warning.active
{
	background: #a97d23;
}


.btn.flat.btn-inverse,
body .btn.flat.btn-inverse.disabled,
body .btn.flat.btn-inverse[disabled]
{
	background: #212121;
	color: #fff;
}


.btn.clear
{
	background: transparent;
	border: 0;
	padding: 0;
	margin: 0;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	outline: none;
	text-shadow: none;
}

.flex-row
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;  
	-webkit-flex-direction: row;
	flex-direction: row;
}

.flex-column
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;  
	-webkit--webkit-flex-direction: column;
	flex-direction: column;
}


.flex-row > *
{
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1; 
}

.navbar .container,
.container
{
	width: 94%;
	max-width: 1100px;
	position: relative;
}

header
{
	background: #0d0d0d;
	margin: 0;
	position: relative;
	z-index: 3; 
	  -webkit-align-self: flex-start;  -ms-flex-item-align: start;  align-self: flex-start;
}


header .container
{
	position: static;
}

header.fixed
{
	position: fixed;
	left: 0;
	right: 0;
}


header h1
{
	margin: 0;
	padding: 0;
	font-size: 1em;
	text-align: left;	
	line-height: 100%;
	vertical-align: bottom;
	color: #000;	
	z-index: 2;
	text-transform: uppercase;
	will-change: font-size, padding, margin, color, max-width;
    transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
	font-weight: normal;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	float: left;
	position: relative;
	z-index: 10;
	max-width: 50%;
	margin-right: 1.15em;
}


header h1 img
{
	max-height: 30px;
	max-width: 30vw;
}

#site
{
	position: relative;
}

#site-name
{
	margin: 0;
	letter-spacing: -3px;

	text-align: center;
}


header h1 a,
header h1 img
{
	will-change: width, height, max-width, max-height, font-size, line-height;
    transition: all .15s ease-out;
    -moz-transition: all .15s ease-out;
    -webkit-transition: all .15s ease-out;
    -o-transition: all .15s ease-out;
}


header h1 a
{
	color: inherit;
	font-size: 2.5em;
	line-height: 125%;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	text-transform: uppercase;
	text-decoration: none !important;
}

header h1 img
{
	max-height: 20px;
}

#navigation,
#mobile-navigation
{
	text-align: left;
	float: left;
	font-weight: normal;
    font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    position: relative;
    z-index: 2;
    background: #0d0d0d;
}

#navigation
{
	max-width: 50%;
	-webkit-box-flex: 0 1 5em;
	-webkit-flex: 0 1 5em;
	-ms-flex: 0 1 5em;
	flex: 0 1 5em;  
	white-space: nowrap;
}

#brand-header + #navigation
{
    background: #212121;
    border-top: 1px solid #313131;
    width: 100%;
}
h2.brand img{
	max-height: 20px;
}

h2.brand {
	margin-top: 0px;
    margin-right: 10px;
    margin-bottom: 0px;
}

header #sub-navigation
{
	background: #222;
	padding: 0.5em 0;
}

header #navigation nav.desktop,
header #navigation nav.mobile
{
	font-size: 1.15em;
	color: #bbb;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	position: relative;
}


header #navigation nav.desktop,
header nav.mobile
{
	padding: 0.3em 0;
}

header #brand-header nav.mobile
{
	padding: 0.65em 0;
}

header #navigation nav.mobile
{
	display: none;
	text-align: left;
}

header nav.mobile #mobile-header-link,
header #navigation nav.mobile #mobile-nav-link,
#navigation nav.mobile .search-link.active
{
	-moz-border-radius: 0.15em;
	-webkit-border-radius: 0.15em;
	border-radius: 0.15em;
	padding: 0.5em;
	background: #fff;
	color: #222;
	font-size: 1.3em;
	line-height: 1.2em;
	width: 1.5em;
	text-align: center;
	height: 1em;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	z-index: 3;
	margin-right: 0.25em;
}

header #navigation nav.mobile
{
	padding: 0.65em 0;
}

header #navigation nav.mobile #mobile-nav-link,
header #navigation nav.mobile .search-link
{
	padding: 0.3em;
}

header nav.mobile #mobile-header-link
{
	margin-right: 1em;
}

#category-bar
{
	background: #212121;
	color: #888;
	padding: 0.6em 0;
	width: 100%;
	text-transform: uppercase;
}


#content-bar
{
	padding: 0.5em 0;
}

#content-bar .content-set
{
	font-size: 0;
}

#content-bar .content-set .post:last-child
{
	margin-right: 0;
}

#content-bar .post
{
	font-size: 14px;
	font-size: 1rem;
	width: 24.25%;
	margin-right: 1%;
	
	background: transparent;
	width: 24%;
	width: calc(24.25% - 6px);
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	border: 3px solid transparent;	
}

#content-bar .post:hover
{
	border: 3px solid #ff7900;
}

#content-bar .post .feature-title
{
	background: #fff;
	padding: 0.5em;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 11px;
	white-space: nowrap;
}


#feature-content-toggle a
{
	color: #313131;
	background: #fff;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	padding: 0.25em 0.5em;
	text-decoration: none;
}



#feature-content-toggle a.focus
{
	background: #ff7900;
	color: #fff;
}

#content-bar .post .feature-title h2
{
	margin: 0;
}

#content-bar .post .image
{
	height: 5em;
}

#category-bar a
{
	color: inherit;
	margin-right: 1em;
}

#category-bar a:after:hover
{
	text-decoration: none;
}


#category-bar a:last-child:after
{
	display: none;
}

#navigation #autocomplete
{
	text-align: left;
	font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

#floating-footer-ad
{
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;	
	z-index: 5;
}


#breadcrumbs
{
	background: #2c343c;
	color: #98b0c7;
	line-height: 3em;
}

#breadcrumbs a,
#breadcrumbs span
{
	color: inherit;
	margin: 0 6px;
}


#breadcrumbs a i 
{
	margin-right: 6px;
}

#breadcrumbs a:first-child,
#breadcrumbs span:first-child
{
	margin-left: 0;
}

header nav .dropdown.search
{
	position: static;
}

#navigation nav.mobile .dropdown.search a:hover,
#navigation nav.mobile .search-link:hover
{
	color: #eee;
}


#navigation nav,
#mobile-nav-menu
{
	text-transform: uppercase;
}

header nav .dropdown.search .menu
{
	margin-top: 0;
	left: 0;
	right: 0;
	width: 100%;
}

.mobile-search
{
	position: relative;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	width: 100%;
	padding-left: 5em;
	  -webkit-box-sizing: border-box;
	     -moz-box-sizing: border-box;
	          box-sizing: border-box;
}

#search-menu
{
	background: #414141;
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;	
}

.search-form
{
	padding: 0.5em;
	left: 0;
	right: 0;
	margin: 0;
}

.mobile-search .search-form
{
	padding-right: 0; 
}

.search-form .input-append
{
	margin: 0;
	position: relative;
	width: 100%;
}


#mobile-nav-link.active,
#mobile-header-link.active
{
	background: #ffba26 !important;
}

#mobile-nav-menu .link a.active
{
	color: #ffba26;
}

.search-form input,
.search-form .btn
{
	padding: 0.5em 0.75em;
	margin: 0;
	height: auto;
	webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.search-form input
{
	background: #eee;
	width: 100%;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
    transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
}


.search-form input:focus
{
	background: #fff;
}


.search-form .btn
{
	position: absolute;
	right: 0.5em;
	top: 0.5em;
	bottom: 0.5em;
	-moz-border-radius: 0 3px 3px 0;
	-webkit-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	z-index: 2;
	border: 0;
	color: #777;
	background: transparent;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	
}


.search-form input:focus + .btn
{
	color: #1267df;
}

#share-link
{
	font-size: 1.25em;
	line-height: 33px;
	text-decoration: none;
}

#brand-header
{
	position: relative;
	z-index: 3;
	text-align: left;
	padding: 0.5em 0;
}


#brand-header nav.mobile,
header #navigation nav.mobile
{
	float: left;
	display: none;
}


#brand-header #navigation nav.mobile
{
	display: block;
}



header #userlinks .inline
{
	position: relative;
	-webkit-box-flex: 0 0 auto;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;  
}


#userlinks
{
	padding: 0;
	white-space: nowrap;
	float: right;
	font-size: 14px;
}

#userlinks .spacer
{
	-webkit-box-flex: 2;
	-webkit-flex: 2;
	-ms-flex: 2;
	flex: 2;  
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
}


#userlinks.flex,
#brand-header .flex
{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;    
    -webkit-flex-direction: row;
    flex-direction: row;
}

#userlinks.flex
{
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
   -webkit-justify-content: flex-end;
   justify-content: flex-end;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
}

#search-form
{
	background: #313131;
	padding: 0.5em;
	margin-right: 0.25em;
	-webkit-box-flex: 1 0 4em;
	-webkit-flex: 1 0 4em;
	-ms-flex: 1 0 4em;
	flex: 1 0 4em;   
	margin: 0;
	-webkit-transition:300ms all linear;
	-moz-transition:300ms all linear;
	-ms-transition:300ms all linear;
	transition:300ms all linear;

	display: none;
	position: absolute;
	top: 4.5em;
	left: 0;
	right: 0;	
}

header.fixed #search-form
{
	top: 4.3em;
}

#search-form.open
{
	display: block;
}


#userlinks.expand-search #search-form
{
	-webkit-box-flex: 3;
	-webkit-flex: 3;
	-ms-flex: 3;
	flex: 3;
}


#search-form input
{
	border: 1px solid #515151;
	background: #414141;
	color: #999;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	padding: 0.75em 1em;
	line-height: 150%;
	padding-left: 2.5em;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
	height: auto;
	display: block;
	width: 100%;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	  -webkit-box-sizing: border-box;
	     -moz-box-sizing: border-box;
	          box-sizing: border-box;
}


#search-form #search-input
{
	position: relative;
}

#search-form #search-input:before
{
	padding: 0 1em;
	line-height: 200%;
	position: absolute;
	left: 0;
	top: 50%;
	bottom:0;
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 100%;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	content: "\f002";
	z-index: 2;
	color: #aaa;
	margin-top: -0.5em;
}

#search-form input:not(:focus)
{
	color: #8a8a8a;
}

#search-form input:focus
{
	background: #eee;
	border-color: #fff;
	color: #6a6a6a;
}

#search-container
{
	background: #fafafa;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1; 
	width: 100%;
	z-index: 2;
	position: relative;
}

#search-container.sticky,
#content.sticky
{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
}


header #userlinks nav
{
	display: none;
}

#userlinks .my-profile > a > i
{
	line-height: 1.7em;
	margin-right: 0.2em;
}

#userlinks nav.active
{
	text-transform: none;
	display: block;
	background: #f8f8f8;
	border: 1px solid #eee;	
	right: 0;
	margin-top: 10px;
	z-index: 5;
	position: absolute;
	padding: 0;
	min-width: 160px;
	box-shadow: 0px 0.15em 0.5em rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0.15em 0.5em rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 0.15em 0.5em rgba(0,0,0,0.15);
}


#userlinks nav.active:after
{
	content: " ";
	bottom: 100%;
	border: 5px solid transparent;
	border-bottom-color: #f8f8f8;
	width: 0;
	height: 0;
	position: absolute;
	right: 2.15em;
}

header #userlinks nav a
{
	border-bottom: 1px solid #eee;
	display: block;
	padding: 9px 12px;
	font-size: 15px;
	position: relative;
	text-decoration: none;
	color: #888;
	min-width: 140px;
}


header #userlinks nav a:hover
{
	background: #fff;
	color: #0099ec;
}

header #userlinks nav a:last-child
{
	border: 0;
}

header #userlinks nav a .fa
{
	float: right;
}

header #userlinks .my-profile,
header #userlinks #cart-button,
#cart-button-clone
{
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
}

header #userlinks .my-profile a,
header #userlinks #cart-button,
#cart-button-clone
{
	font-size: 1em;
	text-align: left;
	letter-spacing: 1px;
	margin-left: 0.25em;
}


header #userlinks .my-profile a,
header #userlinks #cart-button,
#cart-button-clone
{
	color: #b9b9b9;
	display: block;
	padding: 0.5em 1.2em;
	line-height: 2em;
	position: relative;
	text-transform: uppercase;
	border: 1px solid #3b3b3b;
}

header #userlinks .my-profile.sign-in a
{
	border: 0;
}

header #userlinks #cart-button,
#cart-button-clone
{
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	text-decoration: none;
}


header #userlinks #cart-button.has-items i,
#cart-button-clone.has-items i
{
	margin-right: 0.5em;
}

body.logged_in header #userlinks .my-profile.with-avatar a
{
	padding-left: 0.75em;
	padding-right: 1.5em;
}

header #userlinks .my-profile .caret,
header .dropdown .caret
{
	border-top-color: #aaa;
	margin-left: 6px;
	line-height: 33px;
	vertical-align: middle;
	margin-top: -3px;
}

header #userlinks .my-profile .caret
{
	position: absolute;
	right: 0.6em;
	top: 50%;
}

header #userlinks .my-profile a
{
	text-decoration: none;
}


header #userlinks .my-profile a:hover,
header #userlinks .my-profile.active a,
header #userlinks #cart-button:hover,
header #userlinks #cart-button.hover,
#cart-button-clone:hover,
#cart-button-clone.hover
{
	border-color: #b9b9b9;
	color: #eee;
}

header #userlinks #cart-button:hover .badge-warning,
header #userlinks #cart-button.hover .badge-warning,
#cart-button-clone:hover .badge-warning,
#cart-button-clone.hover .badge-warning
{
	background: #0099ec;
}

header #userlinks .avatar
{
	width: 1.75em;
	height: 1.75em;
	-moz-border-radius: 3em;
	-webkit-border-radius: 3em;
	border-radius: 3em;
	margin-right: 0.2em;
}

#navigation .container
{
	position: relative;
}

header .navigation-container > nav a,
header .navigation-container > a,
header .dropdown a
{
	padding: 0.5em 0.6em;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	text-decoration: none !important;
	line-height: 25px;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	color: #b9b9b9;
}


header .container > nav a,
header .dropdown a
{
	color: #aaa;
}

header #navigation nav .container > a .fa-home
{
	font-size: 120%;
}

header #navigation nav > a:hover,
header #navigation nav > a:active
{
	background: transparent;
	color: #fff;
}

header nav a.active,
header nav a:active,
header .navigation-container a.active,
header .navigation-container a:active,
header .dropdown.active .toggle,
header .dropdown .toggle:hover
{
	color: #fff;
}


#mobile-navigation
{
	display: none;
	background: #fafafa;
	text-align: center;
	float: none;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.15);
	
}

header.fixed #mobile-navigation
{
	left: 0;
	right: 0;
	top: 100%;
	position: relative;
}


#mobile-navigation nav
{
	padding: 5px 0;
	padding: 0.5rem 0;
	font-size: 0;
	text-align: left;
}


body.is_mobile #mobile-navigation nav
{
	text-align: center;
}


#mobile-navigation nav > a,
#mobile-navigation nav .dropdown
{
	font-size: 100%;
	font-size: 14px;
	font-size: 1rem;
	margin: 0 0.5%;
	border
	  -webkit-box-sizing: border-box;
	     -moz-box-sizing: border-box;
	          box-sizing: border-box;
}


#mobile-navigation nav > a:first-child,
#mobile-navigation nav .dropdown:first-child
{
	margin-left: 0;
}

#mobile-navigation nav > a:last-child,
#mobile-navigation nav .dropdown:last-child
{
	margin-right: 0;
}

#mobile-navigation nav > a,
#mobile-navigation nav .dropdown .toggle
{
	text-align: center;
	padding: 0.45em 1em;
	border: 2px solid #ddd;
	overflow: hidden;
	font-size: 12px;
	font-size: 0.85rem;
}


#mobile-navigation nav > a:hover,
#mobile-navigation nav .dropdown .toggle:hover
{
	border-color: #bbb;
	color: #888;
}

header #mobile-navigation nav a.active,
header #mobile-navigation nav a:active,
header #mobile-navigation .dropdown.active .toggle
{
	color: #444;
	border-color: #aaa;
}

#site, #wrapper
{
	min-height: 100vh;
}

#wrapper,
#content-container
{	
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#wrapper
{
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

header, #content, footer
{
	width: 100%;
}

#content-container,
#content
{
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1; 
	width: 100%;
	position: relative;
}

#content
{
	position: relative;
	z-index: 2;
	min-height: 500px;	
}

header .dropdown .menu
{
	display: none;
	position: absolute;
	top: 100%;
	left: 50%;
	list-style: none;
	margin: 0;
	padding: 0;
	margin-top: 6px;
	z-index: 2;
}

#mobile-navigation .dropdown.active .menu
{
	background: #fff;
	right: 0;
	left: auto;
	margin-left: 0 !important;
}


#mobile-navigation .dropdown.active:first-child .menu
{
	left: 0;
	right: auto;
}

#mobile-navigation .dropdown.active .menu li
{
	border-bottom: 1px solid #f1f1f1;
}

header .dropdown .toggle
{
	display: block;
}


header .dropdown .menu.right
{
	left: auto;
	right: 0;
}

header .dropdown.active > .menu
{
	background: #333;
	display: block;
	width: 200px;	
	margin-left: -100px;
}

header .dropdown.active > .menu .dropdown
{
	width: 100%;
}

header .dropdown.active .menu .menu
{
	position: static;
	left: auto;
	top: auto;
	margin: 0;
	padding: 0.5em;
	background: rgba(255,255,255,0.15);
	  -webkit-box-sizing: border-box;
	     -moz-box-sizing: border-box;
	          box-sizing: border-box;
}

header .dropdown.search.active .menu
{
	margin-left: 0;
}


header .dropdown.active .menu li
{
	border-bottom: 1px solid #222;
	margin: 0;
	padding: 0;
}


header .dropdown.active .menu li a:hover
{
	background: #444;
	color: #ebce94;
}

header .dropdown.active .menu li a
{
	padding: 9px 12px;
	display: block;
}


header .dropdown .toggle:hover .caret
{
	border-top-color: #de8212;
}


#mobile-nav-menu
{
	text-align: left;
	color: #aaa;
	font-size: 1.5em;
	padding: 1em 0;
	display: none;
	clear:both;
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	width: 240px;
	height: 100%;
    transition: width .2s ease-out;
    -moz-transition: width .2s ease-out;
    -webkit-transition: width .2s ease-out;
    -o-transition: width .2s ease-out;
	background: #212121;
	white-space: normal;
}

#mobile-nav-menu.active
{
	display: block;
	padding: 1em;
}

#mobile-nav-menu .link small
{
	display: block;
	font-size: 75%;
	text-transform: none;
}


#mobile-nav-menu .link
{
	padding: 0.5em 0;
}


#mobile-nav-menu .link a,
#mobile-nav-menu .link label
{
	font-size: inherit;
	color: #fafafa;
    text-transform: uppercase;
}


#mobile-nav-menu .link label
{
	cursor:	default;
}


#mobile-nav-menu .link ul a
{
}


#mobile-nav-menu a:hover,
#mobile-nav-menu a:active
{
	color: #b1dfff !important;
}


#mobile-nav-menu .link ul
{
	list-style-type: none;
	margin: 1em;
	margin-left: 1em;
	position: relative;
}


#mobile-nav-menu .link ul:before
{
	border-left: 2px solid #888;
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 1em;
	font-size: 90%;
}


#mobile-nav-menu .link ul li
{
	line-height: 150%;
	padding: 0.2em 0;
	padding-left: 2em;
	position: relative;
}


#mobile-nav-menu .link ul li:before
{
	position: absolute;
	left: 0;
	content: " ";
	width: 1em;
	border-top: 2px solid #888;
	top: 50%;
	margin-top: -1px;
}

#page-browse #content
{
	background: #f8f8f8;
}

#page-profile #content
{
	background: #f1f1f1;
}



#copyright
{
	text-transform: uppercase;
	color: #888;
	margin-top: 1em;
}

footer
{
	background: #000;
	color: #fff;
	margin: 0;
	font-size: 0;
}

footer strong
{
	font-weight: normal;
	color: #f1f1f1;
	display: block;
	letter-spacing: 0.75px;
	font-size: 1.2em;
}


footer nav
{
	list-style-type: none;

	padding: 1em 0 0;
	font-size: 13px;
	text-align: left;
}

footer nav ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

footer nav li
{
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	line-height: 150%;
	font-size: 0.9em;
	padding: 0.2em 0;
}

footer nav li a
{
	color: #aaa;
}

#footer-logo img
{
	max-height: 130px;
}


#footer-container
{
	background: #333333;
	width: 100%;
}

footer .float.right
{
	font-size: 12px;
	color: #aaa;
	font-style: italic;
	white-space: nowrap;
}

footer .social-links
{
	margin: 0;
}

footer .social-links a
{
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;	
	font-size: 21px;
	padding: 0.3em;
	width: 1em;
	height: 1em;
	color: #fff;
}


footer a:hover,
footer .social-links li a:hover
{
	color: #f07900;
}

footer .social-links span
{
	position: absolute;
	left: -100000px;
	top: -100000px;
	text-indent: -9999px;
}

footer nav a
{
	margin-right: 10px;
}

#disclosure
{
	padding: 20px 0;
	font-size: 12px;
	color: #777;
}

#disclosure nav
{
	margin-top: 15px;
}


#disclosure nav a
{
	margin-right: 9px;
	color: #999;
}

.dropdown-menu li.active>a, .dropdown-menu li>a:hover, .dropdown-menu li.active>a:hover, .dropdown-menu li.active>a:focus
{
	background: #0081dc;
	color: #fff;
}


/* Welcome header */


#welcome
{
	background-color: #cbced0;
	background-size: cover;
	background-position: center center;
	color: #fff;
	text-shadow: 0 1px 0 #fff;
	position: relative;
}

#page-tagged #welcome section {
	opacity: 0.85;
}

#welcome .subscribe-native,
#welcome .btn.facebook
{
	max-width: 500px;
}


#frontpage ~ #welcome { margin-bottom: 0;}



#page-tagged #welcome
{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

#page-tagged #welcome:before
{
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.85) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.85) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.85) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#73ffffff',GradientType=0 );

	content: " ";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}


#welcome .gradient-bg
{
	position: relative;
	z-index: 2;
	padding: 5em 3em 3em;
	padding: 5rem 3rem 3rem;
	padding 5vh 3vh 3vh;
}

#welcome:after
{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	border-bottom: 6px solid rgba(0,0,0,0.3);
	content: " ";
}


#welcome small,
#welcome p
{
	color: inherit;
	font-weight: inherit;
}

#welcome p
{
	font-size: 1.3em;
}


#welcome .btn i
{
	margin-right: 1rem;
}

#welcome .btn.native
{
	background: #2cbb42;
}





.modal.fade.in
{
	top: 50%;
}

.modal .form-actions,
.modal .form-horizontal
{
	margin-bottom: 0;
}


.modal .form-horizontal .form-actions
{
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
}



#thread .new-comment textarea,
#thread .comment section textarea
{
	height: 60px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 9px;
	font-size: 1em;
	resize:vertical;
}


.thread-message-list .message.highlight
{
	position: relative;
}

.thread-message-list .message .comment,
#thread .new-comment .message .comment
{
	position: relative;
	padding: 0.85em;
}

.thread-message-list .message.highlight > .comment
{
	background: #fffdf0;
}

.thread-message-list .message.highlight *
{
	position: relative;
	z-index: 1;
}


#thread .message .anchor-link
{	
    display: block;
    position: relative;
    top: -6em;
    visibility: hidden;
}

#thread .message .avatar,
.thread-message-list .message .avatar
{
	width: 60px;
	height: 60px;
	float: none;
}



.thread-message-list .message .replies
{
	margin: 12px;
	margin-left: 2.5em;
	position: relative;
	border-top: 1px solid #eee;
	margin-top: 12px;
}


.thread-message-list .message .replies:before
{
	position: absolute;
	left: -1.85em;
	bottom: 0;
	top: 0;
	border-left: 1px solid #ddd;
	content: " ";
}


.thread-message-list .message .replies .message:before
{
	position: absolute;
	left: -1.85em;
	right: 100%;
	top: 2.8em;
	border-top: 1px solid #ddd;
	content: " ";
}


.feed.products .product,
.product-list .product
{
	background: #fff;
	border-bottom: 1px solid #eee;
	border-collapse:separate;
	border-spacing:0;
	padding: 1em;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	        flex-direction: row;
}

@media screen and (max-width: 700px) {
	.page-content .product-list .product {
		-webkit-flex-direction: column;
		flex-direction: column;
	}

	.page-content .product-list .product .image {
		width: 100%;
	}
}

.feed.products .stats,
.product-list .stats
{
	-webkit-box-align: center;-ms-flex-align: center;-ms-grid-row-align: center;align-items: center;	
	width: 100%;
	color: #777;
}

.feed.products .stats i,
.product-list .stats i {
	color: #aaa;
}

.feed.products .product .image,
.feed.products .stats > .inline:last-child,
.product-list .product .image,
.product-list .stats > .inline:last-child
{	
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
    flex: 0 0 auto;
}


.feed.products .product .short,
.product-list .product .details
{
	-webkit-box-flex: 1;-ms-flex: 1;flex: 1;
}


.feed.products .product .stat,
.product-list .product .stat
{
	display: inline-block;
	vertical-align: middle;
	margin-right: 1em;
}

.feed.products .product .possession,
.product-list .product .possession
{
	opacity: 0.45;
}




.feed.products .product .stat .helper-text,
.product-list .product .stat .helper-text
{
	color: #aaa;
}


.feed.products .product .image,
.feed.products .product .details,
.product-list .product .image,
.product-list .product .details
{
	vertical-align: middle;
}

.feed.products .product .image,
.product-list .product .image
{
	background-position: center center;
	background-repeat: no-repeat;
	height: 120px;
	width: 20%;
	background-size: contain;
	position: relative;
}

.feed.products .product .image img,
.product-list .product .image img
{
	width: 100%;
	height: 100%;
}

.feed.products .product .details,
.product-list .product .details
{
	padding: 1em;
	padding-left: 2em;
}

.feed.products .product .clicks,
.product-list .product .clicks
{
	border: 1px solid #ddd;
	border-radius: 0.15em;
	font-weight: bold;
	padding: 0.25em 0.5em;
	text-align: center;
	line-height: 150%;
	color: #1cc259;
	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	border-radius: 0.25em;
}

.feed.products .product .clicks a,
.product-list .product .clicks a
{
	text-decoration: none;
}

.feed.products .product .clicks i,
.product-list .product .clicks i
{
	display: inline-block;
	color: #aaa;
	margin-right: 0.05em;
	position: relative;
	top: -2px;
}


.feed.products .product .clicks.active,
.product-list .product .clicks.active
{
	background: #1cc259;
	color: #fff;	
	border-color: transparent;
}

.feed.products .product .clicks.active i,
.product-list .product .clicks.active i
{
	color: inherit;
}

.feed.products .product a,
.product-list .product a
{
	color: inherit;
}





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

	
	.thread-message-list .message .replies:before
	{
		position: absolute;
		left: -2.85em;
		bottom: 0;
		top: 0;
		border-left: 1px solid #ddd;
		content: " ";
	}
	
	
	.thread-message-list .message .replies .message:before
	{
		position: absolute;
		left: -2.85em;
		right: 100%;
		top: 2.8em;
		border-top: 1px solid #ddd;
		content: " ";
	}
	
	
	.thread-message-list .message .replies
	{
		margin-left: 5.5em;
	}
	
	#thread .message .avatar,
	.thread-message-list .message .avatar
	{
		position: absolute;
		left: 0.5em;
		top: 0.5em;
	}
	
	.thread-message-list .message .comment,
	#thread .new-comment .message .comment
	{
		padding-left: 5.5em;
	}
}


	.halfed .thread-message-list .message .replies:before
	{
		left: -0.85em;
	}
	
	
	.halfed .thread-message-list .message .replies .message:before
	{
		left: -0.85em;
		top: 2.8em;
	}
		
	.halfed .thread-message-list .message .replies
	{
		margin-left: 1.5em;
	}
	
	.halfed #thread .message .avatar,
	.halfed .thread-message-list .message .avatar
	{
		position: relative;
		left: 0;
		top: 0;
	}
	
	
	.halfed .thread-message-list .message .comment,
	.halfed #thread .new-comment .message .comment
	{
		padding-left: 0.5em;
	}
	


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


	.halfed .thread-message-list .message .replies:before
	{
		left: -0.85em;
	}
	
	
	.halfed .thread-message-list .message .replies .message:before
	{
		left: -0.85em;
		top: 2.8em;
	}
		
	.halfed .thread-message-list .message .replies
	{
		margin-left: 3.5em;
	}
	
	.halfed #thread .message .avatar,
	.halfed .thread-message-list .message .avatar
	{
		position: absolute;
		left: 0.5em;
		top: 0.5em;
	}
	
	
	.halfed .thread-message-list .message .comment,
	.halfed #thread .new-comment .message .comment
	{
		padding-left: 5.5em;
	}
	
}	


.thread-message-list .message section a
{
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}


#thread .message .avatar img,
.thread-message-list .message .avatar img
{
	width: 4em;
	height: 4em;
	-moz-border-radius: 60px;
	-webkit-border-radius: 60px;
	border-radius: 60px;
}

#thread-options
{
	border-bottom: 2px solid #eee;
}

#thread-sort
{
	list-style: none;
	padding: 0;
	margin: 0;
}

#thread-sort li
{
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
}

#thread-sort li a
{
	display: block;
	padding: 6px 9px;
	color: #555;
	font-weight: bold;
	text-decoration: none;
	position: relative;
}


#thread-sort li.active a,
#thread-sort li:hover a
{
	color: #0073dc;
}

#thread-sort li a,
#thread-sort li a:after
{
    transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
}


#thread-sort li.active a:after,
#thread-sort li a:hover:after
{
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	content: " ";
	border-bottom: 2px solid #0073dc;
}


#thread-sort li a:hover:after
{
	border-bottom-color: #5da9f0;
}


#thread-pagination
{
	float: right;
	color: #555;
	font-weight: bold;
}

#thread-pagination a
{
	color: inherit;
	text-decoration: none;
	width: 18px;
	height: 18px;
	line-height: 20px;
	text-align: center;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	font-size: 12px;
}


#thread-pagination a:hover
{
	background: #777;
	color: #fff;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
}


#thread-pagination a:first-child
{
	margin-right: 6px;
}

#thread-pagination a:last-child
{
	margin-left: 6px;
}

.thread-message-list .no-comments
{
	padding: 30px 0;
	color: #aaa;
}

.thread-message-list .message .details,
#thread .message .details
{
	line-height: 120%;
}

.thread-message-list .message .details .name,
#thread .message .details .name
{
	font-weight: bold;
	color: inherit;
}

.thread-message-list .message .details .timestamp,
#thread .message .details .timestamp
{
	color: #888;
	font-size: 80%;
}

.thread-message-list .message .details .timestamp time,
#thread .message .details .timestamp time
{
	color: inherit;
}


.thread-message-list .message .details .divider,
#thread .message .details .divider
{
	margin: 0 6px;
	font-weight: bold;
}

.thread-message-list .message section
#thread .message section
{
	font-size: 1em;
	margin: 3px 0;
	line-height: 130%;
	color: #555;
	word-wrap: break-word;
}

.thread-message-list .message,
#thread .message
{
	margin: 9px 0;
	position: relative;
	border-bottom: 1px solid #eee;
}


.thread-message-list .message:last-child,
#thread .message:last-child
{
	border: 0;
}


.thread-message-list .message .actions
{
	font-size: 0.9em;
}

.thread-message-list .message .actions a
{
	color: #3e7194;
	margin-right: 12px;
	text-decoration: none;
	white-space: nowrap;
}


.thread-message-list .message .actions a.active
{
	font-weight: bold;
	color: #dc3000;
}

.thread-message-list .message .actions a .fa-thumbs-o-up
{
	font-weight: bold;
}

.thread-message-list .message .actions a.active .fa-thumbs-o-up:before
{
	content: "\f164";
}


.thread-message-list .message .actions a.active .fa-heart-o:before
{
	content: "\f004";
}


.thread-message-list .message .actions a.active[href="#favorite"]:hover
{
	color: #666;
}

.thread-message-list .message .actions a:hover
{
	color: #0481d4;
}


.thread-message-list .more
{
	background: #f8f8f8;
	color: #5e7385;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0.25em;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	text-align: center;
	position: relative;
	border: 1px solid #eee;
	font-size: 0.9em;
	cursor: pointer;
	  -webkit-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  -o-user-select: none;
	  user-select: none;   
	  margin: 6px 0;
}


.thread-message-list .more:hover
{
	background: #5e7385;
	color: #fff;
}

.thread-message-list .more:active
{
	background: #749dc1;
	color: #fff;
}

.thread-message-list .more:before
{
	position: absolute;
	left: 50%;
	bottom: 100%;
	border: 9px solid transparent;
	border-bottom-color: #eee;
	position: absolute;
	margin-left: -5px;
}

.thread-message-list .more:after
{
	position: absolute;
	left: 50%;
	bottom: 100%;
	border: 8px solid transparent;
	border-bottom-color: #f8f8f8;
	position: absolute;
	content: " ";
	margin-left: -4px;
}



.thread-message-list .more:hover:after
{
	border-bottom-color: #5e7385;
}


.thread-message-list .more:active:after
{
	border-bottom-color: #749dc1;
}



#thread .new-comment button
{
	margin-top: 3px;
	width: 100%;
	display: none;
}


#category-boxes .category .image
{
	-webkit-filter: contrast(80%) grayscale(70%);
	-moz-filter: contrast(80%) grayscale(70%);
	-o-filter:  contrast(80%) grayscale(70%);
	-ms-filter:  contrast(80%) grayscale(70%);
	filter: gray; /* IE6-9 */
	filter:  contrast(80%) grayscale(70%);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	border: 0;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 2;
	opacity: 0.4;
	transform: translate3d(0, 0, 0);
}


#category-boxes .category .image,
#category-boxes .category .image img
{
	height: inherit;
	width: 100%;
	padding: 6px;
}

#category-boxes .category:hover .image
{
	opacity: 1;
}


#category-boxes .category
{
	height: 15em;
	width: 32%;
	margin: 1%;
	float: left;
	text-align: center;
	color: #000;
	position: relative;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}



#category-boxes .category a
{
	padding: 0 3%;
	display: block;
	font-size: 2em;
	font-weight: bold;
	height: inherit;
	line-height: 7em;
	vertical-align: bottom;
	color: inherit;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(255,255,255,0.3);
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 3;
}



#category-boxes .category:hover a
{
	color: #fff;
	text-shadow: 0 1px 1px #000;
}


#category-boxes .category:hover .image
{
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	-ms-filter:  grayscale(0%);
	filter: none; /* Applies to FF + IE */
	filter: grayscale(0%);
}


#category-boxes .category:first-child,
#category-boxes .category:nth-child(3n+1)
{
	margin-left: 0;
}


#category-boxes .category:nth-child(3n+3)
{
	margin-right: 0;
}


#category-boxes .category:nth-child(3n+1):last-child
{
	width: 100%;
	margin: 0;
}


#category-boxes .category:nth-child(3n+2):last-child
{
	width: 66%;
	margin-right: 0;
}

/* ========================
Home page
============================ */

#page-home #content-container
{
	background: #f2f2f2;
}

#frontpage
{
	max-width: 900px;
	margin: 0 auto;
}


#email-newsletter
{
	background: #fafafa;
	text-align: center;
	max-width: 900px;
	width: 90%;
	margin: 0 auto;
	padding: 3em 3em 1.5em 3em;
}

#page-optin #email-newsletter
{
	position: relative !important;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	bottom: auto !important;
}

#email-newsletter .animated-checkmark path
{
	stroke: #06a33d;
}

#email-newsletter .subscribe-form,
#welcome .subscribe-form
{
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;

    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;    
	-webkit-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;
}


#email-newsletter .subscribe-form
{
	background: #313131;
	padding: 0.5em;
}

#email-newsletter .bg
{
	background: #f1f1f1 url('//cdn.everydaycarry.com/uploads/15-05-08/1554d1d23d29a6.jpg') no-repeat center center;	
	background-size: cover;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	content: " ";
	z-index: 1;
	opacity: 0.3;
	filter: alpha(oapacity=30);
}

#email-news-letter-container
{
	position: relative;
	z-index: 2;
}


#page-optin #content
{
	padding: 3em 0;
}


#email-newsletter h1
{
	font-weight: 600;
	color: #212121;
	font-size: 2.5em;
	text-transform: uppercase;
}


#email-newsletter h1 + p
{
	font-size: 145%;
}

#email-newsletter h1,
#email-newsletter h1 + p
{
	text-shadow: 0 1px 0 #fff;
	text-shadow: 0 1px 0 rgba(255,255,255,0.45);
}

#email-newsletter .input-append input,
#email-newsletter .input-append button,
#welcome .input-append input,
#welcome .input-append button
{
	height: auto;
	border: 0;
	padding: 0.25em 0.75em;
	line-height: 1.5em;
	font-size: 19px;
	width: 100%;
	display: block;
}

#email-newsletter .subscribe-native,
#welcome .subscribe-native
{
	-webkit-box-flex: 1 0 auto;
	-webkit-flex: 1 0 auto;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	vertical-align: middle;
	width: 100%;
}

#email-newsletter .subscribe-form .or-divider,
#welcome .subscribe-form .or-divider
{
	-webkit-box-flex: 0 0 auto;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	color: #777;
	vertical-align: middle;
	margin: 1em auto;
	font-weight: bold;
}


#welcome .subscribe-form .or-divider
{
	color: #fff;
}

#email-newsletter .subscribe-form .btn.facebook,
#welcome .subscribe-form .btn.facebook
{
	-webkit-box-flex: 0 0 auto;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	vertical-align: middle;
	width: 100%;
	  -webkit-box-sizing: border-box;
	     -moz-box-sizing: border-box;
	          box-sizing: border-box;
}


#email-newsletter .close
{
	font-size: 2em;
	opacitY: 0.65;
	color: #111;
	filter: alpha(opacity=65);
	font-weight: 400;
	margin-top: -1em;
	margin-right: -1em;
}



#email-newsletter .close:hover
{
	opacitY: 0.85;
	filter: alpha(opacity=85);
}

#email-newsletter .input-append,
#welcome .input-append
{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	padding: 0;
	overflow: visible;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;    
	-webkit-flex-direction: column;
	flex-direction: column;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}


#email-newsletter .input-append input,
#welcome .input-append input
{
	border:0;
	padding: 0.4215em 0.4215em;
	line-height: 150%;
	  -webkit-box-sizing: border-box;
	     -moz-box-sizing: border-box;
	          box-sizing: border-box;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-box-flex: 1 0 auto;
	-webkit-flex: 1 0 auto;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;

	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}

#email-newsletter .input-append button,
#welcome .input-append button
{
	border: 0;
	padding: 0.4215em 0.75em;
	border-left: 0;
	  -webkit-box-sizing: border-box;
	     -moz-box-sizing: border-box;
	          box-sizing: border-box;
	-webkit-box-flex: 0 0 auto;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}


#email-newsletter .input-append button.btn-success,
#welcome .input-append button.btn-success
{
	background-color: #2aaa3e;
}

#email-newsletter .input-append button.btn-success:hover,
#welcome .input-append button.btn-success:hover
{
	background-color: #158625;
}


#email-newsletter p.help-block
{
	color: #414141;
}

#subscribe-footer
{
	background-color: #cbced0;
	background-size: cover;
	background-position: center center;
	text-align: center;
	color: #fff;
	text-shadow: 0 3px 0 #222;
	text-shadow: 0 2px 6px rgba(0,0,0,0.3);
	text-shadow: 0 2px 6px rgba(0,0,0,0.3), 0 2px 3px rgba(0,0,0,0.6), 0 2px 1px rgba(0,0,0,0.3);
	position: relative;
	margin-bottom: 1em;
}

#subscribe-footer .container
{
	text-align: center;
}


.subscribe-form
{
	max-width: 91%;
	margin: 0 auto;
}

.subscribe-form .input-append
{
	margin: 0;
}

.subscribe-form .or-divider
{
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	margin: 0 1em;
}

.subscribe-form .input-append input,
.subscribe-form .input-append button
{
	padding: 0.5em 1em;
}

.subscribe-form .input-append input
{
	font-size: 14px;
	font-size: 1rem;
	line-height: 1.65rem;
}

.subscribe-form .btn.facebook,
.subscribe-form button
{
	letter-spacing: 1px;
}

.subscribe-form .btn.facebook
{
	font-size: 14px;
	font-size: 1rem;
	padding: 0.75rem 1em;
}


#subscribe-footer
{
	margin-bottom: 0;
}

#subscribe-footer .input-append
{
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	
}

#subscribe-footer .input-append input
{
	width: 30vw;
	min-width: 230px;
}

#subscribe-footer .input-append input,
#subscribe-footer .input-append button
{
	border: 0;
	font-size: 14px;
	height: auto;
	font-size: 1.15rem;
	line-height: 1.5rem;
	margin: 0;
	padding: 0.5em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#subscribe-footer .gradient-bg:before
{
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0)));
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#00000000',GradientType=0 );
	content:" ";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
}


#subscribe-footer .gradient-bg
{
	position: relative;
	z-index: 2;
	padding: 3rem 1em 3rem 1em;
	padding 3vh 1em 5vh 1em;
}


#subscribe-footer .gradient-bg
{
	padding: 5rem 0 3rem 0;
	padding 5vh 0 3vh 0;
}

#subscribe-footer:after
{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	border-bottom: 6px solid rgba(0,0,0,0.3);
	content: " ";
}

#subscribe-footer .btn
{
	border: 0;
	color: #fff;
	text-shadow: 0 1px 0 #222;
	text-shadow: 0 1px 0 rgba(0,0,0,0.15);
	padding: 1em 1.25em;
	font-size: 1.3em;
	margin: 0 0.15rem;
}


#as-seen 
{
	margin: 0 auto;
	margin-top: 1.5em;
}

#as-seen img
{
	max-width: 100%;
	max-height: 1.5em;
	vertical-align: middle;
}

#as-seen-logos
{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;    
    -webkit-flex-direction: row;
    flex-direction: row;
	width: 100%;
	text-align: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	  flex-wrap: wrap;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

#as-seen-logos.dark img
{
	opacity: 0.65;
	filter: alpha(opacity=65);
}

#as-seen-logos .inline
{
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin: 1em 1em;
	text-align: center;
	min-width: 100px;
}

#page-home .tooltip.left,
#page-posts .tooltip.left
{
	margin-left: -36px;
}


#page-home header h1 img 
{
	width: inherit;
}


#subscribe-footer h1
{
	font-size: 2em;
	margin-bottom: 0.5em;
	line-height: 150%;
	letter-spacing: 0px;
	text-rendering: optimizeLegibility;
	text-rendering: geometricPrecision;
	font-smooth: always;
	font-smooth: never;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;    
    -webkit-font-smoothing: antialiased !important;
    color: inherit;
}


#subscribe-footer p {
	font-size: 1.25em;
	opacity: 0.75;
	margin-bottom: 2em;
}

.banner_ad::after,
.external-ad::after
{
	 visibility: hidden;
	 display: block;
	 font-size: 0;
	 content: " ";
	 clear: both;
	 height: 0;
 }

#frontpage .banner_ad
{
	margin: 1em auto;
}


#post-feed  .banner_ad:first-child
{
	margin-top: 0;
}

#browse-container .banner_ad
{
	margin-bottom: 1em;	
}

#product-header .banner_ad
{
	margin-top: 1em;	
}

.page-wrapper {
	
}

.page-content {
	-webkit-box-flex: 3;-ms-flex: 3;flex: 3;
	padding-right: 2em;
	max-width: 75%;
}

.page-sidebar {
	-webkit-box-flex: 1;-ms-flex: 1 0;flex: 1 0;
	max-width: 25%;
}

.page-sidebar .pane h3 {
	text-transform: uppercase;
	font-size: 1.25em;
}

.page-sidebar .product-grid .details {
	text-align: center;
}

#page-products .page-header {
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}

.page-header .nav-tabs:last-child {
	margin-bottom: 0;
}


.page-header .nav-tabs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;  
	-webkit-flex-direction: row;
	flex-direction: row;
}

.sidescroll {
	overflow-y: scroll;
	overflow: -moz-scrollbars-none;
	white-space: nowrap;
}

.sidescroll::-webkit-scrollbar { 
	display: none;
}


.page-header .nav-tabs>li>a.active {
	position: relative;
	background: #fff;
	border-color: #ddd;
}

.page-header .nav-tabs>li>a.active::after {
	padding: 1px;
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	margin-top: -1px;
	background: #fff;
	content: " ";
}


@media screen and (max-width: 700px) {
	.page-wrapper {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	
	.page-sidebar {
		order: -1;
		max-width: 100%;
	}
	
	.page-content {
		max-width: 100%;
	}
	
	.page-sidebar .nav li {
		display: inline-block;
	}
	
	#page-products .disposable {
		display: none;
	}
}


#frontpage-wrapper 
{
	position: relative;
	text-align: left;
}

#frontpage-container
{
	position: relative;
	min-height: 1900px;
}

#frontpage-tab-loading
{
	padding: 2em 1em;
	background: #e1e1e1;
	text-align: center;
	color: #777;
}

.post-controller
{
	background: #333;
	color: #515151;
	font-size: 1em;
	margin: 0;
  margin-bottom: 0.5em;
	text-transform: uppercase;
	position: relative;
	z-index: 10;
}

.post-controller .flex-row .nav
{
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1; 
}

#gear-nav
{
	-webkit-box-flex: 1 0 auto;
	-webkit-flex: 1 0 auto;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto; 
	display: none;
}

.post-controller .container
{
	width: 100%;
	max-width: 100%;
}

.post-controller.sticky.fixed
{
	top: 4.5em;
	left: 0;
	right: 0;
	position: fixed;
}


.post-controller.sticky.fixed .container
{
    width: 94%;
    max-width: 1100px;
}

.post-controller .nav
{
	margin: 0;
	padding: 0;
	position: relative;
	clear:both;
	white-space: nowrap;
}

.post-controller .nav:before
{
	content: " ";
	width: 100%;
	top: 100%;
	left: 0;
	right: 0;
	position: absolute;
	margin-top: -3px;
	border-bottom: 3px solid rgba(0,0,0,0.12);
	z-index: 2;
}



.post-controller .nav > li
{
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	padding: 0;
	margin: 0;
	position: relative;
}

.post-controller .nav li.toggle + .menu
{
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	margin-top: 6px;
	z-index: 2;
	background: #fff;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	max-height: 10em;
	max-height: 70vh;
	overflow: auto;
	overflow-x: hidden;
}

.post-controller .nav li.toggle + .menu li a,
.post-controller .nav li.toggle + .menu li a:hover
{
	display: block;
	padding: 0.5em;
	text-decoration: none;
	
}

.post-controller .nav li.toggle + .menu.open
{
	display: block;
	text-align: center;
}


.post-controller .nav li a,
.post-controller .nav li span.tab
{
	display: block;
	line-height: 200%;
	font-size: 1em;
	padding: 0.25em 1.5em;
	color: #999;
	font-weight: bold;
	cursor:pointer;
}


.post-controller .nav li a:hover,
.post-controller .nav li span.tab:hover {
	background: #555;
}


.post-controller .nav li:hover a,
.post-controller .nav li.active a,
.post-controller .nav li:hover span.tab,
.post-controller .nav li.active span.tab
{
	background: #555;
	color: #fff;
}

#frontpage-sidebar
{
	display: none;
	float: right;
	width: 40%;
	text-align: center;
	margin-left: 1.5em;
	position: relative;
	z-index: 2;
}

#frontpage-sidebar .sticky.fixed
{
	top: 6em;
}

#frontpage-sidebar h5 {
	background: #333;
	color: #fff;
	text-transform: uppercase;
	padding: 0.5em;
	margin: 0;
	margin-bottom: 0.5em;
}

#frontpage-sidebar h5 a{
	color: inherit;
}

#frontpage-sidebar .nav-pills>li>a
{
	padding: 0.25em 1em;
}

#frontpage-sidebar .product-list .product
{
	margin-bottom: 0.5em;
	background: #fff;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	        flex-direction: column;
}


#frontpage-sidebar .product-list .image {
	max-height: 5em;
}



#frontpage-sidebar .product-list h4,
#frontpage-sidebar .product-list .details {
	margin: 0 !important;
	padding: 0 !important;
	font-size: 1em;
}


#frontpage-sidebar .product-list .details .description {
	display: none;
}

#frontpage-sidebar .product-list .posessions-container {
	display: none;
}


#frontpage-sidebar .product .amzn-discount
{
	margin: 0 1em 0 0 !important;
}

#frontpage-sidebar .product h4,
#frontpage-sidebar .product .details
{
	padding: 0.5em 0.25em;
	padding: 1rem 0.5rem;
	margin: 0;
}


#frontpage-sidebar .product .details
{
padding: 0;
}


#frontpage-sidebar .product .short .btn
{
	position: absolute;
	bottom: 0;
	right: 0;
	top: auto;
	color: #fff;
	-moz-border-radius: 0.25em 0 0 0;
	-webkit-border-radius: 0.25em 0 0 0;
	border-radius: 0.25em 0 0 0;
	opacity: 0.85;
	border: 0;
}


#frontpage-sidebar .product .short .btn:hover
{
	opacity: 1;
}

#frontpage-sidebar .product a
{
	color: inherit;
}

#frontpage-sidebar .product .short
{
   position: relative;
   padding: 1em;
}

#frontpage-sidebar .product .image
{
	background-color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	text-align: center;
    height: 12em;
    width: 12em;
    margin: 0 auto;
    -webkit-box-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto; 
}


#frontpage-sidebar-ad
{
	margin: 1em auto;
	position: relative;
}


#floating-sidebar-ad.fixed
{
	position: fixed;
	top: 6em;
}

#frontpage-sidebar-ad img
{
	width: 100%;
}


#frontpage-sidebar h3
{
	color: #515151;
	border-bottom: 3px solid #eee;
	border-bottom: 3px solid rgba(0,0,0,0.12);
	padding: 0.25em;
	line-height: 200%;
	font-size: 1em;
	margin: 0;
	margin-bottom: 0.5em;
	text-transform: uppercase;
}

#interview-list
{
	margin-bottom: 1em;
}

#interview-list .interview
{
	position: relative;
}


#interview-list .interview img
{
	width: 100%;
}

#interview-list .interview h3
{
	background: rgba(0,0,0,0.75);
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	text-align: center;
	color: #fff;
	font-size: 0.8em;
	padding: 0.1em;
	
}


#interview-list .interview h3 a
{
	color: inherit;
}

#category-block
{
	font-size: 1.15em;
	line-height: 150%;
	margin: 1em auto;
}

#category-block a
{
	margin: 0.25em;
}

#page-styles #frontpage
{
	padding-top: 1em;
}

#page-styles #style-navigation
{
	background: #fafafa;
	padding: 1em 2em;
	margin-bottom: 0.5em;
	text-align: left;
}


#page-styles #style-navigation li a.active
{
	color: #777;
	font-weight: bold;
}


#page-styles #style-navigation h2
{
	font-size: 1.25em;
	margin: 0;
	margin-bottom: 0.5em;
}


.post
{
	margin-bottom: 1em;
	background: #fff;
	position: relative;
}


.post h2
{
	font-size: 1.25em;
	line-height: 120%;
	margin: 0.5em 0;
	color: #666;
	text-rendering: optimizeLegibility;
	text-rendering: geometricPrecision;
	font-smooth: always;
	font-smooth: never;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;    
    -webkit-font-smoothing: antialiased !important;
	font-weight: normal;	
	margin-top: 0;
    font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.post.promo { float: left; margin: 0 1%; border: 0; padding: 0; }

.post.promo .image
{
	width: 100%;
	float: none;
	position: static;
}

.post.promo:first-child
{
	margin-left: 0;
}

.post.promo:last-child
{
	margin-right: 0;
}

.post.promo:first-child:nth-last-child(1)
{
	width: 100%;
	margin: 0;
}

.post.promo:first-child:nth-last-child(2),
.post.promo:first-child:nth-last-child(2) ~ .post.promo
{
	width: 49%;
}

.post.promo:first-child:nth-last-child(3),
.post.promo:first-child:nth-last-child(3) ~ .post.promo
{
	width: 32%;
}

.post.promo:first-child:nth-last-child(4),
.post.promo:first-child:nth-last-child(4) ~ .post.promo
{
    width: 23%;
}


.post.promo h2,
.post.plug h2,
.post.announce h2
{
	background: #333;
	padding: 0.5em;
	color: #fff;
	font-weight: bold;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	bottom: 60px;
	margin: 0;
	position: absolute;
	left: 21px;
}


.post.announce .photo,
.post.plug .photo,
.post.promo .photo
{
	width: 100%;
	height: 100%;
}


.post.plug h2,
.post.promo h2
{
	bottom: 21px;
    transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
}

.post.plug .short
{
	display: none;
}

.post.plug > .details section,
.post.announce > .details section
{
	color: #fff;
	font-size: 1.5em;
	padding: 1em 0;
	height: 8em;
	overflow: hidden;
}


.post.plug .read-more a,
.post.announce .read-more a
{
	font-size: 1em;
	position: absolute;
	bottom: 60px;
	right: 24px;
}


.post.plug:hover h2,
.post.announce:hover h2,
.post.plug:active h2,
.post.announce:active h2
{
	background: #444;
	color: #c7eaff;
}


.post h2 a
{
	color: inherit;
	text-decoration: none;
}


.post h2 a:hover
{
	color: #f07900;
}

.post.plug h2 a:hover,
.post.announce h2 a:hover,
.post.promo h2 a:hover
{
	color: inherit;
}


.post.promo .promo-title
{
	position: absolute;
	bottom: 6px;
	left: 0;
	right: 0;
	text-align: center;
}

.post.promo h2
{
	background: #e27200;
	font-size: 1em;
	position: relative;
	left: auto;
	right: auto;
	bottom: auto;
	top: auto;
	text-transform: uppercase;
	font-weight: normal;
}


.post.promo:hover h2
{
	background: #0081e1;
	color: #fff;
}

.post .image
{
	background-position: center center;
	position: relative;	
}


.popover h3
{
	font-size: 1.2em;
	line-height: 130%;
	margin: 0;
}

.popover h3 a {
	color: inherit;
}

.popover .product-stats,
.popover .possessions
{
	margin-top: 0.5em;
}

.popover .possessions {
	color: #39ad35;
	font-size: 1.15em;
}

.popover .product-stats > span
{
	margin-right: 1em;
}

.product-popover {
	-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.product-popover .image {
	-webkit-box-flex: 0;-ms-flex: 0;flex: 0;
	padding-right: 1.5em;
}


.product-popover .image img {
	max-width: 5em;
	max-height: 7em;
}

.popover-links {
	margin-top: 1em;
}


.post .image .numbers
{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 6;
}


.post .image .numbers .number
{
	color: #333;
	font-weight: bold;
	background: #fff;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	width: 20px;
	text-align: center;
	line-height: 20px;
	height: 20px;
	margin-left: -10px;
	margin-top: -10px;
	font-size: 0.75em;
	position: absolute;
	cursor: alias;
	display: none;
	z-index: 8;
    font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	box-shadow: 0 1px 1px #222;
}

.post .image .numbers .selection .number
{
	display: block;
}

/*.post .image .numbers .number:after
{
	content: " ";
	position: absolute;
	bottom: -9px;
	margin-left: -10px;
	left: 50%;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 18px 10px 0 10px;
	border-color: #ffffff transparent transparent transparent;
	z-index: -1;
}*/


.post .image:hover .numbers .number,
.post .image .numbers .number.focused,
#post .image .selection.focused
{
	display: block;
}


.post .image .numbers .number:hover,
.post .image .numbers .selection:hover .number,
.post .image .numbers .selection.focused .number,
.post .image .numbers .number.focused
{
	background: #333 !important;
	text-shadow: 0 1px 0 rgba(0,0,0,0.4);
	color: #fff;
}


.post .image .numbers .number:hover:after,
.post .image .numbers .number.focused:after
{
	 border-top-color: #333 !important;
}



.post .image .selection
{
	min-width: 24px;
	min-height: 24px;	border: 2px dashed #fff;
	border: 2px dashed rgba(255,255,255,0.75);
	background: rgba(0,0,0,0.15);
	position: absolute;
	z-index: 8;
	  -webkit-box-sizing: border-box;
	     -moz-box-sizing: border-box;
	          box-sizing: border-box;
}

#post-feed .post .image .selection,
#post .image .selection,
#profession .post .image .selection
{
	display: none;
}

#post-feed .post .image:hover .selection,
#post .image:hover .selection,
#post-feed .post .numbers.preview .selection.focused,
#post .numbers.preview .selection.focused,
#post.numbers-always .numbers .selection,
#profession .post .image:hover .selection
{
	display: block;
}

.post .image .selection .number
{
	left: 50%;
	top: 50%;
	margin-top: -10px;
	margin-left: -10px;
}

.post .image .selection:hover,
.post .image .selection.focused
{
	border-color: #000;
	border-color: rgba(0,0,0,0.6);
	z-index: 8;
}





.post .image img.spacer
{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
}


.post.vertical .text
{
	font-size: 120%;
	line-height: 125%;
}

.post.vertical .image
{
	overflow: hidden;
	position: relative !important;
}

.post.vertical .image,
.post.vertical .details,
.post.vertical .details .text,
.post.vertical .short
{
	float: none;
	width: auto;
	position: static;
}


.post.review .image
{
	position: relative;
}


#post-feed
{
	position: relative;
}

#promotional-stories
{
	margin-bottom: 3em;
}

#promotional-stories .container
{
	max-width: 100%;
	width: 100%;
	height: 100%;
}

#featured-posts
{
	height: 355px;
	height: 360px;
	padding: 1em 0;
	position: relative;
}

#featured-posts + #promotional-stories
{
	padding-top: 0;
}

#featured-posts .post
{
	padding: 0;
	border: 0;
	width: 29%;
	left: 0;
	height: 175px;
	overflow: hidden;
}




#featured-posts .post.featured2,
#featured-posts .post.featured4
{
	top: 185px;
}


#featured-posts .post.featured3,
#featured-posts .post.featured4
{
	right: 0;
	left: auto;
}

#featured-posts .post.featured0
{
	width: 40%;
	left: 50%;
	margin-left: -20%;
	height: 355px;
	height: 360px;
	position: absolute;
}


#featured-posts .post.featured0 .image
{
}

#featured-posts .post h2
{
	background: #111;
	color: #bbb;
	text-shadow: 0 1px 1px #0a0a0a;
	position: absolute;
	left: 6px;
	bottom: 6px;
	font-size: 1.15em;
	text-align: center;
	margin: 0;
	text-transform: uppercase;
	z-index: 5;
    transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
}



#promotional-stories .post
{
	height: 15em;
	margin-bottom: 0.15em;
}


#promotional-stories .post .feature-title
{
	font-size: 1.1em;
	
	color: #bbb;
	text-shadow: 0 1px 1px #0a0a0a;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	margin: 0;
	text-transform: uppercase;
	z-index: 5;
    transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
}


#promotional-stories.stacked .post .feature-title,
#promotional-stories.stacked .post .feature-title h2
{
	font-size: 1.25em !important;
}

#promotional-stories .post.featured1:last-child .feature-title
{
	padding: 1.5em;
	font-size: 2.5em;
}


#promotional-stories .post .feature-title h2
{
	margin: 0;
	font-weight: normal;
	font-weight: bold;
	text-transform: uppercase;
}

#promotional-stories .post .feature-title h2 a
{
	background: #111;
	background: rgba(17, 17, 17, 0.75);
	color: #fff;
	text-shadow: 0 1px 10px #000;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	padding: 0.5em;
}

#promotional-stories .post.featured0 .feature-title h2
{
	font-size: 1.15em;
	text-align: center;
}

#featured-posts .post h2 a
{
	padding: 6px;
	display: block;
	color: inherit;
}




#featured-posts .post:hover h2
{
	background: #333;
	color: #fcf1e1;
}

#featured-posts .post.featured3 h2,
#featured-posts .post.featured4 h2
{
	right: 6px;
	left: auto;
}


#featured-posts .post.featured0 .feature-title
{
	position: absolute;
	bottom: 6px;
	left: 0;
	right: 0;
	text-align: center;
}

#featured-posts .post.featured0 h2
{
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	margin: 0 auto;
	position: static;
	max-width: 75%;
}


#buying-guides .post .image {
	height: 15em;
}


#buying-guides .post .feature-title {
	background: #fff;
	color: #444;
	padding: 1em;
	text-transform: uppercase;
}

#buying-guides .post .feature-title a,
#buying-guides .post .feature-title h2 {
	color: inherit;
	font-weight: bold;
	margin: 0;
}

>>>>>>> Homepage focus on Buying Guides
>>>>>>> 58cc5fe... Homepage focus on Buying Guides

#featured-posts .post:hover h2
{
	background: #333;
	color: #fcf1e1;
}

#featured-posts .post.featured3 h2,
#featured-posts .post.featured4 h2
{
	right: 6px;
	left: auto;
}


#featured-posts .post.featured0 .feature-title
{
	position: absolute;
	bottom: 6px;
	left: 0;
	right: 0;
	text-align: center;
}

#featured-posts .post.featured0 h2
{
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	margin: 0 auto;
	position: static;
	max-width: 75%;
}



#featured-posts .post .image,
#promotional-stories .post .image
{
	width: 100%;
	height: 100%;
	position: relative;
	left: auto;
	top: auto;
	margin: 0;
	border: 0;
	background-size: cover;
}

.post .image
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.post .image img
{
	min-width: 100%;
}


.post.plug .image,
.post.plug .details
{
	float: none;
	width: 100%;
}

.post.announce .image,
.post.announce .details
{
	float: none;
	width: 100%;
}

.post.announce .image,
.post.announce .details,
.post.plug .image,
.post.plug .details
{
	float: none;
	width: 100%;
}


.post .image.cover
{
	height: 400px;
}

.post.promo .image.cover
{
	height: 200px;
}


.post.announce > .details .text,
.post.plug > .details .text
{
	bottom: 0;
	padding-bottom: 3.5em;
}


.post.plug > .details .text
{
	padding-bottom: 0;
}


.post.sponsored .details .text
{
	position: static;
}


.post.plug .sponsored .text
{

}

.post .short
{
	background: #fff;
	border-top: 1px solid #f0f0f0;
	color: #777;
	text-shadow: 0 1px 0 #fff;
	padding: 0.75em 1em;
	margin: 0;
	line-height: 100%;
	font-size: 1em;
}

.post .product .short,
.post .product .short a
{
	position: relative;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	overflow: hidden;
	white-space: normal;
}

#page-explore .post .short
{
	background: transparent;
}


.post .short a,
.post .short span.favorites
{
	white-space: nowrap;
}


.post span.favorites i 
{
	font-weight: bold;
}


.post span.favorites.active
{
	color: #dc3000;
}


.post span.favorites.active:hover
{
	color: #a25252;
}

.post span.favorites.active .fa-thumbs-o-up:before
{
	content: "\f164";
}


.post span.favorites.active .fa-heart-o:before
{
	content: "\f004";
}

.post .credit
{
	-webkit-box-flex: 2;-ms-flex: 2;flex: 2;
	margin: 0;
	white-space: nowrap;
}

#post-feed .post .credit {
	float: left;
}

.post .credit.flex-row .details {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	        flex-direction: column;
	        -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
}


#post .credit.flex-row > .image {
	min-height: 60px;
}

.post .credit .name
{
	font-weight: bold;
	color: #303030;
	font-size: 1em;
}

#post.loadout .credit .name {
	font-size: 1.2em;
}

.post .short a,
.post .short i
{
	color: inherit;
	text-decoration: none;
}

.post .short a:hover
{
	color: #f07900;
}

.post .credit img,
.post img.avatar,
.post .avatar img,
#top-contributors li img
{
	width: 2em;
	height: 2em;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	margin-right: 0.8em;
	min-width: 30px;
	min-height: 30px;
}

.post .avatar
{
	float: left;
}

.post .short .profession
{
	text-transform: uppercase;
	font-size: 0.75em;
	color: #bbb;
}

.post .credit .name + .profession
{
	display: block;
}

.post .related
{
	font-size: 0.9em;
	margin: 0;
	padding: 9px 15px;
	margin-top: 6px;
	position: absolute;
	bottom: 42px;
	white-space: nowrap;
	overflow: hidden;
}


.post .related strong
{
	text-transform: uppercase;
	color: #666;
}


.post > .details
{
	overflow: hidden;
}


.post > .details hr
{
	margin: 1em 0;
}

.post > .details .text
{
	padding: 0.5em 1.2em;
	overflow: auto;
	overflow-x: hidden;
}


.post ol.items
{
    counter-reset:li;
    margin: 0;
    padding-left: 30px;
	position: relative;
	list-style:none;
	font-size: 1em;
}


.post ol.items.max10 li:nth-child(10) ~ li
{
    display: none;
}

.post ol.items li.truncated
{
	display: block !important;
	color: #4690d5;
	cursor: pointer;
	margin-bottom: 0;
}

.post ol.items li.truncated:before
{
	list-style: none;
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f067";
	color: #4690d5;
	background: transparent;
	text-shadow: 0 1px 0 transparent;
}

.post ol.items li.truncated:hover:before
{
	content: "\f055";
	background: transparent;
	text-shadow: none;
	font-size: 1em;
}

.post ol.items li.truncated:hover,
.post ol.items li.truncated:hover:before
{
	color: #e18f00;
}


.post ol.items li
{
	margin-bottom: 0.75em;
	line-height: 19px;
	list-style:none;
	color: #979797;
	font-size: inherit;
	position: relative;
}

.post ol.items li:last-child
{
	border-bottom-color: transparent;
}


.post ol.items li.focused,
.post ol.items li:hover
{
	color: #111;
}

.post ol.items li a
{
	line-height: 130%;
	color: inherit;
	text-decoration: none;
	display: block;
}

.amzn-discount
{
	color: #d34a00;
	text-transform: uppercase;
	font-size: 85%;
	margin-left: 1em;
}

.popover-content .amzn-discount
{
	display: block;
	margin: 0;
}

.post ol.items li a
{
	cursor: pointer;
}

.post ol.items li:before
{
	border: 1px solid #fff;
    content:counter(li); /* Use the counter as content */
    counter-increment:li; 
	color: #fff;
	background: #ccc;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	width: 19px;
	text-align: center;
	line-height: 19px;
	height: 19px;
	font-size: 11px;
	padding: 0;
	position: absolute;
	left: -27px;
	top: -1px;
	color: #fff;
	text-shadow: 0px 1px 0px #aaa;
}

#page-posts.frame #post-feed .post ol.items li:before
{
	top:-1px;
}

.post ol.items li.focused:before,
.post ol.items li:hover:before
{
	background: #333;
	text-shadow: 0px 1px 0px #aa5800;
	color: #fff;
}


.post > .details section
{
	color: #4b4747;
	font-size: 1.1em;
	line-height: 120%;
	position: relative;
	overflow: hidden;
}

.post .info,
#product-notes
{
	padding: 1em 1.5em;
	line-height: 150%;
	margin: 0;
	color: #aaa;
}

#product-notes
{
	font-size: 1.25em;
}

.post .info a,
.post .info .comments,
.post .info .featured
{
	color: inherit;
	margin-right: 1em;
	text-decoration: none;
}


.post .info .featured
{
	color: #ecb910;
}

#post .info,
#product-notes
{
	padding: 0 0;
}

#product-notes .featured
{
	color: #dcb400;
}


#product-notes
{
	padding: 0;
	color: #aaa;
}


#post .info .timestamp,
#post .info .views,
#post .info .comments
{
	color: #aaa;
	margin-right: 1em;
}

.post .read-more
{
	float: right;
}

.post .read-more.with-tags
{
	padding-top: 0.5em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
 
.post .read-more.with-tags a
{
	font-size: 1em;
	
}

.post .read-more.with-tags strong
{
	text-transform: uppercase;
}


.post .read-more a
{
	background: #fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	text-transform: uppercase;
	color: #777;
	font-size: 0.8em;
	padding: 0.2em 0.9em;
    transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
}


.post .read-more a:hover
{
	background: #fff;
	border-color: #d2840d;
}

.post .read-more a i
{
	margin-left: 0.3em;
}

.post > .details section
{
	font-size: 1em;
	line-height: 150%;
	color: #666;
}

.post .author
{
	color: #444;
	margin-right: 15px;
}

.post .category
{
	margin: 0;
	color: #888;
	font-weight: bold;
	text-transform: uppercase;
}


#post-feed .post .image .category
{
	position: absolute;
	right: 0;
	bottom: 0;
	background: #333;
	background: rgba(0,0,0,0.6);
	padding: 0.5em 1em;
	color: #bbb;
}

.post .category a
{
	color: inherit;
}


.post a.timestamp
{
	color: inherit;
	font-size: 0.8em;
    letter-spacing: 0.5px;
    color: #bbb;
	text-transform: uppercase;
	text-decoration: none;
}


.post a.timestamp + .label
{
	margin-left: 0.5em;
	text-transform: uppercase;
}



.post .category a:hover,
.post a.timestamp:hover
{
	color: #f07900;
}



.post .favorites
{
	cursor: pointer;
    transition: color .2s ease-out;
    -moz-transition: color .2s ease-out;
    -webkit-transition: color .2s ease-out;
    -o-transition: color .2s ease-out;
}

.post .favorites:hover
{
	color: #dc3000;
}

#post-feed .post .info a:hover
{
	color: #414141;
}

#interview-list .interview
{
/*    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); 
    filter: gray;
    -webkit-filter: grayscale(100%);
    transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    */
}


#interview-list .interview:Hover
{
    -webkit-filter: none;
}


#recent-topics ul,
#top-contributors ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#recent-topics li,
#top-contributors li
{
	background: #fafafa;
	border-bottom: 1px solid #eee;
	padding: 1em;
	text-align: left;
}


#recent-topics li:last-child,
#top-contributors li:last-child
{
	border-bottom: 0;
}

#recent-topics li p
{
	margin: 0;
	color: #777;
}

#shop-items .item
{
	margin: 3% 0;
	padding: 0;
	position: relative;
	opacity: 0.7;
	filter: alpha(opacity=70);
	
    transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
}

#shop-items .item:hover
{
	opacity: 1;
	filter: alpha(opacity=100);
	
    -webkit-filter: none;
}


#shop-items .item .image
{
	background-position: center center;
	background-size: cover;
	width: 100%;
	height: 100px;
}

#shop-items .item .image img
{
	width: 100%;
	height: 100%;
}


#shop-items .item .title
{
	text-align: center;
}

#shop-items .item h3
{
	font-size: 0.9em;
	line-height: 120%;
	text-align: center;
	margin: 0;
	background: #666;
	background: rgba(0,0,0,0.5);
	color: #fff;
	padding: 0.6em 0.9em;
	font-weight: normal;
    font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

#shop-items .item h3 a
{
	color: inherit;
	text-decoration: none;
}

#shop-items .item h3:hover,
#shop-items .item:hover h3
{
	background: #53585e;
}

#deal-items
{
	margin-bottom: 1em;
}

#deal-items .deal 
{
	position: relative;
	margin: 1.5% 0;
}


#deal-items .deal  .spacer
{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

#deal-items .deal .image
{
	height: 9em;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
}

#deal-items .deal  a
{
	color: #fff;
	text-decoration: none !important;
}


#deal-items .deal .overlay
{
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	margin-top: -1em;
	z-index: 2;
	color: #fff;
	text-shadow: 0 0 2px #222;
	font-size: 2em;
}

#deal-items .deal .image:after
{
	position: absolute;
	content: " ";
	background: rgba(0,0,0,0.35);
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
    transition: background .2s ease-out;
    -moz-transition: background .2s ease-out;
    -webkit-transition: background .2s ease-out;
    -o-transition: background .2s ease-out;
}


#deal-items .deal:hover .image:after
{
	background: rgba(0,0,0,0);
}

#deal-items .deal .overlay .tagline,
#deal-items .deal .overlay h4
{
	line-height: 120%;
}


#deal-items .deal .overlay .tagline,
#deal-items .deal .overlay .tagline a
{
	color: #fff200;
}

#frontpage-bar
{
	background: #eee;
	padding: 0.5em;
	color: #777;
	font-size: 1.2em;
}

#frontpage-bar.mobile
{
	display: none;
}

#frontpage-bar.fixed
{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 50;
	box-shadow: 0px 0 10px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0 10px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0 10px rgba(0,0,0,0.3);
}

#frontpage-bar .dropdown-menu
{
	overflow: hidden;
}

ul.menu-column
{
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	margin: 0;
	padding: 0;
	list-style-type: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


ul.menu-column li
{
	white-space: nowrap;
	border-bottom: 1px solid #eee;
}



ul.menu-column li a {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: block;
	padding: 3px 12px;
	clear: both;
	font-weight: normal;
	line-height: 20px;
	color: #333333;
	white-space: nowrap;
	text-decoration: none;
}

ul.menu-column li:last-child
{
	border: 0;
}

#frontpage-bar .selector
{
	margin-right: 1.5em;
}


#frontpage-bar .selector:last-child
{
	margin: 0;
}

#frontpage-bar .btn-group
{
	margin-left: 0.2rem;
}


#frontpage-bar form,
#frontpage-bar form .input-append 
{
	margin: 0;
}

#frontpage-bar .selector .btn-default
{
	background: #c6c6c6;
	color: #666;
	border: 1px solid #bbb;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding: 0.3em 0.6em;
	text-shadow: none;
}

#frontpage-bar .selector .btn-default.selected,
#frontpage-bar .selector .btn-default:hover,
#frontpage-bar .selector .btn-group.open .btn-default
{
	border: 1px solid #005c9d;
	background: #0081dc;
	color: #fff;
}

#frontpage-bar .selector .btn-default.selected
{
	background: #0081dc;
	color: #fff;
}


#frontpage-bar .selector input
{
	border: 1px solid #111;
	font-size: 0.9em;
	width: 250px;
}

#frontpage-bar .selector input + .btn-default
{
	-moz-border-radius: 0 6px 6px 0;
	-webkit-border-radius: 0 6px 6px 0;
	border-radius: 0 6px 6px 0;
}

#frontpage-bar .btn-group .btn-default .caret
{
	border-top-color: #666;
	outline: none;
}

#frontpage-bar .btn-group .btn-default.selected .caret,
#frontpage-bar .btn-group:hover .btn-default .caret,
#frontpage-bar .btn-group.open .btn-default .caret
{
	border-top-color: #fff;
}

#pagination,
.bumper
{
	background: #e6e6e6;
	margin-top: 1em;
	margin-bottom: 1em;
}

.bumper
{
	-moz-border-radius: 0.45em;
	-webkit-border-radius: 0.45em;
	border-radius: 0.45em;
	padding: 1em;
	font-size: 1.25em;
	text-align: center;
}


.bumper.pageUp:hover
{
	background: #fff;
	cursor: pointer;
}


.bumper.pageUp:active
{
	box-shadow: inset 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0px 3px 3px rgba(0,0,0,0.2);
	
}


#pagination .center
{
	text-transform: uppercase;
	padding: 0.6em 0;
	font-size: 100%;
	line-height: 150%;
	color: #888;
	font-weight: bold;
}

#pagination .btn.flat
{
	padding: 0.8em 3em;
}

#explore-search
{
	background: #f8f8f8;
	border-bottom: 6px solid #eee;
	padding: 2em 0;
	font-size: 1.2em;
	color: #555;
}

#explore-search label,
#explore-search span
{
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	margin: 0;
	font-size: inherit;
}


#explore-search label span
{
	min-width: 250px;
}


#explore-search form
{
	margin: 0;
}

#explore-search hr
{
	margin: 0.6em 0;
}


#explore-search input,
#explore-search button
{
	margin-top: 0;
	margin-bottom: 0;
	font-size: inherit;
	padding: 0.4em 0.6em;
}



#explore-search h1
{
	font-weight: normal;
	font-size: 1.5em;
	line-height: 150%;
	color: #333;
}

#page-tagged #welcome
{
	text-shadow: none;
	color: #313131;
	padding: 3rem 0;
	margin-bottom: 3em;
}

#page-tagged #welcome:after
{
	border-color: rgba(205, 208, 209, 0.45);
}


#page-tagged #welcome p
{
	white-space: pre-line;
}

#page-tagged #frontpage
{
	margin-top: 0;
	padding-top: 0;
}

#page-tagged #welcome h1
{
	margin-bottom: 1rem;
}


#page-tagged #welcome h1 + a
{
	font-size: 200%;
	color: #f8c790;
}


#frontpage-bar .dropdown-menu
{
	margin-top: 8px;
	margin-left: -194px;
}

#loading-bar
{
	background: #333;
	color: #fff;
	position: fixed;
	bottom: 0;
	z-index: 4;
	right: 0;
	padding: 12px;
	text-align: center;
	text-transform: uppercase;
	color: #aaa;
	text-shadow: 0 1px 0 #000;
}


#loading-bar i
{
	display: block;
	margin: 0 auto;
	font-size: 1.5em;
}


#frontpage-bar form
{
}

#frontpage-bar form .selector
{
	width: 30%;
	margin: 0 1%;
}

#frontpage-bar form select
{
	width: 100%;
	display: block;
}

#enter-profession
{
	margin-top: 30px;
}



ul#autocomplete
{
	position: absolute;
	background: #fff;
	border: 1px solid #ddd;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-top: 7px;
	z-index: 2;
}

ul#autocomplete li
{
	padding: 0.4em;
	cursor: pointer;
	color: #555;
	font-size: 1em;
	margin: 0 !important;
	border-bottom: 1px solid #eee;
	overflow: hidden;
	font-style: italic;
}


ul#autocomplete li img
{
	float: right;
	max-width: 45px;
	max-height: 30px;
	margin-left: 6px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

ul#autocomplete li:last-child
{
	border: 0;
}

ul#autocomplete li:hover,
ul#autocomplete li.hover
{
	background: #f2f8ff;
}



@media screen and (max-width:959px)
{

	#profession .post,
	#profession .product
	{
		padding: 1em 0;
		width: 48.5%;
		margin: 1%;
	}
	
	#profession .post:nth-child(2n+1),
	#profession .product:nth-child(2n+1)
	{
		margin-left: 0;
	}
	
	#profession .post:nth-child(2n+2),
	#profession .product:nth-child(2n+2)
	{
		margin-right: 0;
	}
}



@media screen and (max-width:480px)
{
	.post h2 a
	{
		display: block;
	}
	
	.post h2 .label
	{
		float: none;
	}
	
	.post-controller .nav
	{
		text-align: center;
	}
	
	.post-controller .nav li a
	{
		padding: 0.5em;
	}
	
	
	.post-controller .nav li
	{
		float: none;
	}
	
	
	#frontpage-bar .selector
	{	
		margin-right: 0.5em;
	}
	

	
	#frontpage-bar .btn-group .dropdown-toggle span
	{
		display: none;
	} 
	
	#frontpage-bar .btn-group .dropdown-toggle span.caret
	{
		display: block;
		margin: 0.5em 0;
	}
	
	#frontpage-bar .selector .dropdown-menu
	{
		width: 150px !important;
	}
	
	#frontpage-bar .selector ul.menu-column 
	{
		display: block;
		width: 100% !important;
	}
}


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


@media screen and (min-width:321px) and (max-width:639px)
{
	#explore-search
	{
		padding: 15px;
		
	}
	#post-feed
	{
		width: auto;
	}
	
	
	.post .details
	{
		margin: 0;
		position: relative;
		left: auto;
		right: auto;
		top: auto;
		bottom: auto;
	}
	
	
	.post #thread .details
	{
		margin: 0;
	}
		
}

@media all and (min-width: 600px)
{
	

	#navigation
	{
		-webkit-box-flex: 2 0;
		-webkit-flex: 2 0;
		-ms-flex: 2 0;
		flex: 2 0;  
	}
	
	
	#welcome .gradient-bg,
	#subscribe-footer .gradient-bg
	{
		position: relative;
		z-index: 2;
		padding: 6em 0;
	}
	
	#welcome h1
	{
		font-size: 3em;
	}
	

	#welcome p
	{
		font-size: 1.3em;
	}
	
	#subscribe-footer .input-append input,
	#subscribe-footer .input-append button
	{
		padding: 1em;
	}	
}

@media all and (min-width: 800px)
{
	#promotional-stories
	{
		margin: 1em 0;	
	}
	
	#promotional-stories .container
	{
		width: 94%;
		max-width: 1100px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;  
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;
	}
	
	#promotional-stories .post
	{
		width: 48.5%;
		margin: 1%;
	}
	
	#promotional-stories .post:nth-child(2n+1)
	{
		margin-left: 0;
	}
	
	#promotional-stories .post:nth-child(2n+2)
	{
		margin-right: 0;
	}


}



@media screen and (max-width:710px)
{
	
	
	#userlinks .spacer
	{
		-webkit-box-flex: 0;
		-webkit-flex: 0;
		-ms-flex: 0;
		flex: 0;
	}
	
	
	
	#promotional-stories .post.featured1:last-child .feature-title
	{
		padding: 1em;
	}
	
	#promotional-stories .post.featured0 h2
	{
	/*	font-size: 1em;*/
	}
	
}




@media screen and (max-width:700px)
{
	
	
	
	#frontpage-wrapper
	{
		padding: 0;
	}
	
	

}

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


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

	
	#promotional-stories .post.featured0 .feature-title
	{
		text-align: left;
	}
}



@media screen and (max-width:900px)
{

	body#page-home #featured-posts .post
	{
		display: block;
		position: relative;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		width: 100%;
		margin: 2% 0;
		max-height: 12em;
	}
	
	
	body#page-home #featured-posts .container
	{
		margin: 0 auto;
		width: auto;
		padding: 0;
	}
	
	#page-home #featured-posts
	{
		height: auto;
	}
	
	#featured-posts .post .feature-title
	{
		position: absolute;
		bottom: 6px;
		left: 0;
		right: 0;
		text-align: center;
	}
	
	#page-home #featured-posts .post h2
	{
		display: -moz-inline-stack;
		display: inline-block;
		vertical-align: middle;
		zoom: 1;
		*display: inline;
		margin: 0 auto;
		position: static;
		max-width: 75%;
	}

	.post .short
	{
		width: auto;
		border-top: 1px solid #ddd;
	}
	
	
	.post .credit
	{
		position: relative;
	}
	
	.post .image
	{
		width: auto;
		float: none;
	}
	
	.post > .details
	{
		float: none;
		margin: 0;
		width: 100%;
	}
	
	
	.post > .details .text
	{
		padding: 0.5em 1.2em;
		padding-top: 0;
		overflow: visible;
		
	}
	
	
	.post > .details > .info
	{
		margin-bottom: 0;
	}
	
	.post .short,
	.post .details,
	.post .details .text,
	.post.plug .details h2,
	.post.announce .details h2
	{
		position: relative;
		left: auto;
		right: auto;
		top: auto;
		bottom: auto;
	}
	
	
	.post.plug .details,
	.post.announce .details
	{
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
	}
	
	
	.post.plug .details .short,
	.post.announce .details .short
	{
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
	}
	
	
	.post .related
	{
		position: relative;
		bottom: auto;
		margin-top: 5px;
	}
	
	
	
	.post.promo:first-child:nth-last-child(1)
	{
		width: 100% !important;
		margin: 0;
	}
	
	.post.promo:first-child:nth-last-child(2),
	.post.promo:first-child:nth-last-child(2) ~ .post.promo
	{
		width: 49% !important;
	}
	
	.post.promo:first-child:nth-last-child(3),
	.post.promo:first-child:nth-last-child(3) ~ .post.promo
	{
		width: 32% !important;
	}
	
	.post.promo:first-child:nth-last-child(4),
	.post.promo:first-child:nth-last-child(4) ~ .post.promo
	{
	    width: 49% !important;
	    margin-top: 1%;
	    margin-bottom: 1%;
	}


	.post.promo:first-child:nth-last-child(4) ~ .post.promo:nth-child(2n+2)
	{
	    margin-right: 0;
	}

	.post.promo:first-child:nth-last-child(4) ~ .post.promo:nth-child(3n+3)
	{
	    margin-left: 0;
	}

}

.banner-ad iframe {
	margin: auto !important;
	float: none !important;
}

.banner-ad-frame,
#frontpage-container .banner-ad-frame
{
	display: none;
	margin: 0 auto;
}


@media screen and (min-width:975px)
{
	#frontpage-container .banner-ad-frame
	{
		display: block;
	}
}


@media screen and (min-width:750px) and (max-width:840px)
{
	#post-feed
	{
	/*	width: 533px; */
	}
}

@media screen and (min-width:841px) and (max-width:959px)
{
	#post-feed
	{
	/*	width: 633px; */
	}
}

@media screen and (min-width:841px) and (max-width:1599px)
{
	#shop-items .item .image
	{
		height: 135px;
	}
}


.banner-ad
{
	display: none;
}


@media screen and (min-width:800px)
{
	.banner-ad
	{
		display: block;
	}
	
	#as-seen-logos
	{
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		  flex-wrap: wrap;
	}
	
	
	#promotional-stories .post
	{
		width: 31%;
		width: calc(100%  / 3);
		margin: 0;
		margin-bottom: 1em;
		display: inline-block;
	}
	
	
	#promotional-stories .post.featured0
	{
		width: 100%;
		height: 47em;
		bottom: 0;
		margin: 0 auto;
		display: block;
	}
	
	#promotional-stories .post.featured0 .feature-title
	{
		font-size: 2em;
	}
	


}

@media screen and (min-width:1024px)
{
	header .search-link
	{
		display: none !important;
	}
	
	#search-form,
	header.fixed #search-form
	{
		display: -moz-inline-stack;
		display: inline-block;
		vertical-align: middle;
		zoom: 1;
		*display: inline;
		background: transparent;
		padding: 0;
		position: relative;
		left: auto;
		right: auto;
		top: auto !important;
	}
	
}

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

@media screen and (min-width:1599px)
{
	#shop-items .item .image
	{
		height: 195px;
	}

}



/* ========================
Browse Page
============================ */


#browse-header
{
	padding: 90px 0 30px 0;
	color: #555;
	background: #eee;
	border-bottom: 1px solid #ddd;
	text-align: center;
}

#browse-header h1
{
	font-size: 27px;
	line-height: 120%;
}

#browse-header h2
{
	font-size: 21px;
	color: #999;
	line-height: 120%;
	font-weight: normal;
}

#browse-sidebar
{
	float: left;
	width: 20%;
	padding: 15px 0;
	background: #fff;
	position: relative;
}

#browse-sidebar a,
#browse-sort a
{
	color: #999;
	position: relative;
}

#browse-sidebar a:hover,
#browse-sort a:hover
{
	color: #0079d4;
	position: relative;
}

#browse-sidebar li.active a,
#browse-sort li.active a
{
	color: #d45200;
	font-weight: bold;
}

#browse-sidebar li.active.parent.has-active-child a
{
	font-weight: normal;
}


#browse-sidebar ul,
#browse-sidebar li
{
	position: relative;
}



#browse-sidebar ul ul li:before
{
	border-left: 1px solid #eee;
	position: absolute;
	left: -1.5em;
	top: 0;
	bottom: 0;
	content: " ";
}

#browse-sidebar ul ul li:last-child:before,
#browse-sidebar ul ul li:last-of-type:before
{
	bottom: 0.75em;
}

#browse-sidebar ul ul li:last-of-type:before
{
	bottom: 0.5em;
}

#browse-sidebar li + ul li:after
{
	border-bottom: 1px solid #eee;
	content: " ";
	top: 50%;
	right: 100%;
	margin-right: 0.5em;
	height: 1px;
	width: 1em;
	position: absolute;
}

/*#browse-sidebar li.active.parent a:before
{
	position: absolute;
	left: -1.25em;
	top: 50%;
	font-size: 0.75em;
	margin-top: -0.5em;
	color: #aaa;
	content: "\f054";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: bold;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	
}*/

#browse-sidebar a:hover
{
	color: #ca5c00;
}

#browse-content
{
	float: right;
	width: 80%;
}

#view-modes a
{
	background: #aaa;
	padding: 0.1em;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
}


#view-modes a.active,
#view-modes a:hover
{
	background: #0064DC;
}

#browse-sort
{
	background: #fff;
	padding: 0.5em;
	margin-bottom: 1em;
	text-align: center;
	font-size: 0.9em;
}


#browse-sort ul
{
	margin: 0;
	padding: 0;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
}

#browse-sort li
{
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	list-style-type: none;
	margin: 0;
	line-height: 200%;
	margin-right: 1em;
}

#browse-sort a
{
	text-transform: uppercase;
}


#browse-sort a.active
{
	font-weight: bold;
	color: #0064dc;
}

#browse-content h3,
#browse-content h2
{
	font-size:1.5em;
	font-weight: normal;
	margin: 0.25em 0;
    font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

#browse-sidebar h3
{
	font-size: 15px;
	line-height: 120%;
	margin-top: 0; 
    font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

#browse-sidebar section
{
	padding: 1em 2em;
}



#browse-sidebar section + section
{
	padding-top: 0;
}

#browse-sidebar section ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}



#browse-sidebar section ul li
{
	line-height: 150%;
}

#browse-sidebar section ul ul
{
	padding-left: 1.5em;
}




#browse-container
{
	padding: 0 30px;
	padding-right: 0;
	position: relative;
}

#browse-list
{
	position: relative;
}


#browse-list .product .image
{
	float: none;
	width: auto;
}

#browse-list .product h2
{
	margin: 0;
	font-size: 14px;
}


#browse-list .product .category
{
	padding: 3px 9px;
	color: #fff;
	background: #444;
	margin: 0;
	font-size: 12px;
}


#browse-list .product
{
	border: 0;
	margin: 0;
	width: 33%;
	padding: 0;
}



#in-category #browse-header
{
	background-color: #333;
	color: #fff;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	padding: 6em 0 4em;
	border-bottom: 1px solid #ddd;
}


#in-category #browse-header h1
{
	font-size: 32px;
}



#browse-page .product,
#browse-page .post,
#product-ads .product,
#page-tagged #post-feed .product,
.product-grid .product
{
	margin-bottom: 9px;
	background: #fff;
	position: relative;
    transition: box-shadow .2s ease-out;
    -moz-transition: box-shadow .2s ease-out;
    -webkit-transition: box-shadow .2s ease-out;
    -o-transition: box-shadow .2s ease-out;
}


.product-grid .product {
	margin-bottom: 1.5em;
}

.page-sidebar .product-grid .product {
	border-bottom: 1px solid #eee;
	padding: 0.5em;
}

.page-sidebar .product-grid .product:last-child {
	border-bottom: 0;
}

#page-tagged #post-feed .product
{
	display: inline-block;
	max-width: 49%;	
	vertical-align: top;
}

#browse-page .product:hover,
#browse-page .post:hover,
#page-tagged #post-feed .product:hover
{
	box-shadow: 0 0 6px rgba(0,116,237,0.3);
	-moz-box-shadow: 0 0 6px rgba(0,116,237,0.3);
	-webkit-box-shadow: 0 0 6px rgba(0,116,237,0.3);
	
}

#browse-page .product .short,
#browse-page .post .short,
#page-tagged #post-feed .product .short,
.product-grid .product .short
{
	padding: 2em 2.5em;
	position: relative;
	z-index: 3;
}

#browse-page .product h2,
#browse-page .post h2,
#page-tagged #post-feed .product h2,
.product-grid .product h2
{
	font-size: 1em;
	line-height: 120%;
	margin: 0;
	color: #333;
	text-rendering: optimizeLegibility;
	text-rendering: geometricPrecision;
	font-smooth: always;
	font-smooth: never;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;    
    -webkit-font-smoothing: antialiased !important;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 100;	
	margin-bottom: 0.5em;
}


#page-tagged #post-feed .product h2
{
	font-size: 1.25em;
	font-weight: 600;
}

#browse-page .product h2 a,
#browse-page .post h2 a,
#page-tagged #post-feed .product h2 a
{
	color: inherit;
	text-decoration: none;
}



#browse-page .product:hover h2 a,
#browse-page .post:hover h2 a,
#page-tagged #post-feed .product:hover h2 a
{
	color: #222;
}

#browse-page .product .image,
#browse-page .post .image,
#product-ads .product .image,
#page-tagged #post-feed .product .image,
.product-grid .product .image
{
	background-position: center center;
	background-repeat: no-repeat;
	height: 210px;
	background-size: contain;
	position: relative;	
	margin-bottom: 9px;
}

.product-grid .product .image {
	height: auto;
	text-align: center;
}

.product-grid .product .image img {
	max-height: 15em;
}

#featured-deals .product .image,
#featured-deals .post .image,
#deal-of-the-day .product .image,
#deal-of-the-day .post .image,
{
	background-size: cover;
}

#product-ads .product .image a,
#page-tagged #post-feed .product .image a,
.product-grid .product .image a
{
	display: block;
	width: 100%;
	height: 100%;
}

.product-grid .product a:not(:hover):not(:active) {
	color: inherit;
}

.post-sidebar #product-ads .details
{
	background: #f1f1f1;
	padding: 1em;
}


.post-sidebar #product-ads .product {
	border: 1px solid #eee;
	border-radius: 0.25em;
}

.post-sidebar #product-ads .product:hover .details {
	background: #eaeaea;
}

.post-sidebar #product-ads .details h4 {
	padding: 0;
	margin: 0;
}



/*

#browse-page .product .image .numbers
{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 6;
}


#browse-page .product .image .numbers .number
{
	color: #555;
	font-weight: bold;
	background: #fff;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	width: 20px;
	text-align: center;
	line-height: 22px;
	height: 20px;
	margin-left: -10px;
	margin-top: -10px;
	font-size: 11px;
	position: absolute;
	cursor: alias;
	display: none;
	z-index: 8;
}

#browse-page .product .image .numbers .number:after
{
	content: " ";
	position: absolute;
	bottom: -9px;
	margin-left: -10px;
	left: 50%;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 18px 10px 0 10px;
	border-color: #ffffff transparent transparent transparent;
	z-index: -1;
}

#browse-page .product .image:hover .numbers .number,
#browse-page .product .image .numbers .number.focused
{
	display: block;
}

#browse-page .product .image .numbers .number:hover,
#browse-page .product .image .numbers .number.focused
{
	background: #f07900 !important;
	color: #fff;
}


#browse-page .product .image .numbers .number:hover:after,
#browse-page .product .image .numbers .number.focused:after
{
	 border-top-color: #f07900 !important;
}
*/


#browse-page .product .image img.spacer,
#browse-page .post .image img.spacer,
#product-ads .product .image img.spacer
{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

#browse-page .product .image,
#browse-page .post .image
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

#browse-page .deal .image
{
	height: 300px;
	margin: 0;
	width: 100%;
	float: none;
}


#browse-page .deal .short
{
	padding: 1em;
	position: relative;
	z-index: 3;
}

#browse-page .deal .favorites
{
	float: right;
}

#deal-of-the-day .deal
{
	width: 100%;
}

#browse-page .product .overlay,
#browse-page .post .overlay
{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	color: #fff;
	background: rgba(0,0,0,0.3);
	text-shadow: 0 1px 1px #000;
	text-shadow: 0 1px 1px rgba(0,0,0,0.75);
	text-align: center;
    transition: background .2s ease-out;
    -moz-transition: background .2s ease-out;
    -webkit-transition: background .2s ease-out;
    -o-transition: background .2s ease-out;
}


#browse-page .product:hover .overlay,
#browse-page .post:hover .overlay
{
	background: rgba(0,0,0,0);
}

#browse-page .product .overlay h2,
#browse-page .post .overlay h2
{
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin-top: -1em;
}


#browse-page .product .overlay .tagline,
#browse-page .post .overlay .tagline
{
	position: absolute;
	bottom: 1em;
	left: 0;
	right: 0;
	font-size: 125%;
	color: #fff200;
}


#browse-page .post .overlay .tagline a,
#browse-page .product .overlay .tagline a
{
	color: inherit;
}

#browse-page .product .overlay h2,
#browse-page .post .overlay h2
{
	color: inherit;
	font-size: 150%;
	line-height: 150%;
}

#browse-page .product .overlay .tagline,
#browse-page .product .overlay h2
{
	left: 1em;
	right: 1em;
}

#deal-of-the-day .deal
{
	font-size: 150%;
}


#deal-of-the-day .deal .image
{
	height: 350px;
}

#browse-page .product:hover .overlay h2 a,
#browse-page .post:hover .overlay h2 a
{
	color: inherit;
}

#browse-page .product .credit,
#browse-page .post .credit
{
	background: #fafafa;
	border-top: 1px solid #eee;
	color: #777;
	padding: 6px 9px;
	margin: 0;
}

#browse-page .product .credit img,
#browse-page .post .credit img
{
	width: 30px;
	height: 30px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	margin-right: 6px;
}

#browse-page .product .related,
#browse-page .post .related
{
	font-size: 12px;
	position: absolute;
	bottom: 36px;
	left: 0;
	margin: 0;
	padding: 9px;
}


#browse-page .product .related strong,
#browse-page .post .related strong
{
	text-transform: uppercase;
	color: #555;
}

#browse-page .product .details .text,
#browse-page .post .details .text
{
	padding: 9px 15px;
}


#browse-page .product .details ol,
#browse-page .post .details ol
{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
    counter-reset:li;
    margin: 0;
    padding-left: 30px;
	font-size: inherit;
	position: relative;
	font-size: 17px;
}

#browse-page .product .details ol li,
#browse-page .post .details ol li
{
	padding: 6px;
	list-style:none;
	color: #636363;
	font-size: inherit;
	margin-bottom: 1px;
	position: relative;
}


#browse-page .product .details ol li:last-child,
#browse-page .post .details ol li:last-child
{
	border-bottom-color: transparent;
}


#browse-page .product .details ol li.focused,
#browse-page .product .details ol li:hover,
#browse-page .post .details ol li.focused,
#browse-page .post .details ol li:hover
{
	color: #dc3000;
}

#browse-page .product .details ol li a,
#browse-page .post .details ol li a
{
	color: inherit;
	text-decoration: none;
	display: block;
}

#browse-page .product .details ol li:before,
#browse-page .post .details ol li:before
{
	border: 1px solid #fff;
    content:counter(li); /* Use the counter as content */
    counter-increment:li; 
	color: #fff;
	background: #ccc;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	width: 18px;
	text-align: center;
	line-height: 19px;
	height: 18px;
	font-size: 11px;
	position: absolute;
	left: -27px;
	top: 50%;
	margin-top: -10px;
	color: #fff;
	text-shadow: 0px 1px 0px #aaa;
}

#browse-page .product .details ol li.focused:before,
#browse-page .product .details ol li:hover:before,
#browse-page .post .details ol li.focused:before,
#browse-page .post .details ol li:hover:before
{
	background: #dc3000;
}


#browse-page .product .details section,
#browse-page .product .details ol,
#browse-page .post .details section,
#browse-page .post .details ol
{
	color: #4b4747;
	font-size: 15px;
	line-height: 120%;
}

#browse-page .product .details section,
#browse-page .post .details section
{
	font-size: 13px;
}

#browse-page .product .author
{
	color: #444;
	margin-right: 15px;
}

#browse-page .product .category
{
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	color: #888;
	text-shadow: 0 1px 0 #000;
	text-transform: uppercase;
}


#browse-page .product .price
{
	color: #e39700;
	font-size: 1em;
	float: left;
}


#browse-page .product .details  .possessions
{
	margin-left: 12px;
	color: #4087d8;
}

#browse-page .product .favorites
{
	color: #999;
	cursor: pointer;
	text-align: right;
}

#browse-page .product .category a
{
	color: inherit;
}


#browse-page .product a.timestamp
{
	color: inherit;
	text-decoration: none;
}


#browse-page .product .category a:hover,
#browse-page .product a.timestamp:hover
{
	color: #dc3000;
}


#browse-page .product time
{
	text-shadow: 0 1px 0 #fff;
	margin-right: 15px;
}


#browse-page .product .favorites:hover,
#browse-page .product .favorites:active,
#browse-page .product .favorites.active,
#browse-page .post .favorites:hover,
#browse-page .post .favorites:active,
#browse-page .post .favorites.active
{
	color: #dc3000;
}

#main-product-list
{
	position: relative;
}

#featured-products,
#featured-deals,
#latest-products
{
	position: relative;
}


#main-product-list.grid-view .product,
#browse-products .product,
#featured-products .product,
#page-browse #product-ads .product
{
	width: 32%;
	float: left;
	margin: 1% 0;
	  -webkit-box-sizing: border-box;
	     -moz-box-sizing: border-box;
	          box-sizing: border-box;
}


#page-browse #product-ads
{
	position: relative;
}

#main-product-list.grid-view .product
{
	margin: 0;
	width: 33%;
}


#page-browse #product-ads .product .details
{
	max-height: 8.5em;
	overflow: hidden;
}

#main-product-list .product .image
{
	float: left;
	width: 200px;
	margin-right: 1.5em;
}

#main-product-list.grid-view .product .image
{
	clear:both;
	float: none;
	width: auto;
	margin: 0;
	margin-bottom: 0.5em;
}


#main-product-list .product h2,
#featured-products .product h2
{
	font-size: 1.25em;
	float: none;
}

#main-product-list .product .favorites
{
	float: right;
	font-size: 1.2em;
}


#main-product-list .product .price
{
	font-size: 1.1em;
	float: none;
}

#main-product-list .product .description
{
	margin-top: 1em;
	font-size: 13px;
	color: #555;
}


#featured-products .product:first-child:last-of-type
{
	width: 100%;
	text-align: center;
}

#featured-products .product:first-child:last-of-type .price
{
	float: none;
}


/*
#browse-content .product:nth-child(3n+3)
{
	margin-right: 0;
}

#browse-content .product:nth-child(3n+1)
{
	margin-left: 0;
}*/

#browse-filters h2,
#browse-filters h3
{
	margin: 0 0 6px 0;
	padding: 0;
	font-weight: normal;
	color: #333;
	line-height: 120%;
	font-size: 21px;
    font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}


#browse-filters h2
{
	text-align: center;
	position: absolute;
	left: 50%;
	width: 200px;
	margin-left: -100px;
	top: -60px;
	background: #fff;
	-moz-border-radius: 9px 9px 0 0;
	-webkit-border-radius: 9px 9px 0 0;
	border-radius: 9px 9px 0 0;
	border: 1px solid #ccc;
	border-bottom: 0;
	color: #992b2b;
	padding: 6px 0;
}

#browse-filters h3
{
	font-size: 17px;
	color: #d30000;
}


#search-results .result .price
{
	color: #cc911b;
	font-size: 120%;
}


#browse-filters 
{
	border-top: 1px solid #ccc;
	border-bottom: 2px solid #ba0000;
	padding: 30px 0;
	position: relative;
}

#browse-filters .filter
{
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	margin: 0 1%;
	padding: 1%;
	position: relative;
}


#browse-filters .filter:after
{
	border-right: 1px solid #eee;
	right: -4%;
	position: absolute;
	content: " ";
	top: 0;
	bottom: 0;
}

#browse-filters .filter:last-child:after
{
	border: 0;
}


#browse-filters .filter-values
{
	text-align: left;
}


#browse-filters .filter-values label input
{
	margin: 0;
}

#browse-filters .filter-values label input[type='checkbox'],
#browse-filters .filter-values label input[type='radio']
{
	margin-right: 6px;
}


#browse-filters .filter .input-prepend.price input
{
	font-size: 12px;
	width: 30px;
	height: 18px;
	padding: 4px 6px;
}


#browse-filters .filter .input-prepend.price .add-on,
#browse-filters .filter .input-prepend.price .input
{
	font-size: 12px;
}


#browse-filters .filter .input-prepend.price .add-on
{
	padding: 3px 1px;
}


#browse-filters .ui-slider span.value
{
	display: block;
	text-align: center;
	margin-top: 15px;
	color: #555;
}

#browse-filters .ui-slider .ui-widget-header
{
	background: #4a89c3;
}



#browse-filters .filter-color
{
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	width: 24px;
	height: 24px;
	content: " ";
	border: 2px solid #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	position: relative;
}


#browse-filters .filter-color:after
{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	content: " ";
	border: 2px solid #fff;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
}

#browse-filters .filter-color input
{
	position: fixed;
	left: -1000px;
	top: -1000px;
}

#browse-filters .filter-color.active
{
	border-color: #ffbb00;
}


#browse-search
{
	background: #f8f8f8;
	border-bottom: 6px solid #eee;
	padding: 2em 0;
	font-size: 1.2em;
	color: #555;
}


#browse-search .column
{
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}


#browse-search .column li
{
	line-height: 150%;
}

#browse-search label,
#browse-search span
{
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	margin: 0;
	font-size: inherit;
}


#browse-search label span
{
	min-width: 250px;
}


#browse-search form
{
	margin: 0;
}

#browse-search hr
{
	margin: 0.6em 0;
}


#browse-search input,
#browse-search button
{
	margin-top: 0;
	margin-bottom: 0;
	font-size: inherit;
	padding: 0.4em 0.6em;
}



#browse-search h1
{
	font-weight: normal;
	font-size: 1.5em;
	line-height: 150%;
	color: #333;
}

#main-product-list .alert-info
{
	border: 0;
	line-height: 150%;
	font-size: 1.25em;
	padding: 2em;
	background: #7bc1e9;
	color: #fff;
	text-shadow: none;
	text-align: center;
}


#main-product-list .alert-info p
{
	margin: 0;
}



@media screen and (max-width:749px)
{
	#browse-sidebar-ad
	{
		display: none;
	}
	
	#browse-sidebar
	{
		padding: 0;
		margin-bottom: 1em;
	}
	
	#browse-sidebar #browse-brands,
	#browse-sidebar #browse-departments,
	#browse-sort,
	#browse-sort #view-modes
	{
		float: none;
		display: none;
		padding: 1em;
		width:  100%;
		  -webkit-box-sizing: border-box;
		     -moz-box-sizing: border-box;
		          box-sizing: border-box;
	}
	
	
	#browse-sidebar #browse-brands,
	#browse-sidebar #browse-departments,
	#browse-sort
	{
		margin-bottom: 1em !important;
	}
	
	
	#browse-sort
	{
		text-align: center;
	}
	
	#browse-sort li
	{
		margin: 0 0.40em;
	}
	
	#browse-sidebar #browse-departments ul,
	#browse-sidebar #browse-brands ul
	{
		width: 48%;
		margin: 0 1%;
	}
	
	
	#browse-sidebar #browse-departments ul ul
	{
		width: 100%;
		margin: 0;
	}
	
	#browse-sidebar #browse-brands ul
	{
		width: 30%;
	}
	
	
	#main-product-list .product
	{
		margin: 0;
		margin-bottom: 1em;
	}
	
	#main-product-list .product .image
	{
		clear:both;
		float: none;
		width: auto;
		margin: 0;
		margin-bottom: 0.5em;
	}

	
	#small-navigation-mode
	{
		display: block !important;
		padding: 1em 0;
	}
	
	
	#small-navigation-mode .selector
	{
		background: #fff;
		-moz-border-radius: 0.5em;
		-webkit-border-radius: 0.5em;
		border-radius: 0.5em;
		border: 1px solid #eee;
		padding: 1% 0;
		text-align: center;
		float: left;
		width: 30%;
		margin: 0 1%;
	}
	
	
	#small-navigation-mode .selector.active
	{
		border-color: #e89b35;
	}
	
	
	#small-navigation-mode .selector p
	{
		margin: 0;
		color: #777;
	}
	
	#small-navigation-mode .selector.active p
	{
		color: #e89b35;
	}
	
	#small-navigation-mode .selector h4
	{
		text-transform: uppercase;
		font-size: 1.1em;
		margin: 0;
		line-height: 150%;
		color: #444;
	}
	
	
	#small-navigation-mode .selector p a
	{
		color: inherit;
	}
	
	#browse-sidebar section > ul
	{
		float: left;
	}
	
	#browse-sidebar,
	#browse-content
	{
		position: static;
		left: auto;
		right: auto;
		top: auto;
		bottom: auto;
		float: none;
		width: 100%;
		margin: 0;
	}
	
	#browse-container
	{
		padding: 0;
	}
	
	
	#browse-sidebar section
	{
		float: left;
		width: 44%;
		margin: 0;
		padding: 0 3%;
	}
}


#post-wrapper article#post > .flex-row
{
	display: block;
	-ms-flex-wrap: wrap;flex-wrap: wrap;
}

article#post #post-sidebar {
	-webkit-box-flex: 0;-webkit-flex: 1 0 auto;-ms-flex: 1 0 auto;flex: 1 0 auto;
	margin-top: 3em;
	max-width: 100%;
}

@media screen and (min-width: 700px) {
	article#post #post-sidebar {
		
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;  
	}
}

@media screen and (min-width: 900px) {
	
	#post.loadout .post-sidebar {
		-webkit-box-flex: 1;-ms-flex: 1;flex: 1;
		padding-left: 1.5em;
		padding-right: 1.5em;
		border-left: 1px solid #eee;
		max-width: 300px;
		margin-top: 0;
	}
}

@media screen and (min-width:1080px)
{
	
	#post-wrapper article#post > .flex-row
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;  
		-webkit-box-flex: 3;-ms-flex: 3;flex: 3;
		-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
	}
	
	#next-post-list {
		display: block !important;
	}
	
	#next-post-list .next-post {
		width: auto !important;
	} 
	
	#post.loadout #next-up .next-post {
		max-width: 18em !important;
	}
	
	#post-container.editorial {		
	}
	
	article#post #post-sidebar {
		padding-left: 2em;
		border-left: 1px solid #eee;
		margin-top: 0;
		-webkit-box-flex: 0;-ms-flex: 0 1 auto;flex: 0 1 auto;
		max-width: 300px;
		width: calc(100% - 730px - 1.5em);
	}
}

/* ===================
Product page
======================*/
#product
{
	background: #fff;
}

#product.frame { background: transparent; }

#product.frame #product-sidebar,
#product.frame #product-description
{
	float: none;
	width: auto;
}

#product.frame #product-purchase
{
	position: static;
	left: auto;
	right: auto;
	top: auto;
	bottom: auto;
	padding: 1em 0;
}

#product-container
{
	margin-bottom: 2em;
}

#page-products #content .container
{
	max-width: 900px;
}

#page-products #frontpage-sidebar .product
{
	text-align: center;
}


#page-products #product-ads .image
{
	max-height: 9em;
}

#page-products #frontpage-sidebar 
{
	text-align: left;
	padding-top: 0.75em;
	order: 1;
}


#page-products #frontpage-sidebar .pane,
.page-sidebar .pane
{
	background: #fff;
	padding: 1em;
	margin-bottom: 1em;
}

#page-products #frontpage-container .post-controller
{
	background: #fff;
}

#page-products #frontpage-container .post-controller h2
{
	padding: 0.65em 0.65em 0.15em;
}

#product-header
{
	padding: 1.5em 0;
}

#product-header h2
{
	font-weight: normal;
	font-size: 2em;
	padding: 0;
	margin: 0;
	margin-bottom: 0.25em;
	line-height: 130%;
}

#product-header .right .btn-bubble
{
	margin-bottom: 3px;
}


#product-header .right .btn-bubble button
{
	min-width: 120px;
}


#product-header .right .btn-bubble button .blip
{
	min-width: 15px;
	text-align: center;
}


#product-header .btn-bubble .bubble
{
	position: absolute;
	left: 100%;
	top: 0;
	bottom: 0;
}


#product-header .right
{
	text-align: right;
}


#product-header .favorites.active .btn-primary,
#product #comments .favorites.active .btn-primary
{
	background: #3BA550;
}

#product-header #product-notes .divider
{
	margin: 0 6px;
}

#product-header span.favorites
{
	cursor: pointer;
    transition: color .2s ease-out;
    -moz-transition: color .2s ease-out;
    -webkit-transition: color .2s ease-out;
    -o-transition: color .2s ease-out;
}

#product-header span.favorites:hover,
#product-header span.favorites.active
{
	color: #dc3000;
}


#product-header span.favorites.active:hover
{
	color: #924242;
}


#product-header span.favorites.active .fa-thumbs-o-up:before
{
	content: "\f164";
}


#product-header span.favorites.active .fa-heart-o:before
{
	content: "\f004";
}

#product-description-text
{
	color: #777;
}

#product-box-container
{
	box-shadow: 0px 0.15em 0.3em rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0.15em 0.3em rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 0.15em 0.3em rgba(0,0,0,0.15);
}

#product-sidebar
{
	margin: 0;
	width: 44%;
	float: left;
}

#product-images
{
	background: #fff;
	padding: 5%;
}

#product-images .image
{
	background-color: #fff;
	height: 30em;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

#product-alt-images .image
{
	max-height: 5em;

	float: left;
	zoom: 1;
	width: 98%;
	margin: 2% 1%;
}


#product-alt-images .image:nth-last-child(2):first-child,
#product-alt-images .image:nth-last-child(2):first-child ~ .image
{
	width: 48%;
}

#product-alt-images .image:nth-last-child(3):first-child,
#product-alt-images .image:nth-last-child(3):first-child ~ .image
{
	width: 31.3%;
}

#product-alt-images .image:nth-last-child(4):first-child,
#product-alt-images .image:nth-last-child(4):first-child ~ .image
{
	width: 24%;
}

#product-alt-images .image:nth-last-child(5):first-child,
#product-alt-images .image:nth-last-child(5):first-child ~ .image
{
	width: 19%;
}

#product-alt-images .image:nth-last-child(6):first-child,
#product-alt-images .image:nth-last-child(6):first-child ~ .image
{
	width: 31.3%;
}

#product-alt-images .image:nth-last-child(7):first-child,
#product-alt-images .image:nth-last-child(7):first-child ~ .image,
#product-alt-images .image:nth-last-child(8):first-child,
#product-alt-images .image:nth-last-child(8):first-child ~ .image
{
	width: 23.25%;
}

#product-alt-images .image:nth-last-child(8):first-child ~ .image:nth-child(4n+4),
#product-alt-images .image:nth-last-child(7):first-child ~ .image:nth-child(4n+4)
{
	margin-right: 0;
}

#product-description
{
	float: right;
	width: 56%;
	position: relative;

}


#product-possessions
{
	color: #666;
}

#product h3
{
	text-transform: uppercase;
	font-size: 1em;
	line-height: 120%;
	color: #a1a7ae;
	margin: 0.5em 0;
	text-shadow: 0 1px 1px rgba(255,255,255,0.6);
    font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

#product-filters
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 2em;
}

#tag-list
{
	padding: 0;
	margin: 0;
	overflow: hidden;
}


#product-container #tag-list li a {
	padding: 0.25em 0.75em;
}

#tag-list li
{
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
}

#tag-list li a
{
	padding: 0.5em 0.75em;
	margin-right: 2px;
	margin-bottom: 6px;
	font-size: 1em;
	background: #999;
	color: #eee;
	display: block;
	text-decoration: none;
    transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
}


#tag-list li a:hover
{
	background: #555;
	color: #fff;
}


#product section,
#tag-list
{
	margin-bottom: 1.5em;
}

#product-purchase-title-links
{
	float: right;
}

#product-purchase 
{
	color: #5c8261;
}

#product-purchase .owned
{
	font-size: 1.2em;
}

#product-purchase a,
#product-purchase-title-links a
{
	background: transparent;
	color: #666;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	padding: 0.9em 1.7em;
	font-size: 0.8em;
	text-transform: uppercase;
	text-decoration: none;
	position: relative;
	-webkit-transition: all .15s ease-out;
    transition: all .15s ease-out;
    -webkit-transition-property: box-shadow, opacity;
	transition-property: box-shadow, opacity;
    margin-bottom: 0.4em;
    margin-right: 0.2em;
    font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    will-change: box-shadow;
	box-shadow: 0px 0.15em 0.5em rgba(0,0,0,0);
    opacity: 0.75;
}


#product-purchase a.purchase,
#product-purchase-title-links a.purchase
{
	color: #fff;
	background: #eb8e15;
}


#product-purchase a.source,
#product-purchase-title-links a.source,
#product-purchase a.brand
{
	color: #1e89c3;
	border-color: #88b4cc;
}


#product-purchase a.ebay
{
	color: #D1413B;
	border-color: #D1413B;
}

#product-purchase a:hover,
#product-purchase-title-links a:hover
{
	background: #f1f1f1;
	box-shadow: 0px 0.15em 0.5em rgba(0,0,0,0.3);
	opacity: 1;
}


#product-purchase a:active,
#product-purchase-title-links a:active
{
	box-shadow: 0 0 1em rgba(0,0,0,0.45);
}






#product-purchase a span.price
{
	display: block;
    visibility: hidden;
	position: absolute;
	background: #444;
	left: 0;
	right: 0;
	top: 100%;
	padding: 0.5em 0.75em;
	z-index: 2;
	text-align: center;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	filter: alpha(opacity=0); 
}


#product-purchase span.price:after
{
	border: 6px solid transparent;
	border-bottom-color: #444;
	content: " ";
	position: absolute;
	top: -12px;
	left: 50%;
	margin-left: -3px;
	z-index: 2;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	filter: alpha(opacity=0); 
}


#product-purchase a:hover span.price,
#product-purchase a:hover span.price:after
{
    visibility: visible;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100);
    transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
}

#product-faces
{
	border-top: 1px solid #eee;
	background: #f6f9fc;
	padding: 15px 0;
	margin-top: 1.5em;
}


#product-faces a.face img
{
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	width: 4em;
	height: 4em;
	position: absolute;
	left: 0;
	top: 0;
}


#product-faces a.face
{
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	color: #555;
	font-size: 1em;
	text-decoration: none;
	margin-top: 1em;
	padding: 0.6em 0;
	padding-left: 4.75em;
	position: relative;
	min-height: 4em;
	line-height: 150%;
	width: 25%;
}


#product-faces .btn
{
	background: #444;
	border: 0;
	color: #eee;
	text-shadow: 0 1px 1px rgba(0,0,0,0.4);
	padding: 0.8em 1em;
	text-transform: uppercase;
    transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
}



#product-faces a.face span.name,
#product-faces a.face span.profession
{
	display: block;
}


#product-faces a.face span.name
{
	font-size: 1.2em;
}


#product-faces a.face span.profession
{
	color: #888;
	font-style: italic;
}


#product-faces a.face:hover
{
	color: #891f1f;
}


#product-faces a.face:hover span.profession
{
	color: #654343;
}



#page-products #comments
{
	padding-top: 15px;
	border-top: 1px solid #ddd;
	background: #fff;
}


#page-products #comments h2
{
	font-size: 1.5em;
	font-weight: normal;
	color: #555;
	margin: 0;
	padding: 0;
}
 
#page-products #comments h2 a
{ 
	color: inherit;
	text-decoration: none;
	cursor: default;
}

#page-products #comments h2 small
{
	font-size: 80%;
}

#page-products #product-similar,
#page-products #product-recommendations
{
	border-top: 1px solid #eee;
	background: #fafafa;
	padding: 2em;
}

#page-products #product-recommendations
{
	background: #fdfdfd;
}

#page-products #product-dumps
{
	border-top: 1px solid #eee;
	background: #f6f6f6;
	padding: 2em;
}

#page-products .similar-product,
#page-products .similar-post,
#page-products #product-recommendations .product
{
	margin-bottom: 9px;
	position: relative;
    transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    padding: 0;
	width: 100%;
	float: left;
	margin: 1% 0;
}

#page-products .similar-product .image,
#page-products .similar-post .image,
#page-products #product-recommendations .product .image
{
	background-color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 80px;
	position: relative;	
	margin-bottom: 9px;
	opacity: 0.8;
	filter: alpha(opacity=80);
}


#page-products .similar-product:hover .image,
#page-products .similar-post:hover .image,
#page-products #product-recommendations .product:hover .image
{
	opacity: 1;
	filter: alpha(opacity=100);
}

#page-products .similar-product .image img,
#page-products  #product-recommendations .product .image img
{
	height: 100%;
	width: 100%;
}


#page-products .similar-post .image
{
	height: auto;
	margin: 0;
}

#page-products .similar-post .image img
{
	height: 7em;
	width: auto;
}



#page-products .similar-post
{
	width: 22.75%;
	margin: 0 1.5%;
	background: transparent;
	margin-bottom: 1em;
	padding: 0;
	text-overflow: ellipsis;
}


#page-products .similar-post .credit {
	margin-top: 0.5em;
}


#page-products .similar-post .credit .profession {
	color: #777;
	overflow: hidden;
	text-overflow: ellipsis;
}


#page-products .similar-post a{
	color: inherit;
}

#page-products .similar-post.post .credit img {
	width: 3em;
	height: 3em;
}


#page-products .similar-post .image
{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;	
}

#page-products .similar-post .image img
{
	height: 120px;
}

#page-products .similar-product:nth-last-child(2),
#page-products .similar-product:nth-last-child(2) ~ .similar-product,
#page-products #product-recommendations .product:nth-last-child(2),
#page-products #product-recommendations .product:nth-last-child(2) ~ .product
{
	width: 49%;
	margin: 1%;
}


#page-products .similar-product:nth-last-child(3),
#page-products .similar-product:nth-last-child(3) ~ .similar-product,
#page-products #product-recommendations .product:nth-last-child(3),
#page-products #product-recommendations .product:nth-last-child(3) ~ .product
{
	width: 32%;
	margin: 1%;
}


#page-products .similar-product:nth-last-child(4),
#page-products .similar-product:nth-last-child(4) ~ .similar-product,
#page-products #product-recommendations .product:nth-last-child(4),
#page-products #product-recommendations .product:nth-last-child(4) ~ .similar-product
{
	width: 23.25%;
	margin: 1%;
}


#page-products .similar-product:nth-last-child(2) .image,
#page-products .similar-product:nth-last-child(2) ~ .similar-product .image,
#page-products #product-recommendations:nth-last-child(2) .image,
#page-products #product-recommendations:nth-last-child(2) ~ .product .image
{
	height: 120px;
}


#page-products .similar-product:first-child,
#page-products .similar-post:first-child,
#page-products #product-recommendations .product:first-child
{
	margin-left: 0 !important;
}

#page-products .similar-product:last-child,
#page-products #product-recommendations .product:last-of-type,
#page-products #product-recommendations .product:last-child,
#page-products .similar-product:last-of-type,
#page-products .similar-post:last-child,
#page-products .similar-post:last-of-type
{
	margin-right: 0 !important;
}


#page-products .similar-product:nth-last-child(3) .image,
#page-products .similar-product:nth-last-child(3) ~ .similar-product .image,
#page-products .similar-product:nth-last-child(4) .image,
#page-products .similar-product:nth-last-child(4) ~ .similar-product .image,
#page-products #product-recommendations .product:nth-last-child(3) .image,
#page-products #product-recommendations .product:nth-last-child(3) ~ .product .image,
#page-products #product-recommendations .product:nth-last-child(4) .image,
#page-products #product-recommendations .product:nth-last-child(4) ~ .product .image
{
	height: 200px;
}

#page-products .similar-product:nth-last-child(1) .image,
#page-products #product-recommendations .product:nth-last-child(1) .image
{
	height: 150px;
}


#page-products .similar-product .head
{
	text-align: right;
}


#page-products .similar-product h2 a,
#page-products #product-recommendations .product h2 a
{
	color: inherit;
	text-decoration: none;
}


#page-products .similar-product .details,
#page-products #product-recommendations .product .details
{
	overflow: hidden;
	font-size: 1em;
	line-height: 120%;
	text-align: center;
	margin-top: 1em;
	color: #777;
}


#page-products .similar-product .details a,
#page-products #product-recommendations .product .details a
{
	color: inherit;
    font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

#page-products .similar-product:hover h2 a,
#page-products #product-recommendations .product:hover h2 a
{
	color: #222;
}



#page-products .product .favorites.active .fa-thumbs-o-up:before
{
	content: "\f164";
}

#page-products .product .favorites.active .fa-heart-o:before
{
	content: "\f004";
}

#browse-page .product .favorites.active .fa-heart-o:before,
#browse-page .post .favorites.active .fa-heart-o:before
{
	content: "\f004";
}


#product-corrections
{
	background: #d5e1ea;
	border-top: 1px solid #c6d4de;
	color: #50667a;
	padding: 12px 0;
	text-shadow: 0 1px 0 rgba(255,255,255,0.35);
}

#product-corrections + #comments
{
	border-top: 1px solid #bdc8cf;
}



#feedback-sent
{
	background: #0fb56d;
	padding: 15px;
	font-size: 19px;
	line-height: 150%;
	color: #f7fff8;
}

#feedback-sent p
{
	padding: 15px;
}


/* =================
Post page
================== */

#post.loadout {
	background: transparent;
}

#post-container.editorial {
	max-width: 730px;
}

.flex-row #post-container {
    -webkit-box-flex: 1;-ms-flex: 1 0;flex: 1 0;
    max-width: 730px;
}


#post
{
	border: 0;
}

#post h1#post-title
{
	line-height: 130%;
	margin: 0;
	color: #444;
	text-rendering: optimizeLegibility;
	text-rendering: geometricPrecision;
	font-smooth: always;
	font-smooth: never;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;    
    -webkit-font-smoothing: antialiased !important;
	font-weight: 600;	
	font-size: 1em;
}

@media screen and (min-width: 1080px) {
	#post h1#post-title	{
		font-size: 1.25em;
	}
}


#post.loadout h1#post-title {
	font-size: 2em;	
}

#post h1#post-title.clear
{
	padding-top: 1em;
}

#post > .post
{
	margin: 0;
	border: 0;
	border-bottom: 3px solid #ddd;
}

#post .post-container,
#post .video-container,
#post .container,
#post .video-container + #post-title-container
{
	margin: 0 auto;
	position: relative;
	max-width: 900px;
}

#post .video-container
{
	margin: 1em auto;
}

#post .post-container
{
	position: relative;
	z-index: 5;
}

#post.loadout .post-container
{
	margin-top: 1em;
}

#post .post-container .container,
#post .video-container + #post-title-container .container
{
	width: 90%;
	max-width: 730px;
	margin: 0 auto;
}

#post .image-container-container
{
	max-width: 900px;
}

article#post
{
	padding-top: 1.5em;
}


#post.loadout .post-container
{
	background: transparent;
	padding-top: 0;
	max-width: 1100px;
}
/*
@media screen and (max-width: 700px) {
	#post > .flex-row {
		display: block;
	}
}*/

@media screen and (min-width: 900px) {
	#post.loadout .post-container
	{
		-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;  
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;
	}

	#post.loadout .post-container .post-content
	{
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1; 
		max-width: 730px;
		float: none;
		max-width: calc(100% - 300px - 5em);
	}
	
	#post .post-profile-options
	{
		text-align: center;
	}

}




#post.loadout #product-ads
{
	max-width: 300px;
}

#post section.header {
	font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}


#post.article .post-container
{
	margin-top: -10em;
	margin-top: -30%;
	margin-top: -30vh;
	
	
	margin-top: -webkit-calc(-30vh + 5em);
	margin-top: -moz-calc(-30vh + 5em);
	margin-top: -o-calc(-30vh + 5em);
	margin-top: calc(-30vh + 5em);
}



#post #post-title-container p
{
	color: #aaa;
	color: rgba(150,150,150,0.75);
	margin: 0;
}


#post #post-title-container .categories {
	font-size: 12px;
	font-size: 0.85rem;
	text-transform: uppercase;
	margin-bottom: 1.5em;
}

#post #post-title-container .categories .category {
	background: #444;
	border-radius: 3px;
	letter-spacing: 1px;
	color: #fff;
	display: inline-block;
	padding: 0.15em 0.65em;
	text-decoration: none;
	margin-right: 0.3em;
	margin-bottom: 0.3em;
	-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2
}


#post #post-title-container .categories .category:nth-child(2) {
	background: #555;
}


#post #post-title-container .categories .category:nth-child(3) {
	background: #666;
}


#post #post-title-container .categories .category:nth-child(4) {
	background: #777;
}


#post #post-title-container .categories .category:nth-child(n+4) {
	background: #888;
}


#post #post-title-container .categories .category:hover {
	box-shadow: inset 0 0 10em rgba(255,255,255,0.15);
}


#post #post-title-container .categories .category-buying-guide {
	background: #326590 !important;
}

#post #post-title-container .categories .category-interviews {
	background: #e87030 !important;
}


#post #post-title-container .categories .category-reviews {
	background: #9230e8 !important;
}


#post #post-title-container .categories .category-carry-smarter {
	background: #328f3a !important;
}


#post #post-title-container .categories .category-buying-guide,
#post #post-title-container .categories .category-interviews,
#post #post-title-container .categories .category-reviews,
#post #post-title-container .categories .category-carry-smarter {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1
}


#post .image-container #post-title-container
{
	text-align: left;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	padding: 1em 0;
}


#post .video-container + #post-title-container
{
	display: block;
	background: #F8F8F8;
	text-align: left;
	color: #444;
	padding: 0;
	text-shadow: none !important;
}


#post section.header #post-title-container
{
	background: transparent;
	color: #444;
	text-align: left;
	font-size: 1.5em;
	margin-bottom: 0.5em;
}


#post .video-container + #post-title-container h1#post-title
{
	padding: 1em 0;
	padding-bottom: 0;
	text-align: left;
}

#post .video-container + #post-title-container + .post-container
{
	padding-top: 1em;
}

#post-title-container
{
	background: #333;
	background: rgba(0,0,0,0.6);
	color: #fff;
	text-align: center;
	font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

#post .image-header span.category a,
#post .image-header span.label,
#post-title-container span.label
{
	background: #555;
	background: rgba(0,0,0,0.4);
	padding: 0.3em 0.6em;
	margin: 0;
	color: #eee;
	font-weight: normal;
	text-transform: uppercase;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	text-decoration: none;
	font-size: 1.7em;
	line-height: 120%;
}


#post .image-header span.category
{
	margin: 0;
}

#post .image-header span.category a
{
	font-size: 1.5em;
}


#post .image-header span.category a:hover
{
	background: #333;
	background: rgba(0,0,0,0.4);
}

#post .image-header
{
	overflow: hidden;
	width: auto;
	max-width: none;
	height: 30em;
	position: relative;
	display: block; 
	text-align: center;
	border: 0;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin-bottom: 3em;
}


#post.article .image-header
{
	padding-bottom: 62.5%;
	height: 0;
}

#post.article .image-limiter
{
	overflow: hidden;
	max-height: 75%;
	max-height: 75vh;
}

#post.article .image-header .image
{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

#post.guide .image-header
{
	margin-bottom: 0;
}


#post .image-header .image
{
	height: 100%;
}

#post .image-header h1#post-title,
#post .video-container + #post-title-container h1#post-title
{
	font-size: 2em;
	text-shadow: none;
    font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: inherit;
	text-shadow: 0 1px 0 #111;
	text-align: left;
}


#post.guide .image-container #post-title-container
{
	font-size: 2.5em;
	line-height: 150%;
	margin-bottom: 0.3em;
}

#post.guide #post-title-container h1#post-title,
#post.guide #post-title-container
{
	margin-top: 0;
}



#post.guide #post-title-container .label
{
	margin-top: 1em;
	font-size: 50%;
	color: #fff;
}




#post .image-header .label
{
	background: #555;
	background: rgba(0,0,0,0.25);
	padding: 0.3em 0.6em;
	color: #eee;
	color: rgba(250,250,250,0.8);
	font-weight: normal;
	text-transform: uppercase;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	text-decoration: none;
	font-size: 1.7em;
	line-height: 120%;
}


#post #social-buttons
{
	padding: 1em 0;
}


#post .post-content
{
}

#post section.post-content-body
{
	padding: 0;
}

#post section.post-content-body > section,
#post section.post-content-body > div.section,
{
	background: #fcfcfc;
	padding: 2em;
	margin: 0;
	margin-bottom: 1em;
	border: 0;
	word-wrap: break-word;
}

#post-description-container
{
	margin-top: 1em;
	font-size: 1.15em;
	line-height: 130%;
}

#post.loadout #post-info {
	margin-top: 1.5em;
}


#post .post.embedded
{
	background: #F6F6F6;
}

#post .post.embedded .post-content
{
	width: 100%;
	float: none;	
}

.post.embedded .image {
margin-bottom: 0 !important;
}

.post.embedded .items {
padding: 1em 2.5em !important;
}

#post .popover h3
{
	font-size: 1.25em;
	margin: 0.5em 0 0.25em 0;
	font-weight: bold;
	line-height: 130%;
}

#post section
{
	color: #555;
	font-size: 1.35em;
	line-height: 145%;
}


#post section p .btn,
#post section p .btn-primary,
#post section p .btn-info,
#post section p .btn-success,
#post section p .btn-warning,
#post section p .btn-inverse,
#post section p .btn-danger,
#post section p [class^="btn-"]
{
	padding: 0.65em 3em;
	font-size: 1em;
}

#post-after-options
{
	margin-top: 2em;
}

#post.loadout section
{
	font-size: 1em;
}

#post .post-sidebar .items {
	padding: 2em;
}

#post .post-content .items {
	margin-top: 1.5em;
}

#post .post-content-body
{
	padding: 2em;
}

#post .post-content-body .banner_ad
{
	margin-bottom: 1em;
}

#post > .banner_ad,
#product .banner_ad
{
	padding: 0.5em 0;
}

#post .image
{
	float: none;
	width: 100%;
	border: 0;
	margin-bottom: 2em;
}

#post .image + section
{
	position: absolute;
	right: 0;
	top: 2.5em;
	width: 200px;
}

#post .image img
{
	width: 100%;
}

#liked-post
{
	margin-top: 2em;
}


#liked-post-list
{
}


#liked-post-list .inline
{
	text-align: center;
	margin: 0.45em;
}

#liked-post-list .user.others
{
	background: #eee;
	-moz-border-radius: 4em;
	-webkit-border-radius: 4em;
	border-radius: 4em;
	width: 4em;
	height: 4em;
	text-align: center;
	line-height: 120%;
	color: #777;
	margin: 0 auto;
	padding: 0.25em;
}


#liked-post-list .user.others strong
{
	padding-top: 0.75em;
	display: block;
	margin: 0 auto;
	color: #444;
	font-size: 125%;
}

#mentioned-product-list
{
	text-align: left;
}


#mentioned-product-list .product
{
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	margin: 1em 0.5em;
	background-position: center center;
	background-color: #fff;
	background-size: contain;
	background-repeat: no-repeat;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	width: 6em;
	height: 6em;
	box-shadow: 0px 0 1px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0 1px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0 1px rgba(0,0,0,0.3);
}


#liked-post-list .user
{
}

#liked-post-list .user img,
#mentioned-product-list .product img
{
	-moz-border-radius: 4em;
	-webkit-border-radius: 4em;
	border-radius: 4em;
	width: 4em;
	height: 4em;
}

#post div#comments
{
	margin-top: 2em;
	padding: 0;
}

#post.loadout #comments {
	margin-top: 2em;
}

#post div#comments section {
	font-size: inherit;
}

#post #comments h2 a
{ 
	color: inherit;
	text-decoration: none;
	cursor: default;
}

#post #comments h2 small
{
	font-size: 80%;
}


#post .info
{
	float: left;
	position: relative;
	z-index: 3;
}

#post .info .label
{
	margin-right: 1em;
	font-size: 1em;
	line-height: 150%;
	padding: 0.15em 0.5em;
	color: #fff;
}

#post .info .fa-thumbs-o-up,
{
	font-weight: bold;
	width: 30px;
}

#post .category-button
{
	text-align: left;
	white-space: nowrap;
	position: relative;
}


#post .category-button i
{
	position: absolute;
	right: 0.5em;
	top: 50%;
	font-size: 1em;
	margin-top: -0.5em;
	line-height: 100%;
}

#post .category
{
	display: block;
}



#post .category a
{
	padding: 0.5em 0.75em;
	font-size: 1.25em;
	line-height: 150%;
	color: #222;
	font-weight: normal;
	text-decoration: none;
	display: block;
	padding-right: 3em;
}


#post .category a:hover
{
	background: #333;
	color: #fff;
}


#post ol.items
{
	counter-reset: li;
	color: #666;
}

#post ol.items li
{
	font-size: 1.1em;
	white-space: normal;
}


#post .post.embedded ol.items
{
	margin: 0;
}

#post .post.embedded ol.items:last-child
{
	margin: 0;
}

#post .post.embedded ol.items li
{
	font-size: 0.8em;
}

#post .post.embedded ol.items li:before
{
	height: 17px;
	width: 17px;
	line-height: 17px;
	top: 0;
}

#post ol.items li a
{
	color: inherit;
	text-decoration: none;
}



#post.numbers-always .image .numbers .number
{
	display: block;
}

#post section.header
{
	margin-bottom: 1em;
}


#post-text img
{
	max-width: 100%;
}


#post section ul,
#post section li
{
	line-height: 120%;
}


/* Post Styling */

#post .details section p
{
	margin: 12px 0;
}

#post section blockquote
{
	font-size: 24px;
	font-style: italic;
	line-height: 120%;
	color: #888;
	margin: 1em 0;
	padding: 0.5em 0.75em;
	position: relative;
}


#post .details section blockquote:before
{
	position: absolute;
	border-top: 2px solid #ccc;
	width: 27px;
	left: 0px;
	top: 12px;
	content: " ";
}


#post .tags
{
	position: static;
	bottom: auto;
	left: auto;
	right: auto;
	top: auto;
	padding: 0;
	margin: 0;
	white-space: normal;
	overflow: hidden;
	color: #666;
	font-size: 85%;
}


#post .tags a
{
	color: #fff;
	background: #aaa;
	border-radius: 0.15em;
	font-size: 1em;
	padding: 0.2em 0.4em 0.1em;
	margin: 0.2em 0;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	text-decoration: none;
	white-space: nowrap;
	letter-spacing: 0.75px;
}

#post .tags strong
{
    font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}


#post .tags a:hover
{
	background: #333;
}


#next-up-container
{
	margin-top: 1px solid #eee;
	margin: 2em 0;
}



#post h2
{
	font-size: 1.2em;
}

.post-sidebar h2 {
	font-weight: 600;
}

.post-sidebar h4 {
	font-size: 1em;
}

.post-sidebar h4 a {
	color: inherit;
}


#similar-dumps .similar-post
{
	margin-bottom: 1em;
	-webkit-filter: grayscale(1);
	-webkit-filter: grayscale(100%)
	-moz-filter: grayscale(100%);
	filter: gray; filter: grayscale(100%);
	filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
	opacity: 0.65;
    transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
}

@media screen and (min-width: 600px) and (max-width: 1080px) {
	#similar-dumps .similar-post {
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;  
		-webkit-flex-direction: row;
		flex-direction: row;
	}
	
	#similar-dumps .similar-post .image {
		width: 30% !important;
	}
	
	#similar-dumps .similar-post .image + .details {
		padding-left: 1.5em;
	}
}

#similar-dumps.next-up .similar-post
{
	-webkit-filter: inherit;
	-moz-filter: inherit;
	filter: inherit;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}



#next-up .abstract .btn
{
	display: none;
}

#next-post-list
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;  
	-webkit-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;flex-wrap: wrap;
	-ms-flex-line-pack: justify;
	align-content: space-between;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0;
}


#next-up .next-post h2 {
	font-size: 1em;
	font-weight: bold;
}

#next-up .next-post {
	margin-bottom: 3em;
	font-size: 1rem;
	font-family: 'Roboto', serif;
	border-bottom: 1px solid #eee;
	color: #888;
    -webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;
    max-width: 300px;
    min-width: 10em;
}

#next-up .next-post:last-child {
	border-bottom: 0;
}



@media screen and (min-width: 500px) {	
	article#post #next-up .next-post {
	    width: calc((100% / 2) - 1em);
	}
}


@media screen and (min-width: 700px) {	
	article#post #next-up .next-post {
	    width: calc((100% / 3) - 1em);
	}
}


#next-up .next-post .image {
	margin-bottom: 1em;
}


#next-up .next-post:hover .image {
	opacity: 1;
}

#next-up .next-post p {
	font-size: 0.9em;
	line-height: 130%;
}


#similar-dumps .similar-post:first-child
{
	margin-left: 0;
}

#similar-dumps .similar-post:first-child
{
	margin-right: 0;
}


#similar-dumps .similar-post:hover
{
	opacity: 1;
	-webkit-filter: grayscale(0);
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	filter: grayscale(0%);
	filter: none;
}

#similar-dumps .similar-post .image
{
	width: auto;
	background-size: cover;
	background-position: center center;
	height: 100%;
}


#similar-dumps .similar-post img
{
	width: 100%;
	height: 100%;
}


#post .post-article-share
{
	color: #777;
	text-align: center;
	white-space: nowrap;
}

.post-profile.flex-row {
	-ms-flex-wrap: wrap;flex-wrap: wrap;	
}

@media screen and (max-width: 900px) {
	.post-profile {
		display: block;
	}
	
	.post-profile .stat-cards {
		border-top: 1px solid #eee;
		margin-top: 1em;
		padding-top: 0.5em;
	}
}

.post-profile .stat-cards {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;  
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-box-flex: 3;-ms-flex: 3;flex: 3;
}

#post.loadout .post-profile .stat-cards {
	font-size: 1.15em;
	-ms-flex-item-align: center;align-self: center;
	margin-bottom: 2em;
}

.post-profile .stat-card
{
	text-transform: uppercase;
	display: inline-block;
	vertical-align: middle;
	font-size: 0.8em;
	padding: 0.5em;
	color: #999;
	text-decoration: none;
}

.post-profile .stat-card.favorites {
	cursor: default;
}


.post-profile .stat-card.favorites:hover {
	color: #999;
}


.post-profile .stat-card,
.post-profile .article-share-options {
	-webkit-box-flex: 0;-webkit-flex: 1 0 auto;-ms-flex: 1 0 auto;flex: 1 0 auto;
}

.post-profile .article-share-options {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	margin-top: -0.5em;
	
}

.post-profile .stat-card .number
{
	display: block;
	font-size: 1.5em;
	color: #333;
}



#post .post-article-share strong
{
	margin-right: 1em;
	text-transform: uppercase;
    font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}


#post .post-article-share .btn.clear
{
	background: #ccc;
	-moz-border-radius: 3em;
	-webkit-border-radius: 3em;
	border-radius: 3em;
	color: #fff;
	height: 2em;
	width: 2em;
	margin-right: 0.25em;
	text-shadow: none;
	
    transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
}

#post .post-article-share .btn.facebook:hover,
#post .post-article-share .btn.facebook.on
{
	background: #3b5998;
}

#post .post-article-share .btn.twitter:hover,
#post .post-article-share .btn.twitter.on
{
	background: #55acee;
}

#post .post-article-share .btn.pinterest:hover,
#post .post-article-share .btn.pinterest.on
{
	background: #cc2127;
}

#post .post-article-share .btn.tumblr:hover,
#post .post-article-share .btn.tumblr.on
{
	background: #35465c;
}

#post .post-article-share .btn.reddit:hover,
#post .post-article-share .btn.reddit.on
{
	background: #ff4500;
}

#post .post-article-share .btn.facebook.on:hover
{
	background: #304980;
}

#post .post-article-share .btn.twitter.on:hover
{
	background: #4692cd;
}

#post .post-article-share .btn.pinterest.on:hover
{
	background: #a91c21;
}

#post .post-article-share .btn.reddit.on:hover
{
	background: #df3f04;
}

article#post {
	background: transparent;
}

.post-profile
{
	padding: 1em 0;
	padding-bottom: 0;
	margin: 1em 0 1em 0;
	border-top: 1px solid #eee;
	text-align: left;
}

.post-profile + hr
{
	margin: 0.3em 0;
}

#post .post-profile-options {
	margin: 1em 0;
}

#post .post-profile-options .see-through
{
	padding: 0.6em 1.5em;
	border: 1px solid #ddd;
	color: #777;
	font-weight: 400;
	border-radius: 10em;
	text-transform: uppercase;
	box-shadow: 0 1px 3px rgba(0,0,0,0.15);
	
    transition: box-shadow .2s ease-out;
    -moz-transition: box-shadow .2s ease-out;
    -webkit-transition: box-shadow .2s ease-out;
    -o-transition: box-shadow .2s ease-out;
}


#post .post-profile-options .see-through:hover
{
	background: #fff;
	border: 1px solid #bbb;
	box-shadow: 0 3px 3px rgba(0,0,0,0.15);
	color: #444;
}


#post button.favorites,
#post .btn-bubble.favorites button,
#post #follow-link
{
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 125%;
}


#post button.favorites,
#post .btn-bubble.favorites button
{
	background: #313131;
}

#post button.favorites:hover,
#post button.favorites.active,
#post .btn-bubble.favorites button:hover,
#post .btn-bubble.favorites.active button
{
	background: #bb421f;
}

#post .favorites i,
#post .post-profile-options .see-through i
{
	margin-left: 0.5em;
}


article #post-footer .post-profile
{
	border-bottom: 0;
}

#post .credit h3
{
	text-transform: uppercase;
	font-weight: normal;
	font-size: 13px;
	display: block;
	margin: 0;
	line-height: 1%;
	margin-bottom: 18px;
	color: #aaa;
    font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

#post.loadout .credit {
	margin-bottom: 2em;
}

,

#post .credit
{
	position: relative;
	background: transparent;
	border-top: 0;
	position: relative;
	white-space: nowrap;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;

}


#post .credit .timestamp,
#post .credit .views {
	opacity: 0.65;
	font-size: 0.85em;
	margin-right: 1em;
}


#post #follow-link i { margin-left: 0.6em; }

#post #follow-link:hover
{
	background: #d49311;
}

#post #follow-link:active,
#post #follow-link.active
{
	background: #f38b00;
}


#post #follow-link.active i:before
{
	content: "\f00c";
}

#post .credit .profession
{
	display: block;
	white-space: nowrap;
	font-size: 0.9em;
	color: #777;
	font-style: italic;
}


#post .credit a
{
	text-decoration: none;
}

#post .credit .image
{
	position: relative;
	margin: 0;
	margin-right: 1em;
	width: 60px;
	height: 60px;
	-moz-border-radius: 60px;
	-webkit-border-radius: 60px;
	border-radius: 60px;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	-webkit-box-flex: 0 0 auto;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;  
}

#post .credit img
{
	width: inherit;
	height: inherit;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}



#post-header
{
	padding: 2em 0;
	padding-top: 1em;
}

#post-footer
{
	padding-top: 1em;
	position: relative;
}


#post section.header #post-footer
{
	padding-top: 0;
}


article#post #post-header .post-profile
{
	margin-top: 0;
	padding-top: 0;
}

#post-after-options .article-share-options
{
	float: left;
}

#embedded-curate
{
	background: #32393f;
	padding: 2em;
	color: #aaa;
	text-align: center;
}

#categorize-items
{
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
}


#embedded-curate hr
{
	border-color: #444;
}

#embedded-curate .form-actions
{
	background: transparent;
	border-top: 1px solid #444;
	text-align: center;
}


#embedded-curate .product
{
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	background: #fff;
	padding: 2em 1em;
	text-align: center;
}


#embedded-curate .product h4
{
	height: 1em;
}

#embedded-curate .product img
{
	height: 120px;
}


#embedded-curate h1
{
	font-size: 2em;
	color: #fff;
	margin: 0;
}

#submission-complete .modal-header
{
	font-weight: normal;
	font-size: 1.5em;
	color: #4eb94e;
}


#submission-complete .share-buttons
{
	text-align: center;
}

#submission-complete .share-buttons .btn
{
	-moz-border-radius: 6em;
	-webkit-border-radius: 6em;
	border-radius: 6em;
	padding: 0;
	width: 2.5em;
	height: 2.5em;
	margin: 0 0.15em;
	position: relative;
	text-align: center;
}

#submission-complete .share-buttons .btn i
{
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin-top: -0.5em;
}

#submission-complete .btn
{
	text-transform: uppercase;
	padding: 0.75em 1.5em;
	border: 0;
	font-weight: 400;
}

#submission-complete .btn-success
{
	background: #4eb94e;
}

#submission-complete .btn-inverse
{
	background: #313131;
	color: #fff;
}

#submission-complete .modal-header i
{
	font-size: 150%;
	display: block;
	margin: 0 auto;
	text-align: center;
}

#post .tags a.truncated
{
	display: none;
}


#post .post-sidebar .tags a.truncated + #show-all-tags
{
	display: inline-block;
	background: #dc8900;
	color: #fff;
}


#post .post-sidebar .tags a.truncated + #show-all-tags:hover
{
	background: #0076dc;
}

#page-post .modal.image-preview
{
	background: #000;
	border: 1px solid rgba(255,255,255,0.15);
}

#page-post .modal.image-preview,
#page-post .modal.image-preview img.photo
{
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	border-radius: 0.3em;
}

#settings { position: relative; height: 100%; }

#settings-sidebar
{
	width: 180px;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	overflow: auto;
	padding: 2em 1em;
	background: #f4f4f4;
	border-right: 1px solid #f0f0f0;
}

#settings-content
{
	background: #f8f8f8;
	padding: 2em 3em;
	padding-bottom: 0;
}

#page-profile.complete #settings-content
{
	max-width: 700px;
	margin: 3em auto;
}


#page-profile.complete #settings-content .form-actions
{
	margin: 0 -3em;
}


#settings-sidebar + #settings-content
{
	margin-left: 210px;
}


#settings-content form
{
	margin: 0;
}


#settings-content h1,
#settings-content h2
{
	margin: 0;
	font-weight: normal;
	font-size: 24px;
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 30px;
	color: #333;
}


#settings-content h2
{
	color: #555;
	font-size: 17px;
}


#settings-sidebar .nav li a
{
	display: block;
	padding: 0.3em 0.75em;
	color: #777;
}

#settings-sidebar .nav li a:hover
{
	background: #e5ecf0;
}

#settings-sidebar .nav li a.active
{
	font-weight: bold;
    font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #111;
}

#current-picture {	border: 1px solid #ddd;width: 160px; height: 160px; cursor: pointer; position: relative;-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }


#current-picture.loading:after
{
	background: #000;
	background: rgba(0,0,0,0.45);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	right: 0;
	content: "";
	z-index: 2;
	height: 100%;
	width: 100%;
}


#current-picture.loading:before
{
	position: absolute;
	top: 50%;
	bottom: 0;
	left: 50%;
	content: "\f110";
	z-index: 3;
	-webkit-animation: fa-spin 2s infinite linear;
	-moz-animation: fa-spin 2s infinite linear;
	-o-animation: fa-spin 2s infinite linear;
	animation: fa-spin 2s infinite linear;
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 24px;
	color: #fff;
	width: 24px;
	height: 24px;
	margin-left: -12px;
	margin-top: -12px;
	color: #eee;
}

#current-picture img
{
	width: inherit;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

#settings-content .form-actions
{
	margin: -15px;
	margin-bottom: 0;
	margin-top: 30px;
}

#change-avatar
{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	text-transform: uppercase;
	font-size: 10px;
	padding: 3px 6px;
	line-height: 20px;
	border-width: 0;
	border-top-width: 1px;
}

.saved-modal
{
	background: #0fb56d;
	padding: 15px;
	font-size: 19px;
	line-height: 150%;
	color: #f7fff8;
}


.saved-modal p { margin: 0; }



/*====================================
	FAVORITES
=====================================*/
#favorites-container
{
	padding: 30px 0;
}

#favorites-container h1
{
	font-weight: normal;
	font-family: "Raleway", Helvetica, Arial, sans-serif;
	color: #5e686e;
	line-height: 150%;
	font-size: 33px;
	margin: 0;
	padding: 0;
}

#favorite-navigation
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

#favorite-navigation li
{
	float: left;
}

#favorite-navigation li a
{
	display: block;
	text-decoration: none;
	color: inherit;
	padding: 0.9em 1.5em;
	font-size: 15px;
	color: #5e686e;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
	position: relative;
}


#favorite-navigation li a i
{
	margin-right: 6px;
}

#favorite-navigation li a:hover,
#favorite-navigation li a.active
{
	color: #1e6998;
}

#favorite-navigation li a.active:after,
#favorite-navigation li a:hover:after
{
	border-bottom: 3px solid #1e6998;
	position: absolute;
	top: 100%;
	content: " ";
	left: 0;
	right: 0;
}

#favorite-navigation li a:hover:after
{
	border-bottom-color: #1e6998;
}


#favorites-feed
{
	background: #eee;
	border-top: 3px solid #ccc;
	padding: 6px;
}

#favorites-feed .favorite
{
	border-bottom: 1px solid #eee;
	padding: 1em;
	padding-left: 9em;
	font-size: 15px;
	margin: 0;
	color: #555;
	position: relative;
	background: #f8f8f8;
	min-height: 5em;
}



#favorites-feed .favorite .image
{
	width: 7em;
	max-height: 5em;
	position: absolute;
	left: 1em;
	top: 1em;
	margin-right: 15px;
	float: left;
}


#favorites-feed .favorite .image img
{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

#favorites-feed .favorite .image i 
{
	position: absolute;
	bottom: 0;
	right: 0;
	background: #333;
	background: rgba(0,0,0,0.9);
	color: #fff;
	padding: 6px;
	-moz-border-radius: 6px 0 6px 0;
	-webkit-border-radius: 6px 0 6px 0;
	border-radius: 6px 0 6px 0;
}


#favorites-feed .favorite time
{
	font-size: 0.8em;
	color: #777;
	font-style: italic;
	display: block;
}




#favorites-feed .favorite:last-child { border: 0; }

/*======================== */


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

	#post.loadout .post-container .post-content
	{
		min-width: 500px;
	}

	

	footer nav
	{
		width: 48%;
		font-size: 14px;
		display: -moz-inline-stack;
		display: inline-block;
		zoom: 1;
		*display: inline;
		margin: 0;
		vertical-align: top;
		width: 21%;
		padding: 3em 0;
	}
	
	footer nav li
	{
		display: block;
	}
	

	footer .container nav:first-child,
	footer .container nav:nth-child(2)
	{
		padding-bottom: 0;
	}
	
	footer strong
	{
		margin-bottom: 1em;
	}
}



@media screen and (min-width: 901px)
{
	#post.loadout .post-container .post-sidebar
	{
		background: #fff;
		border-left: 1px solid #eee;
		width: 300px;
		-webkit-box-flex: 0;-ms-flex: 0 1 280px;flex: 0 1 280px;
		max-width: 300px;
	}

}


@media screen and (max-width:749px)
{

	#product-sidebar,
	#product-description
	{
		width: 100%;
		display: block;
		float: none;
	}
	
	#product-description
	{
		height: auto !important;
	}
	
	#product-purchase
	{
		position: static;
		left: auto;
		right: auto;
		top: auto;
		bottom: auto;
		margin: 0 -5%;
	}
	

	#settings-sidebar,
	#settings-content
	{
		float: none;
		width: auto;
		position: relative;
		margin: 0 !important;
		  -webkit-box-sizing: border-box;
		     -moz-box-sizing: border-box;
		          box-sizing: border-box;
	}
	
	
	#settings-sidebar ul.nav
	{
		margin: 0;
	}
	
	#settings-sidebar ul.nav li
	{
		display: -moz-inline-stack;
		display: inline-block;
		vertical-align: middle;
		zoom: 1;
		*display: inline;
	}

	#product-header .btn-bubble .bubble
	{
		position: relative;
		left: auto;
		right: auto;
		top: auto;
		bottom: auto;
	}
	


	article#post .info
	{
		line-height: 200%;
		float: none;
		clear: both;
		margin: 0.5em 0;
	}
	
	#share-embed h1
	{
		font-size: 1.25em;
	}

	#settings .form-horizontal .control-label,
	#share-embed .form-horizontal .control-label
	{
		width: 100%;
		float: none;
		text-align: left;
	}
	
	#settings .form-horizontal .controls,
	#share-embed .form-horizontal .controls
	{
		margin-left: 0;
		display: block;
		float: none;
	}
	
	#settings .form-horizontal .controls input,
	#share-embed .form-horizontal .controls input
	{
		max-width: 80%;
	}
	
	#post .credit
	{
	}
	
	#post .post-article-header
	{
		margin-top: 3em;
		clear:both;
	}
	
	
	#post .post-content-body #items
	{
		margin-bottom: 1em;
		border: 0;
		word-wrap: break-word;
	}
	
	
	#post #post-header
	#post #post-footer
	{
		padding-top: 0;
	}

	#post .post-sidebar,
	#post .post-content
	{
		clear: both;
		float: none;
		width: 100%;
	}
	
	#post .post-sidebar
	{
		width: 96%;
	}
	
	#post .post-content,
	#post .post-sidebar .category
	{
		margin-top: 1em;
	}
	
	
	#post .image-header
	{
		height: 15em;
		margin-bottom: 0;
	}
	
	#post.article .post-container
	{
		margin-top: 0;
	}
}

@media screen and (min-width:321px) and (max-width:639px)
{
	#post .image-header
	{
		height: 15em;
		margin-bottom: 0;
	}
	
	#post.article .post-container
	{
		margin-top: 0;
	}
}

@media screen and (min-width:640px) and (max-width:749px)
{
/*
	#post .image-header
	{
		height: 300px;
	}
	
	#post .post-container
	{
		padding-top: 330px;
	}
	
	*/
	
	#post.article .post-container
	{
		margin-top: 0;
	}
}

@media screen and (min-width:750px) and (max-width:840px)
{
	#post .image-header
	{
		height: 20em;
		margin-bottom: 0;
	}
	#post.article .post-container
	{
		margin-top: 0;
	}
}

@media screen and (min-width:841px) and (max-width:959px)
{
	#post .image-header
	{
		height: 25em;
		margin-bottom: 0;
	}
	
	#post.article .post-container
	{
		margin-top: 0;
	}
	
}


@media screen and (min-width:960px) and (max-width:1279px)
{	
	#post .image-header
	{
		/*height: 600px;*/
	}
}

@media screen and (min-width:1280px)
{	
	#post .image-header
	{
		height: 30em;
	}
}


/* extra */




@media screen and (max-width:480px)
{
	
	body,
	footer nav
	{
		font-size: 13px;
	}
	
	
	
	header h1,
	header h1 img,
	header h1 a
	{
		position: relative;
		text-align: center;
	}
	
	header
	{
		
		
	}
	
	.container
	{
		width: 93%;
	}
	
}



@media screen and (max-width:640px)
{

	
	#page-home #welcome #as-seen { display: none; }
	
	#subscribe-footer .subscribe-form .input-append input,
	#subscribe-footer .subscribe-form .input-append button
	{
		display: block;
		margin-top: 0.25em;
		-moz-border-radius: 0.15em;
		-webkit-border-radius: 0.15em;
		border-radius: 0.15em;
		width: 100%;
	}
	
	
	.subscribe-form .or-divider
	{
		margin: 0.5em auto;
	}
}



@media screen and (max-width:600px)
{

	#page-profile #profile
	{
		padding-top: 1em;
	}
	
	#profile-header
	{
		margin-top: 3em;
	}
	
	#page-profile #profile-options
	{
		position: relative;
		left: auto;
		right: auto;
		top: auto;
		bottom: auto;
	}
	
	body.logged_in header #userlinks .my-profile a .username
	{
		display: none;
	}
	
	footer
	{
		white-space: normal;
	}
	
	
	.form-mobile-vertical .control-label
	{
		float: none;
		width: auto;
		text-align: left;
	}
	
	.form-mobile-vertical .controls
	{
		margin: 0;
	}

}


@media screen and (max-width:640px) 
{
	
	#post.article article #post-footer .post-profile
	{
		text-align: center;
	}
	
	#post.article .credit,
	#post.article .article-share-options
	{
		float: none;
		clear: both;
	}
	
	
	#post.article .credit{
		display: -moz-inline-stack;
		display: inline-block;
		vertical-align: middle;
		zoom: 1;
		*display: inline;
		text-align: left;
	}
	
	#post.article .article-share-options
	{
		display: block;
	}
	
	#post.article section.header #post-footer .post-profile:before
	{
		left: 50%;
		margin-left: -3em;
	}
	
	body.logged_in header #userlinks .my-profile a .username
	{
		font-size: 0.75em;
	}
	
	#userlinks nav.active
	{
		left: auto;
		right: 0;

	}
	
	
	body.logged_in header #userlinks .my-profile a
	{
		min-width: 0;
	}
	
	#favorite-navigation li
	{
		text-align: center;
	}
	
	#favorite-navigation li a
	{
		padding: 1em 1.2em;
	}
	
	#favorite-navigation li a i
	{
		display: block;
		margin: 0;
		font-size: 150%;
	}
	
	.modal
	{
		width: 80%;
	}
	
	
	#category-boxes .category
	{
		width: 48% !important;
		margin: 1% !important;
	}
	

	#category-boxes .category:nth-child(2n+1)
	{
		width: 49% !important;
		margin-left: 0 !important;
	}
	
	#category-boxes .category:nth-child(2n+2)
	{
		width: 49% !important;
		margin-right: 0 !important;	
	}
	
	#category-boxes .category:nth-child(2n+1):last-child
	{
		width: 100% !important;
		margin-right: 0 !important;	
		margin-left: 0 !important;	
	}
}

@media screen and (max-width:480px) and (max-width:749px)
{

	#favorite-navigation li
	{
		text-align: center;
	}
	
	#favorite-navigation li a
	{
		padding: 0.8em;
	}
	
	#favorite-navigation li a i
	{
		display: block;
		margin: 0;
		font-size: 150%;
	}
	
}


@media screen and (min-width:480px) and (max-width:749px)
{
	

	body
	{
		font-size: 14px;
	}
	
	.container
	{
	}
}

@media screen and (max-width:749px)
{
		
	body.logged_out header #userlinks .my-profile a
	{
		padding :1.0365em;
		line-height: 75%;
	}

	header h1.brand
	{
		padding-bottom: 0;
	}
	
	
	#email-newsletter
	{
		position: fixed;
		top: 0% !important;
		left: 0% !important;
		right: 0% !important;
		margin: 0 !important;
		max-height: 100%;
		max-height: 100vh;
		width: auto;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
		overflow: auto;
	}
	
	
	#email-newsletter .nowrap
	{
		white-space: normal;
	}
	

}


@media screen and (max-width:1024px)
{

}

@media screen and (min-width:1025px)
{
	#frontpage
	{
		max-width: 1200px;
	}
	
	#page-products #content #pf
	{
		max-width: 1100px;
		margin: 0 auto;
	}
	
	#page-tagged #frontpage
	{
		max-width: 1050px;
	}
	
	#frontpage-sidebar
	{
		display: block;
		width: 0px;
		width: calc(100% - 630px - 1.5em);
	}
	
	#page-home #frontpage-container,
	#page-products #frontpage-container,
	#frontpage.two-col #frontpage-container
	{
		float: left;
		width: 630px;
	}
	
	#gear-nav
	{
		display: block;
	}

}

@media screen and (min-width:750px) and (max-width:840px)
{
	body,
	footer nav
	{
		font-size: 13px;
	}
}


@media screen and (min-width:800px) 
{	
	#email-newsletter .subscribe-form,
	#welcome .subscribe-form
	{
		-webkit-flex-direction: row;
		flex-direction: row;
	}

	#email-newsletter .input-append,
	#welcome .input-append
	{
	  -webkit-flex-direction: row;
	  flex-direction: row;
	}	
	
	
	#welcome .subscribe-native
	{
		max-width: 50%;
	}
		
	#email-newsletter .input-append input,
	#email-newsletter .input-append button,
	#welcome .input-append input,
	#welcome .input-append button
	{
		width: auto;
		display: -moz-inline-stack;
		display: inline-block;
		vertical-align: middle;
		zoom: 1;
		*display: inline;
	}	
	
	
	#email-newsletter .input-append input,
	#welcome .input-append input
	{
		-webkit-border-radius: 4px 0 0 4px;
		-moz-border-radius: 4px 0 0 4px;
		border-radius: 4px 0 0 4px;
	}
	
	#email-newsletter .input-append button,
	#welcome .input-append button
	{
		-webkit-border-radius: 0 4px 4px 0;
		-moz-border-radius: 0 4px 4px 0;
		border-radius: 0 4px 4px 0;
	}
		
	#email-newsletter .subscribe-native,
	#email-newsletter .subscribe-form .btn.facebook,
	#welcome .subscribe-native,
	#welcome .subscribe-form .btn.facebook
	{
		width: auto;
	}
	
	
	#email-newsletter .subscribe-form .or-divider,
	#welcome .subscribe-form .or-divider
	{
		margin: 0 1em;
	}
}


@media screen and (min-width:1280px)
{
/*	body,
	footer nav
	{
		font-size: 15px;
	}
*/	
	header #userlinks .my-profile a, header #userlinks #cart-button, #cart-button-clone
	{
/*		padding: 0.3em 1.2em;*/
	}
}

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

@media screen and (min-width:1920px)
{
/*	body,
	footer nav
	{
		font-size: 16px;
	}
*/
	
	.container,
	.navbar .container
	{
		max-width: 1100px;
	}
	
}

@media print
{
	
}

#single-page
{
	padding-top: 3em;
	text-align: center;
}

#single-page.page404,
#single-page.error
{
	padding: 3em 0;
}


#single-page.page404 h1,
#single-page.error h1
{
	font-size: 1.5em;
	color: #dc3000;
}


#single-page.page404 #category-boxes
{
	margin-top: 3em;
}

#error-code
{
	line-height: 120%;
	font-size: 90px;
	color: #fff;
	width: 200px;
	height: 200px;
	line-height: 199px;
	background: #991a1a;
	-moz-border-radius: 200px;
	-webkit-border-radius: 200px;
	border-radius: 200px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	margin-bottom: 30px;
}


#single-page.page404 blockquote
{
	color: #555;
	font-size: 14px;
	margin-bottom: 0;
	border: 0;
}

#redirect
{
	margin: 50px auto;
	text-align: center;
}

#redirect p
{
	font-size: 1.25em;
}


#redirect h1,
#redirect h2
{
	font-weight: normal;
	line-height: 150%;
	margin: 0;
}

#redirect h1
{
	font-size: 2em;
}

#redirect h2
{
	font-size: 1.5em;
	color: #777;
	font-style: italic;

}

#redirect > i
{
	font-size: 3em;
	margin: 1em 0;
}

.offline-ui,.offline-ui *,.offline-ui :after,.offline-ui :before,.offline-ui:after,.offline-ui:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.offline-ui{display:none;position:fixed;z-index:2000;margin:auto;top:0;left:0;right:0}.offline-ui .offline-ui-content:before{display:inline}.offline-ui .offline-ui-retry{-webkit-user-select:none;-moz-user-select:none;user-select:none;display:none}.offline-ui .offline-ui-retry:before{display:inline}.offline-ui.offline-ui-down,.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-retry,.offline-ui.offline-ui-up.offline-ui-up-5s{display:block}.offline-ui.offline-ui-down.offline-ui-reconnect-failed-2s.offline-ui-waiting .offline-ui-retry{display:none}@-webkit-keyframes offline-dropin{0%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);opacity:0}1%{transform:translateY(-800px);-webkit-transform:translateY(-800px);-moz-transform:translateY(-800px);-ms-transform:translateY(-800px);-o-transform:translateY(-800px);opacity:0}2%{transform:translateY(-800px);-webkit-transform:translateY(-800px);-moz-transform:translateY(-800px);-ms-transform:translateY(-800px);-o-transform:translateY(-800px);opacity:1}100%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);opacity:1}}@-moz-keyframes offline-dropin{0%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);opacity:0}1%{transform:translateY(-800px);-webkit-transform:translateY(-800px);-moz-transform:translateY(-800px);-ms-transform:translateY(-800px);-o-transform:translateY(-800px);opacity:0}2%{transform:translateY(-800px);-webkit-transform:translateY(-800px);-moz-transform:translateY(-800px);-ms-transform:translateY(-800px);-o-transform:translateY(-800px);opacity:1}100%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);opacity:1}}@-ms-keyframes offline-dropin{0%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);opacity:0}1%{transform:translateY(-800px);-webkit-transform:translateY(-800px);-moz-transform:translateY(-800px);-ms-transform:translateY(-800px);-o-transform:translateY(-800px);opacity:0}2%{transform:translateY(-800px);-webkit-transform:translateY(-800px);-moz-transform:translateY(-800px);-ms-transform:translateY(-800px);-o-transform:translateY(-800px);opacity:1}100%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);opacity:1}}@-o-keyframes offline-dropin{0%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);opacity:0}1%{transform:translateY(-800px);-webkit-transform:translateY(-800px);-moz-transform:translateY(-800px);-ms-transform:translateY(-800px);-o-transform:translateY(-800px);opacity:0}2%{transform:translateY(-800px);-webkit-transform:translateY(-800px);-moz-transform:translateY(-800px);-ms-transform:translateY(-800px);-o-transform:translateY(-800px);opacity:1}100%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);opacity:1}}@keyframes offline-dropin{0%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);opacity:0}1%{transform:translateY(-800px);-webkit-transform:translateY(-800px);-moz-transform:translateY(-800px);-ms-transform:translateY(-800px);-o-transform:translateY(-800px);opacity:0}2%{transform:translateY(-800px);-webkit-transform:translateY(-800px);-moz-transform:translateY(-800px);-ms-transform:translateY(-800px);-o-transform:translateY(-800px);opacity:1}100%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);opacity:1}}@-webkit-keyframes offline-dropout{0%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}100%{transform:translateY(-800px);-webkit-transform:translateY(-800px);-moz-transform:translateY(-800px);-ms-transform:translateY(-800px);-o-transform:translateY(-800px)}}@-moz-keyframes offline-dropout{0%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}100%{transform:translateY(-800px);-webkit-transform:translateY(-800px);-moz-transform:translateY(-800px);-ms-transform:translateY(-800px);-o-transform:translateY(-800px)}}@-ms-keyframes offline-dropout{0%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}100%{transform:translateY(-800px);-webkit-transform:translateY(-800px);-moz-transform:translateY(-800px);-ms-transform:translateY(-800px);-o-transform:translateY(-800px)}}@-o-keyframes offline-dropout{0%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}100%{transform:translateY(-800px);-webkit-transform:translateY(-800px);-moz-transform:translateY(-800px);-ms-transform:translateY(-800px);-o-transform:translateY(-800px)}}@keyframes offline-dropout{0%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}100%{transform:translateY(-800px);-webkit-transform:translateY(-800px);-moz-transform:translateY(-800px);-ms-transform:translateY(-800px);-o-transform:translateY(-800px)}}@-webkit-keyframes offline-rotation{0%{transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg)}100%{transform:rotate(359deg);-webkit-transform:rotate(359deg);-moz-transform:rotate(359deg);-ms-transform:rotate(359deg);-o-transform:rotate(359deg)}}@-moz-keyframes offline-rotation{0%{transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg)}100%{transform:rotate(359deg);-webkit-transform:rotate(359deg);-moz-transform:rotate(359deg);-ms-transform:rotate(359deg);-o-transform:rotate(359deg)}}@-ms-keyframes offline-rotation{0%{transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg)}100%{transform:rotate(359deg);-webkit-transform:rotate(359deg);-moz-transform:rotate(359deg);-ms-transform:rotate(359deg);-o-transform:rotate(359deg)}}@-o-keyframes offline-rotation{0%{transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg)}100%{transform:rotate(359deg);-webkit-transform:rotate(359deg);-moz-transform:rotate(359deg);-ms-transform:rotate(359deg);-o-transform:rotate(359deg)}}@keyframes offline-rotation{0%{transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg)}100%{transform:rotate(359deg);-webkit-transform:rotate(359deg);-moz-transform:rotate(359deg);-ms-transform:rotate(359deg);-o-transform:rotate(359deg)}}.offline-ui{-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.15),0 0 1em rgba(0,0,0,.3);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.15),0 0 1em rgba(0,0,0,.3);box-shadow:0 0 0 1px rgba(0,0,0,.15),0 0 1em rgba(0,0,0,.3);font-family:"Lucida Grande",sans-serif;font-size:14px;padding:1em;width:38em;max-width:100%;background:#f6f6f6;color:#444;overflow:hidden}.offline-ui .offline-ui-content{padding-left:2em}.offline-ui .offline-ui-content:before{line-height:1.25em}.offline-ui .offline-ui-content:after{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;content:" ";display:block;position:absolute;top:0;bottom:0;left:1em;margin:auto;height:1em;width:1em}.offline-ui .offline-ui-retry{-webkit-box-shadow:0 1px 0 rgba(0,0,0,.08),inset 0 1px 2px rgba(255,255,255,.75);-moz-box-shadow:0 1px 0 rgba(0,0,0,.08),inset 0 1px 2px rgba(255,255,255,.75);box-shadow:0 1px 0 rgba(0,0,0,.08),inset 0 1px 2px rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#ededed),color-stop(38%,#ededed),color-stop(100%,#dedede));background-image:-webkit-linear-gradient(#ededed,#ededed 38%,#dedede);background-image:-moz-linear-gradient(#ededed,#ededed 38%,#dedede);background-image:-o-linear-gradient(#ededed,#ededed 38%,#dedede);background-image:linear-gradient(#ededed,#ededed 38%,#dedede);position:absolute;right:4em;top:1em;bottom:1em;border:1px solid rgba(0,0,0,.25);text-shadow:0 1px 0 #f0f0f0;padding:0 1em;line-height:1.6em;height:1.7em;margin:auto;font-size:12px;text-decoration:none;color:inherit}.offline-ui.offline-ui-up{-webkit-animation:offline-dropout forwards .5s 2s;-moz-animation:offline-dropout forwards .5s 2s;-ms-animation:offline-dropout forwards .5s 2s;-o-animation:offline-dropout forwards .5s 2s;animation:offline-dropout forwards .5s 2s;-webkit-backface-visibility:hidden}.offline-ui.offline-ui-up .offline-ui-content:after{background:#80d580}.offline-ui.offline-ui-down{-webkit-animation:offline-dropin .5s;-moz-animation:offline-dropin .5s;-ms-animation:offline-dropin .5s;-o-animation:offline-dropin .5s;animation:offline-dropin .5s;-webkit-backface-visibility:hidden}.offline-ui.offline-ui-down .offline-ui-content:after{background:#ec8787}.offline-ui.offline-ui-down.offline-ui-connecting,.offline-ui.offline-ui-down.offline-ui-waiting{padding-right:3em}.offline-ui.offline-ui-down.offline-ui-connecting .offline-ui-content:after,.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content:after{background:#ec8787}.offline-ui.offline-ui-down.offline-ui-connecting:after,.offline-ui.offline-ui-down.offline-ui-waiting:after{-webkit-animation:offline-rotation .7s linear infinite;-moz-animation:offline-rotation .7s linear infinite;-ms-animation:offline-rotation .7s linear infinite;-o-animation:offline-rotation .7s linear infinite;animation:offline-rotation .7s linear infinite;-webkit-backface-visibility:hidden;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;content:" ";display:block;position:absolute;right:1em;top:0;bottom:0;margin:auto;height:1em;width:1em;border:2px solid rgba(0,0,0,0);border-top-color:rgba(0,0,0,.5);border-left-color:rgba(0,0,0,.5);opacity:.7}.offline-ui.offline-ui-down.offline-ui-waiting{padding-right:11em}.offline-ui.offline-ui-down.offline-ui-waiting.offline-ui-reconnect-failed-2s{padding-right:0}

/* line 6, ../sass/_content.sass */
.offline-ui .offline-ui-retry:before {
  content: "Reconnect";
}
/* line 11, ../sass/_content.sass */
.offline-ui.offline-ui-up .offline-ui-content:before {
  content: "Your computer is connected to the internet.";
}
@media (max-width: 1024px) {
  /* line 11, ../sass/_content.sass */
  .offline-ui.offline-ui-up .offline-ui-content:before {
    content: "Your device is connected to the internet.";
  }
}
@media (max-width: 568px) {
  /* line 11, ../sass/_content.sass */
  .offline-ui.offline-ui-up .offline-ui-content:before {
    content: "Your device is connected.";
  }
}
/* line 22, ../sass/_content.sass */
.offline-ui.offline-ui-down .offline-ui-content:before {
  content: "Your computer lost its internet connection.";
}
@media (max-width: 1024px) {
  /* line 22, ../sass/_content.sass */
  .offline-ui.offline-ui-down .offline-ui-content:before {
    content: "Your device lost its internet connection.";
  }
}
@media (max-width: 568px) {
  /* line 22, ../sass/_content.sass */
  .offline-ui.offline-ui-down .offline-ui-content:before {
    content: "Your device isn't connected.";
  }
}
/* line 33, ../sass/_content.sass */
.offline-ui.offline-ui-down.offline-ui-connecting .offline-ui-content:before, .offline-ui.offline-ui-down.offline-ui-connecting-2s .offline-ui-content:before {
  content: "Attempting to reconnect...";
}
/* line 42, ../sass/_content.sass */
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"]:before {
  content: "Connection lost. Reconnecting in " attr(data-retry-in-value) " seconds...";
}
@media (max-width: 568px) {
  /* line 42, ../sass/_content.sass */
  .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"]:before {
    content: "Reconnecting in " attr(data-retry-in-value) "s...";
  }
}
/* line 50, ../sass/_content.sass */
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"][data-retry-in-value="1"]:before {
  content: "Connection lost. Reconnecting in " attr(data-retry-in-value) " second...";
}
@media (max-width: 568px) {
  /* line 50, ../sass/_content.sass */
  .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"][data-retry-in-value="1"]:before {
    content: "Reconnecting in " attr(data-retry-in-value) "s...";
  }
}
/* line 58, ../sass/_content.sass */
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"]:before {
  content: "Connection lost. Reconnecting in " attr(data-retry-in-value) " minutes...";
}
@media (max-width: 568px) {
  /* line 58, ../sass/_content.sass */
  .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"]:before {
    content: "Reconnecting in " attr(data-retry-in-value) "m...";
  }
}
/* line 66, ../sass/_content.sass */
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"][data-retry-in-value="1"]:before {
  content: "Connection lost. Reconnecting in " attr(data-retry-in-value) " minute...";
}
@media (max-width: 568px) {
  /* line 66, ../sass/_content.sass */
  .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"][data-retry-in-value="1"]:before {
    content: "Reconnecting in " attr(data-retry-in-value) "m...";
  }
}
/* line 74, ../sass/_content.sass */
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"]:before {
  content: "Connection lost. Reconnecting in " attr(data-retry-in-value) " hours...";
}
@media (max-width: 568px) {
  /* line 74, ../sass/_content.sass */
  .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"]:before {
    content: "Reconnecting in " attr(data-retry-in-value) "h...";
  }
}
/* line 82, ../sass/_content.sass */
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"][data-retry-in-value="1"]:before {
  content: "Connection lost. Reconnecting in " attr(data-retry-in-value) " hour...";
}
@media (max-width: 568px) {
  /* line 82, ../sass/_content.sass */
  .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"][data-retry-in-value="1"]:before {
    content: "Reconnecting in " attr(data-retry-in-value) "h...";
  }
}
/* line 90, ../sass/_content.sass */
.offline-ui.offline-ui-down.offline-ui-reconnect-failed-2s.offline-ui-waiting .offline-ui-retry {
  display: none;
}
/* line 93, ../sass/_content.sass */
.offline-ui.offline-ui-down.offline-ui-reconnect-failed-2s .offline-ui-content:before {
  content: "Connection attempt failed.";
}


#random-credit
{
	background: rgba(0,0,0,0.15);
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 2;
}

#random-credit  a
{
	color: #ddd;
	color: rgba(255,255,255,0.8);
	text-shadow: 0 1px 1px #000;
	text-shadow: 0 1px 1px rgba(0,0,0,0.4);
	padding: 3px 6px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	text-transform: uppercase;
	font-size: 0.75em;
	font-weight: normal;
	text-decoration: none;
	
    transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
}


#random-credit a:hover
{
	background: #de7812;
	color: #eee;
}

#top-alert
{
	background: #f8f4c8;
	color: #666;
	text-shadow: 0 1px 0 #fff;
	text-shadow: 0 1px 0 rgba(255,255,255,0.3);
	font-size: 0.9em;
	line-height: 120%;
    transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    width: 100%;
}


#top-alert:hover
{
	background: #c9e5f8;
}


#top-alert.giveaway
{
	background: #e18e3a;
	color: #fff;
	font-size: 1.15em;
	text-shadow: none;
	text-shadow: 0 1px 1px rgba(0,0,0,0.06);
}


#top-alert.giveaway i.fa-chevron-right
{
	margin-left: 1em;
	margin-bottom: -2px;
}


#top-alert.giveaway a.close
{
	font-size: 1.5em;
	opacity: 1;
}

#top-alert + #wrapper
{
	box-shadow: 0px -3px 3px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px -3px 3px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px -3px 3px rgba(0,0,0,0.15);

}

#top-alert a
{
	color: inherit;
	display: block;
	text-decoration: none;
	line-height: 36px;
}

#loading-icon
{
	text-align: center;
	background: #e1e1e1;
	padding: 0.75em;
	line-height: 150%;
}

#loading-icon i
{
	font-size: 1.5em;
	line-height: 150%;
}

#page-new #content,
#page-hot #content
{
	padding: 3em;
}


#page-new #content h1,
#page-hot #content h1
{
	font-weight: normal;
}


#activity-feed .activity
{
	padding: 1.5em 0;
	line-height: 120%;
	border-bottom: 1px solid #eee;
}

#activity-feed .activity.with-photo
{
	padding-left: 6em;
	position: relative;
}

#activity-feed .activity section
{
	font-size: 1.2em;
	line-height: 120%;
}

#activity-feed .activity blockquote
{
	font-size: 0.9em;
	line-height: 120%;
}


#activity-feed .activity section,
#activity-feed .activity blockquote
{
	margin-bottom: 0.6em;
}


#activity-feed .activity .timestamp
{
	color: #888;
	font-size: 90%;
}

#activity-feed .activity .image
{
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -2em;
	-moz-border-radius: 8em;
	-webkit-border-radius: 8em;
	border-radius: 8em;
	width: 4em;
	height: 4em;
	float: left;
	margin-right: 1em;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}


.btn-bubble .btn,
.btn.with-blip
{
	text-align: left;
	white-space: pre;
	padding-left: 1em;
	padding-right: 1em;
	position: relative;
	
}


.btn-bubble
{
	position: relative;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	white-space: nowrap;
}



.btn-bubble .bubble
{
	background: #f8f8f8;
	font-size: 13px;
	margin-left: 3px;
	background: #fff;
	border: 1px solid #ddd;
	padding: 0.75em 1em;
	font-weight: bold;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	position: relative;
}


.btn-bubble .bubble:before
{
	content: " ";
	top: 50%;
	margin-right: -1px;
	margin-top: -6px;
	border: 6px solid transparent;
	border-right-color: #ddd;
	width: 0;
	height: 0;
	position: absolute;
	right: 100%;
}


.btn-bubble .bubble:after
{
	content: " ";
	top: 50%;
	margin-top: -5px;
	margin-right: -1px;
	border: 5px solid transparent;
	border-right-color: #fff;
	width: 0;
	height: 0;
	position: absolute;
	right: 100%;
}


.btn-bubble.with-blip .btn,
.btn.with-blip
{
	padding-right: 3.5em;
}



.btn-bubble .btn i.blip,
.btn i.blip,
.btn-bubble .btn span.blip,
.btn span.blip
{
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	padding: 0 0.75em;
	line-height: 2.5em;
	background: #777;
	background: rgba(0,0,0,0.15);
}



.btn-bubble .btn .if-inactive
{
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
}


.btn-bubble .btn .if-active,
.btn-bubble.active .btn .if-inactive,
.btn.with-blip .if-active,
.btn.with-blip.active .if-inactive
{
	display: none;
}

.btn-bubble.active .btn .if-active,
.btn.with-blip.active .if-active
{
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
}

#profile-options .followers.active i:before
{
	content: "\f00c";
}


#profile-options .followers.active .btn,
#post .favorites.active .btn
{
	background: #3ba550;
}

#search-header
{
	background: #fff;
	border-bottom: 3px solid #f0f0f6;
	padding: 0.5em 0;
}

#search-header h1
{
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-family: "Raleway", Helvetica, Arial, sans-serif;
	color: #666;
	font-size: 1.15em;
	line-height: 150%;
}


#search-header form
{
	width: 35%;
}

#search-header .input-append
{
	position: relative;
	width: 	100%;
}

#search-header .input-append input
{
	width: 100%;
	display: block;
}


#search-header .input-append button
{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}


#search-header form input,
#search-header form button
{
	height: 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 12px;
	font-size: 14px;
}


#search-header h1 small
{
	display: block;
	font-size: 16px;
}

#search-results
{
	position: relative;
}

#search-results.loading:after
{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: #fff url(../img/loading.gif) no-repeat center center;
	background-color: rgba(255,255,255,0.6);
	z-index: 2;
	content: " ";
}

#search-results .result
{
	background: #f4f4f4;
	border-bottom: 1px solid #eee;
	padding: 0.15em 0;
	position: relative;
	min-height: 4em;
}



#search-results .result.profession
{
	min-height: 0;
}


#search-results .result .peoples-faces
{
	float: right;
}

#search-results .result .peoples-faces .face 
{
	margin-right: 12px;
	text-align: center;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	color: #777;
}


#search-results .result .peoples-faces .face a
{
	color: inherit;
}

#search-results .result .peoples-faces .face img
{
	width: 3em;
	height: 3em;
	width: 3rem;
	height: 3rem;
	-moz-border-radius: 60px;
	-webkit-border-radius: 60px;
	border-radius: 60px;
	display: block;
	margin: 0 auto;
	margin-bottom: 6px;
}

#search-results .result:nth-child(even)
{
	background: #fafafa;
}

#search-results .result:last-child
{
	border: 0;
}


#search-results .result:hover
{
	background: #f5faff;
}


#search-results .result .image
{
	background: #fff;
	position: absolute;
	left: 0;
	top: 0;
	width: 6em;
	height: 4em;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}


#search-results .result .image img
{
	width: inherit;
	height: inherit;
}

#search-results .result .image + div.details
{
	margin-left: 8em;
	color: #666;
}

#search-results .result hr
{
	margin: 9px 0;
}

#search-results .result .image small
{
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 3px 6px;
	text-transform: uppercase;
	font-size: 12px;
	background: #333;
	background: rgba(0,0,0,0.75);
	color: #ccc;
	margin: 0;
}


#search-results .result h2,
#page-search #search-filters h2,
#page-search #search-filters h3
{
	margin: 0 0 6px 0;
	padding: 0;
	font-weight: normal;
	font-family: "Raleway", Helvetica, Arial, sans-serif;
	color: #333;
	line-height: 120%;
	font-size: 1.15em;
}


#page-search #search-filters h2
{
	text-align: center;
	position: absolute;
	left: 50%;
	width: 200px;
	margin-left: -100px;
	top: -60px;
	background: #fff;
	-moz-border-radius: 9px 9px 0 0;
	-webkit-border-radius: 9px 9px 0 0;
	border-radius: 9px 9px 0 0;
	border: 1px solid #ccc;
	border-bottom: 0;
	color: #992b2b;
	padding: 6px 0;
}

#page-search #search-filters h3
{
	font-size: 17px;
	color: #d30000;
}


#search-results .result .price
{
	color: #1b7acd;
	font-size: 120%;
}


#page-search #search-filters 
{
	border-top: 1px solid #ccc;
	border-bottom: 2px solid #ba0000;
	padding: 15px 0;
}

#page-search #search-filters .filter
{
	float: left;
	margin: 0 1%;
	padding: 0.9%;
}


#page-search #search-filters .filter-values
{
	text-align: left;
}


#page-search #search-filters .filter-values label input
{
	margin: 0;
}

#page-search #search-filters .filter-values label input[type='checkbox'],
#page-search #search-filters .filter-values label input[type='radio']
{
	margin-right: 6px;
}


#page-search #search-filters .filter .input-prepend.price input
{
	font-size: 12px;
	width: 30px;
	height: 18px;
	padding: 4px 6px;
}


#page-search #search-filters .filter .input-prepend.price .add-on,
#page-search #search-filters .filter .input-prepend.price .input
{
	font-size: 12px;
}


#page-search #search-filters .filter .input-prepend.price .add-on
{
	padding: 3px 1px;
}

#page-search #search-filters .filter-color
{
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	width: 24px;
	height: 24px;
	content: " ";
	border: 2px solid #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	position: relative;
}


#page-search #search-filters .filter-color:after
{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	content: " ";
	border: 2px solid #fff;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
}

#page-search #search-filters .filter-color input
{
	position: fixed;
	left: -1000px;
	top: -1000px;
}


#page-search #search-filters .filter-color.active
{
	border-color: #ffbb00;
}

#page-search #search-filters .ui-slider span.value
{
	display: block;
	text-align: center;
	margin-top: 15px;
	color: #555;
}

#page-search #search-filters .ui-slider .ui-widget-header
{
	background: #4a89c3;
}


#search-parameters
{
	float: right;
}

#search-parameters label
{
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	margin: 0 10px;
	color: #888;
}


#search-parameters label input
{
	margin: 0;
	margin-right: 3px;
}

#page-search #pagination
{
	margin-top: 0;
}

#corrections
{
	padding: 30px 0;
}

#corrections h1
{
	font-weight: normal;
	font-size: 1.75em;
	line-height: 150%;
}

#corrections h2
{
	font-weight: bold;
	font-size: 1.5em;
	line-height: 150%;
}

#corrections h3
{
	font-weight: normal;
	font-size: 1.5em;
	line-height: 150%;
}


#item-image
{
	max-height: 75px;
	margin-right: 9px;
}

#your-contribution textarea
{
	width: 80%;
	height: 120px;
}

#your-contribution
{
	padding: 1em 0;

}

#your-contribution h3
{
	margin-bottom: 2em;
}

#your-contribution input[type="file"]
{
	line-height: 100%;
	vertical-align: middle;
}

.color-picker .filter-color
{
	width: 36px;
	height: 36px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	float: left;
	line-height: 36px;
	text-align: center;
	border: 2px solid #777;
	margin-right: 6px;
	padding: 1px;
	opacity: 0.6;
	filter:alpha(opacity=60);
}

.color-picker .filter-color.active,
.color-picker .filter-color:hover
{
	opacity: 1;
	filter:alpha(opacity=100);
}


.color-picker .filter-color input
{
	margin: 0;
}

.slider-value
{
	max-width: 400px;
	position: relative;
}



#your-contribution input.blade_length,
#your-contribution input.price
{
	width: 75px;
}


#product .filter-color
{
	width: 24px;
	height: 24px;
	opacity: 1;
	filter: alpha(opacity=100);
}


#product-filters td
{
	color: #777;
}

#product-filters th
{
	color: #555;
}

#nothing-left-here
{
	display: block;
	padding: 1.5em !important;
	text-align: center;
	font-size: 1.5em;
	  -webkit-box-sizing: border-box;
	     -moz-box-sizing: border-box;
	          box-sizing: border-box;
	         line-height: 150%;
}



/*!
 * froala_editor v1.2.3 (http://editor.froala.com)
 * Copyright 2014-2014 Froala
 */
 
.froala-element
{
	font-family: 'Roboto', serif;
}

.froala-element h1,
.froala-element h2,
.froala-element h3,
.froala-element h4,
.froala-element h5,
.froala-element h6
{
    font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
 

.clearfix::after{clear:both;display:block;content:"";height:0}.hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.fr-view{text-align:initial}.fr-view strong{font-weight:700}.fr-view table{border:0;border-collapse:collapse;empty-cells:show;max-width:100%}.fr-view table.fr-dashed-borders td,.fr-view table.fr-dashed-borders th{border-style:dashed}.fr-view table.fr-alternate-rows tbody tr:nth-child(2n){background:#f5f5f5}.fr-view table td,.fr-view table th{border:1px solid #ddd}.fr-view table td:empty,.fr-view table th:empty{height:20px}.fr-view table td.fr-highlighted,.fr-view table th.fr-highlighted{border:1px double red}.fr-view table td.fr-thick,.fr-view table th.fr-thick{border-width:2px}.fr-view table th{background:#e6e6e6}.fr-view hr{clear:both;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;page-break-after:always}.fr-view .fr-file{position:relative}.fr-view .fr-file::after{position:relative;content:"\1F4CE";font-weight:400}.fr-view pre{white-space:pre-wrap;word-wrap:break-word}.fr-view[dir=rtl] blockquote{border-left:0;border-right:solid 2px #5e35b1;margin-right:0;padding-right:5px;padding-left:0}.fr-view[dir=rtl] blockquote blockquote{border-color:#00bcd4}.fr-view[dir=rtl] blockquote blockquote blockquote{border-color:#43a047}.fr-view blockquote{border-left:solid 2px #5e35b1;margin-left:0;padding-left:5px;color:#5e35b1}.fr-view blockquote blockquote{border-color:#00bcd4;color:#00bcd4}.fr-view blockquote blockquote blockquote{border-color:#43a047;color:#43a047}.fr-view span.fr-emoticon{font-weight:400;font-family:"Apple Color Emoji","Segoe UI Emoji",NotoColorEmoji,"Segoe UI Symbol","Android Emoji",EmojiSymbols;display:inline;line-height:0}.fr-view span.fr-emoticon.fr-emoticon-img{background-repeat:no-repeat!important;font-size:inherit;height:1em;width:1em;min-height:20px;min-width:20px;display:inline-block;margin:-.1em .1em .1em;line-height:1;vertical-align:middle}.fr-view .fr-text-gray{color:#AAA!important}.fr-view .fr-text-bordered{border-top:solid 1px #222;border-bottom:solid 1px #222;padding:10px 0}.fr-view .fr-text-spaced{letter-spacing:1px}.fr-view .fr-text-uppercase{text-transform:uppercase}.fr-view img{position:relative;max-width:100%}.fr-view img.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}.fr-view img.fr-dib.fr-fil{margin-left:0}.fr-view img.fr-dib.fr-fir{margin-right:0}.fr-view img.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}.fr-view img.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}.fr-view img.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.fr-view img.fr-rounded{border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-view img.fr-bordered{border:solid 10px #CCC;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fr-view .fr-video{text-align:center;position:relative}.fr-view .fr-video>*{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;max-width:100%;border:0}.fr-view .fr-video.fr-dvb{display:block;clear:both}.fr-view .fr-video.fr-dvb.fr-fvl{text-align:left}.fr-view .fr-video.fr-dvb.fr-fvr{text-align:right}.fr-view .fr-video.fr-dvi{display:inline-block}.fr-view .fr-video.fr-dvi.fr-fvl{float:left}.fr-view .fr-video.fr-dvi.fr-fvr{float:right}.fr-view a.fr-strong{font-weight:700}.fr-view a.fr-green{color:green}.fr-view button.fr-rounded,.fr-view input.fr-rounded,.fr-view textarea.fr-rounded{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-view button.fr-large,.fr-view input.fr-large,.fr-view textarea.fr-large{font-size:24px}a.fr-view.fr-strong{font-weight:700}a.fr-view.fr-green{color:green}img.fr-view{position:relative;max-width:100%}img.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}img.fr-view.fr-dib.fr-fil{margin-left:0}img.fr-view.fr-dib.fr-fir{margin-right:0}img.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}img.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}img.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}img.fr-view.fr-rounded{border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}img.fr-view.fr-bordered{border:solid 10px #CCC;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}

.fr-popup .fr-input-line input {
    height: auto;
    order: 2;
}

body .fr-popup .fr-input-line input + label {
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
    order: 1;
    margin: 0;
}

.fr-popup .fr-input-line {

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
    flex-direction: column;
}
 
 
/* auth.css */
#page-login #content,
#page-register #content
{
	padding-top: 9px;
	background: #f8f8f8;
}

#page-login #login,
#page-register #register
{
	margin: 30px auto;
}

#page-login form,
#page-register form
{
	margin: 0;
}

#login,
#register
{
	background: #fff;
	border: 1px solid #eee;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	max-width: 600px;
	margin: 0 auto;
	padding: 12px;
}

#login form,
#register form
{
	padding: 15px 0;
	padding-bottom: 0;
}


#login .form-actions,
#register .form-actions
{
	margin-bottom: 0;
}

#login form button,
#register form button
{
	font-size: 1em;
	text-transform: uppercase;
	padding: 0.75em 3em;
}


.btn.facebook
{
	background: #3b5997;
}

.btn.twitter
{
	background: #00acee;
}


.btn.pinterest
{
	background: #cc2127;
}

.btn.tumblr
{
	background: #35465c;
}

.btn.facebook:hover
{
	background: #2d4a83;
}

.btn.twitter:hover
{
	background: #0099d6;
}

.btn.pinterest:hover
{
	background: #a4181c;
}

.btn.tumblr:hover
{
	background: #1e2a3a;
}


.btn.facebook,
.btn.twitter,
.btn.pinterest,
.btn.tumblr
{
	color: #fff;
	color: rgba(255,255,255,0.85);
	text-shadow: 0 1px 0 #333;
	text-shadow: 0 1px 0 rgba(0,0,0,0.45);
	border: 0;
}

#social-login .btn,
#logout-options .btn
{
	padding: 0.75em 3%;
}

#social-login .btn i
{
	float: left;
}

#page-login #content h1,
#page-register #content h1
{
	font-size: 24px;
	line-height: 120%;
	text-align: center;
	font-weight: normal;
	margin-bottom: 12px;
}

#page-login #content h1.control-label,
#page-register #content h1.control-label
{
	width: 160px;
	text-align: right;
	margin: 0;
	font-size: 36px;
}


#page-login #content .btn-full,
#page-register #content .btn-full
{
	display: block;
	font-size: 16px;
	line-height: 120%;
	padding: 9px;
	position: relative;
}

#login .form-actions
{
	margin-top: 66px;
}

#register-options h2
{
	font-size: 24px;
	line-height: 120%;
}


#content .btn-full span.i-red
{
	position: absolute;
	left: 15px;
}

#page-login #content i.fa-facebook,
#page-register #content i.fa-facebook
{
	position: relative;
}

#page-login #content span.i-red,
#page-register #content span.i-red
{
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	width: 24px;
	height: 24px;
	line-height: 24px;
	border: 1px solid #fff;
	background: #4c66a4;
	text-align: center;
	color: #fff;
	text-shadow: 0 1px 0 #222;
	text-shadow: 0 1px 0 rgba(33,33,33,0.76);
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	margin-right: 6px;
	margin-left: -6px;
	margin-top: -3px;
}

#page-login #content span.i-red i,
#page-register #content span.i-red i
{
	margin: 0;
}

#social-login,
#logout-options
{
	text-align: center;
	padding-bottom: 15px;
	margin-bottom: 30px;
	position: relative;
}


#or-divider
{
	position: relative;
	height: 2em;
	line-height: 2em;
}


#social-login:before,
#or-divider:before,
#or-divider:after
{
	border-bottom: 1px solid #ddd;
	position: absolute;
	content: " ";
	top: 100%;
	left: 0;
	right: 0;
	height: 0.5em;
}


#social-login:after
{
	background: #fff;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	position: absolute;
	content: "or";
	top: 100%;
	left: 50%;
	width: 40px;
	margin-left: -20px;
	font-style: italic;
	font-weight: bold;
	color: #777;
	line-height: 1em;
	height: 1em;
}

#social-login a,
#logout-options a
{
	width: 39%;
	padding: 12px 0;
	font-size: 16px;
	margin: 0 3%;
	padding: 0 3%;
}

#signon-modal
{
	width: 420px;
}

#signon-modal form
{
	padding: 0 3em;
}

#signon-modal form button
{
	display: block;
	width: 100%;
	border-radius: 0.15em;
	text-transform: uppercase;
	padding: 1em;
}

#signon-modal form .control-group
{
	margin: 0;
	margin-bottom: 1em;
	font-size: 11px;
}
/*

#signon-modal form .fancy-input
{
	height: 2em;
	height: calc(2em + 2px);
}

#signon-modal form .fancy-input + label
{
	margin-top: calc(-2.5em - 2px);
}

#signon-modal form .fancy-input:focus + label
{
	margin-top: calc(-2em - 2px);
}
*/

#signon-modal #social-login a
{
	margin: 0;
	width: auto;
	padding: 0.5em 3em;
}

#signon-modal #social-login a i
{
	float: none;
	margin-right: 0.5em;
	margin-left: -1em;
}

#signon-modal .modal-header
{
	padding: 1em 2em;
	margin-bottom: 1.5em;
}

#signon-modal .modal-footer
{
	margin-top: 1.5em;
	color: #777;
}

#signon-modal h1
{
	font-family: "Raleway", "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	color: #313131;
	text-transform: uppercase;
}

#signon-modal h1 small
{
	font-size: 75%;
	color: #2b9f21;
	font-weight: bold;
}


#signon-modal .modal-header
{
	font-size: 14px;
	color: #777;
}


#signon-modal #social-login a:first-child
{
	-moz-border-radius: 10em 0 0 10em;
	-webkit-border-radius: 10em 0 0 10em;
	border-radius: 10em 0 0 10em;
}

#signon-modal #social-login a:last-child
{
	-moz-border-radius: 0 10em 10em 0;
	-webkit-border-radius: 0 10em 10em 0;
	border-radius: 0 10em 10em 0;
}


@media screen and (max-width:450px),
@media screen and (max-width:630px)
{
	#signon-modal
	{
		position: fixed !important;
		left: 0 !important;
		top: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		margin: 0 !important;
		height: 100% !important;
		width: 100% !important;
		overflow: auto;
	}
}

#or-divider:before
{
	right: 55%;
	border-bottom-width: 3px;
	margin-top: -5px;
}

#or-divider:after
{
	left: 55%;
	border-bottom-width: 3px;
	margin-top: -5px;
}


#or-divider:after,
#or-divider:before
{
	top: 50%;
}


#social-login a:first-child { margin-left: 0;}
#social-login a:last-child { margin-right: 0;}



@media screen and (min-width:740px)
{
	#search-header h1
	{
		font-size: 2em;
	}
	
	#search-results .result
	{
		min-height: 6em;
		padding: 1.5em 0;
	}
	
	search-header
	{
		padding: 2em 0;
	}
	
	#search-results .result .image
	{
		width: 8em;
		height: 6em;
	}
	
	#search-results .result .image + div.details
	{
		margin-left: 10em;
	}	
	

	#search-results .result h2,
	#page-search #search-filters h2,
	#page-search #search-filters h3
	{
		font-size: 1.5em;
	}
}


@media screen and (max-width:740px)
{	
				
	#login .form-horizontal .control-label,
	#register .form-horizontal .control-label
	{
		width: 80px;
	}
	
	#login .form-horizontal .controls,
	#register .form-horizontal .controls
	{
		margin-left: 100px;
	}
	
	#login .form-horizontal .controls input,
	#register .form-horizontal .controls input
	{
		max-width: 80%;
	}

}

#inline-admin-options
{
	background: #fff;
	color: #444;
	position: fixed;
	bottom: 0;
	left: 0;
	padding: 0;
	z-index: 9;
}


#inline-admin-options:hover i
{
	background: #dc6b00;
}
#inline-admin-options:hover > a
{
	color: #dc6b00;
}

#inline-admin-options i
{
	margin-right: 0.3em;
	background: #dc3000;
	color: #fff;
	float: left;
	padding: 1em;
	margin-right: 1em;
}

#inline-admin-options.active i
{
	background: #0eb435;
}

#inline-admin-options.active > a
{
	background: #c6f3d1;
	color: #0eb435;
}

#inline-admin-options > a
{
	display: block;
	color: #dc3000;
	line-height: 300%;
	padding-right: 1em;
	text-decoration: none;
}

#inline-admin-options .menu
{
	display: none;
}

#inline-admin-options.active .menu
{
	display: block;
	border-left: 2px solid #0eb435;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#inline-admin-options.active .menu li
{
	background: #fafafa;
	border-top: 1px solid #ddd;
	padding: 0.75em;
}


#inline-admin-options.active .menu li:hover
{
	background: #eee;	
}


/* jquery.Jcrop.min.css v0.9.12 (build:20130126) */
.jcrop-holder{direction:ltr;text-align:left; margin: 0 auto;}
.jcrop-vline,.jcrop-hline{background:#FFF url(../img/Jcrop.gif);font-size:0;position:absolute;}
.jcrop-vline{height:100%;width:1px!important;}
.jcrop-vline.right{right:0;}
.jcrop-hline{height:1px!important;width:100%;}
.jcrop-hline.bottom{bottom:0;}
.jcrop-tracker{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;height:100%;width:100%;background: rgba(255,255,255,0.15)}
.jcrop-handle{background-color:#333;border:1px #EEE solid;font-size:1px;height:7px;width:7px;}
.jcrop-handle.ord-n{left:50%;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-s{bottom:0;left:50%;margin-bottom:-4px;margin-left:-4px;}
.jcrop-handle.ord-e{margin-right:-4px;margin-top:-4px;right:0;top:50%;}
.jcrop-handle.ord-w{left:0;margin-left:-4px;margin-top:-4px;top:50%;}
.jcrop-handle.ord-nw{left:0;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-ne{margin-right:-4px;margin-top:-4px;right:0;top:0;}
.jcrop-handle.ord-se{bottom:0;margin-bottom:-4px;margin-right:-4px;right:0;}
.jcrop-handle.ord-sw{bottom:0;left:0;margin-bottom:-4px;margin-left:-4px;}
.jcrop-dragbar.ord-n,.jcrop-dragbar.ord-s{height:7px;width:100%;}
.jcrop-dragbar.ord-e,.jcrop-dragbar.ord-w{height:100%;width:7px;}
.jcrop-dragbar.ord-n{margin-top:-4px;}
.jcrop-dragbar.ord-s{bottom:0;margin-bottom:-4px;}
.jcrop-dragbar.ord-e{margin-right:-4px;right:0;}
.jcrop-dragbar.ord-w{margin-left:-4px;}
.jcrop-light .jcrop-vline,.jcrop-light .jcrop-hline{background:#FFF;filter:alpha(opacity=70)!important;opacity:.70!important;}
.jcrop-light .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#000;border-color:#FFF;border-radius:3px;}
.jcrop-dark .jcrop-vline,.jcrop-dark .jcrop-hline{background:#000;filter:alpha(opacity=70)!important;opacity:.7!important;}
.jcrop-dark .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#FFF;border-color:#000;border-radius:3px;}
.solid-line .jcrop-vline,.solid-line .jcrop-hline{background:#FFF;}
.jcrop-holder img,img.jcrop-preview{max-width:none;}
.jcrop-keymgr 
{
	position: absolute !important;
	top: 0 !important;
	visibility: hidden;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0; overflow: hidden;
    /* padding-top: 30px;  */
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}


#description-editor textarea
{
	display: block;
	width: 100%;
	height: 120px;
	padding: 0.75em;
	  -webkit-box-sizing: border-box;
	     -moz-box-sizing: border-box;
	          box-sizing: border-box;
}


#description-editor .btn-primary
{
	float: right;
}

#feedback-tab span i
{
	margin-right: 1rem;
}

#feedback-tab
{
	cursor: pointer;
	background: #313131;
	background: rgba(10,10,10,0.45);
	color: #fff;
	font-size: 1rem;
	font-weight: bold;
	padding: 1rem 0.75rem;
	position: fixed;
	bottom: 0;
	right: 0;
	margin-bottom: -52px;
	z-index: 10;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -ms-transform-origin: 100% 0%;
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
}


#feedback-tab:hover
{
	background: #fafafa;
	background: rgba(250,250,250,0.85);
	color: #10cb39;
}

#product-purchase .qualifier h5
{
	margin: 0;
}


#product-availability
{
	color: #35793e;
	font-size: 150%;
	line-height: 125%;	
}

#product-availability.bad
{
	color: #dc3000;
}

#product-cart-options .qualifier
{
	margin-bottom: 1em;
	float: left;
}

#product-cart-options
{
	background: #f1f1f1;
	border-top: 1px solid #ddd;
	padding: 1.5em 3em;
	clear: both;
}

#cart-qualifier-list
{
	margin-bottom: 1rem;
}

#add-cart-overlay
{
	position: fixed;
	left: 0;
	width: 100%;
	height: 100%;
	right: 0;
	top: 0;
	bottom: 0;
	color: #fff;
	background: rgba(0,0,0,0.3);
	text-shadow: 0 1px 1px #000;
	text-shadow: 0 1px 1px rgba(0,0,0,0.75);
	text-align: center;
	z-index: 3;
}




#giveaway-login h1,
#giveaway-register h1
{
	font-size: 1.5em;
	margin: 0;
}


@media (max-width: 700px) {
	#giveaway-login,
	#giveaway-register
	{
		float: none;
		width: auto !important;
		margin-bottom: 1em;
	}
}

#page-home
{
	overflow-x: hidden;
}

.animated-checkmark
{
	width: 3em;
	height: 3em;
	margin-top: 1em;
}

.animated-checkmark path {
  stroke: #fff;
  stroke-dashoffset: 745.74853515625;
  stroke-dasharray: 745.74853515625;
  -webkit-animation: dash 2s ease-out forwards 1;
  -moz-animation: dash 2s ease-out forwards 1;
  animation: dash 2s ease-out forwards 1;
}

@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 745.74853515625;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes dash {
  0% {
    stroke-dashoffset: 745.74853515625;
  }
  100% {
    stroke-dashoffset: 0;
  }
}


.GoogleActiveViewClass > div > div
{
	margin: 0 auto; 
}


#profession-lead
{
	text-align: center;
	position: relative;
}

#enter-profession
{
	font-size: 1.5em;
}

#enter-profession .overlay
{
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0)));
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
	padding: 6em 0 3em 0;

}

#page-features #enter-profession .overlay
{
	padding: 4em 0 1.5em 0;
}

#profession-lead form
{
	background-color: #cbced0;
	background-size: cover;
	background-position: center center;
	margin: 0;
	color: #fff;
	text-shadow: 0 3px 0 #222;
	text-shadow: 0 2px 1px rgba(0,0,0,0.3);
}


#profession-lead .form-actions
{
	margin: 0;
}


#explore-refine
{
	padding: 2em 3em;
	font-size: 1em;
	color: #555;
	text-shadow: none;
	margin-top: 1em;
}


#explore-refine h1
{
	font-size: 1.5em;
	line-height: 120%;
	margin: 0;
}

#explore-refine h2
{
	font-size: 1.2em;
	margin-bottom: 0.5em;
	color: #666;
}


#explore-refine .column
{
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	background: #fff;
	width: 32%;
	margin: 0 1%;
	padding: 1em 1%;
	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	border-radius: 0.25em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


#explore-refine .column:first-child
{
	margin-left: 0;
}


#explore-refine .column:nth-child(3)
{
	margin-right: 0;
}

#explore-refine .column li
{
	font-size: 0.85em;
	line-height: 1.75em;
	overflow: hidden;
	white-space: nowrap;
}


#explore-refine .column li a
{
	color: #555;
}


#explore-refine .column li a:hover
{
	color: #f56b00;
}



#profession-lead
{
	background: #fafafa;
}





#notification-menu > a
{
	font-size: 85%; 
}

#notification-menu .pure-menu-link:after
{
	display: none;
}

#userlinks .notification-menu
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	min-width: 12em;
	max-width: 30em;
	width: 24em;
	max-height: 30em;
	overflow: auto;
	text-overflow: ellipsis;
	color: #e8ddc8;
	left: auto;
	right: 0;
}

#userlinks .notification-menu li .icon
{
	font-size: 80%;
}


#userlinks .notification-menu li  a
{
	display: inline;
	padding: 0;
	background: transparent;
}

#userlinks .notification-menu .emojione,
.notification-list .notification .emojione
{
	font-size: 60%;
	margin-bottom: 0.15em;
}

#userlinks .notification-menu .actions
{
	text-align: center;
	padding: 0;
}

#userlinks .notification-menu .actions a
{
	background: rgba(0,0,0,0.15);
	border-radius: 0;
	padding: 0.5em 1em;
	display: block;
}

#userlinks .notification-menu .actions a:hover
{
	background: rgba(255,255,255,0.15);
}

#userlinks .notification-menu time,
#userlinks .notification-menu .author
{
	font-size: 0.85em;
	color: #eadbc9;
}

#userlinks .notification-menu .author a
{
	color: #fff;
}


#userlinks .notification-menu .author .avatar
{
	width: 4em;
	height: 4em;
	float: left;
	margin-right: 1em;
	-moz-border-radius: 3em;
	-webkit-border-radius: 3em;
	border-radius: 3em;
}


#userlinks .active-count > a
{
	color: #dec45d;
	font-weight: normal;
}

#userlinks .active-count > a .count
{
	margin-right: 0.25em;
}

#userlinks .notification-menu li
{
	letter-spacing: normal;
	border-top: 1px solid rgba(255,255,255,0.15);
	border-bottom: 1px solid rgba(0,0,0,0.15);
}

#userlinks .notification-menu li a
{
	letter-spacing: inherit;
}

#userlinks .notification-menu li .title
{
	font-weight: normal;
	color: #c3d3db;
}


#userlinks .notification-menu li
{
	padding: 0.6em 1em;
}

#userlinks .notification-menu li:hover
{
	background: rgba(255,255,255,0.09);
}

#userlinks .notification-menu li a:hover,
#userlinks .notification-menu li a:active,
#userlinks .notification-menu li a:focus
{
	color: #fff;
}

#userlinks .notification-menu .title,
#userlinks .notification-menu .text
{
	display: block;
	overflow-x: hidden;
	text-overflow: ellipsis;
}


#userlinks .notification-menu .text
{
	padding: 0.25em 0;
	color: #fff;
}

#profile-comments-list
{
	background: #fff;
}

.tf_container
{
	z-index: 2;
}

#embed-button,
#post #embed-button
{
}

#embed-button:hover,
#post #embed-button:hover
{
}

textarea.fancy-input, textarea.simple-input, input[type="text"].fancy-input, input[type="text"].simple-input, input[type="password"].fancy-input, input[type="password"].simple-input, input[type="datetime"].fancy-input, input[type="datetime"].simple-input, input[type="datetime-local"].fancy-input, input[type="datetime-local"].simple-input, input[type="date"].fancy-input, input[type="date"].simple-input, input[type="month"].fancy-input, input[type="month"].simple-input, input[type="time"].fancy-input, input[type="time"].simple-input, input[type="week"].fancy-input, input[type="week"].simple-input, input[type="number"].fancy-input, input[type="number"].simple-input, input[type="email"].fancy-input, input[type="email"].simple-input, input[type="url"].fancy-input, input[type="url"].simple-input, input[type="search"].fancy-input, input[type="search"].simple-input, input[type="tel"].fancy-input, input[type="tel"].simple-input, input[type="color"].fancy-input, input[type="color"].simple-input {
  box-sizing: border-box;
  width: 100%;
  height: calc(3em + 2px);
  margin: 0 0 1em;
  padding: 1em;
  border: 1px solid #cccccc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #fff;
  resize: none;
  outline: none;
  background: #fafafa;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  font-size: 1.5em;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
textarea.fancy-input[disabled], textarea.simple-input[disabled], input[type="text"].fancy-input[disabled], input[type="text"].simple-input[disabled], input[type="password"].fancy-input[disabled], input[type="password"].simple-input[disabled], input[type="datetime"].fancy-input[disabled], input[type="datetime"].simple-input[disabled], input[type="datetime-local"].fancy-input[disabled], input[type="datetime-local"].simple-input[disabled], input[type="date"].fancy-input[disabled], input[type="date"].simple-input[disabled], input[type="month"].fancy-input[disabled], input[type="month"].simple-input[disabled], input[type="time"].fancy-input[disabled], input[type="time"].simple-input[disabled], input[type="week"].fancy-input[disabled], input[type="week"].simple-input[disabled], input[type="number"].fancy-input[disabled], input[type="number"].simple-input[disabled], input[type="email"].fancy-input[disabled], input[type="email"].simple-input[disabled], input[type="url"].fancy-input[disabled], input[type="url"].simple-input[disabled], input[type="search"].fancy-input[disabled], input[type="search"].simple-input[disabled], input[type="tel"].fancy-input[disabled], input[type="tel"].simple-input[disabled], input[type="color"].fancy-input[disabled], input[type="color"].simple-input[disabled] {
  background: #eaeaea;
}
textarea.simple-input, input[type="text"].simple-input, input[type="password"].simple-input, input[type="datetime"].simple-input, input[type="datetime-local"].simple-input, input[type="date"].simple-input, input[type="month"].simple-input, input[type="time"].simple-input, input[type="week"].simple-input, input[type="number"].simple-input, input[type="email"].simple-input, input[type="url"].simple-input, input[type="search"].simple-input, input[type="tel"].simple-input, input[type="color"].simple-input {
  height: auto;
}
textarea.fancy-input {
  height: calc(9em + 2px);
}
textarea.fancy-input:-webkit-autofill, input[type="text"].fancy-input:-webkit-autofill, input[type="password"].fancy-input:-webkit-autofill, input[type="datetime"].fancy-input:-webkit-autofill, input[type="datetime-local"].fancy-input:-webkit-autofill, input[type="date"].fancy-input:-webkit-autofill, input[type="month"].fancy-input:-webkit-autofill, input[type="time"].fancy-input:-webkit-autofill, input[type="week"].fancy-input:-webkit-autofill, input[type="number"].fancy-input:-webkit-autofill, input[type="email"].fancy-input:-webkit-autofill, input[type="url"].fancy-input:-webkit-autofill, input[type="search"].fancy-input:-webkit-autofill, input[type="tel"].fancy-input:-webkit-autofill, input[type="color"].fancy-input:-webkit-autofill {
  box-shadow: 0 0 0px 1000px white inset;
  -moz-box-shadow: 0 0 0px 1000px white inset;
  -webkit-box-shadow: 0 0 0px 1000px white inset;
  background: transparent;
}
textarea.fancy-input:focus, textarea.fancy-input[required]:valid, input[type="text"].fancy-input:focus, input[type="text"].fancy-input[required]:valid, input[type="password"].fancy-input:focus, input[type="password"].fancy-input[required]:valid, input[type="datetime"].fancy-input:focus, input[type="datetime"].fancy-input[required]:valid, input[type="datetime-local"].fancy-input:focus, input[type="datetime-local"].fancy-input[required]:valid, input[type="date"].fancy-input:focus, input[type="date"].fancy-input[required]:valid, input[type="month"].fancy-input:focus, input[type="month"].fancy-input[required]:valid, input[type="time"].fancy-input:focus, input[type="time"].fancy-input[required]:valid, input[type="week"].fancy-input:focus, input[type="week"].fancy-input[required]:valid, input[type="number"].fancy-input:focus, input[type="number"].fancy-input[required]:valid, input[type="email"].fancy-input:focus, input[type="email"].fancy-input[required]:valid, input[type="url"].fancy-input:focus, input[type="url"].fancy-input[required]:valid, input[type="search"].fancy-input:focus, input[type="search"].fancy-input[required]:valid, input[type="tel"].fancy-input:focus, input[type="tel"].fancy-input[required]:valid, input[type="color"].fancy-input:focus, input[type="color"].fancy-input[required]:valid {
  background: #fafafa;
}
select.fancy-input {
  background: #fafafa;
}
textarea.fancy-input:focus, textarea.simple-input:focus, input[type="text"].fancy-input:focus, input[type="text"].simple-input:focus, input[type="password"].fancy-input:focus, input[type="password"].simple-input:focus, input[type="datetime"].fancy-input:focus, input[type="datetime"].simple-input:focus, input[type="datetime-local"].fancy-input:focus, input[type="datetime-local"].simple-input:focus, input[type="date"].fancy-input:focus, input[type="date"].simple-input:focus, input[type="month"].fancy-input:focus, input[type="month"].simple-input:focus, input[type="time"].fancy-input:focus, input[type="time"].simple-input:focus, input[type="week"].fancy-input:focus, input[type="week"].simple-input:focus, input[type="number"].fancy-input:focus, input[type="number"].simple-input:focus, input[type="email"].fancy-input:focus, input[type="email"].simple-input:focus, input[type="url"].fancy-input:focus, input[type="url"].simple-input:focus, input[type="search"].fancy-input:focus, input[type="search"].simple-input:focus, input[type="tel"].fancy-input:focus, input[type="tel"].simple-input:focus, input[type="color"].fancy-input:focus, input[type="color"].simple-input:focus {
  border-color: #00bafa;
}
textarea.fancy-input:focus + label:before, input[type="text"].fancy-input:focus + label:before, input[type="password"].fancy-input:focus + label:before, input[type="datetime"].fancy-input:focus + label:before, input[type="datetime-local"].fancy-input:focus + label:before, input[type="date"].fancy-input:focus + label:before, input[type="month"].fancy-input:focus + label:before, input[type="time"].fancy-input:focus + label:before, input[type="week"].fancy-input:focus + label:before, input[type="number"].fancy-input:focus + label:before, input[type="email"].fancy-input:focus + label:before, input[type="url"].fancy-input:focus + label:before, input[type="search"].fancy-input:focus + label:before, input[type="tel"].fancy-input:focus + label:before, input[type="color"].fancy-input:focus + label:before {
  color: #00bafa;
}
textarea.fancy-input:focus + label:before, textarea.fancy-input:valid[required] + label:before, input[type="text"].fancy-input:focus + label:before, input[type="text"].fancy-input:valid[required] + label:before, input[type="password"].fancy-input:focus + label:before, input[type="password"].fancy-input:valid[required] + label:before, input[type="datetime"].fancy-input:focus + label:before, input[type="datetime"].fancy-input:valid[required] + label:before, input[type="datetime-local"].fancy-input:focus + label:before, input[type="datetime-local"].fancy-input:valid[required] + label:before, input[type="date"].fancy-input:focus + label:before, input[type="date"].fancy-input:valid[required] + label:before, input[type="month"].fancy-input:focus + label:before, input[type="month"].fancy-input:valid[required] + label:before, input[type="time"].fancy-input:focus + label:before, input[type="time"].fancy-input:valid[required] + label:before, input[type="week"].fancy-input:focus + label:before, input[type="week"].fancy-input:valid[required] + label:before, input[type="number"].fancy-input:focus + label:before, input[type="number"].fancy-input:valid[required] + label:before, input[type="email"].fancy-input:focus + label:before, input[type="email"].fancy-input:valid[required] + label:before, input[type="url"].fancy-input:focus + label:before, input[type="url"].fancy-input:valid[required] + label:before, input[type="search"].fancy-input:focus + label:before, input[type="search"].fancy-input:valid[required] + label:before, input[type="tel"].fancy-input:focus + label:before, input[type="tel"].fancy-input:valid[required] + label:before, input[type="color"].fancy-input:focus + label:before, input[type="color"].fancy-input:valid[required] + label:before {
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transform: translate(0, -1.5em) scale(0.9, 0.9);
  transform: translate(0, -1.5em) scale(0.9, 0.9);
}
textarea.fancy-input:invalid + label[alt]:before, input[type="text"].fancy-input:invalid + label[alt]:before, input[type="password"].fancy-input:invalid + label[alt]:before, input[type="datetime"].fancy-input:invalid + label[alt]:before, input[type="datetime-local"].fancy-input:invalid + label[alt]:before, input[type="date"].fancy-input:invalid + label[alt]:before, input[type="month"].fancy-input:invalid + label[alt]:before, input[type="time"].fancy-input:invalid + label[alt]:before, input[type="week"].fancy-input:invalid + label[alt]:before, input[type="number"].fancy-input:invalid + label[alt]:before, input[type="email"].fancy-input:invalid + label[alt]:before, input[type="url"].fancy-input:invalid + label[alt]:before, input[type="search"].fancy-input:invalid + label[alt]:before, input[type="tel"].fancy-input:invalid + label[alt]:before, input[type="color"].fancy-input:invalid + label[alt]:before {
  content: attr(alt);
}
textarea.fancy-input + label, input[type="text"].fancy-input + label, input[type="password"].fancy-input + label, input[type="datetime"].fancy-input + label, input[type="datetime-local"].fancy-input + label, input[type="date"].fancy-input + label, input[type="month"].fancy-input + label, input[type="time"].fancy-input + label, input[type="week"].fancy-input + label, input[type="number"].fancy-input + label, input[type="email"].fancy-input + label, input[type="url"].fancy-input + label, input[type="search"].fancy-input + label, input[type="tel"].fancy-input + label, input[type="color"].fancy-input + label {
  display: block;
  line-height: 1.25em;
  font-size: 1.5em;
  color: #898989;
}
.fancy-label {
  display: block;
  line-height: 1.25em;
  font-size: 1.5em;
  color: #898989;
  margin-bottom: -0.45em;
  padding: 0 0.75em;
  position: relative;
  z-index: 2;
}
textarea.fancy-input + label, input[type="text"].fancy-input + label, input[type="password"].fancy-input + label, input[type="datetime"].fancy-input + label, input[type="datetime-local"].fancy-input + label, input[type="date"].fancy-input + label, input[type="month"].fancy-input + label, input[type="time"].fancy-input + label, input[type="week"].fancy-input + label, input[type="number"].fancy-input + label, input[type="email"].fancy-input + label, input[type="url"].fancy-input + label, input[type="search"].fancy-input + label, input[type="tel"].fancy-input + label, input[type="color"].fancy-input + label {
  pointer-events: none;
  margin-top: calc(-3em - 2px);
  margin-bottom: calc(2em + 2px);
  height: 0;
  position: relative;
}
textarea.fancy-input + label:before, input[type="text"].fancy-input + label:before, input[type="password"].fancy-input + label:before, input[type="datetime"].fancy-input + label:before, input[type="datetime-local"].fancy-input + label:before, input[type="date"].fancy-input + label:before, input[type="month"].fancy-input + label:before, input[type="time"].fancy-input + label:before, input[type="week"].fancy-input + label:before, input[type="number"].fancy-input + label:before, input[type="email"].fancy-input + label:before, input[type="url"].fancy-input + label:before, input[type="search"].fancy-input + label:before, input[type="tel"].fancy-input + label:before, input[type="color"].fancy-input + label:before {
  content: attr(placeholder);
  display: inline-block;
  margin: 0 calc(0.75em + 2px);
  margin-top: 1px;
  padding: 0 2px;
  color: #898989;
  white-space: nowrap;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-image: -webkit-linear-gradient(top, #fafafa, #fafafa);
  background-image: linear-gradient(to bottom, #fafafa, #fafafa);
  background-size: 100% 5px;
  background-repeat: no-repeat;
  background-position: center;
}
textarea.fancy-input[disabled] + label:before, textarea.simple-input[disabled] + label:before, input[type="text"].fancy-input[disabled] + label:before, input[type="text"].simple-input[disabled] + label:before, input[type="password"].fancy-input[disabled] + label:before, input[type="password"].simple-input[disabled] + label:before, input[type="datetime"].fancy-input[disabled] + label:before, input[type="datetime"].simple-input[disabled] + label:before, input[type="datetime-local"].fancy-input[disabled] + label:before, input[type="datetime-local"].simple-input[disabled] + label:before, input[type="date"].fancy-input[disabled] + label:before, input[type="date"].simple-input[disabled] + label:before, input[type="month"].fancy-input[disabled] + label:before, input[type="month"].simple-input[disabled] + label:before, input[type="time"].fancy-input[disabled] + label:before, input[type="time"].simple-input[disabled] + label:before, input[type="week"].fancy-input[disabled] + label:before, input[type="week"].simple-input[disabled] + label:before, input[type="number"].fancy-input[disabled] + label:before, input[type="number"].simple-input[disabled] + label:before, input[type="email"].fancy-input[disabled] + label:before, input[type="email"].simple-input[disabled] + label:before, input[type="url"].fancy-input[disabled] + label:before, input[type="url"].simple-input[disabled] + label:before, input[type="search"].fancy-input[disabled] + label:before, input[type="search"].simple-input[disabled] + label:before, input[type="tel"].fancy-input[disabled] + label:before, input[type="tel"].simple-input[disabled] + label:before, input[type="color"].fancy-input[disabled] + label:before, input[type="color"].simple-input[disabled] + label:before {
  background-image: -webkit-linear-gradient(top, #eaeaea, #eaeaea);
  background-image: linear-gradient(to bottom, #eaeaea, #eaeaea);
}
textarea.fancy-input[required] + label::after, input[type="text"].fancy-input[required] + label::after, input[type="password"].fancy-input[required] + label::after, input[type="datetime"].fancy-input[required] + label::after, input[type="datetime-local"].fancy-input[required] + label::after, input[type="date"].fancy-input[required] + label::after, input[type="month"].fancy-input[required] + label::after, input[type="time"].fancy-input[required] + label::after, input[type="week"].fancy-input[required] + label::after, input[type="number"].fancy-input[required] + label::after, input[type="email"].fancy-input[required] + label::after, input[type="url"].fancy-input[required] + label::after, input[type="search"].fancy-input[required] + label::after, input[type="tel"].fancy-input[required] + label::after, input[type="color"].fancy-input[required] + label::after {
  display: inline-block;
  color: #dc3000;
  content: "*";
  position: relative;
  top: 0.5em;
  left: -0.5em;
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-delay: 0.01s;
  transition-delay: 0.01s;
  -webkit-transform: scale(2, 2);
  transform: scale(2, 2);
}
textarea.fancy-input:focus[required] + label::after, textarea.fancy-input:valid[required] + label::after, input[type="text"].fancy-input:focus[required] + label::after, input[type="text"].fancy-input:valid[required] + label::after, input[type="password"].fancy-input:focus[required] + label::after, input[type="password"].fancy-input:valid[required] + label::after, input[type="datetime"].fancy-input:focus[required] + label::after, input[type="datetime"].fancy-input:valid[required] + label::after, input[type="datetime-local"].fancy-input:focus[required] + label::after, input[type="datetime-local"].fancy-input:valid[required] + label::after, input[type="date"].fancy-input:focus[required] + label::after, input[type="date"].fancy-input:valid[required] + label::after, input[type="month"].fancy-input:focus[required] + label::after, input[type="month"].fancy-input:valid[required] + label::after, input[type="time"].fancy-input:focus[required] + label::after, input[type="time"].fancy-input:valid[required] + label::after, input[type="week"].fancy-input:focus[required] + label::after, input[type="week"].fancy-input:valid[required] + label::after, input[type="number"].fancy-input:focus[required] + label::after, input[type="number"].fancy-input:valid[required] + label::after, input[type="email"].fancy-input:focus[required] + label::after, input[type="email"].fancy-input:valid[required] + label::after, input[type="url"].fancy-input:focus[required] + label::after, input[type="url"].fancy-input:valid[required] + label::after, input[type="search"].fancy-input:focus[required] + label::after, input[type="search"].fancy-input:valid[required] + label::after, input[type="tel"].fancy-input:focus[required] + label::after, input[type="tel"].fancy-input:valid[required] + label::after, input[type="color"].fancy-input:focus[required] + label::after, input[type="color"].fancy-input:valid[required] + label::after {
  -webkit-transform: translate(0, -1.65em) scale(1.5, 1.5);
  transform: translate(0, -1.65em) scale(1.5, 1.5);
}

#exit-modal {
	box-shadow: 0 0 10em rgba(255,255,255, 0.5);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	padding: 3em;
	z-index: 999;
	z-index: 1000;
	z-index: 100000;
}

#exit-modal .close {
	position: absolute;
	right: 0;
	bottom: 100%;
	font-size: 3em;
	margin-bottom: 0.5em;
	color: #000;
}


#exit-modal * {
	position: relative;
	z-index: 2;
}


#exit-modal::before {
	background: rgba(255,255,255,0.65);
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	content: " ";
	z-index: 0;
	pointer-events: none;
}

#exit-modal img {
	max-height: 45em;
}

#exit-modal .btn {
	background: #ea3c3c;
	margin-top: 1em;
	border-radius: 0.2em;
	font-size: 1.25em;
	padding: 0.75em 3em;
}

#exit-modal .btn:hover {
	background: #c21f1f;
}

#exit-modal .modal-body {
}	

#exit-modal h1 {
	font-size: 2.5em;
	font-weight: 900;
	color: #ea3c3c;
}

#exit-modal p {
	font-size: 1.5em;
	line-height: 1.4;
	font-weight: 100;
	color: #777;
}

.sumome-scrollbox-heading {
	zoom: 0.5;
	font-weight: bold;
}

.sumome-scrollbox-text {
	zoom: 0.8;
}


.cookie-banner {
	position: fixed;
	z-index: 1000;
	padding: 1em 1.8em;
	width: 100%;
	bottom: 0;
	color: white;
	background-color: rgba(78, 78, 78, 0.85);
}

.cookie-banner p {
	padding: 0px;
	margin: 0px;
	float: left;
	margin-top: 10px;
	margin-left: 20px;
}

.cookie-banner .btn {
	float: right;
	margin-right: 80px;
}

.cookie-banner .learn{
	margin-top: 10px;
	float: left;
}

@media(max-width: 740px){

	.cookie-banner .btn {
		clear: both;
    		float: left;
    		margin-left: 20px;
	}

}

@media(max-width: 584px){

        .cookie-banner .learn {
		clear: both;
    		margin-left: 20px;
    		margin-bottom: 10px;
        }
}

div#aboutusbanner{
	text-align:center;
	padding:5px 5px;
	font-size:.6rem;
	font-weight:600;	
	line-height:1.5;
}

 @media (min-width: 640px) {
	div#aboutusbanner{
		padding: 0;
		padding-top:12px;
		font-size:.875rem;	
} 	
 }
q1