.beard-grooming-hero,
.beard-grooming-anchors,
.beard-grooming-types,
.beard-grooming-tips,
.beard-grooming-video,
.beard-grooming-routine,
.beard-grooming-formulas,
.beard-grooming-skincare,
.beard-grooming-manmade,
.beard-grooming-dyk{position:relative;}

/* hero */
.beard-grooming-hero h1{
	color:#fff;
	font-size:40px;
	font-weight:bold;
	left:9%;
	line-height:1;
	margin:0;
	position:absolute;
	text-transform:uppercase;
	top:30%;
	width:42%;
}
.beard-grooming-hero h2{
	color:#fff;
	font-size:24px;
	font-style:italic;
	font-weight:bold;
	left:9%;
	line-height:1;
	position:absolute;
	text-transform:uppercase;
	top:48%;
	width:42%;
}
.beard-grooming-hero h2 span{
	color:#ffcd1c;
}
.beard-grooming-hero a{
	background:#000;
	color:#fff;
	font-size:19px;
	font-weight:bold;
	left:21.5%;
	line-height:1;
	padding:10px 25px;
	position:absolute;
	text-decoration:none;
	text-transform:uppercase;
	top:71.5%;
}

/* anchors */
.beard-grooming-anchors ul{
	
}
.beard-grooming-anchors ul li{
	float:left;
	position:relative;
	width:33.33%;
}
.beard-grooming-anchors ul li img{
	width:100%;
}
.beard-grooming-anchors ul li p{
	height:100%;
	display:none;
	left:0;
	position:absolute;
	text-align:center;
	top:0;
	width:100%;
}
.beard-grooming-anchors ul li p.anchor-block{
	background:#000;
	opacity:.5;
}
.beard-grooming-anchors ul li p a{
	color:#fff;
	display:block;
	height:100%;
	font-size:19px;
	font-family:'Trade Gothic W01',Helvetica,sans-serif;
	font-weight:bold;
	line-height:1.2;
	padding:30% 0 0;
	text-decoration:none;
}
.beard-grooming-anchors h3{
	color:#000;
	font-size:30px;
	font-weight:bold;
	line-height:1;
	margin:40px 0 0;
	text-transform:uppercase;
}
.beard-grooming-anchors p.anchor-text{
	font-family:'Trade Gothic W01',Helvetica,sans-serif;
	font-size:19px;
	line-height:1.2;
	margin:40px;
}

/* types */
.beard-grooming-types .parchment{
	position:relative;
	margin:40px 0;
}
.beard-grooming-types .parchment h2{
	color:#fff;
	font-size:30px;
	font-weight:bold;
	line-height:1;
	margin:0;
	position:absolute;
	text-transform:uppercase;
	top:30%;
	width:100%;
}
.beard-grooming-types .left-col{
	float:left;
	text-align:center;
	width:30%;
}
.beard-grooming-types .left-col .product-wrapper{
	text-align:center;
}
.beard-grooming-types .left-col h3{
	font-size:35px;
	font-weight:bold;
	line-height:1;
	margin:0 0 20px 0;
	text-transform:uppercase;
}
.beard-grooming-types .left-col .product-wrapper p{
	font-size:19px;
	margin:20px 0;
}
.beard-grooming-types .left-col .product-wrapper p a{
	background:#000;
	color:#fff;
	font-weight:bold;
	line-height:2;
	padding:10px 20px;
	text-decoration:none;
	text-transform:uppercase;
}
.beard-grooming-types .right-col{
	float:right;
	width:66.7%;
}
.beard-grooming-types .right-col img{
	width:100%;
}
.beard-grooming-types .right-col h3{
	font-size:30px;
	font-weight:bold;
	margin:30px 0 20px;
	text-transform:uppercase;
}
.beard-grooming-types .right-col p{
	font-family:'Trade Gothic W01',Helvetica,sans-serif;
	font-size:19px;
	line-height:1.4;
	margin:10px 0 40px;
}
.beard-grooming-types .right-col p a{
	color:#000;
	font-weight:bold;
	text-decoration:underline;
}

