@charset "UTF-8";

html
{
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
	scroll-behavior: smooth;
	font-family:sans-serif
}

body
{
	background:#333;
	color:rgba(255,255,255,1);
	font:16px Lato,sans-serif;
	line-height:1;
	margin:0
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary
{
	display:block
}

audio,canvas,progress,video
{
	display:inline-block;
	vertical-align:baseline
}

audio:not([controls])
{
	display:none;
	height:0
}

[hidden],template
{
	display:none
}

a
{
	background-color:transparent;
	color:#fc0;
	cursor:pointer;
	text-decoration:underline
}

a:active,a:hover
{
	outline:0
}

abbr[title]
{
	border-bottom:1px dotted
}

b,strong
{
	font-weight:700
}

dfn
{
	font-style:italic
}

h1
{
	font-size:2em;
	margin:.67em 0
}

mark
{
	background:#ff0;
	color:#000
}

small
{
	font-size:80%
}

sub,sup
{
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}

sup
{
	top:-.5em
}

sub
{
	bottom:-.25em
}

img
{
	border:0
}

svg:not(:root)
{
	overflow:hidden
}

figure
{
	margin:1em 40px
}

hr
{
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
	height:0
}

pre
{
	overflow:auto
}

code,kbd,pre,samp
{
	font-family:monospace,monospace;
	font-size:1em
}

button,input,optgroup,select,textarea
{
	color:inherit;
	font:inherit;
	margin:0
}

button
{
	overflow:visible
}

button,select
{
	text-transform:none
}

button,html input[type="button"],/* 1 */
input[type="reset"],input[type="submit"]
{
	-webkit-appearance:button;
	cursor:pointer
}

button[disabled],html input[disabled]
{
	cursor:default
}

button::-moz-focus-inner,input::-moz-focus-inner
{
	border:0;
	padding:0
}

input
{
	line-height:normal
}

input[type="checkbox"],input[type="radio"]
{
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding:0
}

input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button
{
	height:auto
}

input[type="search"]
{
	-webkit-appearance:textfield;
	-webkit-box-sizing:content-box;
	box-sizing:content-box
}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration
{
	-webkit-appearance:none
}

fieldset
{
	border:1px solid silver;
	margin:0 2px;
	padding:.35em .625em .75em
}

legend
{
	border:0;
	padding:0
}

textarea
{
	overflow:auto
}

optgroup
{
	font-weight:700
}

table
{
	border-collapse:collapse;
	border-spacing:0
}

td,th
{
	padding:0
}

p a[href ^= http]:not([href *= dudeiwantthat.])
{
	background:transparent url(/assets/cdn2.dudeiwantthat.com/3e/3e6bc5d30381fccd1387f50ac3d2eebd55e106fe946c08e79b9cc53dcf247d0a.png) no-repeat center right;
	padding-right:12px
}

.font10
{
	font-size:.625em
}

.font12
{
	font-size:.75em
}

.font14
{
	font-size:.875em
}

.font18
{
	font-size:1.125em
}

.upper
{
	text-transform:uppercase
}

h1,h2,h3
{
	font-family:Oswald,sans-serif
}

a:hover
{
	color:#00ACEF
}

.hilight
{
	color:#fc0
}

.white
{
	color:#fff
}

.black
{
	color:#000
}

.grey
{
	color:#999
}

.heavy
{
	font-weight:700
}

.alpha60
{
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)";
	background-color:#000;
	background-color:rgba(0,0,0,0.5);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)
}

.alpha100
{
	background-color:#000
}

.noShow
{
	display:none!important
}

.noFloat {
	float:none!important
}
#content
{
	min-height:80vh;
	width:100%
}

.wrapper
{
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	height:100%;
	margin:0 auto;
	max-width:75em;
	padding:0 .5em;
	position:relative;
	width:100%
}

@media only screen and (min-width: 420px) {
	.wrapper
	{
		padding:0 1em
	}
}

@media only screen and (min-width: 580px) {
	.wrapper
	{
		padding:0 1.25em
	}
}

.floatfix
{
	overflow:hidden
}

#nav-bar-spacer
{
	display:block;
	height:60px
}

@media only screen and (min-width: 420px) {
	#nav-bar-spacer
	{
		height:80px
	}
}

#nav-bar
{
	-webkit-box-shadow:0 2px 2px 2px rgba(0,0,0,.6);
	background-color:rgba(0,0,0,1);
	border-bottom:1px solid #111;
	box-shadow:0 2px 2px 2px rgba(0,0,0,.6);
	height:60px;
	left:0;
	position:fixed;
	top:0;
	width:100%;
	z-index:9999
}

@media only screen and (min-width: 420px) {
	#nav-bar
	{
		height:80px
	}
}

#lockup
{
	float:left;
	height:50px;
	overflow:hidden;
	padding:10px 0 0;
	position:relative;
	width:41px
}

#logo
{
	background-image:url(/assets/cdn2.dudeiwantthat.com/e8/e8f9278e0f2bdc03e3ac3597d3e59832ecd92ee12e2c1c5a12d4dc9f9a8d48ec.png);
	background-repeat:no-repeat;
	background-size:41px 40px;
	height:100%;
	width:100%
}

@media only screen and (min-width: 420px) {
	#logo
	{
		background-size:62px 60px
	}

	#lockup
	{
		height:70px;
		width:62px
	}
}

@media only screen and (min-width: 580px) {
	#logo
	{
		background-image:url(/assets/cdn2.dudeiwantthat.com/d1/d1ad1d334f53e0e2c18eab3d52c1df1be2bd11bc45f8bc239d98235102b4d52b.png);
		background-size:132px 60px
	}

	#lockup
	{
		height:70px;
		width:132px
	}
}

.nav-tabs
{
	-moz-osx-font-smoothing:grayscale;
	-moz-user-select:none;
	-ms-user-select:none;
	-webkit-font-smoothing:antialiased;
	-webkit-user-select:none;
	float:left;
	font-weight:500;
	height:100%;
	margin-left:0;
	text-align:left;
	user-select:none
}

@media only screen and (min-width: 420px) {
	.nav-tabs
	{
		margin-left:.375em
	}
}

@media only screen and (min-width: 580px) {
	.nav-tabs
	{
		margin-left:1em
	}
}

.nav-tabs a
{
	-o-transition-duration:.2s;
	-o-transition-property:font-size,color;
	-o-transition-timing-function:ease-in-out;
	-webkit-transition-duration:.2s;
	-webkit-transition-property:font-size,color;
	-webkit-transition-timing-function:ease-in-out;
	color:#fff;
	font-size:.875em;
	margin:0 8px;
	text-decoration:none;
	transition-duration:.2s;
	transition-property:font-size,color;
	transition-timing-function:ease-in-out
}

@media only screen and (min-width: 375px) {
	.nav-tabs a
	{
		font-size:1em
	}
}

@media only screen and (min-width: 580px) {
	.nav-tabs a
	{
		font-size:1.25em
	}
}

.nav-tabs a.active
{
	color:#fc0
}

.nav-tabs a:hover,.nav-tabs a:focus
{
	color:#fc0;
	outline:none;
	text-decoration:none
}

.nav-bar-right
{
	float:right;
	font-weight:500;
	height:100%;
	text-align:left
}

.nav-bar-right a,.submenu a
{
	-o-transition-duration:.2s;
	-o-transition-property:font-size,color;
	-o-transition-timing-function:ease-in-out;
	-webkit-transition-duration:.2s;
	-webkit-transition-property:font-size,color;
	-webkit-transition-timing-function:ease-in-out;
	color:#fff;
	display:block;
	font-size:.8em;
	margin:0 4px;
	text-decoration:none;
	transition-duration:.2s;
	transition-property:font-size,color;
	transition-timing-function:ease-in-out
}

@media only screen and (min-width: 420px) {
	.nav-bar-right a,.submenu a
	{
		font-size:1em;
		margin:0 6px
	}
}

@media only screen and (min-width: 580px) {
	.nav-bar-right a,.submenu a
	{
		font-size:1.2em;
		margin:0 8px
	}
}

.nav-bar-right a.active,.submenu a.active
{
	color:#fc0
}

.nav-bar-right a:hover,.nav-bar-right a:focus,.submenu a:hover,.submenu a:focus
{
	color:#fc0;
	outline:none;
	text-decoration:none
}

.nav-actions
{
	height:100%
}

.nav-actions a.nav-action:focus
{
	opacity:.5
}

.nav-actions a.nav-action.active
{
	opacity:1
}

.nav-actions .nav-action>span
{
	display:none
}

.nav-action
{
	-o-transition:opacity .2s ease-in-out;
	-webkit-transition:opacity .2s ease-in-out;
	background-position:center;
	background-repeat:no-repeat;
	background-size:16px;
	color:#fff;
	cursor:pointer;
	display:inline-block;
	height:60px;
	margin:0 0 0 6px;
	opacity:1;
	padding:0;
	position:relative;
	transition:opacity .2s ease-in-out;
	vertical-align:top;
	width:16px;
	z-index:99
}

@media only screen and (min-width: 375px) {
	.nav-action
	{
		margin:0 0 0 10px
	}
}

@media only screen and (min-width: 420px) {
	.nav-action
	{
		height:80px
	}
}

.nav-action:hover
{
	opacity:.5
}

.nav-action#search
{
	background-image:url(/assets/embedded/ba/ba3e367268616afd40aa0563bb625138a819374d353b595e93c0b9ed2cf69a16.png);
	background-image:-webkit-image-set(url(/assets/embedded/ba/ba3e367268616afd40aa0563bb625138a819374d353b595e93c0b9ed2cf69a16.png) 1x,url(/assets/embedded/9d/9d05e16028f613081531fadd030ce4437b31c2f4b1ad1a10bad0131af29b3ecb.png) 2x)
}

.nav-action#profile
{
	background-image:url(/assets/embedded/7e/7eb26cd460af222391b223846a67a2f1a88ac90e2e9cc39618b8c0eb87fb4fa4.png);
	background-image:-webkit-image-set(url(/assets/embedded/7e/7eb26cd460af222391b223846a67a2f1a88ac90e2e9cc39618b8c0eb87fb4fa4.png) 1x,url(/assets/embedded/01/01d0e7305cd08010a179d52ca71d141395822ccd69a051788000840a8478a7d4.png) 2x)
}

.nav-action#filter-icon
{
	background-image:url(/assets/embedded/f8/f80f0a60921fd8fa77d47a4ece4ba9569bfded965071380abcc6ddacbe7cbb71.png);
	background-image:-webkit-image-set(url(/assets/embedded/f8/f80f0a60921fd8fa77d47a4ece4ba9569bfded965071380abcc6ddacbe7cbb71.png) 1x,url(/assets/embedded/60/60b26aa89fcd622a3369f987989054dfbf7cad9c835ee958306078c5794d429d.png) 2x)
}