/* tips */
.beard-grooming-tips .tips-wrapper{
	background:#f4f4f4;
	padding:5% 0;
}
.beard-grooming-tips .parchment{
	position:relative;
	margin:0 0 40px 0;
}
.beard-grooming-tips .parchment h2{
	color:#fff;
	font-size:30px;
	font-weight:bold;
	line-height:1;
	margin:0;
	position:absolute;
	text-transform:uppercase;
	top:30%;
	width:100%;
}
.beard-grooming-tips p,
.beard-grooming-tips ul{
	color:#000;
	height:100%;
	font-size:19px;
	font-family:'Trade Gothic W01',Helvetica,sans-serif;
	line-height:1.2;
	margin:20px 0;
	padding:0 5%;
	text-decoration:none;
}
.beard-grooming-tips ul{
	list-style:disc outside none;
	margin:20px 0 0 0;
}
.beard-grooming-tips ul.tips-list{
	list-style:disc outside none;
	margin:0 0 0 10%;
}
.beard-grooming-tips ul li{
	list-style:disc outside none;
	margin:0 0 10px 20px;
}
.beard-grooming-tips ul.tips-list li{
	margin:0 0 0 20px;
}
.beard-grooming-tips p a,
.beard-grooming-tips ul a{
	color:#000;
	font-weight:bold;
}

/* video */
.beard-grooming-video{
	margin:40px 0;
}
.beard-grooming-video h2{
	color:#fff;
	font-size:30px;
	font-weight:bold;
	left:11%;
	line-height:1.2;
	margin:0;
	position:absolute;
	text-transform:uppercase;
	top:28%;
	width:22%;
}

/* routine */
.beard-grooming-routine .routine-wrapper{
	background:#f4f4f4;
	padding:5% 0 0%;
}
.beard-grooming-routine .parchment{
	position:relative;
	margin:0 0 40px 0;
}
.beard-grooming-routine .parchment h2{
	color:#fff;
	font-size:30px;
	font-weight:bold;
	line-height:1;
	margin:0;
	position:absolute;
	text-transform:uppercase;
	top:30%;
	width:100%;
}
.beard-grooming-routine .routine-block{
	margin:0 5% 2% 8%;
}
.beard-grooming-routine .routine-number{
	border:3px solid #000;
	border-radius:25px;
	color:#000;
	float:left;
	font-size:25px;
	font-weight:bold;
	height:50px;
	line-height:1.8;
	margin:0 4% 8% 0;
	width:50px;
}
.beard-grooming-routine .routine-copy h3{
	font-size:25px;
	font-weight:bold;
	line-height:1;
	margin:0 0 10px 0;
	text-transform:uppercase;
}
.beard-grooming-routine .routine-copy p{
	color:#000;
	font-size:19px;
	font-family:'Trade Gothic W01',Helvetica,sans-serif;
	line-height:1.2;
	margin:10px 1% 0;
}
.beard-grooming-routine .routine-copy p a{
	color:#000;
	font-weight:bold;
}

/* formulas */
.beard-grooming-formulas .header{
	position:relative;
	margin:40px 0 0 0;
}

.beard-grooming-formulas .header h2{
	color:#fff;
	font-size:40px;
	font-weight:bold;
	line-height:1;
	margin:0;
	position:absolute;
	text-transform:uppercase;
	top:34%;
	width:52%;
}
.beard-grooming-formulas .formula-block{
	margin:40px 0;
}
.beard-grooming-formulas .left-col{
	float:left;
	text-align:center;
	width:33.3%;
}
.beard-grooming-formulas .right-col{
	float:right;
	width:66.7%;
}
.beard-grooming-formulas .right-col h2{
	font-family:'Trade Gothic W01',Helvetica,sans-serif;
	font-size:20px;
	line-height:1;
	margin:20px 0;
	text-transform:uppercase;
}
.beard-grooming-formulas .right-col h3{
	font-size:18px;
	line-height:1;
	margin:10px 0;
}
.beard-grooming-formulas .right-col h3 a{
	color:#000;
	text-decoration:none;
}
.beard-grooming-formulas .right-col .pPrice{
	font-size:18px;
	font-weight:bold;
	line-height:1;
	margin:10px 0;
}
.beard-grooming-formulas .right-col .pButton{
	font-size:18px;
	font-weight:bold;
	line-height:1;
	margin:20px 0;
}
.beard-grooming-formulas .right-col .pButton a{
	background:#000;
	color:#fff;
	font-size:19px;
	font-weight:bold;
	line-height:1.2;
	padding:5px 20px;
	text-decoration:none;
	text-transform:uppercase;
}
.beard-grooming-formulas .right-col .product_tabs{
	margin:40px 0;
}
.beard-grooming-formulas .right-col .b-tabs>ul>li,
.beard-grooming-formulas .right-col  .ui-tabs>ul>li{
	width:33.3%;
}
.beard-grooming-formulas .right-col  .product_tabs .tab_content{
	padding:5px 30px;
	position:relative;
	top:-1px;
}
.beard-grooming-formulas .right-col  .product_tabs .tab_content ul{
	list-style:disc outside none;
}
.beard-grooming-formulas .right-col  .product_tabs .tab_content ul li{
	font-size:14px;
	margin:5px 0;
}
.beard-grooming-formulas .formula-divider{
	margin:20px 0;
	width:100%;
}

/* skincare */
.beard-grooming-skincare{
	margin:40px 0 0 0;
}
.beard-grooming-skincare .skincare-wrapper{
	background:#f4f4f4;
	padding:5% 0 1%;
}
.beard-grooming-skincare .parchment{
	position:relative;
	margin:0 0 40px 0;
}
.beard-grooming-skincare .parchment h2{
	color:#fff;
	font-size:30px;
	font-weight:bold;
	line-height:1;
	margin:0;
	position:absolute;
	text-transform:uppercase;
	top:30%;
	width:100%;
}
.beard-grooming-skincare p{
	color:#000;
	font-size:19px;
	font-family:'Trade Gothic W01',Helvetica,sans-serif;
	line-height:1.2;
	margin:20px 0 0;
	padding:0 3.4%;
}
.beard-grooming-skincare p.skincare-button{
	font-size:19px;
	margin:40px 0;
}
.beard-grooming-skincare p.skincare-button a{
	background:#000;
	color:#fff;
	font-weight:bold;
	line-height:2;
	padding:10px 20px;
	text-decoration:none;
	text-transform:uppercase;
}

/* manmade */
.beard-grooming-manmade{
	
}
.beard-grooming-manmade .manmade-wrapper{
	padding:5% 0 1%;
}
.beard-grooming-manmade .manmade-wrapper .parchment{
	position:relative;
	margin:0 0 40px 0;
}
.beard-grooming-manmade .manmade-wrapper .parchment h2{
	color:#fff;
	font-size:30px;
	font-weight:bold;
	line-height:1;
	margin:0;
	position:absolute;
	text-transform:uppercase;
	top:30%;
	width:100%;
}
.beard-grooming-manmade .manmade-wrapper p{
	color:#000;
	font-size:20px;
	font-family:'Trade Gothic W01',Helvetica,sans-serif;
	line-height:1.2;
	margin:0 0 10%;
}
.beard-grooming-manmade .manmade-wrapper p a{
	color:#000;
	font-weight:bold;
}

.beard-grooming-manmade .manmade-wrapper .left-col{
	float:left;
	width:50%;
}
.beard-grooming-manmade .manmade-wrapper .right-col{
	float:left;
	width:50%;
}