.nav-action#burger
{
	background-image:url(/assets/embedded/a5/a525759d6e7aad78d74e6b2c04d9fd91169aaed22bb612fcd7f3233a4fea6c53.png);
	background-image:-webkit-image-set(url(/assets/embedded/a5/a525759d6e7aad78d74e6b2c04d9fd91169aaed22bb612fcd7f3233a4fea6c53.png) 1x,url(/assets/embedded/58/580220d18b015ac9cd0b62073267d53e84174297507edad39b8993537e878453.png) 2x)
}

#searchContainer
{
	display:none;
	height:100%;
	width:100%
}

#searchContainer form
{
	height:100%
}

ul.userMenu
{
	-webkit-box-shadow:0 2px 5px 2px rgba(0,0,0,.6);
	background:#222;
	border-top:5px solid #000;
	box-shadow:0 2px 5px 2px rgba(0,0,0,.6);
	display:none;
	margin:0;
	padding:0;
	position:absolute;
	right:10px;
	top:60px
}

@media only screen and (min-width: 420px) {
	ul.userMenu
	{
		right:20px;
		top:80px
	}
}

ul.userMenu li
{
	display:block;
	float:none;
	line-height:36px;
	list-style:none;
	margin:0;
	padding:0 15px;
	text-transform:none
}

@media only screen and (min-width: 420px) {
	ul.userMenu li
	{
		line-height:40px
	}
}

.showMobile
{
	display:block
}

.noShowMobile
{
	display:none
}

@media only screen and (min-width: 860px) {
	.showMobile
	{
		display:none
	}

	.noShowMobile
	{
		display:block
	}
}

ul.wtf-menu
{
	-webkit-margin-after:0;
	float:left;
	height:100%;
	margin-top:0;
	padding:0
}

ul.wtf-menu li
{
	float:left;
	line-height:60px;
	list-style:none;
	margin:0;
	padding:0;
	position:relative
}

@media only screen and (min-width: 420px) {
	ul.wtf-menu li
	{
		line-height:80px
	}
}

ul.wtf-menu li a
{
	display:block;
	margin:0;
	padding:0 .4375em
}

@media only screen and (min-width: 860px) {
	ul.wtf-menu li a
	{
		padding:0 .75em
	}
}

.submenu
{
	-webkit-box-shadow:0 2px 5px 2px rgba(0,0,0,.6);
	background:#222;
	border-top:5px solid #000;
	box-shadow:0 2px 5px 2px rgba(0,0,0,.6);
	display:none;
	left:55px;
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
	top:60px;
	width:180px
}

@media only screen and (min-width: 420px) {
	.submenu
	{
		left:90px
	}
}

@media only screen and (min-width: 580px) {
	.submenu
	{
		left:180px
	}
}

@media only screen and (min-width: 420px) {
	.submenu
	{
		top:80px
	}
}

.submenu li
{
	border-bottom:1px solid #333;
	line-height:36px;
	margin:0;
	padding:.25em;
	text-transform:none
}

@media only screen and (min-width: 420px) {
	.submenu li
	{
		line-height:40px
	}
}

.submenu li:last-child
{
	border:none
}

@media (min-width: 800px) {
	#categories:hover + .submenu
	{
		-webkit-animation:fadeIn .2s ease-in;
		animation:fadeIn .2s ease-in;
		display:block
	}
}

@-webkit-keyframes fadeIn {
	0%
	{
		opacity:0
	}

	100%
	{
		opacity:1
	}
}

@keyframes fadeIn {
	0%
	{
		opacity:0
	}

	100%
	{
		opacity:1
	}
}

.fadeIn
{
	-webkit-animation-name:fadeIn;
	animation-name:fadeIn
}

#search-input
{
	-moz-osx-font-smoothing:grayscale;
	-o-transition:all .2s ease-in-out;
	-webkit-box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	-webkit-transition:all .2s ease-in-out;
	background:none!important;
	border:none;
	border-radius:0;
	box-sizing:border-box;
	color:#ccc;
	display:block;
	font-size:16px;
	font-weight:400;
	height:100%;
	line-height:1.3em;
	margin:0;
	max-width:100%;
	outline:none!important;
	padding:0 0 0 30px;
	position:relative;
	transition:all .2s ease-in-out;
	width:85%;
	z-index:10
}

@media only screen and (min-width: 580px) {
	#search-input
	{
		font-size:24px;
		font-weight:500;
		width:90%
	}
}

.search-label
{
	background-image:url(/assets/embedded/ba/ba3e367268616afd40aa0563bb625138a819374d353b595e93c0b9ed2cf69a16.png);
	background-image:-webkit-image-set(url(/assets/embedded/ba/ba3e367268616afd40aa0563bb625138a819374d353b595e93c0b9ed2cf69a16.png) 1x,url(/assets/embedded/9d/9d05e16028f613081531fadd030ce4437b31c2f4b1ad1a10bad0131af29b3ecb.png) 2x);
	background-position:left;
	background-repeat:no-repeat;
	background-size:16px;
	display:block;
	height:100%;
	opacity:.7;
	position:absolute;
	width:20px;
	z-index:5
}

.close-search
{
	background-image:url(/assets/embedded/41/41624d58bea15535e4b1623fdc6493ee797b06ae48b7841f99b062909c604ff2.png);
	background-image:-webkit-image-set(url(/assets/embedded/41/41624d58bea15535e4b1623fdc6493ee797b06ae48b7841f99b062909c604ff2.png) 1x,url(/assets/embedded/5f/5faa2a90c484647679f8d90a7c34bf6bd61a797477096c82551fc71d2bb4e190.png) 2x);
	background-repeat:no-repeat;
	background-size:16px;
	height:100%;
	opacity:.5;
	padding:0;
	position:absolute;
	right:30px;
	top:0
}

@media (min-width: 580px) {
	.close-search
	{
		right:50px
	}
}

.close-search span
{
	display:none
}

.cat-header
{
	background-color:#000;
	display:block;
	font-family:Oswald,sans-serif;
	font-size:1em;
	margin:1em auto 0;
	padding:.5em 0;
	text-align:center
}

@media only screen and (min-width: 768px) {
	.cat-header
	{
		font-size:1.5em
	}
}

.products,.related-products
{
	-ms-flex-align:stretch;
	-ms-flex-flow:row wrap;
	-ms-flex-line-pack:start;
	-ms-flex-pack:start;
	-webkit-box-align:stretch;
	-webkit-box-direction:normal;
	-webkit-box-orient:horizontal;
	-webkit-box-pack:start;
	align-content:flex-start;
	align-items:stretch;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	flex-flow:row wrap;
	justify-content:flex-start;
	margin:0 0 1em
}

@media only screen and (min-width: 768px) {
	.products,.related-products
	{
		margin:0 -1.5% 1em
	}
}

.product
{
	-ms-flex:0 0 100%;
	-webkit-box-flex:0;
	-webkit-box-sizing:border-box;
	background:#000;
	box-sizing:border-box;
	flex:0 0 100%;
	margin:1em 0;
	padding:0;
	position:relative
}

.img-container
{
	margin:0
}

@media only screen and (min-width: 768px) {
	.product
	{
		-ms-flex:1 0 47%;
		-webkit-box-flex:0;
		flex:1 0 47%;
		margin:1em 1.5%;
	}
}

@media only screen and (min-width: 1024px) {
	.product
	{
		-ms-flex:1 0 30.333%;
		-webkit-box-flex:0;
		flex:1 0 30.333%;
	}
}

@media only screen and (min-width: 768px) {
	.product:last-child
	{
		-ms-flex-positive:0;
		-webkit-box-flex:0;
		flex-grow:0
	}
}

.img-container
{
	background:#000;
	position:relative
}

.img-container:after
{
	content:'';
	display:block;
	height:0;
	padding-top:83.33%;
	width:100%
}

.img-container > .scl
{
	display:block;
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%
}

.img-container img
{
	display:block;
	height:auto;
	max-width:100%;
	vertical-align:middle;
	width:100%
}

.shadow
{
	-webkit-box-shadow:0 0 10px 0 #000;
	box-shadow:0 0 10px 0 #000
}

.product-image-link
{
	display:block;
	height:100%;
	width:100%
}

.new
{
	color:#fff;
	display:block;
	font-family:Oswald,sans-serif;
	font-size:1.25em;
	font-weight:500;
	left:5px;
	padding:.25em;
	position:absolute;
	text-align:center;
	text-decoration:none;
	top:5px;
	z-index:1000
}

@media only screen and (min-width: 768px) {
	.new
	{
		font-size:1.5em
	}
}

.sponsored
{
	display:block;
	left:5px;
	overflow:hidden;
	padding:4px;
	position:absolute;
	text-align:center;
	top:5px;
	z-index:1000
}

.sponsored a
{
	color:#fff;
	font-size:.875em;
	font-weight:400;
	text-decoration:none
}

@media (min-width: 800px) {
	.img-container:hover > .fav-icon,.img-container:hover > .fav-icon-lo
	{
		display:block
	}

	.img-container-blog:hover > .fav-icon,.img-container-blog:hover > .fav-icon-lo
	{
		display:block
	}
}

.fav-icon,.fav-icon-lo
{
	-o-transition-duration:.2s;
	-o-transition-property:opacity;
	-o-transition-timing-function:ease-in-out;
	-webkit-box-sizing:border-box;
	-webkit-transition-duration:.2s;
	-webkit-transition-property:opacity;
	-webkit-transition-timing-function:ease-in-out;
	background-image:url(/assets/embedded/72/72c95f2f84c42e0aa1ce472afb12dec27863f49a64e551db3b08cad2cd0157c7.png);
	background-image:-webkit-image-set(url(/assets/embedded/72/72c95f2f84c42e0aa1ce472afb12dec27863f49a64e551db3b08cad2cd0157c7.png) 1x,url(/assets/embedded/05/057aad878bcee60b8f83397d41ce946aa57d5d8f14a196d373143cad2a877c5c.png) 2x);
	background-position:center;
	background-repeat:no-repeat;
	background-size:32px;
	box-sizing:border-box;
	color:#fff;
	display:none;
	font-size:.6875em;
	font-weight:400;
	height:32px;
	opacity:.5;
	overflow:hidden;
	padding:8px 0;
	position:absolute;
	right:5px;
	text-align:center;
	text-decoration:none;
	top:5px;
	transition-duration:.2s;
	transition-property:opacity;
	transition-timing-function:ease-in-out;
	width:32px;
	z-index:2000
}