/* did you know */
.beard-grooming-dyk{
	margin:40px 0;	
}
.beard-grooming-dyk .dyk-wrapper{
	padding:5% 0 1%;
}
.beard-grooming-dyk .dyk-wrapper .parchment{
	position:relative;
}
.beard-grooming-dyk .dyk-wrapper .parchment h2{
	color:#fff;
	font-size:30px;
	font-weight:bold;
	line-height:1;
	margin:0;
	position:absolute;
	text-transform:uppercase;
	top:30%;
	width:100%;
}
.beard-grooming-dyk .dyk-wrapper p{
	color:#000;
	font-size:19px;
	font-family:'Trade Gothic W01',Helvetica,sans-serif;
	line-height:1.4;
	padding:5% 8%;
}
.beard-grooming-dyk .dyk-wrapper .left-col{
	float:left;
	width:55%;
}
.beard-grooming-dyk .dyk-wrapper .right-col{
	float:left;
	width:45%;
}

/* ugc */
.beard-grooming-ugc{margin:0 0 20px;}
.beard-grooming-ugc .widget{
	background:#f4f5f6;
	position:relative;
	width:100%;
}
.beard-grooming-ugc .widget .left{
	display:inline-block;
	font-size:22px;
	line-height:1.2;
	padding:3% 0 0 2%;
	text-align:center;
	width:35%;
}
.beard-grooming-ugc .widget .left img{margin:0 0 20px 0;}
.beard-grooming-ugc .widget .left p{margin:1% auto 7%;}
.beard-grooming-ugc .widget .left p a{
	background-color:#000;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	height:36px;
	line-height:36px;
	padding:5px 15px;
	text-decoration:none;
	text-transform:uppercase;
}
.beard-grooming-ugc .widget .left p.olapic-copy{
	font-family:'Trade Gothic W01',Helvetica,sans-serif;
	font-weight:bold;
	text-transform:uppercase;
}
.beard-grooming-ugc .widget .right{
	float:right;
	width:60%;
}

/* mobile */
/* reset mobile content block */
html#beard-grooming-page.mobile body .main .content{padding:0;}

/* hero */
.beard-grooming-mobile .hero{padding:0 20px;}

/* anchors */
.beard-grooming-mobile .anchors{padding:0 20px;}
.beard-grooming-mobile .anchors .anchor-link{
	font-size:19px;
	font-family:'Trade Gothic W01',Helvetica,sans-serif;
	font-weight:bold;
	line-height:1;
	margin:20px 0;
}
.beard-grooming-mobile .anchors .anchor-link a{
	color:#000;
	display:block;
	text-decoration:none;
	text-transform:uppercase;
}

/* comfort */
.beard-grooming-mobile .comfort{
	background:#f4f4f4;
	padding:30px 20px;
}
.beard-grooming-mobile .comfort .header{
	font-size:28px;
	font-weight:bold;
	line-height:1;
	margin:0 0 20px;
}
.beard-grooming-mobile .comfort .copy{
	font-size:19px;
	font-family:'Trade Gothic W01',Helvetica,sans-serif;
	line-height:1.2;
}

/* types */
.beard-grooming-mobile .types{padding:20px;}
.beard-grooming-mobile .types img{margin:30px 0;}
.beard-grooming-mobile .types p.atb{
	font-size:19px;
}
.beard-grooming-mobile .types p.atb a{
	background:#000;
	color:#fff;
	font-weight:bold;
	line-height:2;
	padding:10px 20px;
	text-decoration:none;
	text-transform:uppercase;
}
.beard-grooming-mobile .types .type{
	font-size:26px;
	font-weight:bold;
	line-height:1;
	margin:0 0 20px;
	text-transform:uppercase;
}
.beard-grooming-mobile .types .copy{
	font-size:19px;
	font-family:'Trade Gothic W01',Helvetica,sans-serif;
	line-height:1.2;
	margin:0 0 20px;
}
.beard-grooming-mobile .types .copy a{
	color:#000;
	font-weight:bold;
	text-decoration:underline;
}

/* tips */
.beard-grooming-mobile .tips{
	background:#f4f4f4;
	padding:30px 20px;
}
.beard-grooming-mobile .tips p,
.beard-grooming-mobile .tips ul{
	color:#000;
	height:100%;
	font-size:19px;
	font-family:'Trade Gothic W01',Helvetica,sans-serif;
	line-height:1.2;
	margin:20px 0;
	text-decoration:none;
}
.beard-grooming-mobile .tips ul{
	list-style:disc outside none;
	margin:20px 0 0 0;
}
.beard-grooming-mobile .tips ul.tips-list{
	list-style:disc outside none;
	margin:0 0 0 10%;
}
.beard-grooming-mobile .tips ul li{
	list-style:disc outside none;
	margin:0 0 20px 20px;
}
.beard-grooming-mobile .tips ul.tips-list li{
	margin:0 0 0 20px;
}
.beard-grooming-mobile .tips p a,
.beard-grooming-mobile .tips ul a{
	color:#000;
	font-weight:bold;
}

/* video */
.beard-grooming-mobile .video{
	padding:20px;
}

/* routine */
.beard-grooming-mobile .routine{
	background:#f4f4f4;
	padding:30px 20px;
}
.beard-grooming-mobile .routine .routine-block{
	margin:10px 0;
}
.beard-grooming-mobile .routine .routine-number{
	border:3px solid #000;
	border-radius:25px;
	color:#000;
	font-size:25px;
	font-weight:bold;
	height:50px;
	line-height:1.8;
	margin:30px auto 15px;
	width:50px;
}
.beard-grooming-mobile .routine .routine-copy{
	font-size:24px;
	line-height:1;
	margin:10px 0;
}
.beard-grooming-mobile .routine .routine-copy p.copy-head{
	font-weight:bold;
}
.beard-grooming-mobile .routine .routine-copy p.copy{
	color:#000;
	font-size:19px;
	font-family:'Trade Gothic W01',Helvetica,sans-serif;
	line-height:1.2;
	margin:10px 0;
}
.beard-grooming-mobile .routine .routine-copy p a{
	color:#000;
	font-weight:bold;
}

/* formulas */
.beard-grooming-mobile .formulas{
	padding:20px;
}
.beard-grooming-mobile .formulas .formula-block{
	margin:20px 0;
}
.beard-grooming-mobile .formulas .formula-block .pProductTitle{
	font-family:'Trade Gothic W01',Helvetica,sans-serif;
	font-size:20px;
	font-weight:bold;
	line-height:1;
	margin:20px 0;
	text-transform:uppercase;
}
.beard-grooming-mobile .formulas .formula-block .pProductImage{
	margin:0 0 10px;
	width:75%;
}
.beard-grooming-mobile .formulas .formula-block .pProductName{
	font-size:18px;
	line-height:1;
	margin:10px 0;
}
.beard-grooming-mobile .formulas .formula-block .pProductName a{
	color:#000;
	text-decoration:none;
}

.beard-grooming-mobile .formulas .formula-block .pProductRating{
	margin:10px 0;
}
.beard-grooming-mobile .formulas .formula-block .pProductPrice{
	font-size:18px;
	font-weight:bold;
	line-height:1;
	margin:10px 0;
}
.beard-grooming-mobile .formulas .formula-block .pProductButton{
	font-size:18px;
	font-weight:bold;
	line-height:1;
	margin:30px 0;
}
.beard-grooming-mobile .formulas .formula-block .pProductButton a{
	background:#000;
	color:#fff;
	font-size:19px;
	font-weight:bold;
	line-height:1.2;
	padding:10px 30px;
	text-decoration:none;
	text-transform:uppercase;
}

.beard-grooming-mobile .formulas .formula-block .b-tabs .tab-title a.selected, 
.beard-grooming-mobile .formulas .formula-block .ui-tabs .tab-title a.selected{
	border-bottom:0;
}

.beard-grooming-mobile .formulas .formula-block .product_tabs{
	margin:40px 0;
}
.beard-grooming-mobile .formulas .formula-block .product_tabs .tab_content{
	padding:5px 10px;
	position:relative;
	top:-1px;
}
.beard-grooming-mobile .formulas .formula-block .product_tabs .tab_content ul{
	list-style:disc outside none;
	margin:0 0 0 20px;
	position:relative;
	top:-10px;
}
.beard-grooming-mobile .formulas .formula-block .product_tabs .tab_content ul li{
	font-size:14px;
	margin:5px 0;
}