.fav-icon:focus,.fav-icon-lo:focus
{
	outline:none
}

.fav-icon:hover,.fav-icon-lo:hover
{
	color:#fff;
	cursor:pointer;
	opacity:1
}

.fav-added
{
	display:block;
	opacity:1
}

.product-details
{
	-webkit-box-sizing:border-box;
	background:#000;
	box-sizing:border-box;
	font-weight:700;
	line-height:22px;
	padding: .5rem
}

.product-details-feat { display: none }

@media (min-width: 768px) {
	.product-details-feat { display: block }
}

.grid-buy-container { margin: 10px -.5rem 0 }

.grid-buy-btn
{
	-o-transition-duration:.5s;
	-o-transition-property:background-color,color;
	-o-transition-timing-function:ease-in-out;
	-webkit-box-sizing:border-box;
	-webkit-transition-duration:.5s;
	-webkit-transition-property:background-color,color;
	-webkit-transition-timing-function:ease-in-out;
	background:#444;
	box-sizing:border-box;
	color:#C4C4C4;
	display:none;
	font-family:Oswald,sans-serif;
	font-size:1.125em;
	font-weight:600;
	margin: .5rem;
	padding:.625em;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	transition-duration:.5s;
	transition-property:background-color,color;
	transition-timing-function:ease-in-out
}

@media (min-width: 768px) { .grid-buy-btn { display: block } }

.grid-buy-btn:hover

{
	background-color:#666;
	color:#fff;
	outline:none
}

.grid-buy-btn:active
{
	outline:none
}

.buy:after { content: 'Buy Now' }
.check:after { content: 'Check it Out' }
.giveaway:after { content: 'Click Here To Enter' }

.gvwy-clsd
{
	-webkit-box-sizing:border-box;
	background:#333;
	border-radius:4px;
	box-sizing:border-box;
	color:#999;
	display:block;
	margin:10px 0;
	padding:5px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	width:100%
}

.product-details h2
{
	-moz-osx-font-smoothing:grayscale;
	-webkit-box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	box-sizing:border-box;
	font-size:1.25em;
	font-weight:500;
	letter-spacing:.01em;
	line-height:1.5em;
	margin:0 0 5px;
	padding:0;
	width:100%
}

.product-details h2 a
{
	color:#fff;
	text-decoration:none
}

@media (max-width: 360px) {
	.product-details h2
	{
		max-width:294px
	}
}

.product-purchase-info
{
	font-size:1em;
	width:100%
}

.product-description { display: none }

@media (min-width: 768px) {
	.product-description { display: block }
}

.product-description p
{
	-webkit-line-clamp: 5;
	font-size:1em;
	font-weight:300;
	hyphens:auto;
	line-height:1.5em;
	margin:.5em 0;
	padding:0;
	text-align:justify
}

@media (min-width:768px) {
	.product-description p
	{
		font-size:1.125em
	}
}

@media (min-width:1024px) {
	.product-description p
	{
		font-size:1em
	}
}

.gridPageAdWrapper
{
	background-color:#222;
	display:block;
	margin:0 auto 15px;
	padding:8px 0;
	text-align:center
}

.giveawayBar
{
	-webkit-box-sizing:border-box;
	bottom:20px;
	box-sizing:border-box;
	color:#fff;
	float:left;
	font-size:1em;
	padding:5px;
	position:absolute;
	text-align:center;
	text-transform:uppercase;
	width:100%;
	z-index:10
}

.giveawayBar a
{
	outline:none
}

.productWrapper
{
	-webkit-box-sizing:border-box;
	background-color:#000;
	box-sizing:border-box;
	float:left;
	margin:20px 0;
	padding:0 1.5% 1%;
	position:relative;
	width:100%
}

@media (min-width:800px) {
	.productWrapper
	{
		padding:0 1% 1%
	}
}

#author
{
	font-size:1em;
	margin-bottom:1em
}

#breadcrumbs
{
	font-size:1em;
	margin-bottom:1em
}

@media (min-width:768px) {
	#breadcrumbs
	{
		margin-bottom:1em
	}
}

.productData
{
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	float:left
}

.productWrapper #video-wrapper
{
	height:0;
	padding-bottom:56.25%;
	padding-top:25px;
	position:relative;
	width:100%
}

.productWrapper #video-wrapper iframe
{
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%
}

.productWrapper #image-wrapper
{
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	display:-webkit-box;
	display:-ms-flexbox;
	display: flex;
	justify-content: center;
	float:left;
	overflow:hidden;
	padding:0;
	width:100%
}

.productWrapper #image-wrapper img
{
	display:block;
	height:auto;
	max-width:100%;
	vertical-align:middle;
	width:100%
}

.productWrapper h1
{
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	font-size:1.25em;
	line-height:1.25em;
	margin:10px 0;
	padding:0 2em 0 0;
	width:100%
}

@media (min-width:680px) {
	.productWrapper h1
	{
		font-size:1.5em
	}
}

.productWrapper h2
{
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	color:#ccc;
    font-family: Oswald,sans-serif;
	font-size:1em;
	line-height:1.25em;
	margin:.5em 0;
	padding:0;
	width:100%
}

@media (min-width:680px) {
	.productWrapper h2
	{
		font-size:1.25em
	}
}

h2.cen
{
	background:#ccc;
	color:#000;
	padding:.25em 0;
	text-align:center;
	text-transform:uppercase;
	width:100%
}

.copy h3
{
	color:#ccc;
	font-size:1em;
	margin:.5em 0
}

@media (min-width:768px) {
	.copy h3
	{
		font-size:1.25em;
		line-height:1.375em
	}
}

.productWrapper .productCopy
{
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	float:left;
	margin:0;
	padding:0;
	width:100%
}

.copy
{
	color:#ccc;
	font-size:1.375em;
	font-weight:300;
	line-height:1.5em;
	width:100%
}

.copy p
{
	margin-bottom:1.5em
}

.productWrapper .productCopy a
{
	border-bottom:1px solid;
	text-decoration:none
}

.productWrapper #copy-wrapper
{
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	margin-top:20px;
	float:left;
	overflow:hidden;
	padding:0;
	width:100%
}

.productWrapper .productCopy p:first-child
{
	margin-top:0
}

.full
{
	float:left;
	padding:0!important;
	width:100%
}

.half45,.half55
{
	width:100%
}

.half45
{
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	float:left;
	margin:0
}

@media (min-width:800px) {
	.half45
	{
		width:45%
	}

	.half55
	{
		width:55%
	}
}

.productWrapper .copy img
{
	display:block;
	max-width:100%;
	width:100%
}

.copy a:focus
{
	outline:none
}

.productWrapper .purchase-btn
{
	-o-transition-duration:.3s;
	-o-transition-property:background-color;
	-o-transition-timing-function:ease-in-out;
	-webkit-box-sizing:border-box;
	-webkit-transition-duration:.3s;
	-webkit-transition-property:background-color;
	-webkit-transition-timing-function:ease-in-out;
	background:#fc0;
	border-bottom:0!important;
	box-sizing:border-box;
	color:#300;
	display:block;
	font-size:1em;
	font-weight:500;
	margin:1em auto 1.5em;
	max-width:290px;
	padding:.5em 1em;
	text-align:center;
	text-transform:uppercase;
	transition-duration:.3s;
	transition-property:background-color;
	transition-timing-function:ease-in-out;
	width:100%
}

@media (min-width:768px) {
	.productWrapper .purchase-btn
	{
		max-width:500px
	}
}

.productWrapper .purchase-btn:hover
{
	background-color:#f90
}

.slideshow-nav
{
	float:left;
	font-size:1em;
	text-align:center;
	width:100%
}

@media (min-width:768px) {
	.slideshow-nav
	{
		font-size:1.5em
	}
}

.slideshow-nav .prev
{
	background:#292929;
	float:left;
	padding:10px;
	text-align:left
}

.slideshow-nav .next
{
	background:#292929;
	float:right;
	padding:10px;
	text-align:right
}

.slideshow-nav a
{
	color:#ccc;
	text-decoration:none
}

.HomePageAdWrapper
{
	margin:0 -20px;
	padding:20px 0 5px
}

@media (min-width:346px) {
	.HomePageAdWrapper
	{
		margin:0
	}
}

.HomePageAd,gridPageAd
{
	display:block;
	margin:0 auto
}

@media (min-width:320px) {
	.HomePageAd
	{
		height:50px;
		width:320px
	}
}

@media (min-width:500px) {
	.HomePageAd
	{
		height:60px;
		width:468px
	}
}

@media (min-width:768px) {
	.HomePageAd
	{
		height:90px;
		width:728px
	}
}

@media (min-width:320px) {
	.gridPageAd
	{
		height:250px;
		width:300px
	}
}

@media (min-width:360px) {
	.gridPageAd
	{
		height:280px;
		width:336px
	}
}

@media (min-width:500px) {
	.gridPageAd
	{
		height:60px;
		width:468px
	}
}

@media (min-width:768px) {
	.gridPageAd
	{
		height:90px;
		width:728px
	}
}

.productPageAdWrapper
{
	float:left;
	margin:20px -1% 0;
	text-align:center;
	width:102%
}

@media (min-width:325px) {
	.productPageAdWrapper
	{
		margin:20px 0 0;
		width:100%
	}
}

@media (min-width:500px) {
	.productPageAdWrapper
	{
		text-align:left
	}
}

.productPageAdMainImage,.productPageAdPurchaseDetails,.productPageUnderAddtl
{
	margin:0
}

.productPageAdPurchaseDetails
{
	display:inline-block
}

@media (min-width:320px) {
	.productPageAdMainImage
	{
		height:100px;
		width:300px
	}
}

@media (min-width:346px) {
	.productPageAdMainImage
	{
		height:100px;
		width:320px
	}
}

@media (min-width:500px) {
	.productPageAdMainImage
	{
		height:60px;
		width:468px
	}
}

@media (min-width:768px) {
	.productPageAdMainImage
	{
		height:90px;
		width:700px
	}
}

@media (min-width:800px) {
	.productPageAdMainImage
	{
		height:90px;
		width:728px
	}
}

@media (min-width:1000px) {
	.productPageAdMainImage
	{
		height:90px;
		width:970px
	}
}

@media (min-width:320px) {
	.full .productPageAdMainImage
	{
		height:100px;
		width:300px
	}
}

@media (min-width:346px) {
	.full .productPageAdMainImage
	{
		height:100px;
		width:320px
	}
}