/* skincare */
.beard-grooming-mobile .skincare{
	background:#f4f4f4;
	padding:30px 20px;
}
.beard-grooming-mobile .skincare p{
	color:#000;
	height:100%;
	font-size:19px;
	font-family:'Trade Gothic W01',Helvetica,sans-serif;
	line-height:1.2;
	margin:20px 0;
}
.beard-grooming-mobile .skincare p.skincare-button{
	display:none;
	font-size:19px;
	margin:30px 0 0;
}
.beard-grooming-mobile .skincare p.skincare-button a{
	background:#000;
	color:#fff;
	font-weight:bold;
	line-height:2;
	padding:10px 20px;
	text-decoration:none;
	text-transform:uppercase;
}

/* manmade */
.beard-grooming-mobile .manmade{
	padding:30px 20px;
}
.beard-grooming-mobile .manmade .manmade-img{
	margin:30px 0 0;
}

.beard-grooming-mobile .manmade p{
	color:#000;
	height:100%;
	font-size:19px;
	font-family:'Trade Gothic W01',Helvetica,sans-serif;
	line-height:1.2;
	margin:20px 0 0;
}
.beard-grooming-mobile .manmade p a{
	color:#000;
	font-weight:bold;
	text-decoration:underline;
}

/* dyk */
.beard-grooming-mobile .dyk{
	padding:30px 20px;
}
.beard-grooming-mobile .dyk .dyk-img{
	margin:30px 0 0;
}

.beard-grooming-mobile .dyk p{
	color:#000;
	height:100%;
	font-size:19px;
	font-family:'Trade Gothic W01',Helvetica,sans-serif;
	line-height:1.2;
	margin:20px 0;
}

/* olapic */
.beard-grooming-mobile .media{
	background:#f4f5f6;
	padding:3%;
}
.beard-grooming-mobile .media p.olapic-copy{
	font-family:'Trade Gothic W01',Helvetica,sans-serif;
	font-size:18px;
	font-weight:bold;
	line-height:1.2;
	margin:10px 0;
	text-transform:uppercase;
}
.beard-grooming-mobile .media .olapic-hashtag{
	margin:0 0 20px 0;
}
.beard-grooming-mobile .media p a{
	background-color:#000;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	height:32px;
	line-height:32px;
	padding:5px 10px;
	text-decoration:none;
	text-transform:uppercase;
}

/* tablet reset */
@media only screen and (min-width:768px) and (max-width:1023px) {
	.beard-grooming-hero h1,
	.beard-grooming-formulas .header h2{font-size:30px;}
	.beard-grooming-hero h2{font-size:18px;}
	.beard-grooming-types .parchment h2,
	.beard-grooming-tips .parchment h2,
	.beard-grooming-routine .parchment h2,
	.beard-grooming-skincare .parchment h2,
	.beard-grooming-manmade .manmade-wrapper .parchment h2,
	.beard-grooming-dyk .dyk-wrapper .parchment h2{font-size:24px;}
	.beard-grooming-video h2{font-size:22px;}
	.beard-grooming-routine .routine-copy h3{font-size:22px;}
	.beard-grooming-routine .routine-copy p{font-size:16px;margin:10px 7% 0;}
	.beard-grooming-routine .routine-block{margin:0 5% 5% 8%;}
	.beard-grooming-formulas .formula-block{margin:20px 0;}
	.beard-grooming-skincare p{font-size:17px;}
	.beard-grooming-manmade .manmade-wrapper p{font-size:14.5px;}
	.beard-grooming-dyk .dyk-wrapper p{font-size:14.5px;padding:4% 8%;}
	.beard-grooming-formulas .right-col  .product_tabs .tab_content ul li{font-size:12px;}
}