@media (min-width:500px) {
	.full .productPageAdMainImage
	{
		height:60px;
		width:468px
	}
}

@media (min-width:768px) {
	.full .productPageAdMainImage
	{
		height:90px;
		width:700px
	}
}

@media (min-width:800px) {
	.full .productPageAdMainImage
	{
		height:90px;
		width:728px
	}
}

@media (min-width:1000px) {
	.full .productPageAdMainImage
	{
		height:90px;
		width:970px
	}
}

@media (min-width:320px) {
	.half55 .productPageAdMainImage
	{
		height:100px;
		width:300px
	}
}

@media (min-width:346px) {
	.half55 .productPageAdMainImage
	{
		height:100px;
		width:320px
	}
}

@media (min-width:500px) {
	.half55 .productPageAdMainImage
	{
		height:60px;
		width:468px
	}
}

@media (min-width:768px) {
	.half55 .productPageAdMainImage
	{
		height:90px;
		width:700px
	}
}

@media (min-width:800px) {
	.half55 .productPageAdMainImage
	{
		height:90px;
		width:728px
	}
}

@media (max-width:500px) {
	.productPageAdMainImageSplit
	{
		height:250px;
		width:300px
	}

	.full .productPageAdMainImageSplit
	{
		height:250px;
		width:300px
	}

	.half55 .productPageAdMainImageSplit
	{
		height:250px;
		width:300px
	}
}

@media (min-width:320px) {
	.productPageAdPurchaseDetails
	{
		height:250px;
		width:300px
	}
}

@media (min-width:500px) {
	.productPageAdPurchaseDetails
	{
		height:60px;
		width:468px
	}
}

@media (min-width:768px) {
	.productPageAdPurchaseDetails
	{
		height:90px;
		width:700px
	}
}

@media (min-width:800px) {
	.productPageAdPurchaseDetails
	{
		height:90px;
		width:728px
	}
}

@media (min-width:1000px) {
	.productPageAdPurchaseDetails
	{
		height:90px;
		width:970px
	}
}

.productPageInCopy
{
	border:1px solid #191919;
	display:none;
	float:right;
	margin:0 .5em .5em 1em;
	width:300px
}

@media (min-width:768px) {
	.productPageInCopy
	{
		display:block
	}
}

.inCopyAd
{
	display:none;
	height:250px;
	width:300px
}

@media (min-width:768px) {
	.inCopyAd
	{
		display:inline-block
	}
}

.share-actions
{
	display:block;
	margin:0 -1%
}

.share-action
{
	-o-transition:all .2s ease-in-out;
	-webkit-box-sizing:border-box;
	-webkit-transition:all .2s ease-in-out;
	background-position:3px 50%;
	background-repeat:no-repeat;
	background-size:18px;
	border-bottom:none!important;
	box-sizing:border-box;
	color:#fff;
	cursor:pointer;
	display:inline-block;
	font-size:.75em;
	font-weight:400;
	height:30px;
	margin:0 1%;
	opacity:1;
	padding:10px 0 0 24px;
	position:relative;
	text-align:left;
	text-decoration:none;
	transition:all .2s ease-in-out;
	vertical-align:top;
	width:23%;
	z-index:100
}

@media only screen and (min-width: 450px) {
	.share-action
	{
		background-position:4px 50%;
		background-size:30px;
		font-size:1em;
		height:40px;
		padding:12px 10px 0 40px
	}
}

@media only screen and (min-width: 600px) {
	.share-action
	{
		text-align:center
	}
}

@media only screen and (min-width: 768px) {
	.share-action
	{
		font-size:1.25em;
		font-weight:700;
		padding:10px 0 0
	}
}

.share-action:hover
{
	-ms-transform:translateY(-4px);
	-webkit-transform:translateY(-4px);
	color:#fff;
	transform:translateY(-4px)
}

#fb-share
{
	background-color:#3A5795;
	background-image:url(/assets/embedded/e9/e96292320bb0b4aedb2950a7472f6f8b7dcd32d185c1ff9d72bcd6cd646a14a5.png);
	background-image:-webkit-image-set(url(/assets/embedded/e9/e96292320bb0b4aedb2950a7472f6f8b7dcd32d185c1ff9d72bcd6cd646a14a5.png) 1x,url(/assets/embedded/43/43d6f3d8e23ed65ade09369e597812f5fa8d2a93cb9e52de0f4159a7a500c5c7.png) 2x)
}

#twitter-share
{
	background-color:#55ACEE;
	background-image:url(/assets/embedded/9f/9f74fe9d80ad659b64ec9a4b2042e877afb92ad7dba805deb66822c8ce51e9cf.png);
	background-image:-webkit-image-set(url(/assets/embedded/9f/9f74fe9d80ad659b64ec9a4b2042e877afb92ad7dba805deb66822c8ce51e9cf.png) 1x,url(/assets/embedded/8e/8ec677c50deab96d8854015e098c8c92ec87fd49959fb3e565914b7cff6f5901.png) 2x)
}

#pinterest-share
{
	background-color:#CD2129;
	background-image:url(/assets/embedded/90/907d389c02da8cea96a6694423631dd98f46e119e05a8f774e5e58b2b63c0d09.png);
	background-image:-webkit-image-set(url(/assets/embedded/90/907d389c02da8cea96a6694423631dd98f46e119e05a8f774e5e58b2b63c0d09.png) 1x,url(/assets/embedded/a8/a8f25b77684cff00ea006e6c51a45923fda7d450138414c4bc87f120c116307b.png) 2x)
}

#google-share
{
	background-color:#DE4B39;
	background-image:url(/assets/embedded/55/556d33201f7795d7400a8ae5d9e9540b6c7fb8e43d696e5f6617bea4aaf69245.png);
	background-image:-webkit-image-set(url(/assets/embedded/55/556d33201f7795d7400a8ae5d9e9540b6c7fb8e43d696e5f6617bea4aaf69245.png) 1x,url(/assets/embedded/13/13d0b7baa8062a2460a1beec7e0c204d42a12a41a116fe681be4d8962d5666a0.png) 2x)
}

#rss-share
{
	background-image:url(/assets/embedded/57/573441271b34c222d94f0cca800b9367835f7ec6d601ee70932d49f5da191f03.png);
	background-image:-webkit-image-set(url(/assets/embedded/57/573441271b34c222d94f0cca800b9367835f7ec6d601ee70932d49f5da191f03.png) 1x,url(/assets/embedded/ad/ad4ca7f78a88a252b95fa4a804c50687356ab7512f93744703c9d2a464b7eb7b.png) 2x)
}

.addImages
{
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	float:left;
	margin:20px 0 0;
	padding:0;
	width:100%
}

@media (min-width:800px) {
	.half45 .addImages
	{
		margin:0;
		padding:0 1% 0 3%
	}
}

.addImages label
{
	display:block;
	font-size:.875em;
	margin:0 0 10px
}

.addImages ul
{
	display:block;
	list-style-type:none;
	margin:0 -5px;
	overflow:hidden;
	padding:0
}

.addImages ul li
{
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	display:inline-block;
	list-style:none;
	margin:0;
	overflow:hidden;
	padding:5px;
	position:relative;
	text-align:center;
	vertical-align:middle
}

.addImages ul li.col12
{
	max-width:100px;
	width:12.5%
}

.addImages ul li.col12 img
{
	max-width:100px
}

@media (min-width:800px) {
	.addImages ul li.col12
	{
		max-width:80px;
		width:12.5%
	}
}

@media (min-width:800px) {
	.addImages ul li.col12 img
	{
		max-width:80px
	}
}

.addImages ul li.col8
{
	max-width:160px;
	width:20%
}

.addImages ul li.col8 img
{
	max-width:160px
}

.addImages ul li.col4
{
	max-width:160px;
	width:20%
}

.addImages ul li.col4 img
{
	max-width:160px
}

@media (min-width:800px) {
	.addImages ul li.col4
	{
		max-width:150px
	}
}

@media (min-width:800px) {
	.addImages ul li.col4 img
	{
		max-width:150px
	}
}

.addImages ul li.col3
{
	max-width:160px;
	width:20%
}

.addImages ul li.col3 img
{
	max-width:160px
}

@media (min-width:800px) {
	.addImages ul li.col3
	{
		max-width:150px;
		width:25%
	}
}

@media (min-width:800px) {
	.addImages ul li.col3 img
	{
		max-width:150px
	}
}

.addImages ul li.col2
{
	max-width:160px;
	width:33%
}

.addImages ul li.col2 img
{
	max-width:160px
}

.addImages ul li a
{
	display:block;
	height:100%;
	outline:none;
	width:100%
}

.addImages ul li img
{
	width:100%
}

.play-button-wrapper
{
	margin:0 0 0 -5px;
	position:absolute;
	text-align:center;
	top:38%;
	width:100%
}

.play-button
{
	-o-transition-duration:.3s;
	-o-transition-property:opacity;
	-o-transition-timing-function:ease-in-out;
	-webkit-transition-duration:.3s;
	-webkit-transition-property:opacity;
	-webkit-transition-timing-function:ease-in-out;
	background:#fff;
	border-radius:6px;
	color:#000;
	display:inline-block;
	font-size:1em;
	opacity:.7;
	padding:2px;
	text-align:center;
	transition-duration:.3s;
	transition-property:opacity;
	transition-timing-function:ease-in-out
}

@media (min-width:768px) {
	.play-button
	{
		border-radius:8px;
		font-size:1.5em
	}
}

.play-button:hover
{
	opacity:1
}

.purchaseDetails
{
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	clear:both;
	float:left;
	margin:20px 0 10px;
	padding:0;
	width:100%
}

.purchaseDetails label
{
	background:#292929;
	float:left;
	font-size:1.25em;
	line-height:1.5em;
	padding:.25em;
	text-align:left
}

.checkButton
{
	-o-transition-duration:.3s;
	-o-transition-property:background-color;
	-o-transition-timing-function:ease-in-out;
	-webkit-box-sizing:border-box;
	-webkit-transition-duration:.3s;
	-webkit-transition-property:background-color;
	-webkit-transition-timing-function:ease-in-out;
	background:#fc0;
	box-sizing:border-box;
	color:#000;
	float:left;
	font-size:1.5em;
	font-weight:700;
	line-height:1.5em;
	margin-top:5px;
	padding:8px 20px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	transition-duration:.3s;
	transition-property:background-color;
	transition-timing-function:ease-in-out;
	width:100%
}

.checkButton:hover
{
	color: #000;
	background-color:#f90
}

.bottom-buy-button { flex: 0 0 50%; min-width: 300px; font-size: 1.5rem }
.bottom-buy-button-container { display: flex; justify-content: center; margin-bottom: 1em }

#reportBox
{
	background:#666;
	float:right;
	margin:14px 0 0;
	padding:4px;
	text-align:center
}

#reportBox a
{
	color:#ccc;
	font-size:.75em;
	font-style:italic
}

@media (min-width:768px) {
	#reportBox a
	{
		font-size:.875em
	}

	#reportBox
	{
		padding:5px
	}
}

.productSource
{
	-webkit-box-sizing:border-box;
	background:#292929;
	box-sizing:border-box;
	float:left;
	font-size:1.125em;
	line-height:1.5em;
	margin:10px 0 5px;
	padding:.25em;
	text-align:left;
	width:100%
}

@media (min-width:420px) {
	.productSource
	{
		font-size:1.25em
	}
}

@media (min-width:1200px) {
	.productSource
	{
		font-size:1.5em
	}
}

.org
{
	display:inline
}

#amznRelatedProds
{
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	clear:both;
	float:left;
	margin:20px 0 0;
	padding:0;
	width:100%
}

@media (min-width:800px) {
	.half45 #amznRelatedProds
	{
		margin:10px 0 0;
		padding:0 1% 0 3%
	}
}

#amznRelatedProds label
{
	display:block;
	font-size:.875em;
	margin:0 0 10px
}

#amznRelatedProds ul
{
	clear:both;
	float:left;
	list-style:none;
	margin:5px 10px 5px 0;
	padding:0
}

@media (min-width:800px) {
	.half45 #amznRelatedProds ul
	{
		margin:5px 5px 0 0
	}
}

#amznRelatedProds ul li
{
	font-size:1em;
	line-height:1.25em;
	margin-bottom: 1em
}

@media (min-width:768px) {
	.half45 #amznRelatedProds ul li
	{
		font-size:.875em
	}
}

@media (min-width:1200px) {
	#amznRelatedProds ul li
	{
		font-size:1em
	}
}

#amznRelatedProds ul li:last-child
{
	margin-bottom:0
}

#relatedProds
{
	-webkit-box-sizing:border-box;
	background:#000;
	box-sizing:border-box;
	float:left;
	margin:0 0 20px;
	overflow:hidden;
	padding:10px 1%;
	position:relative;
	width:100%
}

#relatedProds label
{
	font-family:Oswald,sans-serif;
	font-size:1.25em
}

#relatedProds ul
{
	display:block;
	list-style-type:none;
	margin:10px -1%;
	overflow:hidden;
	padding:0
}

#relatedProds ul li
{
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	display:inline-block;
	padding:2% 1%;
	text-align:center;
	vertical-align:top;
	width:50%
}

@media only screen and (min-width: 500px) {
	#relatedProds ul li
	{
		width:33.33%
	}
}

@media only screen and (min-width: 800px) {
	#relatedProds ul li
	{
		padding:1%;
		width:25%
	}
}

#relatedProds ul li a
{
	color:#999;
	font-size:.75em;
	font-weight:400;
	line-height:1.25em
}

@media only screen and (min-width: 768px) {
	#relatedProds ul li a
	{
		font-size:1em
	}
}

#relatedProds ul li img
{
	-o-transition-duration:.3s;
	-o-transition-property:opacity;
	-o-transition-timing-function:ease-in-out;
	-webkit-transition-duration:.3s;
	-webkit-transition-property:opacity;
	-webkit-transition-timing-function:ease-in-out;
	border:1px solid #000;
	display:block;
	margin-bottom:2px;
	max-width:100%;
	opacity:1;
	transition-duration:.3s;
	transition-property:opacity;
	transition-timing-function:ease-in-out;
	width:100%
}

#relatedProds ul li img:hover
{
	opacity:.6
}

#comments
{
	-webkit-box-sizing:border-box;
	background:#000;
	box-sizing:border-box;
	float:left;
	margin:0 0 20px;
	overflow:hidden;
	padding:0 1%;
	position:relative;
	width:100%
}

.pagesWrapper
{
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	display:block;
	margin:0 0 20px;
	overflow:hidden;
	padding:0;
	width:100%
}

.pagesWrapper a
{
	color:#000;
	display:block;
	font-size:1.5em;
	font-weight:700;
	padding:.5em 0;
	text-decoration:none
}

.prev-next-wrapper
{
	-ms-flex-flow:row nowrap;
	-webkit-box-direction:normal;
	-webkit-box-orient:horizontal;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	flex-flow:row nowrap
}

.load-more
{
	-ms-flex:0 0 100%;
	-webkit-box-flex:0;
	-webkit-box-sizing:border-box;
	background:#fc0;
	border-radius:6px;
	box-sizing:border-box;
	flex:0 0 100%;
	text-align:center
}

.prev
{
	-ms-flex:0 0 49%;
	-webkit-box-flex:0;
	-webkit-box-sizing:border-box;
	background:#fc0;
	border-bottom-left-radius:6px;
	border-top-left-radius:6px;
	box-sizing:border-box;
	flex:0 0 49%;
	margin-right:1%;
	padding:.5em 0;
	text-align:center
}

.next
{
	-ms-flex:0 0 49%;
	-webkit-box-flex:0;
	-webkit-box-sizing:border-box;
	background:#fc0;
	border-bottom-right-radius:6px;
	border-top-right-radius:6px;
	box-sizing:border-box;
	flex:0 0 49%;
	margin-left:1%;
	padding:.5em 0;
	text-align:center
}

.next-end
{
	-ms-flex:0 0 49%;
	-webkit-box-flex:0;
	-webkit-box-sizing:border-box;
	background:#666;
	border-bottom-right-radius:6px;
	border-top-right-radius:6px;
	box-sizing:border-box;
	color:#999;
	flex:0 0 49%;
	font-size:1.5em;
	font-weight:700;
	margin-left:1%;
	padding:.5em 0;
	text-align:center
}

.searchResults
{
	background-color:#000;
	display:block;
	font-size:1.5em;
	margin:1em auto;
	padding:.5em 0;
	text-align:center
}

@media only screen and (min-width: 768px) {
	.searchResults
	{
		font-size:2em
	}
}

#mainEntry
{
	-webkit-box-shadow:0 0 10px 0 #000;
	-webkit-box-sizing:border-box;
	background:#000;
	box-shadow:0 0 10px 0 #000;
	box-sizing:border-box;
	float:left;
	margin:20px 0 0;
	padding:0;
	position:relative;
	width:100%
}

#mainEntry img
{
	display:block;
	max-width:100%;
	width:100%
}

.main-container
{
	-ms-transform:translate(-50%,-50%);
	-webkit-box-sizing:border-box;
	-webkit-transform:translate(-50%,-50%);
	box-sizing:border-box;
	color:#fff;
	float:left;
	left:50%;
	overflow:hidden;
	padding:1em;
	position:absolute;
	text-align:center;
	top:50%;
	transform:translate(-50%,-50%);
	width:85%
}

@media only screen and (min-width: 768px) {
	.main-container
	{
		width:75%
	}
}

.main-title
{
	display:block;
	margin:0 0 10px
}

@media only screen and (min-width: 768px) {
	.main-title
	{
		margin:0 0 20px
	}
}

.main-title h2
{
	font-family:Oswald,sans-serif;
	font-size:.875em;
	line-height:1.2em;
	margin:0
}

@media only screen and (min-width: 768px) {
	.main-title h2
	{
		font-size:2em
	}
}

@media only screen and (min-width: 1000px) {
	.main-title h2
	{
		font-size:3em
	}
}

.main-date
{
	font-family:Lato,sans-serif;
	font-size:.875em;
	font-style:italic;
	font-weight:400
}

@media only screen and (min-width: 768px) {
	.main-date
	{
		font-size:1.5em
	}
}

.mrgns
{
	margin-bottom:5px;
	margin-top:5px
}

@media only screen and (min-width: 768px) {
	.mrgns
	{
		margin-bottom:30px;
		margin-top:30px
	}
}

.giftGuides
{
	background:#000;
	float:left;
	margin:20px 0;
	min-width:100%;
	position:relative
}

.giftGuides a
{
	-webkit-box-sizing:border-box;
	border-bottom:1px solid #222;
	border-right:1px solid #222;
	box-sizing:border-box;
	float:left;
	font-weight:500;
	text-decoration:none;
	width:100%
}

@media only screen and (min-width: 320px) {
	.giftGuides a
	{
		width:50%
	}
}

@media only screen and (min-width: 640px) {
	.giftGuides a
	{
		width:33.33%
	}
}

@media only screen and (min-width: 1000px) {
	.giftGuides a
	{
		width:25%
	}
}

@media only screen and (min-width: 1200px) {
	.giftGuides a
	{
		width:16.666%
	}
}

.giftGuides .tile
{
	-o-transition-duration:.2s;
	-o-transition-property:opacity;
	-o-transition-timing-function:ease-in-out;
	-webkit-transition-duration:.2s;
	-webkit-transition-property:opacity;
	-webkit-transition-timing-function:ease-in-out;
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	display:block;
	margin:10% auto;
	padding:75% 0 0;
	transition-duration:.2s;
	transition-property:opacity;
	transition-timing-function:ease-in-out;
	width:100%
}

.giftGuides a:hover > div
{
	opacity:.6
}

.giftGuides .guide
{
	-o-text-overflow:ellipsis;
	-o-transition-duration:.2s;
	-o-transition-property:opacity;
	-o-transition-timing-function:ease-in-out;
	-webkit-box-sizing:border-box;
	-webkit-transition-duration:.2s;
	-webkit-transition-property:opacity;
	-webkit-transition-timing-function:ease-in-out;
	box-sizing:border-box;
	color:#fff;
	font-size:.875em;
	line-height:1em;
	overflow:hidden;
	padding:0 10px 20px;
	text-align:center;
	text-overflow:ellipsis;
	transition-duration:.2s;
	transition-property:opacity;
	transition-timing-function:ease-in-out;
	white-space:nowrap;
	width:100%;
	word-wrap:break-word
}

@media only screen and (min-width: 640px) {
	.giftGuides .guide
	{
		font-size:1em
	}
}

#loadMore:hover,#loadMoreRelated:hover
{
	cursor:pointer
}

.shown
{
	background:#000;
	background:#fc0;
	border-radius:6px;
	color:#000;
	float:left;
	font-size:1.75em;
	font-weight:700;
	margin:40px auto 20px;
	padding:10px 0;
	text-align:center;
	width:100%
}

#giftsFilter
{
	-webkit-box-sizing:border-box;
	background:#000;
	box-sizing:border-box;
	display:block;
	margin:20px 0;
	padding:1em;
	width:100%
}

#giftsFilter:after
{
	clear:both;
	content:"";
	display:table
}

#giftsFilter h1
{
	font-size:1.5em;
	margin:0 0 10px;
	padding:0
}

#giftsFilter label
{
	background:#191919;
	display:block;
	font-weight:700;
	margin:0;
	padding:.5em
}

#giftsFilter select
{
	color:#000;
	font-size:.875em;
	width:45%
}

#giftsFilter select option
{
	padding:.5em
}

#giftsFilter input[type=radio]
{
	margin-right:.33em
}

#giftsFilter input[type=radio]:hover,#giftsFilter select:hover
{
	cursor:pointer
}

#giftsFilter .filters
{
	-webkit-box-sizing:border-box;
	background:#292929;
	box-sizing:border-box;
	float:left;
	padding:.5em;
	width:100%
}

#giftsFilter .section
{
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	display:none;
	float:left;
	padding:1em .5em 0 0;
	width:100%
}

@media (min-width:768px) {
	#giftsFilter .section
	{
		display:block;
		padding:.5em .5em 0 0;
		width:33.33%
	}
}

#giftsFilter .section ul
{
	float:left;
	list-style-type:none;
	margin:0;
	padding:0;
	width:100%
}

#giftsFilter .section ul li
{
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	display:list-item;
	float:left;
	font-size:.875em;
	list-style:none;
	overflow:hidden;
	padding:0 .75em .625em 0
}

.filter-group
{
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	float:left;
	padding:.5em;
	width:100%
}

#giftsCopy
{
	display:block;
	line-height:1.25em;
	margin:0 0 10px;
	padding:0
}

#ajaxLoader
{
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	display:block;
	float:left;
	height:100%;
	margin:0 auto;
	padding:1em 0 0;
	width:100%
}

.infinite-end
{
	font-size:1.5em;
	font-weight:700;
	text-align:center;
	width:100%
}

.pad
{
	padding:25% 0
}

.ball
{
	-moz-animation:spin .5s infinite linear;
	-webkit-animation:spin .5s infinite linear;
	-webkit-box-shadow:0 0 35px #2187e7;
	background-color:rgba(0,0,0,0);
	border:5px solid rgba(0,183,229,0.9);
	border-left:5px solid rgba(0,0,0,0);
	border-radius:50px;
	border-top:5px solid rgba(0,0,0,0);
	box-shadow:0 0 35px #2187e7;
	height:50px;
	margin:0 auto;
	opacity:.9;
	width:50px
}

.ball1
{
	-moz-animation:spinoff .5s infinite linear;
	-webkit-animation:spinoff .5s infinite linear;
	-webkit-box-shadow:0 0 15px #2187e7;
	background-color:rgba(0,0,0,0);
	border:5px solid rgba(0,183,229,0.9);
	border-left:5px solid rgba(0,0,0,0);
	border-radius:50px;
	border-top:5px solid rgba(0,0,0,0);
	box-shadow:0 0 15px #2187e7;
	height:30px;
	margin:0 auto;
	opacity:.9;
	position:relative;
	top:-50px;
	width:30px
}

@-webkit-keyframes spin {
	0%
	{
		-webkit-transform:rotate(0deg)
	}

	100%
	{
		-webkit-transform:rotate(360deg)
	}
}

@-webkit-keyframes spinoff {
	0%
	{
		-webkit-transform:rotate(0deg)
	}

	100%
	{
		-webkit-transform:rotate(-360deg)
	}
}

.page-content
{
	-webkit-box-sizing:border-box;
	background:#000;
	box-sizing:border-box;
	float:left;
	font-size:1em;
	margin:20px 0;
	max-width:100%;
	padding:1em;
	position:relative;
	width:100%
}

.page-content h2
{
	font-size:1.75em;
	line-height:1.25em;
	margin:0 0 1em;
	text-align:center;
	width:100%
}

.page-content h3
{
	font-size:1.5em;
	line-height:1.25em;
	margin:40px 0 0
}

@media only screen and (min-width: 768px) {
	.page-content h3
	{
		font-size:1.75em
	}
}

.page-content p
{
	color:#bbb;
	font-size:1em;
	font-weight:400;
	line-height:1.5em
}

@media only screen and (min-width: 768px) {
	.page-content p,.page-content ul li,.page-content ol li
	{
		font-size:1.25em
	}
}

.page-content ul.examples
{
	display:block;
	list-style-type:none;
	margin:10px 0 20px;
	overflow:hidden;
	padding:0;
	width:100%
}

.page-content ul.examples li
{
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	display:list-item;
	float:left;
	list-style:none;
	overflow:hidden;
	padding:0 1%;
	text-align:center;
	vertical-align:middle;
	width:25%
}

.page-content ul.examples li img
{
	max-width:100%
}

.page-content ul,.page-content ol
{
	margin:5px 0 15px
}

.page-content ul li,.page-content ol li
{
	color:#bbb;
	font-weight:400;
	line-height:1.5em;
	list-style-type:disc;
	margin-bottom:10px
}

.page-content p.answers
{
	background:#191919;
	margin-left:20px;
	padding:10px
}

.page-content label
{
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;
	color:#eee;
	display:block;
	font-size:1.25em;
	font-weight:500;
	line-height:1.2em;
	margin:5px auto;
	padding:0;
	text-align:left
}

.page-content select,input[type=email],input[type=text],textarea,input[type=password]
{
	-moz-osx-font-smoothing:grayscale;
	-webkit-box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	background-color:#ebebeb;
	border:none;
	border-radius:0;
	box-sizing:border-box;
	color:#525252;
	display:block;
	font-size:1.25em;
	font-weight:500;
	line-height:1.3em;
	margin:.5em 0 1.5em;
	outline:none!important;
	padding:14px 14px 12px;
	width:100%
}

.page-content input[type=radio],input[type=checkbox]
{
	height:18px;
	margin:4px 4px 0 0;
	width:18px
}

.page-content input[type=submit]
{
	-o-transition-duration:.3s;
	-o-transition-property:background-color;
	-o-transition-timing-function:ease-in-out;
	-webkit-transition-duration:.3s;
	-webkit-transition-property:background-color;
	-webkit-transition-timing-function:ease-in-out;
	background:#fc0;
	border:none;
	border-radius:6px;
	color:#300;
	display:inline-block;
	font-family:Oswald,sans-serif;
	font-size:1.5em;
	padding:.5em 0;
	text-decoration:none;
	text-transform:uppercase;
	transition-duration:.3s;
	transition-property:background-color;
	transition-timing-function:ease-in-out;
	width:80%
}

.page-content input[type=submit]:hover
{
	background-color:#f90
}

@media only screen and (min-width: 768px) {
	.page-content input[type=submit]
	{
		width:60%
	}
}

.page-content .tip
{
	font-size:1.25em;
	line-height:1.25em
}

.page-content #error
{
	-webkit-box-sizing:border-box;
	background:#191919;
	box-sizing:border-box;
	color:red;
	font-size:.875em;
	font-weight:700;
	line-height:1.25em;
	margin:0 0 1em;
	padding:1em;
	text-align:center;
	width:100%
}

@media only screen and (min-width: 768px) {
	.page-content #error
	{
		font-size:1.25em;
		line-height:1.375em
	}
}

.page-content .radio-options
{
	margin:1em 0 0;
	width:100%
}

@media only screen and (min-width: 1200px) {
	.page-content .radio-options
	{
		display:inline-block;
		margin:0 1% 0 0;
		width:32%
	}
}

@media only screen and (min-width: 800px) {
	.page-content select,input[type=email],input[type=text],textarea,input[type=password]
	{
		width:50%
	}
}

@media only screen and (max-width: 499px) {
	.page-content select
	{
		margin:10px 0 0
	}
}

@media only screen and (min-width: 500px) {
	.page-content select
	{
		display:inline-block!important;
		margin-right:2%;
		width:30%
	}
}

.page-content form
{
	width:100%
}

@media only screen and (min-width: 800px) {
	.page-content form
	{
		margin:0 auto;
		width:80%
	}
}

#footer
{
	-webkit-box-sizing:border-box;
	background:#000;
	box-sizing:border-box;
	display:block;
	font-family:Lato,sans-serif;
	padding:1.25em 0;
	width:100%
}

.footer-section
{
	float:left;
	font-size:1em;
	width:100%
}

@media only screen and (min-width: 768px) {
	.footer-section
	{
		margin:0 5% 0 0;
		width:70%
	}
}

.footer-section h1
{
	font-family:Oswald,sans-serif;
	font-size:1.125em;
	line-height:1.5em;
	margin:0 0 .5em
}

@media only screen and (min-width: 768px) {
	.footer-section h1
	{
		font-size:1.5em
	}
}

.footer-section p
{
	font-size:1em;
	line-height:1.25em;
	margin:0 0 2em
}

.footer-section #slogan
{
	font-family:Oswald,sans-serif;
	font-size:1.125em;
	line-height:1.5em;
	margin:0 0 1.5em
}

@media only screen and (min-width: 768px) {
	.footer-section #slogan
	{
		font-size:1.5em
	}
}

.footer-logo
{
	float:right;
	margin:0 auto 3em;
	text-align:center;
	width:100%
}

@media only screen and (min-width: 768px) {
	.footer-logo
	{
		width:25%
	}
}

#footer label
{
	display:block;
	font-family:Oswald,sans-serif;
	font-size:1.5em;
	line-height:1.25em;
	margin:1em 0
}

.footer-logo img
{
	max-width:100%
}

@media only screen and (min-width: 600px) {
	.footer-logo img
	{
		float:left;
		max-width:50%
	}
}

@media only screen and (min-width: 768px) {
	.footer-logo img
	{
		float:none;
		max-width:100%
	}
}

.follow-action
{
	-o-transition:opacity .2s ease-in-out;
	-webkit-box-sizing:border-box;
	-webkit-transition:opacity .2s ease-in-out;
	background-color:#000!important;
	background-position:4px 50%;
	background-repeat:no-repeat;
	background-size:24px;
	box-sizing:border-box;
	color:#fff;
	cursor:pointer;
	display:inline-block;
	font-size:1.25em;
	font-weight:700;
	height:32px;
	margin-right:15px;
	opacity:1;
	position:relative;
	text-decoration:none;
	transition:opacity .2s ease-in-out;
	vertical-align:top;
	width:32px;
	z-index:100
}

@media only screen and (min-width: 768px) {
	.follow-action
	{
		background-size:18px;
		height:24px;
		margin-right:10px;
		width:24px
	}
}

@media only screen and (min-width: 1000px) {
	.follow-action
	{
		background-size:24px;
		height:32px;
		width:32px
	}
}

.follows
{
	margin:0 auto;
	width:100%
}

@media only screen and (min-width: 600px) {
	.follows
	{
		float:right;
		width:50%
	}
}

@media only screen and (min-width: 768px) {
	.follows
	{
		float:none;
		width:100%
	}
}

.follows a:last-child
{
	margin-right:0
}

.footer-contact-links a
{
	display:inline-block;
	line-height:1.75em;
	padding:0 1em 0 0
}

.footer-contact-links a:last-child
{
	padding:0
}

.footer-copyright
{
	float:left;
	font-size:.875em;
	line-height:1.375em;
	margin:3em 0 0;
	text-align:center;
	width:100%
}

.footer-copyright a
{
	font-weight:400
}

.newsletterWrapper
{
	background-color:#222;
	display:block;
	margin-top:-10px
}

#newsletter-optin
{
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	display:block;
	margin:0 auto;
	padding:1em 0;
	width:100%
}

#newsletter-optin span
{
	color:#fc0;
	display:block;
	font-size:1.5em;
	margin:0 0 .5em;
	text-align:center;
	text-transform:uppercase;
	width:100%
}

#newsletter-optin span.signup
{
	color:#fff;
	font-size:1.25em;
	text-transform:none
}

.newsletter-fields-wrapper
{
	-ms-flex-flow:row wrap;
	-webkit-box-direction:normal;
	-webkit-box-orient:horizontal;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	flex-flow:row wrap;
	margin:.5em 0
}

.newsletter-left
{
	-ms-flex:0 0 100%;
	-webkit-box-flex:0;
	flex:0 0 100%
}

.newsletter-right
{
	-ms-flex:0 0 100%;
	-webkit-box-flex:0;
	flex:0 0 100%
}

@media only screen and (min-width: 768px) {
	.newsletter-left
	{
		-ms-flex:0 0 70%;
		-webkit-box-flex:0;
		flex:0 0 70%
	}

	.newsletter-right
	{
		-ms-flex:0 0 30%;
		-webkit-box-flex:0;
		flex:0 0 30%
	}
}

#newsletter-optin input[type=text]
{
	-moz-osx-font-smoothing:grayscale;
	-webkit-box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	background-color:#ebebeb;
	border:none;
	border-radius:0;
	box-sizing:border-box;
	color:#525252;
	font-size:1.25em;
	font-weight:500;
	line-height:1.3em;
	margin:0;
	outline:none!important;
	padding:.75em;
	width:100%
}

#newsletter-optin input[type=submit]
{
	-webkit-box-sizing:border-box;
	background:#444;
	border:none;
	box-sizing:border-box;
	color:#C4C4C4;
	font-family:Oswald,sans-serif;
	font-size:1.5em;
	height:100%;
	padding:.25em;
	text-decoration:none;
	text-transform:uppercase;
	width:100%
}

.lazyload,.lazyloading
{
	opacity:1
}

.noop
{
	opacity:1!important
}

.feature
{
	-ms-flex:0 0 100%;
	-webkit-box-flex:0;
	-webkit-box-sizing:border-box;
	background:#000;
	box-sizing:border-box;
	flex:0 0 100%;
	margin:1em 0;
	padding:0;
	position:relative
}

@media only screen and (min-width: 768px) {
	.feature
	{
		-ms-flex:1 0 63.667%;
		-webkit-box-flex:1;
		flex:1 0 63.667%;
		margin:1em 1.5%
	}
}

.img-container-blog
{
	background:#000;
	position:relative
}

.img-container-blog:after
{
	content:'';
	display:block;
	height:0;
	padding-top:56.25%;
	width:100%
}

.img-container-blog > .scl
{
	display:block;
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%
}

.img-container-blog img
{
	display:block;
	height:auto;
	max-width:100%;
	vertical-align:middle;
	width:100%
}

.issue-title
{
	bottom:0;
	left:0;
	margin:1em;
	padding:.75em .25em .25em;
	position:absolute;
	z-index:2
}

@media only screen and (min-width: 768px) {
	.issue-title
	{
		padding:1em .5em .5em
	}
}

@media only screen and (min-width: 1024px) {
	.issue-title
	{
		padding:1em .75em .75em
	}
}

.issue-title h1,.issue-title h2
{
	color:#fff;
	font-size:1.125em;
	font-weight:600;
	line-height:1.25em;
	margin:0
}

.issue-title h2::first-letter,.issue-title h1::first-letter
{
	font-size:1.625em
}

@media only screen and (min-width: 768px) {
	.issue-title h1
	{
		font-size:1.5em
	}
}

@media only screen and (min-width: 768px) {
	.issue-title h2
	{
		font-size:1.5em;
		line-height:1.375em;
	}

	.issue-title h2::first-letter,.issue-title h1::first-letter
	{
		font-size:2em
	}

}

@media only screen and (min-width: 1024px) {
	.issue-title h1
	{
		font-size:1.75em
	}
}

@media only screen and (min-width: 1024px) {
	.issue-title h2
	{
		font-size:1.75em
	}
}

.filterMenu
{
	display:none;
	position:absolute;
	width:100%
}

.filter
{
	-ms-flex-align:center;
	-ms-flex-flow:row nowrap;
	-webkit-box-align:center;
	-webkit-box-direction:normal;
	-webkit-box-orient:horizontal;
	-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.6);
	-webkit-box-sizing:border-box;
	align-items:center;
	background:#000;
	background:#222;
	border-bottom:4px solid #222;
	border-top:5px solid #000;
	box-shadow:0 2px 2px 0 rgba(0,0,0,.6);
	box-sizing:border-box;
	display:-webkit-box;
	display:flex;
	display:-ms-flexbox;
	flex-flow:row wrap;
	font-size:.75em;
	font-weight:300;
	margin:0;
	padding:0 .5em;
	width:100%
}

.filter label
{
	font-weight:700
}

.filter-buttons a
{
	font-size:1em
}

.filter-order,.filter-number
{
	-ms-flex:0 0 100%;
	-webkit-box-flex:0;
	flex:0 0 100%;
	margin-top:.5em
}

.infinity
{
	font-size:1.25em;
	font-weight:300
}

.nsfw-label
{
	display:inline-block;
	margin-top:2px
}

@media only screen and (min-width: 875px) {
	.nsfw-label
	{
		margin-top:4px
	}
}

@media only screen and (min-width: 375px) {
	.filter
	{
		font-size:.875em
	}
}

@media only screen and (min-width: 875px) {
	.filter-order
	{
		-ms-flex:1 0 auto;
		-webkit-box-flex:1;
		flex:1 0 auto;
		margin-top:.125em
	}

	.filter-number
	{
		-ms-flex:1 1 auto;
		-webkit-box-flex:1;
		flex:1 1 auto;
		margin-top:.125em;
		text-align:right
	}

	.filter
	{
		-ms-flex-flow:row nowrap;
		-webkit-box-direction:normal;
		-webkit-box-orient:horizontal;
		flex-flow:row nowrap;
		font-size:1em
	}

	.filter-number ul
	{
		-ms-flex-pack:end;
		-webkit-box-pack:end;
		justify-content:flex-end
	}
}

.filter ul
{
	-ms-flex-align:center;
	-webkit-box-align:center;
	align-items:center;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	list-style-type:none;
	margin:0;
	padding:0
}

.filter ul li
{
	display:inline;
	padding:.2em
}

@media only screen and (min-width: 375px) {
	.filter ul li
	{
		padding:.25em
	}
}

.filter li a
{
	padding:.25em .5em
}

.filter-number li { margin: .25em }

.filter .current
{
	background-color:#fc0;
	border-radius:5px;
	color:#000;
	font-weight:700;
	pointer-events:none;
	text-decoration:none
}

.switch-off a,.switch-on a
{
	-ms-flex-flow:row nowrap;
	-webkit-box-direction:normal;
	-webkit-box-orient:horizontal;
	-webkit-box-sizing:border-box;
	background:#fc0;
	border-radius:5px;
	box-sizing:border-box;
	color:#000;
	display:-webkit-inline-box;
	display:-ms-inline-flexbox;
	display:inline-flex;
	flex-flow:row nowrap;
	font-size:.75em;
	height:24px;
	line-height:16px;
	margin-top:6px;
	padding:.25em!important;
	text-decoration:none;
	width:70px
}

.switch-off a
{
	background:#eee;
	color:#999
}

@media only screen and (min-width: 375px) {
	.switch-off a,.switch-on a
	{
		line-height:12px
	}
}

.on-switch,.off-switch
{
	-ms-flex:1;
	-webkit-box-flex:1;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	flex:1;
	font-weight:700;
	padding:.25em!important;
	text-align:left
}

.off-switch
{
	text-align:right
}

.nub
{
	-ms-flex:0 0 30%;
	-webkit-box-flex:0;
	background:#000;
	border-radius:3px;
	flex:0 0 30%;
	padding:.25em!important
}

.more-prods-header
{
	background:#000;
	box-sizing:border-box;
	font-size:1.5em;
	line-height: 1.25em;
	font-weight:600;
	margin:20px 0;
	padding:.5em;
	text-align:center
}

/************* Blog Layout *************/
.blog-product-container {
     display: -webkit-box;
     display: flex;
     display: -ms-flexbox;
     -ms-flex-flow: column nowrap;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     flex-flow: column nowrap;
     -webkit-box-flex: 0;
     flex: 0 0 100%;
     -webkit-flex: 0 0 100%;
     -ms-flex: 0 0 100%;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: stretch;
     -ms-flex-align: stretch;
     align-items: stretch;
     margin: 2em 0;
     position: relative;
     background: #222;
     -webkit-box-shadow: 0px 3px 8px -4px rgba(0, 0, 0, 0.15);
     box-shadow: 0px 3px 8px -4px rgba(0, 0, 0, 0.15) 
}

 .blog-product-container:last-child { margin: 2em 0 1em }

 @media only screen and (min-width: 768px) {
     .blog-product-container {
         margin: 3em 0;
         -ms-flex-flow: row wrap;
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         flex-flow: row wrap 
    }
	.blog-product-container:last-child { margin: 3em 0 1em }
}

 .product-third {
     -webkit-box-flex: 1;
     flex: 1 0 100%;
     -webkit-flex: 1 0 100%;
     -ms-flex: 1 0 100%;
}
 @media only screen and (min-width: 1024px) {
     .product-third {
         -webkit-box-flex: 1;
         flex: 1 0 50%;
         -webkit-flex: 1 0 50%;
         -ms-flex: 1 0 50%;
    }
}
 .product-compliment {
     display: -webkit-box;
     display: flex;
     display: -ms-flexbox;
     -ms-flex-flow: row nowrap;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     flex-flow: row wrap;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: start;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     position: relative;
     margin: 0;
     -webkit-box-shadow: 0px 3px 8px -4px rgba(0, 0, 0, 0.15);
     box-shadow: 0px 3px 8px -4px rgba(0, 0, 0, 0.15) 
}
 .product-compliment p, .product-compliment ul {
     display:block;
	 text-align: justify 
}
 
 .product-title-container {
     display: block;
     -webkit-box-flex: 1;
     -ms-flex: 1 0 100%;
     flex: 1 0 100%;
	 order: 0;
     background: #444;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     padding: .5em;
}

 .product-title-container h2 {
     font-family: Oswald, sans-serif;
     color:#fff;
     font-size:1.5em;
     font-weight:600;
     line-height:1.375em;
	 text-align: center;
     margin:0 
}

 @media only screen and (min-width: 600px) {
     .product-title-container h2 {
         text-align: left;
		 font-size:1.75em 
    }
}

 @media only screen and (min-width: 768px) {
     .product-title-container h2 {
         font-size:2em 
    }
}

 .product-title {
     top:0;
     left:0;
     margin:.5em;
     padding:.5em .25em .25em;
     position:absolute;
     z-index:2 
}
 @media only screen and (min-width: 768px) {
     .product-title {
         padding:.75em .5em .5em 
    }
}
 @media only screen and (min-width: 1024px) {
     .product-title {
         padding:1em .75em .75em 
    }
}
 .product-title h2 {
     color:#fff;
     font-size:1.25em;
     font-weight:600;
     line-height:1.375em;
     margin:0 
}
 .product-title h2::first-letter {
     font-size:1.5em 
}
 @media only screen and (min-width: 768px) {
     .product-title h2 {
         font-size:1.5em 
    }
}
 .product-source-container {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-flow: row wrap;
     flex-flow: row wrap;
     -webkit-box-flex: 1;
     -ms-flex: 1 0 100%;
     flex: 1 0 100%;
     background: #444;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     padding: 0;
     font-family: Oswald, sans-serif;
     font-weight: 700;
}
 .product-source {
     -webkit-box-flex: 1;
     -ms-flex: 1 1 auto;
     flex: 1 1 auto;
     padding: 1rem .5rem;
     font-size: 1.5em;
     color: #fff 
}
 @media only screen and (min-width: 768px) {
     .product-source {
         font-size: 1.75em 
    }
}
 @media only screen and (min-width: 1024px) {
     .product-source {
         font-size: 2em 
    }
}
 .product-buy-button {
     -webkit-box-flex: 1;
     -ms-flex: 1 0 100%;
     flex: 1 0 100%;
     margin-top: .5em;
     background: #fc0 
}
 @media only screen and (min-width: 768px) {
     .product-buy-button {
         -webkit-box-flex: 1;
         -ms-flex: 1 1 auto;
         flex: 1 1 auto;
         margin-top: 0;
         max-width: 250px 
    }
}
 .product-buy-button a {
     -o-transition-duration: .3s;
     -o-transition-property: background-color;
     -webkit-transition-property: background-color;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     display: block;
     width: 100%;
     height: 100%;
     color: #000;
     font-size: 1.5em;
     padding: .25em;
     line-height: 1.8;
     text-align: center;
     text-decoration: none;
     -webkit-transition-duration: .3s;
     transition-duration: .3s;
     transition-property: background-color;
     -webkit-transition-timing-function: ease-in-out;
     -o-transition-timing-function: ease-in-out;
     transition-timing-function: ease-in-out 
}
 .product-buy-button a:after {
     content: 'BUY NOW';
}
 @media only screen and (min-width: 768px) {
     .product-buy-button a {
         font-size: 1.75em;
         line-height: 1.5 
    }
     .product-buy-button a:after {
         content: 'BUY NOW \27A4\27A4';
    }
}
 @media only screen and (min-width: 1024px) {
     .product-buy-button a {
         font-size: 2em 
    }
}
 .product-buy-button a:hover {
     background-color: #f90;
     color: #000;
     outline: 0;
}
 .float-image-container {
     -webkit-box-flex: 1;
     -ms-flex: 1 0 100%;
     flex: 1 0 100% 
}
 .float-image, .float-image-left, .float-image-right {
     display: block;
     width: 100%;
}
 @media only screen and (min-width: 1024px) {
     .float-image-left, .float-image {
         float: left;
         width: 50%;
         margin-right: 1em 
    }

     .float-image-right {
         float: right;
         width: 50%;
         margin-left: 1em 
    }
}
 .float-image-container p, .float-image-container ul {
     display: block;
     margin: 1rem .5rem;
     text-align: justify;
}

.float-image-container li { margin: .5rem 0 }

.copy-left, .copy-right { order: 3 }
.copy-center { order: 4 }
 @media only screen and (min-width: 1024px) { .copy-left { order: 0 } }

 .copy-left p, .copy-right p, .copy-left ul, .copy-right ul, .copy-center p { margin: .5em .5em }
 @media only screen and (min-width: 1024px) {
	.copy-left p, .copy-left ul { margin: 1rem 1rem 1rem .5rem }
	.copy-right p, copy-right ul { margin: 1rem .5rem 1rem 1rem }
}

 .float-image .product-title h2, .float-image-left .product-title h2, .float-image-right .product-title h2 { font-size: 1em }

 .star-rating { display: block; text-align: center; margin: 0 1rem }
 @media only screen and (min-width: 600px) { .star-rating { display: inline; text-align: left } }

.star {
	font-size: 1.5rem;
	width: 30px;
    display: inline-block;
    color: gray;
}
.star:last-child {
    margin-right: 0;
}
.star:before {
    content:'\2605';
}
.star.on {
    color: #fc0;
}
.star.half:after {
    content:'\2605';
    color: gold;
    position: absolute;
    margin-left: -20px;
    width: 10px;
    overflow: hidden;
}

.entry-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap }
@media only screen and (min-width: 800px) { .entry-flex { margin: 0 -1% } }

.entry-product { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin: 1em 0 }
@media only screen and (min-width: 800px) { .entry-product { -webkit-box-flex: 1; -ms-flex: 1 0 48%; flex: 1 0 48%; margin: 1em 1% } }

.entry-product img { max-width: 100% }

.entry-product-buy-now { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: .5em;
						background: #fc0; color: #000; text-align: center; font-size: 1em; font-weight: 600;
						-o-transition-duration: .3s;
						 -o-transition-property: background-color;
						 -webkit-transition-property: background-color;
						 text-decoration: none;
						 -webkit-transition-duration: .3s;
						 transition-duration: .3s;
						 transition-property: background-color;
						 -webkit-transition-timing-function: ease-in-out;
						 -o-transition-timing-function: ease-in-out;
						 transition-timing-function: ease-in-out 
}

.entry-product-buy-now:hover {
     background-color: #f90;
     color: #000;
     outline: 0
}

.entry-product-title-container {
     display: block;
     background: #444;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     padding: .5em;
}

 .entry-product-title-container h2 {
     font-family: Oswald, sans-serif;
     color:#fff;
     font-size:1em;
     font-weight:600;
     line-height:1.375em;
	 text-align: center;
     margin:0 
}

.inline-copy { display: block; box-sizing: border-box; max-width: 100%; margin: 0 0 20px 0 }

@media only screen and (min-width: 1024px) { .inline-copy { float: left; max-width: 500px!important; margin: 0 20px 20px 0 } }

.image-wrapper
{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	margin: 0 auto;
	padding:0;
	width:100%;
	background:#000;
	position:relative
}

.image-wrapper:after
{
	content:'';
	display:block;
	height:0;
	width:100%
}
.img-landscape:after { 	padding-top:56.25% }
.img-box:after { padding-top:83.33% }
.img-square:after { padding-top: 100% }

.image-wrapper > .scl
{
	display:block;
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%
}

.image-wrapper img
{
	display:block;
	height:auto;
	max-width:100%;
	vertical-align:middle;
	width:100%
}

.editors-picks, .newsletter-container { display: flex; flex-flow: row wrap; flex: 0 0 100%; box-sizing: border-box;
										margin: 2em 0 1em; background: #000; padding: .5em }
@media only screen and (min-width: 768px) { .editors-picks, .newsletter-container { flex: 0 0 97%; margin: 2em 1.5% 1em; padding: .75em } }
@media only screen and (min-width: 1024px) { .editors-picks, .newsletter-container { padding: 1em } }

.editors-picks label { flex: 0 0 100%; margin-bottom: .25rem; font-family: Oswald, sans-serif; font-size: 1.5em; font-weight: 600; color: #fff; text-transform: uppercase }
@media only screen and (min-width: 768px) { .editors-picks label { margin-bottom: .5rem; font-size: 2em } }

.pick { flex: 0 0 100%; margin: 2px 0 }
@media only screen and (min-width: 768px) { .pick { flex: 0 0 49.5%; margin: .25% .25% } }

.picks-title
{
	bottom:0;
	left:0;
	margin:0;
	padding:.5em;
	position:absolute;
	z-index:2;
	width:100%;
	box-sizing:border-box;
	text-align:center
}

.picks-title h2 { 
	color:#fff;
	font-size:1em;
	font-weight:600;
	line-height:1.25em;
	padding: 0;
	margin:0
}
@media only screen and (min-width: 500px) { .picks-title h2 { font-size: 1.125em } }
@media only screen and (min-width: 1024px) { .picks-title h2 { font-size: 1.25em } }


/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 10045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 10044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 10046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #fff; }

.mfp-custom-iframe { height: 20em }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; }
 }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; }
 }

.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }
 
.cls-top { height: 344px }
@media only screen and (min-width: 320px) { .cls-top { height: 298px } }
@media only screen and (min-width: 360px) { .cls-top { height: 332px } }
@media only screen and (min-width: 375px) { .cls-top { height: 344px } }
@media only screen and (min-width: 411px) { .cls-top { height: 374px } }
@media only screen and (min-width: 414px) { .cls-top { height: 377px } }
@media only screen and (min-width: 540px) { .cls-top { height: 312px } }
@media only screen and (min-width: 768px) { .cls-top { height: 320px } }
@media only screen and (min-width: 1024px) { .cls-top { height: 328px } }

.cls-prod { height: 280px }
@media only screen and (min-width: 320px) { .cls-prod { height: 250px } }
@media only screen and (min-width: 375px) { .cls-prod { height: 280px } }
