@import url('fonts/fonts.css');
@import url('fonts/fonts2.css');
/*
 * Fonts: 
 * roboto: 100,400,500,700,900, trade-gothic, p-marker
 */
*{
	-webkit-appearance: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	margin: 0;
	padding: 0;
}
body, textarea, input{
	font-family: 'roboto', Helvetica, Arial, sans-serif;
}
img{
	border: none;
}
a{
	text-decoration: none;
}
body.mobile{
	min-width: 640px;
}
input{
	border-radius: 0;
}
.aligncenter{
    display: block;
    margin: 0 auto;
}
.alignright{
    float: right;
}
.alignleft{
    float: left;
}
/***** Shared *****/
#disqus-container h1{
	font-size: 28px;
}
.sub-tablet #disqus-container h1{
	font-size: 40px;
	margin-bottom: 45px;
}
.center-wrap{
	max-width: 960px;
	padding: 0 20px;
	margin: 0 auto;
	position: relative;
}
.center-wrap.padded-top{
	padding-top: 60px;
}
.mobile .center-wrap{
	padding: 0 35px;
}
.mobile .center-wrap.padded-top{
	padding: 60px 35px 0;
}
#page-tab .center-wrap{
	width: 960px;
}
.mobile #page-tab .center-wrap{
	padding: 0 35px;
}
#page-tab .center-wrap .overlay-tab{
	margin-left: -20px;
	padding-left: 20px;
}
.mobile #page-wrap .center-wrap .overlay-tab{
	margin-left: -35px;
	padding-left: 35px;
}
.bordered-spacer{
	width: 100%;
	border-bottom: 1px solid #ebebeb;
	padding-top: 40px;
}
.clear{
	clear: both;
}
h1{
	font: 400 58px/52px "trade-gothic";
	color: #000;
	text-transform: uppercase;
}
.sub-tablet h1{
	font: 400 58px/50px "trade-gothic";
}
h2{
	font: 400 28px/28px "trade-gothic";
	color: #808285;
	text-transform: uppercase;
}
.sub-tablet h2{
	font: 400 34px/34px "Trade-gothic";
}
h3{
	font: 700 16px/22px "roboto";
	color: #000;
}
p{
	font: 400 16px/22px "roboto";
	color: #000;
}
sup{
	font-size: 0.5em;
}
.tablet p{
	font: 400 20px/26px "roboto";
}
.mobile p{
	font: 400 24px/32px "roboto";
}
a{
	color: #f69831;
}
a:hover{
	color: #808285;
}
#page-wrap .hero{
	height: 486px;
	overflow: hidden;
	position: relative;
}
#page-wrap .hero img.hero{
	display: block;
	/*width: 100%;
	height: auto;
	min-height: 100%;
	min-width: 1100px;
	*/
	min-width: 101%;
	min-height: 101%;
	width: auto;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
}

#page-wrap .hero img.hero.mobile{
	display: none !important;
}
.sub-tablet #page-wrap .hero{
	height: 300px;
}
.sub-tablet #page-wrap .hero img.hero{
	height: auto;
	width: auto;
	display: none !important;
}
.sub-tablet #page-wrap .hero img.hero.mobile{
	display: block !important;
	min-width: 0;
}
.page-id-113 #page-wrap .hero{
	background: #000;
}
.page-id-113 #page-wrap .hero img.hero{
	min-height: 0;
	/*max-width: 960px;*/
	max-width: 100%;
	min-width: 0;
}
#sub-nav-dropdown{
	width: 210px;
	position: absolute;
	right: 20px;
	top: 181px;
	display: none;
}
.sub-tablet #sub-nav-dropdown{
	display: block;
	position: relative;
	top: 0;
	right: 0;
	width: 561px;
	margin: 0 auto;
	padding-top: 60px;
}
#sub-nav-dropdown ul{
	width: 210px;
	list-style: none;
	cursor: pointer;
}
.sub-tablet #sub-nav-dropdown ul{
	width: 561px;
}
#sub-nav-dropdown ul li .clicker{
	overflow-y: hidden;
}
#sub-nav-dropdown ul li .clicker .text{
	border: 1px solid #c9ccd0;
	border-right: none;
	width: 153px;
	height: 41px;
	font: 400 15px/41px "roboto";
	color: #808285;
	padding-left: 13px;
	float: left;
	margin-bottom: 0;
}
.sub-tablet #sub-nav-dropdown ul li .clicker .text{
	padding-left: 20px;
	width: 467px;
	height: 70px;
	font-size: 24px;
	line-height: 70px;
}
#sub-nav-dropdown ul li .clicker .button{
	float: left;
	height: 43px;
	width: 43px;
	background: url('images/icons/category-dropdown-sprite.png') no-repeat 0 0;
}
#sub-nav-dropdown:hover ul li .clicker .button{
	background-position: 0 -43px;
}
.sub-tablet #sub-nav-dropdown ul li .clicker .button{
	width: 73px;
	height: 72px;
	background: url('images/icons/category-dropdown-72.png') no-repeat center center;
}
.sub-tablet #sub-nav-dropdown:hover ul li .clicker .button{
	background-position: center center;
}
#sub-nav-dropdown ul li ul{
	display: none;
}
.sub-tablet #sub-nav-dropdown ul li ul{
	position: absolute;
	z-index: 200;
}
#sub-nav-dropdown ul li ul li a{
	display: block;
	border: 1px solid #c9ccd0;
	border-top: none;
	width: 195px;
	height: 41px;
	font: 400 15px/41px "roboto";
	color: #808285;
	padding-left: 13px;
	overflow: hidden;
}
.sub-tablet #sub-nav-dropdown ul li ul li a{
	padding-left: 20px;
	width: 539px;
	height: 70px;
	font-size: 24px;
	line-height: 70px;
	background: #fff;
}
#sub-nav-dropdown ul li ul li a:hover{
	color: #f69831;
}
#page-tab{
	position: absolute;
	top: 387px;
	height: 100px;
	width: 100%;
	overflow: hidden;
}
.sub-tablet #page-tab{
	top: 201px;
}
#page-tab table{
	border-collapse: collapse;
}
#page-tab table td:first-child{
	width: 50%;
	background: url('images/edge-backgrounds/page-tab-repeatable.png') repeat-x bottom right;
}
#page-tab table td:last-child{
	width: 50%;
}
#page-tab .overlay-tab{
	height: 100px;
	background: url('images/edge-backgrounds/page-tab.png') no-repeat bottom right;
	padding-right: 86px;
	float: left;
}
#page-tab .overlay-tab h1 {
  font: 400 40px/116px "trade-gothic";
  color: #000;
  text-transform: uppercase;
}
#tft-share{
	overflow-y: hidden;
}
#tft-share h2{
	font: 400 22px/31px "trade-gothic";
	color: #808285;
	text-transform: uppercase;
	float: left;
	margin-right: 20px;
}
.tablet #tft-share h2{
	font-size: 34px;
	line-height: 64px;
	margin-right: 40px;
}
#tft-share .sharebox{
	float: left;
}
#tft-share .sharebox a{
	float: left;
	display: block;
	height: 31px;
	margin-right: 30px;
	background: url('images/icons/tft-social-sprite-31.png') no-repeat 0 0;
}
.tablet #tft-share .sharebox a{
	height: 64px;
	margin-right: 85px;
	background: url('images/icons/tft-sprite-64.png') no-repeat 0 0;
}
.mobile #tft-share .sharebox a{
	margin-right: 70px;
}
#tft-share #tft-share .sharebox a:last-child{
	margin-right: 0;
}
#tft-share a.twitter{
	width: 39px;
	background-position: 0 0;
}
.tablet #tft-share a.twitter{
	width: 79px;
	background-position: 0 0;
}
#tft-share a.twitter:hover{
	background-position: 0 -31px;
}
.tablet #tft-share a.twitter:hover{
	background-position: 0 0;
}
#tft-share a.fb{
	width: 19px;
	background-position: -68px 0;
}
.tablet #tft-share a.fb {
	width: 40px;
	background-position: -153px 0;
}
#tft-share a.fb:hover{
	background-position: -68px -31px;
}
.tablet #tft-share a.fb:hover{
	background-position: -153px 0;
}
#tft-share a.tumblr{
	width: 19px;
	background-position: -120px 0;
}
.tablet #tft-share a.tumblr{
	width: 38px;
	background-position: -279px 0;
}
.tablet #tft-share a.tumblr:hover{
	background-position: -279px 0;
}
#tft-share a.tumblr:hover{
	background-position: -120px -31px;
}
/*
#tft-share{
	overflow-y: hidden;
}
#tft-share h2{
	font: 400 22px/31px "trade-gothic";
	color: #808285;
	text-transform: uppercase;
	float: left;
	margin-right: 20px;
}
.tablet #tft-share h2{
	font-size: 34px;
	line-height: 64px;
	margin-right: 40px;
}
#tft-share ul{
	float: left;
	list-style: none;
}
#tft-share ul li{
	float: left;
	height: 31px;
	margin-right: 30px;
}
.tablet #tft-share ul li{
	height: 64px;
	margin-right: 85px;
}
#tft-share ul li:last-child{
	margin-right: 0;
}
#tft-share ul li a{
	display: block;
	height: 31px;
	background: url('images/icons/tft-social-sprite-31.png') no-repeat 0 0;
}
.tablet #tft-share ul li a{
	height: 64px;
	background: url('images/icons/tft-sprite-64.png') no-repeat 0 0;
}
#tft-share ul li.twitter a{
	width: 39px;
	background-position: 0 0;
}
.tablet #tft-share ul li.twitter a{
	width: 79px;
	background-position: 0 0;
}
#tft-share ul li.twitter a:hover{
	background-position: 0 -31px;
}
.tablet #tft-share ul li.twitter a:hover{
	background-position: 0 0;
}
#tft-share ul li.fb a{
	width: 19px;
	background-position: -68px 0;
}
.tablet #tft-share ul li.fb a{
	width: 40px;
	background-position: -153px 0;
}
#tft-share ul li.fb a:hover{
	background-position: -68px -31px;
}
.tablet #tft-share ul li.fb a:hover{
	background-position: -153px 0;
}
#tft-share ul li.tumblr a{
	width: 19px;
	background-position: -120px 0;
}
.tablet #tft-share ul li.tumblr a{
	width: 38px;
	background-position: -279px 0;
}
.tablet #tft-share ul li.tumblr a:hover{
	background-position: -279px 0;
}
#tft-share ul li.tumblr a:hover{
	background-position: -120px -31px;
}*/
#page-wrap .large-image,
#page-wrap .large-image img{
	width: 100%;
	height: auto;
	display: block;
}
#page-wrap .products{
	padding: 60px 0;
	background: #fff;
	position: relative;
}
#page-wrap .products h1{
	font: 400 58px/58px "trade-gothic";
	text-transform: uppercase;
	color: #000;
}
#page-wrap .products h2{
	font: 400 28px/28px "trade-gothic";
	text-transform: uppercase;
	color: #808285;
}
#page-wrap .products ul{
	margin-top: 50px;
	list-style: none;
	overflow-y: hidden;
	position: relative;
	z-index: 2;
}
#page-wrap .products ul li{
	float: left;
	text-align: center;
	width: 132px;
	margin-right: 4px;
}
#page-wrap .products ul li:last-child{
	margin-right: 0;
}
#page-wrap .products ul li a{
	display: block;
}
#page-wrap .products ul li a p{
	font: 700 16px/19px "roboto";
	color: #000;
	height: 40px;
	display: table;
	width: 100%;
	margin-top: 10px;
}
.sub-tablet #page-wrap .products ul li a p{
	/*font-size: 24px;
	 * 
	 */
	font-size: 22px;
	line-height: 27px;
}
.sub-tablet #page-wrap .products ul li img {
	margin-top: 17px !important;
	margin-bottom: -5px;
}
.sub-tablet #page-wrap .products ul li.product-24238 img,
.sub-tablet #page-wrap .products ul li.product-24307 img {
	margin-top: 0px !important;
	margin-bottom: 0;
}
#page-wrap .products ul li a p span{
	display: table-cell;
	vertical-align: middle;
	/*background: url('images/icons/circled-arrow-right-orange-26.png') no-repeat right center;
	padding-right: 35px;*/
	text-align: center;
}
#page-wrap .products ul li a p span span{
	display: inline-block;
	background: url('images/icons/circled-arrow-right-orange-26.png') no-repeat right center;
	padding-right: 30px;
	min-height: 26px;
}
#page-wrap .products ul li a:hover p span span{
	color: #808285;
	background: url('images/icons/circled-arrow-right-grey-26.png') no-repeat right center;
}
#page-wrap .products .horizon{
	width: 100%;
	height: 145px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: url('images/gradients/milkshakes-bottom-gradient.jpg') repeat-x top left;
}
.tablet #page-wrap .products ul li{
	width: 17%;
	margin-right: 3%;
}
.tablet #page-wrap .products ul li:last-child{
	margin-right: 0;
}
.tablet #page-wrap .products ul li img{
	width: 100%;
	height: auto;
}
.sub-tablet #page-wrap .products h2{
	font-size: 33px;
}
.sub-tablet #page-wrap .products{
	padding-top: 45px;
	padding-bottom: 20px;
}
.sub-tablet #page-wrap .products ul li{
	width: 135px;
	margin-right: 60px;
	margin-bottom: 40px;
}
.sub-tablet #page-wrap .products ul li:nth-child(3){
	margin-right: 0;
}
.sub-tablet #page-wrap .products ul li:nth-child(4){
	clear: both;
}
.sub-tablet #page-wrap .horizon{
	height: 165px;
}
.tablet #page-wrap .mobile-horizon{
	width: 100%;
	height: 165px;
	position: absolute;
	left: 0;
	bottom: 38%;
	background: url('images/gradients/milkshakes-bottom-gradient.jpg') repeat-x top left;
}
.page-template-template-athlete-bio.tablet #page-wrap .mobile-horizon {
	bottom: 41%;
}
.page-template-template-athlete-bio.sub-tablet #page-wrap .mobile-horizon {
	bottom: 30%;
}
.sub-tablet #page-wrap .mobile-horizon {
	bottom: 29%;	
}
.sub-tablet .third-row-horizon {
	width: 100%;
	height: 165px;
	position: absolute;
	left: 0;
	bottom: 57%;
	background: url('images/gradients/milkshakes-bottom-gradient.jpg') repeat-x top left;
}
.mobile .third-row-horizon {
	bottom: 54%;	
}

.page-template-template-athlete-bio.sub-tablet .third-row-horizon {
	bottom: 59%;	
}
	
	
.mobile #page-wrap .mobile-horizon {
	bottom: 27%;
}
.sub-tablet #page-wrap .products ul li{
	width: 185px;
	margin-right: 45px;
}
.mobile #page-wrap .products ul li{
	width: 180px;
	margin-right: 15px;
}
.sub-tablet #page-wrap .products ul li img{
	width: auto;
	height: auto;
}
#page-wrap .share-awesome-banner{
	height: 215px;
	width: 100%;
	background: #000;
}
.sub-tablet #page-wrap .share-awesome-banner{
	height: auto;
	padding-top: 70px;
}
#page-wrap .share-awesome-banner h2{
	font: 400 28px/20px "trade-gothic";
	color: #f69831;
	text-transform: uppercase;
	position: absolute;
	top: 72px;
	left: 20px;
}
.sub-tablet #page-wrap .share-awesome-banner h2{
	position: static;
	font-size: 34px;
	line-height: 34px;
	margin-bottom: 2px;
}
#page-wrap .share-awesome-banner h1{
	font: 400 58px/42px "trade-gothic";
	color: #fff;
	text-transform: uppercase;
	position: absolute;
	top: 102px;
	left: 20px;
}
.sub-tablet #page-wrap .share-awesome-banner h1{
	position: static;
	margin-bottom: 20px;
}
#page-wrap .share-awesome-banner ul{
	position: absolute;
	left: 515px;
	top: 102px;
	list-style: none;
}
.sub-tablet #page-wrap .share-awesome-banner ul{
	position: static;
	overflow-y: hidden;
	padding-bottom: 70px;
}
#page-wrap .share-awesome-banner ul li{
	list-style: none;
	float: left;
}
#page-wrap .share-awesome-banner ul li a{
	display: block;	
	height: 42px;
	background: url('images/icons/landing-social-sprite-42.png') no-repeat;
	margin-right: 45px;
}
.sub-tablet #page-wrap .share-awesome-banner ul li a{
	height: 65px;
	background: url('images/icons/landing-social-sprite-65.png') no-repeat 0 0;
	margin-right: 80px;
}
#page-wrap .share-awesome-banner ul li.twitter a{
	width: 50px;
	background-position: 0 0;
}
#page-wrap .share-awesome-banner ul li.twitter a:hover{
	background-position: 0 -42px;
}
.sub-tablet #page-wrap .share-awesome-banner ul li.twitter a{
	width: 77px;
	background-position: 0 0;
}
#page-wrap .share-awesome-banner ul li.fb a{
	width: 26px;
	background-position: -89px 0;
}
#page-wrap .share-awesome-banner ul li.fb a:hover{
	background-position: -89px -42px;
}
.sub-tablet #page-wrap .share-awesome-banner ul li.fb a{
	width: 39px;
	background-position: -157px 0;
}
#page-wrap .share-awesome-banner ul li.insta a{
	width: 41px;
	background-position: -159px 0;
}
#page-wrap .share-awesome-banner ul li.insta a:hover{
	background-position: -159px -42px;
}
.sub-tablet #page-wrap .share-awesome-banner ul li.insta a{
	width: 63px;
	background-position: -276px 0;
}
#page-wrap .share-awesome-banner ul li.tumblr a{
	width: 24px;
	background-position: -245px 0;
}
#page-wrap .share-awesome-banner ul li.tumblr a:hover{
	background-position: -245px -42px;
}
.sub-tablet #page-wrap .share-awesome-banner ul li.tumblr a{
	width: 35px;
	background-position: -419px 0;
}
#page-wrap .share-awesome-banner .sharebox{
	position: absolute;
	left: 515px;
	top: 102px;
	list-style: none;
}
.sub-tablet #page-wrap .share-awesome-banner .sharebox{
	position: static;
	overflow-y: hidden;
	padding-bottom: 70px;
}
#page-wrap .share-awesome-banner .sharebox a{
	display: block;	
	height: 42px;
	background: url('images/icons/landing-social-sprite-42.png') no-repeat;
	margin-right: 45px;
	float: left;
}
.sub-tablet #page-wrap .share-awesome-banner .sharebox a{
	height: 65px;
	background: url('images/icons/landing-social-sprite-65.png') no-repeat 0 0;
	margin-right: 80px;
}
#page-wrap .share-awesome-banner .sharebox a.twitter{
	width: 50px;
	background-position: 0 0;
}
#page-wrap .share-awesome-banner .sharebox a.twitter:hover{
	background-position: 0 -42px;
}
.sub-tablet #page-wrap .share-awesome-banner .sharebox a.twitter{
	width: 77px;
	background-position: 0 0;
}
#page-wrap .share-awesome-banner .sharebox a.fb{
	width: 26px;
	background-position: -89px 0;
}
#page-wrap .share-awesome-banner .sharebox a.fb:hover{
	background-position: -89px -42px;
}
.sub-tablet #page-wrap .share-awesome-banner .sharebox a.fb{
	width: 39px;
	background-position: -157px 0;
}
#page-wrap .share-awesome-banner .sharebox a.insta{
	width: 41px;
	background-position: -159px 0;
}
#page-wrap .share-awesome-banner .sharebox a.insta:hover{
	background-position: -159px -42px;
}
.sub-tablet #page-wrap .share-awesome-banner .sharebox a.insta{
	width: 63px;
	background-position: -276px 0;
}
#page-wrap .share-awesome-banner .sharebox a.tumblr{
	width: 24px;
	background-position: -245px 0;
}
#page-wrap .share-awesome-banner .sharebox a.tumblr:hover{
	background-position: -245px -42px;
}
.sub-tablet #page-wrap .share-awesome-banner .sharebox a.tumblr{
	width: 35px;
	background-position: -419px 0;
}
#search-sub-nav{
	position: relative;
	z-index: 200;
}
.sub-tablet #search-sub-nav{
	display: none;
}
#search-sub-nav .search{
	overflow: hidden;
	position: absolute;
	top: -16px;
}
#search-sub-nav .search input{
	display: block;
	float: left;
}
#search-sub-nav .search input[type="input"]{
	padding: 0 13px;
	width: 137px;
	height: 44px;
	border: 1px solid #c9ccd0;
	border-right: none;
	font: 400 14px/44px "roboto";
	color: #808285;
	outline: none !important;
}
#search-sub-nav .search input::-webkit-input-placeholder {
   color: #808285;
}
#search-sub-nav .search input::-moz-placeholder {
   color: #808285;  
}
#search-sub-nav .search input:-ms-input-placeholder {  
   color: #808285;  
}
#search-sub-nav .search input[type="submit"]{
	background: url('images/icons/sidebar-search-sprite-46.png') no-repeat 0 0;
	height: 46px;
	width: 46px;
	border: none;
}
#search-sub-nav .search input[type="submit"]:hover{
	background-position: 0 -46px;
	cursor: pointer;
}
#search-sub-nav .sub-nav > ul{
	position: relative;
	top: 45px;
}
#page-wrap #search-sub-nav .sub-nav > ul li{
	overflow: hidden;
}
#page-wrap #search-sub-nav .sub-nav > ul li:first-child{
	background: #e8e8e8;
}
#page-wrap #search-sub-nav .sub-nav > ul li.active:first-child{
	background: #000;
}
#listing-container{
	width: 710px;
	padding-top: 40px;
}
.tablet #listing-container{
	width: 72.5454%;
}
.sub-tablet #listing-container{
	width: calc(100% + 40px);
	margin-left: -20px;
}
.mobile #listing-container{
	width: calc(100% + 70px);
	margin-left: -35px;
}
#listing-container .listing-item{
	padding-top: 40px;
	padding-bottom: 39px;
	border-bottom: 1px solid #ebebeb;
}
.sub-tablet #listing-container .listing-item{
	padding: 40px 20px 39px;
}
.mobile #listing-container .listing-item{
	padding: 45px 35px 50px;
}
#listing-container .listing-item:last-child{
	border-bottom: none;
}
.mobile #listing-container .listing-item:last-child{
	padding-bottom: 90px;

}
#listing-container .listing-item a{
	display: block;
}
#listing-container .listing-item .listing-image{
	float: left;
	height: 260px;
	width: 210px;
	margin-right: 40px;
	position: relative;
}
.mobile #listing-container .listing-item .listing-image{
	display: none;
}
#listing-container .listing-item .listing-image img{
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}
#listing-container .listing-item .listing-image .listing-overlay{
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	background: url('images/edge-backgrounds/listing-angle-treatment.png') no-repeat top right;
	
}
#listing-container .listing-item .listing-content{
	float: left;
	width: 458px;
	padding-top: 17px;
}
.tablet #listing-container .listing-item .listing-content{
	width: calc(100% - 250px);
}
.mobile #listing-container .listing-item .listing-content{
	width: 100%;
}
#listing-container .listing-item .listing-content .listing-date{
	font: 700 14px/14px "roboto";
	color: #808285;
	margin-bottom: 15px;
}
.mobile #listing-container .listing-item .listing-content .listing-date{
	font-size: 20px;
	line-height: 20px;
	margin-bottom: 10px;
}
#listing-container .listing-item .listing-content .listing-text h1{
	font: 400 28px/28px "trade-gothic";
	margin-bottom: 12px;
}
#listing-container .listing-item .listing-content .listing-text h1 a{
	font: 400 28px/28px "trade-gothic";
	color: #000;
}
#listing-container .listing-item .listing-content .listing-text h1 a:hover{
	color: #808285;
}
.mobile #listing-container .listing-item .listing-content .listing-text h1{
	font-size: 40px;
	line-height: 52px;
	margin-bottom: 10px;
}
#listing-container .listing-item .listing-content .listing-text p{
	margin-bottom: 34px;
}
#listing-container .listing-item .listing-content .listing-text p.byline{
	margin-bottom: 12px;
}
#listing-container .listing-item .listing-content .more{
	width: 121px;
	height: 43px;
	background: url('images/edge-backgrounds/landing-tip-more.png') no-repeat 0 0;
	font: 700 17px/43px "roboto";
	color: #fff;
	text-align: center;
	float: left;
}
#listing-container .listing-item .listing-content .listing-tags{
	font: 400 12px/48px "roboto";
	color: #808285;
	float: right;
}
.tablet #listing-container .listing-item .listing-content .listing-tags{
	float: none;
	overflow-y: hidden;
	margin-bottom: 20px;
}
.tablet #page-wrap.blog-landing .listing-content .read-more{
	float: none;
}
#listing-container .listing-item .listing-content .listing-tags h1{
	font: 700 12px/48px "roboto";
	color: #808285;
	text-transform: none;
	float: left;
	margin-right: 4px;
}
.tablet #listing-container .listing-item .listing-content .listing-tags h1{
	font-size: 22px;
	line-height: 28px;
}
#listing-container .listing-item .listing-content .listing-tags ul{
	list-style: none;
	float: left;
	max-width: 280px;
	padding-top: 15px;
}
.tablet #listing-container .listing-item .listing-content .listing-tags ul{
	max-width: none;
	padding-top: 0;
}
#listing-container .listing-item .listing-content .listing-tags ul li{
	float: left;
	margin-right: 3px;
	font: 400 12px/18px "roboto";
	color: #808285;
}
#listing-container .listing-item .listing-content .listing-tags ul li:last-child{
	margin-right: 0;
}
#listing-container .listing-item .listing-content .listing-tags ul li a{
	font: 400 12px/18px "roboto";
	color: #808285;
}
.tablet #listing-container .listing-item .listing-content .listing-tags ul li a{
	font-size: 22px;
	line-height: 28px;
}
#listing-container .listing-item .listing-content .listing-tags ul li a:hover{
	color: #f69831;
}
#listing-container .listing-item .listing-content .listing-tags ul li a:after{
	content: "/";
	font: 400 12px/18px "roboto";
	color: #808285;
	margin-left: 3px;
}
.tablet #listing-container .listing-item .listing-content .listing-tags ul li a:after{
	font-size: 22px;
}
#listing-container .listing-item .listing-content .listing-tags ul li:last-child a:after{
	content: none;
}
#listing-pagination{
	text-align: center;
}
#listing-pagination ul{
	display: table;
	margin: 0 auto;
	list-style: none;
	border-collapse: collapse;
}
#listing-pagination ul li{
	display: table-cell;
	border: 1px solid #f69831;
	vertical-align: middle;
}
.mobile #listing-pagination ul li{
	border-left: 2px solid #f69831;
	border-right: 2px solid #f69831;
}
#listing-pagination ul li:hover{
	border-color: #808285;
	border-left: 1px double #808285;
}
.mobile #listing-pagination ul li:hover{
	border-color: #808285;
	border-left: 2px double #808285;
}
#listing-pagination ul li.prev,
#listing-pagination ul li.next{
	border: none;
	border-bottom: 1px solid #f69831;
}
#listing-pagination ul li.prev:hover,
#listing-pagination ul li.next:hover{
	border-color: #808285;
}
.mobile #listing-pagination ul li.prev:hover,
.mobile #listing-pagination ul li.next:hover{
	border-color: #f69831;
	border-left: none;
}
#listing-pagination ul li.prev:hover{
	border-right: 1px double #808285;
}
#listing-pagination ul li.prev a{
	width: 44px;
	height: 43px;
	border: none;
	background: url('images/icons/pagination-prev-sprite-43.png') no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.mobile #listing-pagination ul li.prev a{
	height: 71px;
	width: 72px;
	background: url('images/icons/pagination-prev-71.png') no-repeat top left;
}
#listing-pagination ul li.prev a:hover{
	background-position: 0 -43px;
}
.mobile #listing-pagination ul li.prev a:hover{
	background-position: top left;
	
}
#listing-pagination ul li.next a{
	width: 44px;
	height: 43px;
	border: none;
	background: url('images/icons/pagination-next-sprite-43.png') no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.mobile #listing-pagination ul li.next a{
	height: 71px;
	width: 72px;
	background: url('images/icons/pagination-next-71.png') no-repeat top right;
}
.mobile #listing-pagination ul li.next a:hover{
	background-position: top right;
}
#listing-pagination ul li.next a:hover{
	background-position: 0 -43px;
}
#listing-pagination ul li a{
	display: block;
	width: 41px;
	height: 41px;
	font: 400 15px/41px "roboto";
	color: #f69831;
	text-align: center;
}
.mobile #listing-pagination ul li a{
	height: 69px;
	width: 67px;
	line-height: 69px;
}
#listing-pagination ul li:hover a{
	color: #808285;
}
#listing-pagination ul li.active a{
	color: #000 !important; 
}
#page-wrap #instagram-slider{
	height: 310px;
	background: #ebebeb;
	position: relative;
}
#page-wrap #instagram-slider .overlay{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,0.3);
}
/***** Products Shared *****/
#sub-nav{
	position: absolute;
	top: 486px;
	width: 100%;
	z-index: 200;
}
#page-wrap .sub-nav-shadow{
	position: absolute;
	right: 5px;
	top: 0;
	width: 241px;
	height: 31px;
	margin-top: -31px;
	background: url('images/gradients/product-sub-nav-shadow.png') no-repeat center center;
}
#page-wrap .sub-nav{
	position: absolute;
	right: 20px;
	top: 0;
}
#page-wrap .sub-nav ul{
	list-style: none;
	margin-top: -15px;
} 
#page-wrap .sub-nav ul li:first-child{
	background: url('images/edge-backgrounds/products-subnav-grey.png') no-repeat top left;
	height: 45px;
}
#page-wrap .sub-nav ul li.active:first-child{
	background: url('images/edge-backgrounds/products-subnav-black.png') no-repeat top left;
}
#page-wrap .sub-nav ul li:first-child a{
	line-height: 45px;
}
#page-wrap .sub-nav ul li{
	background: #ebebeb;
	border-bottom: 1px solid #d6d6d6;
	padding-left: 17px;
	width: 193px;
}
#page-wrap .sub-nav ul li.active{
	background: #000;
}
#page-wrap .sub-nav ul li:last-child{
	border: none;
}
#page-wrap .sub-nav ul li a{
	display: block;
	font: 700 15px/39px "roboto";
	color: #000;
}
#page-wrap .sub-nav ul li.active a{
	color: #fff;
}
#page-wrap .sub-nav ul li.active a:hover{
	color: #fff;
}
#page-wrap .sub-nav ul li a:hover{
	color: #808285;
}

/***** Header *****/
#brand-header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 38px;
	border-bottom: 1px solid #cad6e0;
	z-index: 1000;
	background: #fff;
}
.mobile #brand-header{
	display: none;
}
#brand-header .wrap{
	/*max-width: 1100px;*/
	max-width: 1058px;
	
	margin: 0 auto;
	height: 38px;
}
#brand-header .wrap ul{
	list-style: none;
	text-align: left;
	padding-left: 66px;
}
#brand-header .wrap ul li{
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px;
	font: 700 16px/38px "trade-gothic";;
	text-transform: uppercase;
	color: #000;
}
#brand-header .wrap ul li:last-child{
	margin-right: 0;
}
#brand-header .wrap ul li a{
	display: block;
}
#brand-header .wrap ul li a img{
	display: block;
}
#brand-header .wrap ul li a img.off{
	display: block;
}
#brand-header .wrap ul li a img.on{
	display: none;
}
#brand-header .wrap ul li.active img.off{
	display: none;
}
#brand-header .wrap ul li.active img.on{
	display: block;
}
@media screen and (min-width: 1030px) {
	#brand-header .wrap ul li:hover img.off{
		display: none;
	}
	#brand-header .wrap ul li:hover img.on{
		display: block;
	}
		
}
#nav{
	position: fixed;
	/*top: 0;*/
	top: 39px;
	height: 85px;
	width: 100%;
	z-index: 1000;
}
.mobile #nav{
	top: 0;
}
#nav table{
	width: 100%;
	border-collapse: collapse;
}
#nav td:first-child{
	width: 50%;
	height: 85px;
	background: #000;
	position: relative;
	right: -1px;
	padding-left: 1px;
}
#nav td:last-child{
	width: 50%;
	height: 85px;
	background: rgba(255,255,255,0.9);
}
#mobile-nav,
#mobile-nav-button{
	display: none;
}
#nav ul.main-nav{
	width: 1100px;
	height: 85px;
	list-style: none;
	float: left;
}
#nav ul.main-nav > li{
	height: 100%;
	float: left;
}
#nav ul.main-nav li a{
	display: block;
	height: 100%;
	width: 100%;
	text-align: center;
	font: 400 22px/85px "trade-gothic";
	color: #000;
	text-transform: uppercase;
}
#nav ul.main-nav li.main.current-menu-item > a,
#nav ul.main-nav li.main.current-menu-parent > a,
.mobile #mobile-nav ul.mobile-nav li.main.current-menu-item > a,
.mobile #mobile-nav ul.mobile-nav li.current-menu-item > a,
.mobile #mobile-nav ul.mobile-nav li.current-menu-parent > a,
#footer-nav ul li.current-menu-item > a,
#footer-nav ul li.current-menu-parent > a,
#footer-bot .footer-bottom-nav ul li.current-menu-item > a,
#footer-bot .footer-bottom-nav ul li.current-menu-parent > a{
	color: #f69831;
}
#nav ul.main-nav li.landing{
	width: 17.91%;
	background: url('images/header/landing-notched-black.png') no-repeat center center;
	background-size: 100% 100%;
}
#nav ul.main-nav li.landing a{
	background: url('images/header/logo.png') no-repeat center center;
}
#nav ul.main-nav li.landing a span{
	display: none;
}
#nav ul.main-nav li.main.notched{
	width: 27.08%;
	margin-right: 0.14%;
	margin-right: 1px;
	background: url('images/header/main-notched-white.png') no-repeat top left;
	background-size: 100% 100%;
	margin-left: -6px;
	padding-left: 12px;
	/*margin-left: -0.64%;
	padding-left: 1.19%;*/
}
.tablet #nav ul.main-nav li.main.notched{
	width: 26.9%;
}
.sub-tablet #nav ul.main-nav li.main.notched{
	width: 26.6%;
	margin-left: -3px;
	padding-left: 9px;
}
.mobile #nav ul.main-nav li.main.notched{
	margin-left: -3px;
	width: 25.6%;
}
#nav ul.main-nav li.main.notched:hover{
	background: url('images/header/main-notched-black.png') no-repeat top left;
	background-size: 100% 100%;
}
#nav ul.main-nav li.main{
	width: 27.09%;
	margin-right: 1px;
	background: rgba(255,255,255,0.9);
}
#nav ul.main-nav li.main:hover,
#nav ul.main-nav li.main.active,
#nav ul.main-nav li.main:hover > a,
#nav ul.main-nav li.main.active > a{
	background: rgba(0,0,0,1);
	color: #fff;
}
#nav ul.main-nav li.main:last-child{
	margin-right: 0;
}
#nav ul.main-nav li.main.parent > a > span:after{
	content: "";
	width: 16px;
	height: 16px;
	margin-left: 6px;
	background: url('images/icons/orange-arrow-down-10.png') no-repeat center center;
	display: inline-block;
}
#nav ul.main-nav li.parent ul{
	display: none;
	list-style: none;
}
#nav ul.main-nav li.parent:hover ul{
	display: block;
	height: auto;
}
#nav ul.main-nav li.parent ul li{
	background: rgba(255,255,255,0.9);
	width: 100%;
	height: 42px;
	float: none;
}
#nav ul.main-nav li.parent ul li:first-child{
	padding-top: 7px;
}
#nav ul.main-nav li.parent ul li:last-child{
	padding-bottom: 7px;
}
#nav ul.main-nav li.parent ul li a{
	font: 400 16px/42px "roboto";
	color: #808285;
	text-transform: none;
}
#nav ul.main-nav li.parent ul li.current-menu-item a,
#nav ul.main-nav li.parent ul li a:hover{
	color: #f69831;
}
/** Tablet **/
.tablet #nav ul.main-nav{
	width: 900px;
}
.tablet #nav ul.main-nav li.parent ul li{
	background: none;
}
.tablet #nav ul.main-nav li.parent ul.sub-menu{
	background: rgba(255,255,255,0.9);
}
/** Sub-Tablet **/
.sub-tablet #nav ul.main-nav{
	width: 680px;
}
.sub-tablet #nav ul.main-nav li a{
	/*font-size: 19px;
	 * 
	 */
	font-size: 16px;
}
.sub-tablet #nav ul li.parent ul li a{
	font-size: 15px;
}
/** Mobile **/
.mobile #nav ul.main-nav li.parent ul,
.mobile #nav ul.main-nav li.main a{
	display: none !important;
}
.mobile #nav ul.main-nav li.main{
	margin-right: 0;
}
.mobile #nav ul.main-nav li.main:hover{
	background: rgba(255,255,255,0.9);
}
.mobile #nav ul.main-nav li.main.notched:hover{
	background: url('images/header/main-notched-white.png') no-repeat top left;
	background-size: 100% 100%;
}

.mobile.m-nav-active #nav ul.main-nav li{
	background: #000 !important;
}
.mobile #mobile-nav{
	position: absolute;
	top: 85px;
	z-index: 999;
	width: 100%;
}
.mobile #mobile-nav ul.mobile-nav{
	display: block;
	width: 100%;
}
.mobile #mobile-nav ul.mobile-nav li.landing{
	display: none;
}
.mobile #mobile-nav ul.mobile-nav li a{
	display: block;
	width: calc(100% - 40px);
	height: 74px;
	padding-left: 40px;
	background: #fff url('images/icons/orange-arrow-right-25.png') no-repeat right 40px center;
	border-bottom: 1px solid #d6d6d6;
	font: 400 26px/74px "roboto";
	color: #808285;
}
.mobile #mobile-nav ul.mobile-nav li.main > a{
	font: 400 34px/74px "trade-gothic";
	color: #000;
	text-transform: uppercase;
}
.mobile #mobile-nav ul.mobile-nav li.active a,
.mobile #mobile-nav ul.mobile-nav li.main.active > a{
	color: #f69831;
}
.mobile #mobile-nav-button{
	display: block;
	position: fixed;
	top: 28px;
	right: 40px;
	z-index: 1001;
	width: 37px;
	height: 28px;
	background: url('images/icons/mobile-nav-icon-28.png') no-repeat center center;
	cursor: pointer;
	transition: transform 0.4s;
	-webkit-transition: transform 0.4s;
	-ms-transition: transform 0.4s;
}
.mobile.m-nav-active #mobile-nav-button{
	height: 28px;
	width: 28px;
	right: 40px;
	background: url('images/icons/mobile-nav-close-30.png') no-repeat center center;
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}
/***** Footer *****/
#footer-top{
	width: 100%;
	height: 280px;
	background: #fff;
}
#footer-top h2{
	font: 400 28px/28px "trade-gothic";
	color: #808285;
	text-transform: uppercase;
}
#footer-top h1, #footer-top .h1{
	font: 400 58px/58px "trade-gothic";
	color: #000;
	text-transform: uppercase;
	margin-left: -2px;
	margin-bottom: 20px;
}
#footer-top .mailing-list{
	width: 52%;
	float: left;
	padding-top: 70px;
}
#footer-top .mailing-list #footer-mailing input{
	display: block;
	float: left;
}
#footer-top .mailing-list #footer-mailing input[name="email"]{
	width: 165px;
	padding: 0 15px;
	height: 41px;
	border: 1px solid #c9ccd0;
	border-right: none;
	font: 400 16px/41px "roboto";
	color: #808285;
}
#footer-top .mailing-list #footer-mailing input[name="email"].error{
	outline-color: #f8981c !important;
}
#footer-top .mailing-list #footer-mailing input[type="submit"]{
	background: url('images/footer/newsletter-join-sprite.png') no-repeat 0 0;
	border: none;
	width: 73px;
	height: 43px;
	font: 700 17px/43px "roboto";
	color: #fff;
}
#footer-top .mailing-list #footer-mailing input[type="submit"]:hover{
	background-position: 0 -43px;
	cursor: pointer;
}
#footer-top .follow-us{
	float: left;
	padding-top: 70px;
}
#footer-top .follow-us h2{
	margin-bottom: 33px;
}
#footer-top .follow-us ul li{
	float: left;
	list-style: none;
}
#footer-top .follow-us ul li a{
	height: 61px;
	display: block;
}
#footer-top .follow-us ul li.twitter a{
	width: 73px;
	margin-right: 56px;
	background: url('images/footer/footer-follow-sprite.png') no-repeat 0 0;
}
#footer-top .follow-us ul li.twitter a:hover{
	background-position: 0 -61px;
}
#footer-top .follow-us ul li.fb a{
	width: 36px;
	margin-right: 63px;
	background: url('images/footer/footer-follow-sprite.png') no-repeat -129px 0;
}
#footer-top .follow-us ul li.fb a:hover{
	background-position: -129px -61px;
}
#footer-top .follow-us ul li.instagram a{
	width: 59px;
	background: url('images/footer/footer-follow-sprite.png') no-repeat -228px 0;
}
#footer-top .follow-us ul li.instagram a:hover{
	background-position: -228px -61px;
}
#footer-nav{
	background: #e8e8e8;
	height: 75px;
}
#footer-nav ul li{
	float: left;
	list-style: none;
	margin-right: 26px;
}
#footer-nav ul li a{
	font: 400 22px/75px "trade-gothic";
	color: #000;
	text-transform: uppercase;
}
#footer-nav ul li a:hover{
	color: #808285;
}
#footer-bot{
	height: 50px;
	background: #000;
}
#footer-bot .footer-bottom-nav{
	float: left;
}
#footer-bot .footer-bottom-nav ul li{
	float: left;
	list-style: none;
	margin-right: 22px;
}
#footer-bot .footer-bottom-nav ul li a{
	font: 500 12px/50px "roboto";
	color: #fff;
	text-transform: uppercase;
}
#footer-bot .footer-bottom-nav ul li a:hover{
	color: #a7a7a7;
}
#footer-bot .footer-bottom-nav ul li.canada a:after{
	content: "";
	display: inline-block;
	width: 24px;
	height: 15px;
	background: url('images/footer/canadian-flag.jpg') no-repeat center center;
	margin-left: 5px;
	margin-bottom: -2px;
}
#footer-bot .footer-bottom-copyright{
	float: right;
}
#footer-bot .footer-bottom-copyright p{
	font: 400 11px/46px "roboto";
	color: #a7a7a7;
}
/*** Sub-tablet ***/
.sub-tablet #footer-bot{
	height: auto;
}
.sub-tablet #footer-bot .footer-bottom-nav,
.sub-tablet #footer-bot .footer-bottom-copyright{
	float: none;
}
.sub-tablet #footer-bot .footer-bottom-nav ul{
	overflow-y: hidden;
	width: 100%;
}
.sub-tablet #footer-bot .footer-bottom-nav ul li a{
	font-size: 16px;
	line-height: 76px;
}
.sub-tablet #footer-bot .footer-bottom-copyright p,
.mobile #footer-bot .footer-bottom-copyright p{
	font-size: 12px;
	line-height: 14px;
	padding-bottom: 15px;
}
/*** Mobile ***/
.mobile #footer-top{
	height: auto;
}
.mobile #footer-top .mailing-list{
	width: 100%;
	float: none;
}
.mobile #footer-top .mailing-list h2{
	font-size: 36px;
	line-height: 36px;
}
.mobile #footer-top .mailing-list h1{
	margin-bottom: 15px;
}
.mobile #footer-top .mailing-list form{
	overflow-y: hidden;
}
.mobile #footer-top .mailing-list #footer-mailing input[name="email"]{
	width: calc(100% - 145px);
	padding: 0 20px;
	height: 70px;
	font-size: 24px;
	line-height: 70px;
}
.mobile #footer-top .mailing-list #footer-mailing input[type="submit"]{
	background: url('images/footer/newsletter-join-orange-72.png') no-repeat center center;
	height: 72px;
	width: 104px;
	font-size: 24px;
	line-height: 72px;
}
.mobile #footer-top .follow-us{
	float: none;
	padding-bottom: 70px;
}
.mobile #footer-top .follow-us h2{
	font-size: 34px;
	line-height: 34px;
}
.mobile #footer-top .follow-us ul{
	overflow-y: hidden;
}
.mobile #footer-top .follow-us ul li a{
	height: 80px;
	margin-right: 95px;
}
.mobile #footer-top .follow-us ul li.twitter a{
	width: 99px;
	background: url('images/footer/footer-follow-sprite-80.png') no-repeat 0 0;
}
.mobile #footer-top .follow-us ul li.fb a{
	width: 48px;
	background: url('images/footer/footer-follow-sprite-80.png') no-repeat -194px 0;
}
.mobile #footer-top .follow-us ul li.instagram a{
	width: 78px;
	background: url('images/footer/footer-follow-sprite-80.png') no-repeat -336px 0;
}
.mobile #footer-nav ul li:last-child{
	margin-right: 0;
}
.mobile #footer-nav ul li a{
	font-size: 28px;
	height: 80px;
	line-height: 80px;
}

/***** Slider *****/
.slider{
	position: relative;
}
.slider .slider-image-list {
	overflow: hidden;
	position: relative;
	cursor: move;
	z-index: 9;
}
.slider .slider-image-list ul {
	list-style: none;
}
.slider .slider-image-list ul li {
	position: absolute;
	width: 100%;
	top: 0;
}
.slider .slider-image-list ul li a{
	display: block;
	width: 100%;
	height: auto;
}
.slider .slider-image-list ul li img {
	width: 100%;
	height: auto;	
}
.slider .indicators{
	width: 100%;
	height: 8px;
	position: absolute;
	bottom: 4%;
	z-index: 10;
}
.slider .indicators ul{
	list-style: none;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}
.slider .indicators ul li{
	width: 8px;
	height: 8px;
	border-radius: 50%;
	float: left;
	margin-right: 22px;
	background: #fff;
}
.slider .indicators ul li:last-child{
	margin-right: 0;
}
.slider .indicators ul li.selected{
	background: #000;
}
.slider .prev{
	width: 45px;
	height: 45px;
	position: absolute;
	left: 6.3636%;
	top: 50%;
	background: url('images/icons/circled-arrow-left-orange-45.png') no-repeat center center;
	z-index: 10;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
.slider .prev:hover{
	cursor: pointer;
	background: url('images/icons/circled-arrow-left-grey-45.png') no-repeat center center;
}
.slider .next{
	width: 45px;
	height: 45px;
	position: absolute;
	right: 6.3636%;
	top: 50%;
	background: url('images/icons/circled-arrow-right-orange-45.png') no-repeat center center;
	z-index: 10;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
.slider .next:hover{
	cursor: pointer;
	background: url('images/icons/circled-arrow-right-grey-45.png') no-repeat center center;
}
.mobile .slider .prev,
.mobile .slider .next{
	padding: 20px;
}
.mobile .slider .prev{
	margin-left: -20px;
}
.mobile .slider .next{
	margin-right: -20px;
}
/***** Landing *****/
#page-wrap.landing .new-hero{
	position: relative;
	width: 100%;
	padding-top: 64%;
}
#page-wrap.landing .new-hero .inner-contain{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#page-wrap.landing .new-hero .inner-contain .left{
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
#page-wrap.landing .new-hero .inner-contain .left img{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%); 
	transform: translate(-50%, -50%);
	min-width: 101%;
	min-height: 101%;
	width: auto;
	height: auto;
}
#page-wrap.landing .new-hero .inner-contain .left img.mobile{
	display: none;
}
.tablet #page-wrap.landing .new-hero .inner-contain .left img{
	display: none;
}
.tablet #page-wrap.landing .new-hero .inner-contain .left img.mobile{
	display: block;
}
#page-wrap.landing .new-hero .inner-contain .left .text{
	position: absolute;
	top: 18.4%;
	left: 12.7%;
	z-index: 10;
	text-align: center;
}
.tablet #page-wrap.landing .new-hero .inner-contain .left .text{
	top: 20.4%;
}
.mobile #page-wrap.landing .new-hero .inner-contain .left .text{
	top: 24.4%;
}
#page-wrap.landing .new-hero .inner-contain .left .text .name{
	font: 400 20px/18px "trade-gothic";
	letter-spacing: -0.01em;
	text-transform: uppercase;
	color: #000;
}
#page-wrap.landing .new-hero .inner-contain .left .text .description{
	/*font: 100 12px/18px "roboto";*/
	font: 400 12px/14px "trade-gothic";
	margin-top: 4px;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	color: #000;
}
#page-wrap.landing .new-hero .inner-contain .right{
	background: #002b55;
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
}
#page-wrap.landing .new-hero .inner-contain .right .olympic-logo{
	position: absolute;
	top: 18.4%;
	right: 12.7%;
	z-index: 10;
}
.tablet #page-wrap.landing .new-hero .inner-contain .right .olympic-logo{
	top: 20.4%;
}
.mobile #page-wrap.landing .new-hero .inner-contain .right .olympic-logo{
	top: 24.4%;
}
#page-wrap.landing .new-hero .inner-contain .right .olympic-logo img{
	display: block;
}
#page-wrap.landing .new-hero .inner-contain .right .olympic-logo img.mobile{
	display: none;
}
.tablet #page-wrap.landing .new-hero .inner-contain .right .olympic-logo img{
	display: none;
}
.tablet #page-wrap.landing .new-hero .inner-contain .right .olympic-logo img.mobile{
	display: block;
}
#page-wrap.landing .new-hero .inner-contain .right .tag{
	position: absolute;
	bottom: 12.4%;
	left: 12%;
	z-index: 10;
	width: 80%;
}
.mobile #page-wrap.landing .new-hero .inner-contain .right .tag{
	bottom: 8.4%;
}
#page-wrap.landing .new-hero .inner-contain .right .tag img{
	display: block;
	width: 80%;
	max-width: 415px;
}
#page-wrap.landing .new-hero .inner-contain .right .tag img.mobile{
	display: none;
}
.mobile #page-wrap.landing .new-hero .inner-contain .right .tag img{
	display: none;
}
.mobile #page-wrap.landing .new-hero .inner-contain .right .tag img.mobile{
	display: block;
}
#page-wrap.landing .new-hero .inner-contain .right .text{
	font: 400 9vw/9vw "trade-gothic";
	color: #fff;
	text-transform: uppercase;
	position: absolute;
	bottom: 18%;
	left: 12%;
}
.mobile #page-wrap.landing .new-hero .inner-contain .right .text{
	font-size: 9vw;
	line-height: 9vw;
	bottom: 16%;
}
#page-wrap.landing .hero{
	height: auto;
}
#page-wrap.landing .hero .arrow{
	width: 46px;
	height: 45px;
	position: absolute;
	bottom: 33px;
	left: 50%;
	transform: translateX(-50%) translate3d(0,0,0);
	-webkit-transform: translateX(-50%) translate3d(0,0,0);
	-ms-transform: translateX(-50%) translate3d(0,0,0);
	background: url('images/icons/circled-arrow-down-white-45.png') no-repeat center center;
	
	z-index: 100; 
}

#page-wrap.landing .hero video{
	display: block;
	width: 100%;
	height: auto;
	margin: -10px 0;
	/*min-height: 100%;
	min-width: 1100px;*/
	/*position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);*/
}
.sub-tablet #page-wrap.landing .hero video{
	display: none;
}
.sub-tablet #page-wrap.landing .hero{
	height: 390px;
}
.sub-tablet #page-wrap.landing .hero img.hero{
	height: auto;
	min-width: 0;
}
#page-wrap.landing .hero .text{
	position: absolute;
	right: 6.3636%;
	bottom: 46px;
	transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
	z-index: 100; 
}

#page-wrap.landing .share{
	background: #fff;
}
#page-wrap.landing .share .center-wrap{
	overflow-y: hidden;
}
#page-wrap.landing .share .share-why{
	float: left;
	padding-top: 25px;
	height: 150px;
	margin-right: 63px;
}
#page-wrap.landing .share .share-why h2{
	font: 400 28px/20px "trade-gothic";
	color: #808285;
	text-transform: uppercase;
	margin-bottom: 10px;
}
#page-wrap.landing .share .share-why h1,
#page-wrap.landing .share .share-why .h1{
	font: 400 58px/42px "trade-gothic";
	color: #000;
	text-transform: uppercase;
}
#page-wrap.landing .share .share-buttons{
	padding-top: 56px;
	float: left;
}
#page-wrap.landing .share .share-buttons .sharebox a{
	float: left;
	display: block;	
	height: 42px;
	background: url('images/icons/landing-social-sprite-42.png') no-repeat;
	margin-right: 45px;
}
#page-wrap.landing .share .share-buttons .sharebox a.twitter{
	width: 50px;
	background-position: 0 0;
}
#page-wrap.landing .share .share-buttons .sharebox a.twitter:hover{
	background-position: 0 -42px;
}
#page-wrap.landing .share .share-buttons .sharebox a.fb{
	width: 26px;
	background-position: -89px 0;
}
#page-wrap.landing .share .share-buttons .sharebox a.fb:hover{
	background-position: -89px -42px;
}
#page-wrap.landing .share .share-buttons .sharebox a.insta{
	width: 41px;
	background-position: -159px 0;
}
#page-wrap.landing .share .share-buttons .sharebox a.insta:hover{
	background-position: -159px -42px;
}
#page-wrap.landing .share .share-buttons .sharebox a.tumblr{
	width: 24px;
	background-position: -245px 0;
}
#page-wrap.landing .share .share-buttons .sharebox a.tumblr:hover{
	background-position: -245px -42px;
}
#page-wrap.landing .tip{
	background: #fff;
	overflow-y: hidden;
}
#page-wrap.landing .tip .tip-text{
	background: url('images/edge-backgrounds/landing-tip-bg.png') no-repeat top right;
	width: 50%;
	padding-top: 33.5454%;
	position: relative;
	z-index: 2;
	float: left;
	margin-bottom: 6px;
}
#page-wrap.landing .tip .tip-text .text-wrap{
	position: absolute;
	left: 12.727272%;
	top: 20.27%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	width: 450px;
}
#page-wrap.landing .tip .tip-text .text-wrap .date{
	position: absolute;
	right: 0;
	top: 5px;
	font: 700 16px/16px "roboto";
	color: #808285;
}
#page-wrap.landing .tip .tip-text .text-wrap h2{
	font: 400 28px/22px "trade-gothic";
	text-transform: uppercase;
	color: #808285;
	margin-bottom: 5px;
}
#page-wrap.landing .tip .tip-text .text-wrap h1{
	width: 94%;
	font: 400 52px/52px "trade-gothic";
	text-transform: uppercase;
	color: #000;
	margin-bottom: 10px;
}
#page-wrap.landing .tip .tip-text .text-wrap h1 a{
	font: 400 58px/52px "trade-gothic";
	text-transform: uppercase;
	color: #000;
	display: block;
	width: 100%;
}
#page-wrap.landing .tip .tip-text .text-wrap h1 a:hover{
	color: #808285;
}
#page-wrap.landing .tip .tip-text .text-wrap p{
	font: 400 16px/22px "roboto";
	color: #000;
	width: 92.34%;
	margin-bottom: 15px;
}
#page-wrap.landing .tip .tip-text .text-wrap .more a{
	display: block;
	width: 121px;
	height: 43px;
	background: url('images/edge-backgrounds/landing-tip-more.png') no-repeat 0 0;
	font: 700 17px/43px "roboto";
	text-align: center;
	color: #fff;
}
#page-wrap.landing .tip .tip-text .text-wrap .more a:hover{
	background-position: 0 -43px;
}
#page-wrap.landing .tip .tip-img{
	width: 52.4545%;
	padding-top: 33.5454%;
	position: relative;
	margin-left: -2.4545%;
	float: left;
	margin-bottom: 6px;
}
#page-wrap.landing .tip .tip-img img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

/*** Tablet ***/
/*.tablet #page-wrap.landing .hero{
	height: 522px;
}
.tablet #page-wrap.landing .hero img.hero{
	min-width: 800px;
	height: auto;
}*/
.tablet #page-wrap.landing .share .share-why{
	margin-right: 35px;
}
.tablet #page-wrap.landing .tip .tip-text .text-wrap{
	width: 360px;
}
.tablet #page-wrap.landing .tip .tip-text .text-wrap h2{
	font-size: 26px;
}
.tablet #page-wrap.landing .tip .tip-text .text-wrap h1{
	font-size: 46px;
	line-height: 42px;
}
.tablet #page-wrap.landing .tip .tip-text .text-wrap h1 a{
	font-size: 46px;
	line-height: 42px;
}
.tablet #page-wrap.landing .tip .tip-text .text-wrap p{
	font-size: 15px;
	line-height: 20px;
}
.tablet #page-wrap.landing .tip .tip-img{
	width: 53.4545%;
	margin-left: -3.4545%;
}
/*** Sub-Tablet ***/
.sub-tablet #page-wrap.landing .share .share-why{
	height: auto;
	float: none;
}
.sub-tablet #page-wrap.landing .share .share-why h2{
	font-size: 34px;
}
.sub-tablet #page-wrap.landing .share .share-buttons{
	float: none;
	padding-top: 20px;
	margin-bottom: 80px;
	height: 65px;
}
.sub-tablet #page-wrap.landing .share .share-buttons .sharebox a{
	height: 65px;
	background: url('images/icons/landing-social-sprite-65.png') no-repeat;
	margin-right: 80px;
}
.sub-tablet #page-wrap.landing .share .share-buttons .sharebox a.twitter{
	width: 77px;
	background-position: 0 0;
}
.sub-tablet #page-wrap.landing .share .share-buttons .sharebox a.twitter:hover{
	background-position: 0 0;
}
.sub-tablet #page-wrap.landing .share .share-buttons .sharebox a.fb{
	width: 39px;
	background-position: -157px 0;
}
.sub-tablet #page-wrap.landing .share .share-buttons .sharebox a.fb:hover{
	background-position: -157px 0;
}
.sub-tablet #page-wrap.landing .share .share-buttons .sharebox a.insta{
	width: 63px;
	background-position: -276px 0;
}
.sub-tablet #page-wrap.landing .share .share-buttons .sharebox a.insta:hover{
	background-position: -276px 0;
}
.sub-tablet #page-wrap.landing .share .share-buttons .sharebox a.tumblr{
	width: 35px;
	background-position: -419px 0;
}
.sub-tablet #page-wrap.landing .share .share-buttons .sharebox a.tumblr:hover{
	background-position: -419px 0;
}
.sub-tablet #page-wrap.landing .tip{
	padding-top: 125.78%;
	position: relative;
}
.sub-tablet #page-wrap.landing .tip .tip-img{
	position: absolute;
	top: 0;
	width: 100%;
	height: 56.65%;
	overflow: hidden;
	padding-top: 0;
	margin-left: 0;
}
.sub-tablet #page-wrap.landing .tip .tip-img img{
	width: 100%;
	height: auto;
	min-height: 100%;
	min-width: 640px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
}
.sub-tablet #page-wrap.landing .tip .tip-text{
	width: 100%;
	height: 46.58%;
	padding-top: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url('images/edge-backgrounds/landing-tip-bg-topborder.png') no-repeat top right;
}
.sub-tablet #page-wrap.landing .tip .tip-text .text-wrap{
	width: 565px;
}
.sub-tablet #page-wrap.landing .tip .tip-text .text-wrap h2{
	font-size: 34px;
	line-height: 26px;
}
.sub-tablet #page-wrap.landing .tip .tip-text .text-wrap h1{
	width: 100%;
	font-size: 58px;
	line-height: 52px;
	overflow: hidden;
}
.sub-tablet .tablet #page-wrap.landing .tip .tip-text .text-wrap h1 a{
	font-size: 58px;
	line-height: 52px;
}
.sub-tablet #page-wrap.landing .tip .tip-text .text-wrap p{
	font-size: 24px;
	line-height: 32px;
	max-height: 68px;
	overflow: hidden;
	margin-bottom: 20px;
}
.sub-tablet #page-wrap.landing .tip .tip-text .text-wrap .more a{
	height: 58px;
	width: 171px;
	background: url('images/edge-backgrounds/read-more-58.png') no-repeat center center;
	font-size: 24px;
	line-height: 58px;
}
.sub-tablet #page-wrap.landing .tip .tip-text .text-wrap .date{
	font-size: 20px;
	line-height: 20px;
	top: 6px;
}
/*** Mobile ***/
/*
.mobile #page-wrap.landing .hero{
	height: 391px;
}
.mobile #page-wrap.landing .hero img.hero{
	min-width: 640px;
	height: auto;
}*/
/***** Products Landing *****/
#page-wrap.products-landing .hero{
	height: 486px;
	overflow: hidden;
	position: relative;
}
#page-wrap.products-landing .hero img.hero{
	display: block;
	width: 100%;
	height: auto;
	min-height: 100%;
	min-width: 1100px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
}
.sub-tablet #page-wrap.products-landing .hero{
	height: 300px;
}
.sub-tablet #page-wrap.products-landing .hero img.hero{
	height: auto;
}
.sub-tablet #page-wrap.products-landing #sub-nav{
	top: 300px;
}
.sub-tablet #page-wrap.products-landing #page-tab{
	top: 201px;
}
#page-wrap.products-landing .text{
	margin-bottom: 50px;
}
#page-wrap.products-landing .text.top-text{
	padding-top: 60px;
	margin-bottom: 0;
}
#page-wrap.products-landing .text h1,
#page-wrap.products-landing .text .h1{
	font: 400 40px/50px "trade-gothic";
	color: #000;
	text-transform: none;
	margin-bottom: 20px;
}
#page-wrap.products-landing .text.top-text h1,
#page-wrap.products-landing .text.top-text .h1{
	font: 400 58px/50px "trade-gothic";
	color: #000;
	text-transform: none;
	margin-bottom: 20px;
}
.sub-tablet #page-wrap.products-landing .text h1,
.sub-tablet #page-wrap.products-landing .text .h1{
	font-size: 58px;
}
.sub-tablet #page-wrap.products-landing .text.top-text h1,
.sub-tablet #page-wrap.products-landing .text.top-text .h1{
	letter-spacing: -0.02em;
}
#page-wrap.products-landing .text p{
	width: 49.48%;
	font: 400 16px/22px "roboto";
	color: #000;
	margin-bottom: 25px;
}
#page-wrap.products-landing .text.top-text p{
	width: 100%;
}
.tablet #page-wrap.products-landing .text p{
	font-size: 20px;
	line-height: 26px;
	width: 58.48%;
}
.tablet #page-wrap.products-landing .text.top-text p{
	width: 100%;
}
.sub-tablet #page-wrap.products-landing .text p{
	font-size: 24px;
	line-height: 32px;
	width: 100%;
}
#page-wrap.products-landing .some-products{
	position: relative;
}
#page-wrap.products-landing .some-products ul{
	/*overflow-y: hidden;*/
	width: 100%;
	display: table;
	list-style: none;
	position: relative;
	z-index: 2;
}
#page-wrap.products-landing .some-products ul li{
	/*margin-right: 180px;
	float: left;*/
	display: table-cell;
	text-align: center;
}
#page-wrap.products-landing .some-products img{
	display: block;
	margin: 0 auto 15px;
}
#page-wrap.products-landing .some-products p{
	display: inline-block;
	font: 700 18px/26px "roboto";
	color: #000;
	white-space: nowrap;
	padding-right: 35px;
	background: url('images/icons/circled-arrow-right-orange-26.png') no-repeat center right;
	min-height: 26px;
}
.mobile #page-wrap.products-landing .some-products p{
	max-width: 150px;
	white-space: normal;
}
#page-wrap.products-landing .some-products a:hover p{
	color: #808285;
	background: url('images/icons/circled-arrow-right-grey-26.png') no-repeat center right;
}
#page-wrap.products-landing .some-products .horizon{
	width: 100%;
	height: 85px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: url('images/gradients/milkshakes-bottom-gradient.jpg') repeat-x top left;
}
#page-wrap.products-landing .some-products .horizon.tablet{
	display: none;
}
.tablet #page-wrap.products-landing .some-products .horizon.tablet{
	display: block;
	bottom: 53%;
}
#page-wrap.products-landing .some-products ul li:last-child{
	margin-right: 0;
}
#page-wrap.products-landing .normal-products{
	padding-top: 80px;
	background: #fff;
	margin-bottom: 70px;
}
#page-wrap.products-landing .normal-products .some-products ul{
	/*padding-left: 100px;*/
}
.tablet #page-wrap.products-landing .normal-products .some-products ul{
	display: block;
	width: 100%;
}
.tablet #page-wrap.products-landing .normal-products .some-products ul li{
	display: block;
	float: left;
	width: 33.33%;
	margin-bottom: 30px;
}
.tablet #page-wrap.products-landing .normal-products .some-products ul li:nth-child(4),
.tablet #page-wrap.products-landing .normal-products .some-products ul li:nth-child(5){
	margin-bottom: 0;
}
#page-wrap.products-landing .low-cal-products{
	padding-bottom: 90px;
	background: #fff;
	margin-bottom: 70px;
}
#page-wrap.products-landing .low-cal-products .some-products ul{
	width: 33%;
}
#page-wrap.products-landing .elite-products .some-products ul{
	width: 66%;
}
.sub-tablet #page-wrap.products-landing .low-cal-products .some-products ul{
	width: 40%;
}
.sub-tablet #page-wrap.products-landing .elite-products .some-products ul{
	width: 70%;
}
#page-wrap.products-landing .low-cal-products .some-products ul li
#page-wrap.products-landing .elite-products .some-products ul li{
	padding-right: 44px;
}
#page-wrap.products-landing .low-cal-products .some-products ul li p,
#page-wrap.products-landing .elite-products .some-products ul li p{
	white-space: normal;
}
#page-wrap.products-landing .elite-products{
	padding-bottom: 90px;
	border-bottom: 1px solid #ebebeb;
	background: #fff;
}

/***** Product Detail *****/
.sub-tablet #page-wrap.product-detail .hero{
	height: 300px;
}
.sub-tablet #page-wrap.product-detail .hero img.hero{
	height: auto;
}
.sub-tablet #page-wrap.product-detail #sub-nav{
	top: 300px;
}
.sub-tablet #page-wrap.product-detail #page-tab{
	top: 201px;
}
#page-wrap.product-detail #sub-nav-dropdown{
	display: none;
}
.sub-tablet #page-wrap.product-detail #sub-nav-dropdown{
	display: block;
}
#page-wrap.product-detail .featured-product{
	width: 700px;
	padding-top: 80px;
	float: left;
}
.tablet #page-wrap.product-detail .featured-product{
	/*width: 72.5454%;*/
	width: 100%;
	float: none;
	margin-bottom: 50px;
}
#page-wrap.product-detail .featured-product > h1{
	font: 400 58px/50px "trade-gothic";
	color: #000;
	text-transform: uppercase;
	margin-bottom: 25px;
}
#page-wrap.product-detail .featured-product h1 span{
	font-size: 11px;
	position: relative;
	top: -34px;
}
#page-wrap.product-detail .product-image,
#page-wrap.product-detail .product-text{
	float: left;
}
#page-wrap.product-detail .product-image{
	width: 210px;
}
#page-wrap.product-detail .product-image img{
	position: relative;
	left: -15px;
}
#page-wrap.product-detail .product-text{
	width: 490px;
}
.tablet #page-wrap.product-detail .product-text{
	width: 100%;
}
#page-wrap.product-detail .product-text p{
	margin-bottom: 40px;
}
#page-wrap.product-detail .featured-nutrition{
	margin-bottom: 50px;
	overflow-y: hidden;
}
#page-wrap.product-detail .featured-nutrition .protein,
#page-wrap.product-detail .featured-nutrition .calcium,
#page-wrap.product-detail .featured-nutrition .simple{
	float: left;
	margin-right: 30px;
}
#page-wrap.product-detail .featured-nutrition .simple{
	margin-right: 0;
}
#page-wrap.product-detail .featured-nutrition h1{
	font: 400 40px/40px "trade-gothic";
	color: #000;
	text-transform: none;
	margin-bottom: 5px;
}
.tablet #page-wrap.product-detail .featured-nutrition h1{
	margin-bottom: 8px;
}
#page-wrap.product-detail .featured-nutrition h2{
	font: 400 22px/22px "trade-gothic";
	color: #808285;
}
.tablet #page-wrap.product-detail .featured-nutrition h2{
	font-size: 34px;
	line-height: 30px;
}
#page-wrap.product-detail .featured-nutrition .simple h1{
	text-transform: uppercase;
}
#page-wrap.product-detail #tft-share{
	clear: both;
	margin-bottom: 50px;
}
#page-wrap.product-detail .buy .where{
	float: left;
	margin-right: 21px;
}
.sub-tablet #page-wrap.product-detail .buy .where{
	margin-right: 57px;
}
#page-wrap.product-detail .buy .where a{
	display: block;
	width: 142px;
	height: 43px;
	font: 700 17px/43px "roboto";
	color: #fff;
	text-align: center;
	background: url('images/edge-backgrounds/p-detail-buy-now.png') no-repeat center center;
}
#page-wrap.product-detail .buy .where a:hover{
	background: url('images/edge-backgrounds/p-detail-buy-now-grey.png') no-repeat center center;
}
.tablet #page-wrap.product-detail .buy .where a{
	width: 198px;
	height: 58px;
	font-size: 24px;
	line-height: 58px;
	background: url('images/edge-backgrounds/p-detail-where-to-buy.png') no-repeat center center;
}
#page-wrap.product-detail .buy .amazon{
	float: left;
}
.tablet #page-wrap.product-detail .buy .amazon{
	float: right;
}
.sub-tablet #page-wrap.product-detail .buy .amazon{
	float: left;
}

#page-wrap.product-detail .buy .amazon a{
	display: block;
	width: 198px;
	height: 43px;
	font: 700 17px/43px "roboto";
	color: #fff;
	text-align: center;
	background: url('images/edge-backgrounds/p-detail-amazon.png') no-repeat center center;
}
#page-wrap.product-detail .buy .amazon a:hover{
	background: url('images/edge-backgrounds/p-detail-amazon-grey.png') no-repeat center center;
}
.tablet #page-wrap.product-detail .buy .amazon a{
	font-size: 24px;
	line-height: 58px;
	width: 260px;
	height: 58px;
	background: url('images/edge-backgrounds/p-detail-buy-now-large.png') no-repeat center center;
}
#page-wrap.product-detail .buy .amazon span{
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: 3px;
	width: 62px;
	height: 19px;
	background: url('images/icons/amazon.png') no-repeat center center;
}
.tablet #page-wrap.product-detail .buy .amazon span{
	width: 84px;
	height: 26px;
	background: url('images/icons/amazon-large.png') no-repeat center center;
	top: 5px;
}
#page-wrap.product-detail .extra p{
	font: 400 12px/18px "roboto";
	color: #000;
	font-style: italic;
}
#nutrition-facts{
	float: right;
	width: 226px;
	/*margin-top: 298px;*/
	margin-top: 70px;
	margin-right: -8px;
}
#nutrition-facts .top{
	height: 24px;
	width: 226px;
	background: url('images/edge-backgrounds/shadowed-nutrition-top.png') no-repeat center top;
}
#nutrition-facts .middle{
	background: url('images/edge-backgrounds/shadowed-nutrition-repeatable.png') repeat-y center top;
}
#nutrition-facts .bottom{
	height: 28px;
	width: 226px;
	background: url('images/edge-backgrounds/shadowed-nutrition-bottom.png') no-repeat center bottom;
}
#nutrition-facts .nutri-row,
#nutrition-facts h1,
#nutrition-facts .nutri-bot{
	width: 190px;
	margin-left: 18px;
	overflow-y: hidden;
}
#nutrition-facts .nutri-row.thick{
	border-bottom: 2px solid #ebebeb;
	margin-bottom: 6px;
}
#nutrition-facts .nutri-row.thin{
	border-bottom: 1px solid #ebebeb;
}
#nutrition-facts h1{
	font: 400 22px/22px "trade-gothic";
	color: #808285;
	margin-bottom: 5px;
}
#nutrition-facts p{
	font: 400 12px/18px "roboto";
	color: #000;
}
#nutrition-facts .small p{
	font-size: 10px;
}
#nutrition-facts .nutri-bot{
	padding-top: 5px;
}
#nutrition-facts .nutri-bot p{
	margin-bottom: 5px;
}
#nutrition-facts .nutri-bot p:last-child{
	margin-bottom: 0;
}
#nutrition-facts .left{
	float: left;
	margin-right: 15px;
}
#nutrition-facts .cal-left{
	float: left;
	margin-bottom: 3px;
}
#nutrition-facts .right,
#nutrition-facts .cal-right{
	float: right;
	margin-bottom: 3px;
}
#page-wrap.product-detail .other-products{
	padding-top: 70px;
	position: relative;
}
#page-wrap.product-detail .other-products h2{
	font: 400 28px/28px "trade-gothic";
	margin-bottom: 50px;
	text-transform: uppercase;
	color: #808285;
}
.tablet #page-wrap.product-detail .other-products h2{
	font-size: 34px;
	line-height: 34px;
}
#page-wrap.product-detail .other-products .some-products{
	position: relative;
	padding-bottom: 70px;
	z-index: 2;
}
.tablet #page-wrap.product-detail .other-products .some-products{
	padding-bottom: 25px;
}
#page-wrap.product-detail .other-products .some-products ul{
	list-style: none;
}
#page-wrap.product-detail .other-products .some-products li{
	display: block;
	float: left;
	width: 132px;
	margin-right: 4px;
	text-align: center;
	vertical-align: top;
}
.tablet #page-wrap.product-detail .other-products .some-products li{
	float: left;
	width: 50%;
	margin-bottom: 16px;
}
.tablet #page-wrap.product-detail .other-products .some-products li:nth-child(3){
	
}
#page-wrap.product-detail .other-products .some-products li a{
	display: block;
}
.tablet #page-wrap.product-detail .other-products .some-products li a{
	width: 100%;
	text-align: center;
}
#page-wrap.product-detail .other-products .some-products li a img{
	display: block;
	margin: 0 auto 15px;
}/*
.tablet #page-wrap.product-detail .other-products .some-products li a img{
	display: block;
	margin: 0 auto;
}*/
#page-wrap.product-detail .other-products .some-products li p{
	font: 700 16px/19px "roboto";
	color: #000;
	padding-right: 30px;
	background: url('images/icons/circled-arrow-right-orange-26.png') no-repeat right center;
	display: inline-block;
	min-height: 27px;
}
#page-wrap.product-detail .other-products .some-products li a:hover p{
	color: #808285;
	background: url('images/icons/circled-arrow-right-grey-26.png') no-repeat right center;
}
#page-wrap.product-detail .other-products .horizon{
	position: absolute;
	width: 100%;
	height: 154px;
	bottom: 0;
	background: url('images/gradients/milkshakes-bottom-gradient.jpg') repeat-x left top;
}
.tablet #page-wrap.product-detail .other-products .mobile-horizon {
  width: 100%;
  height: 165px;
  position: absolute;
  left: 0;
  bottom: 39%;
  background: url('images/gradients/milkshakes-bottom-gradient.jpg') repeat-x top left;
}
.mobile #page-wrap.product-detail .other-products .mobile-horizon {
	bottom: 39%;	
}
.tablet #page-wrap.product-detail #tablet-mover{
	display: table;
	/*width: 72.5454%;*/
	width: 100%;
}
.tablet #page-wrap.product-detail #tablet-mover .product-image,
.tablet #page-wrap.product-detail #tablet-mover #nutrition-facts{
	display: table-cell;
	margin-top: 0;
}
.tablet #page-wrap.product-detail #tablet-mover .product-image{
	text-align: center;
	margin-right: 5%;
	width: 260px;
	vertical-align: middle;
	float: none;
}
.tablet #page-wrap.product-detail #tablet-mover .product-image img{
	left: 0;
}
.tablet #page-wrap.product-detail #tablet-mover .product-image .extra p{
	font-size: 16px;
	line-height: 23px;
}
.tablet #nutrition-facts{
	width: 276px;	
}
.tablet #nutrition-facts .top{
	height: 30px;
	width: 276px;
	background: url('images/edge-backgrounds/shad-nutri-top-lg.png') no-repeat center top;
}
.tablet #nutrition-facts .middle{
	background: url('images/edge-backgrounds/shad-nutri-repea-lg.png') repeat-y center top;
}
.tablet #nutrition-facts .bottom{
	height: 33px;
	width: 276px;
	background: url('images/edge-backgrounds/shad-nutri-bot-lg.png') no-repeat center bottom;
}
.tablet #nutrition-facts .nutri-row, 
.tablet #nutrition-facts h1,
.tablet #nutrition-facts .nutri-bot{
	width: 236px;
}
.tablet #nutrition-facts h1{
	font-size: 28px;
	line-height: 28px;
}
.tablet #nutrition-facts p{
	font-size: 15px;
	line-height: 23px;
}
.tablet #nutrition-facts .nutri-bot p{
	margin-bottom: 7px;
}
.sub-tablet #sub-nav{
	display: none;
}
.sub-tablet #page-wrap.product-detail .featured-product{
	width: 100%;
}
.sub-tablet #page-wrap.product-detail #tablet-mover{
	width: 100%;
}
/***** Where to buy *****/
#page-wrap.buy .content{
	padding-top: 80px;
}
#page-wrap.buy .content h1,
#page-wrap.buy .content p{
	max-width: 715px;
}
#page-wrap.buy .content h1{
	margin-bottom: 25px;
}
.tablet #page-wrap.buy .content h1{
	margin-bottom: 15px;
}
.mobile #page-wrap.buy .content h1{
	margin-bottom: 10px;
}
#page-wrap.buy .locations{
	padding-top: 70px;
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 10px;
}
#page-wrap.buy .locations .location{
	width: 24.5%;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin-bottom: 80px;
}
.tablet #page-wrap.buy .locations .location{
	width: 32.5%;
}
.mobile #page-wrap.buy .locations .location{
	width: 49.5%;	
}
#page-wrap.buy .locations .location div.location-img{
	height: 154px;
	display: table;
	width: 100%;
}
#page-wrap.buy .locations .location div.location-img div{
	display: table-cell;
	vertical-align: middle;
}
#page-wrap.buy .locations .location div.location-img div img{
	max-width: 100%;
	height: auto;
}
#page-wrap.buy .locations .location p{
	padding-top: 10px;
	font: 700 16px/24px "roboto";
	color: #000;
}
/***** About *****/
.sub-tablet #page-wrap.about .hero{
	height: 300px;
}
.sub-tablet #page-wrap.about .hero img.hero{
	height: auto;
}
.sub-tablet #page-wrap.about #page-tab{
	top: 201px;
}
#page-wrap.about .top-content{
	padding-top: 80px;
	margin-bottom: 40px;
}
.sub-tablet #page-wrap.about .top-content{
	padding-top: 60px;
}
#page-wrap.about .top-content h2{
	font: 400 28px/28px "trade-gothic";
	color: #808285;
	text-transform: uppercase;
	margin-bottom: 3px;
}
#page-wrap.about .top-content h2{
	font: 400 34px/34px "trade-gothic";
	margin-bottom: 0;
}
#page-wrap.about .top-content h1{
	font: 400 58px/52px "trade-gothic";
	color: #000;
	text-transform: uppercase;
	margin-bottom: 25px;
}
.mobile #page-wrap.about .top-content h1{
	margin-bottom: 20px;
	margin-left: -3px;
}
#page-wrap.about .top-content p,
#page-wrap.about .under-benefits p{
	font: 400 16px/22px "roboto";
	color: #000;
	margin-bottom: 25px;
}
#page-wrap.about .top-content p:last-child,
#page-wrap.about .under-benefits p:last-child{
	margin-bottom: 0;
}
.tablet #page-wrap.about .top-content p,
.tablet #page-wrap.about .under-benefits p{
	font: 400 20px/26px "roboto";
}
.tablet #page-wrap.about .top-content p:last-child,
.tablet #page-wrap.about .under-benefits p:last-child{
	margin-bottom: 0;
}
.mobile #page-wrap.about .top-content p,
.mobile #page-wrap.about .under-benefits p{
	font: 400 24px/32px "roboto";
}
.mobile #page-wrap.about .top-content p:last-child,
.mobile #page-wrap.about .under-benefits p:last-child{
	margin-bottom: 0;
}
#page-wrap.about .benefits{
	overflow-y: hidden;
	height: 85px;
	margin-bottom: 45px;
}
#page-wrap.about .benefits .benefit{
	float: left;
	overflow-y: hidden;
	margin-right: 80px; 	
	position: relative;
	width: 263px;
}
.tablet #page-wrap.about .benefits .benefit{
	margin-right: 14px;
	width: 256px;
}
.sub-tablet #page-wrap.about .benefits{
	height: auto;
}
.sub-tablet #page-wrap.about .benefits .benefit{
	width: 100%;
	float: none;
	height: 100px;
	margin-bottom: 40px;
}
#page-wrap.about .benefits .benefit:last-child{
	margin-right: 0;
}
#page-wrap.about .benefits .b-img{
	float: left;
	margin-right: 15px;
	height: 100%;
}
#page-wrap.about .benefits .b-img img{
	vertical-align: top;
}
.sub-tablet #page-wrap .about .benefits .b-img{
	position: relative;
}
.sub-tablet #page-wrap.about .benefits .b-img img{
	position: absolute;
	bottom: 0;
}
#page-wrap.about .benefits .b-text{
	float: right;
	width: 175px;
	position: absolute;
	bottom: 0;
	right: 0;
}
.sub-tablet #page-wrap.about .benefits .b-text{
	width: calc(100% - 95px);
	left: 95px;
}
#page-wrap.about .benefits .b-text h1{
	font: 400 28px/22px "trade-gothic";
	color: #000;
	text-transform: uppercase;
	margin-bottom: 8px;
}
.sub-tablet #page-wrap.about .benefits .b-text h1{
	font-size: 40px;
	line-height: 29px;
	margin-bottom: 10px;
}
#page-wrap.about .benefits .b-text h2{
	font: 400 22px/22px "trade-gothic";
	color: #808285;
	text-transform: uppercase;
}
.sub-tablet #page-wrap.about .benefits .b-text h2{
	font-size: 34px;
	line-height: 26px;
}
#page-wrap.about .about-fairlife{
	padding-top: 6px;
}
#page-wrap.about .about-fairlife .left{
	float: left;
	width: 50%;
	padding-top: 66.5454%;
	background: url('images/edge-backgrounds/about-fairlife-bg.png') no-repeat top right;
	position: relative;
	z-index: 2;
}
.sub-tablet #page-wrap.about .about-fairlife .left{
	display: none;
}
#page-wrap.about .about-fairlife .left .fairlife-content{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 415px;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
}
#page-wrap.about .about-fairlife .left .fairlife-content h2{
	font: 400 28px/30px "trade-gothic";
	color: #808285;
	text-transform: uppercase;
}
#page-wrap.about .about-fairlife .left .fairlife-content h2 sup{
	font-size: 10px;
	line-height: 0;
}
#page-wrap.about .about-fairlife .left .fairlife-content h1{
	font: 400 58px/52px "trade-gothic";
	color: #000;
	margin-bottom: 20px;
	text-transform: uppercase;
}
#page-wrap.about .about-fairlife .left .fairlife-content p{
	font: 400 16px/22px "roboto";
	color: #000;
	margin-bottom: 25px;
}
#page-wrap.about .about-fairlife .left .fairlife-content p:last-child{
	margin-bottom: 0;
}
#page-wrap.about .about-fairlife .left .fairlife-content p sup{
	line-height: 0;
}
#page-wrap.about .about-fairlife .left .fairlife-content p a{
	font-weight: 700;
	padding-right: 35px;
	color: #000;
	display: inline-block;
	line-height: 26px;
	background: url('images/icons/circled-arrow-right-orange-26.png') no-repeat right center;
}
#page-wrap.about .about-fairlife .right{
	float: left;
	width: 50%;
	padding-top: 66.5454%;
	position: relative;
}
.sub-tablet #page-wrap.about .about-fairlife .right{
	width: 100%;
	padding-top: 0;
	height: auto;
	float: none;
}
#page-wrap.about .about-fairlife .right .farm-image{
	padding-top: 75.4545%;
	width: 100%;
	position: absolute;
	top: 0;
}
.sub-tablet #page-wrap.about .about-fairlife .right .farm-image{
	padding-top: 0;
	position: relative;
}
#page-wrap.about .about-fairlife .right .farm-image img{
	width: calc(100% + 27px);
	height: 100%;
	position: absolute;
	top: 0;
	left: -27px;
}
.sub-tablet #page-wrap.about .about-fairlife .right .farm-image img{
	width: 100%;
	height: auto;
	position: static;
	display: block;
}
#page-wrap.about .about-fairlife .right .farm-video{
	padding-top: 56.5454%;
	width: 100%;
	position: absolute;
	bottom: 0;
}
.sub-tablet #page-wrap.about .about-fairlife .right .farm-video{
	padding-top: 0;
	position: relative;
}
#page-wrap.about .about-fairlife .right .farm-video img{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.sub-tablet #page-wrap.about .about-fairlife .right .farm-video img{
	height: auto;
	position: static;
	display: block
}
#page-wrap.about .about-fairlife .right .farm-video .overlay{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.2) url('images/icons/circled-arrow-right-white-84.png') no-repeat center center;
}
#page-wrap.about .about-fairlife .right .farm-video .overlay:hover{
	cursor: pointer;
	background: rgba(0,0,0,0.0) url('images/icons/circled-arrow-right-white-84.png') no-repeat center center;
}
.sub-tablet #page-wrap.about .about-fairlife .right .fairlife-content{
	padding: 85px 35px 80px;
	background: url('images/edge-backgrounds/about-fairlife-bg-tablet.png') no-repeat top right;
	position: relative;
	margin-top: -28px;
	margin-bottom: 6px;
}
.sub-tablet #page-wrap.about .about-fairlife .right .fairlife-content h2{
	font: 400 34px/30px "trade-gothic";
	color: #808285;
	text-transform: uppercase;
}
.sub-tablet #page-wrap.about .about-fairlife .right .fairlife-content h2 sup{
	font-size: 10px;
	line-height: 0;
}
.sub-tablet #page-wrap.about .about-fairlife .right .fairlife-content h1{
	font: 400 58px/52px "trade-gothic";
	color: #000;
	margin-bottom: 20px;
	text-transform: uppercase;
}
.sub-tablet #page-wrap.about .about-fairlife .right .fairlife-content p{
	font: 400 24px/32px "roboto";
	color: #000;
	margin-bottom: 25px;
}
.sub-tablet #page-wrap.about .about-fairlife .right .fairlife-content p:last-child{
	margin-bottom: 0;
}
.sub-tablet #page-wrap.about .about-fairlife .right .fairlife-content p sup{
	line-height: 0;
}
.sub-tablet #page-wrap.about .about-fairlife .right .fairlife-content p a{
	font-weight: 700;
	padding-right: 35px;
	color: #000;
	display: inline-block;
	line-height: 27px;
	background: url('images/icons/circled-arrow-right-orange-26.png') no-repeat right center;
}
/***** Athlete Listing *****/
#page-wrap.athlete-listing #page-content{
	width: 710px;
	padding-top: 75px;
	padding-bottom: 80px;
}
.tablet #page-wrap.athlete-listing #page-content{
	width: 72.5454%;
}
.sub-tablet #page-wrap.athlete-listing #page-content{
	width: 100%;
	padding-top: 50px;
}
#page-wrap.athlete-listing #page-content #tft-share{
	padding-top: 25px;
}
#page-wrap.athlete-listing #athletes{
	width: 100%;
}
#page-wrap.athlete-listing #athletes .athlete{
	width: 100%;
	height: 369px;
	overflow: hidden;
	margin-bottom: 6px;
}
#page-wrap.athlete-listing #athletes .athlete .a-img-left{
	width: calc(60.2727% - 36px);
	height: 369px;
	float: left;
	background: url('images/edge-backgrounds/a-img-left-expandable.png') no-repeat top right;
	background-size: 100% 100%;
	position: relative;
	z-index: 5;
}
#page-wrap.athlete-listing #athletes .athlete.athlete-27277 .a-img-left{
	background: #000;
}
.sub-tablet #page-wrap.athlete-listing #athletes .athlete .a-img-left{
	width: calc(50.2727% - 36px);
}
#page-wrap.athlete-listing #athletes .athlete.athlete-24026 .a-img-right img{
	left: 0;
	transform: none;
}
.sub-tablet #page-wrap.athlete-listing #athletes .athlete.athlete-24026 .a-img-right img.mobile{
	left: 0;
}
#page-wrap.athlete-listing #athletes .athlete .a-img-right{
	width: 64.2727%;
	height: 369px;
	float: left;
	margin-left: -3.4545%;
	background: url('images/gradients/a-img-right-shadow.png') no-repeat top left;
	background-size: 100% 100%;
	position: relative;
}
.sub-tablet #page-wrap.athlete-listing #athletes .athlete .a-img-right{
	width: 54.181818%;
	margin-left: -4.4545%;
	
}
#page-wrap.athlete-listing #athletes .athlete .a-img-left img,
#page-wrap.athlete-listing #athletes .athlete .a-img-right img{
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}
#page-wrap.athlete-listing #athletes .athlete .a-img-left img.mobile,
#page-wrap.athlete-listing #athletes .athlete .a-img-right img.mobile{
	display: none;
}
.sub-tablet #page-wrap.athlete-listing #athletes .athlete .a-img-left img,
.sub-tablet #page-wrap.athlete-listing #athletes .athlete .a-img-right img{
	display: none;
}
.sub-tablet #page-wrap.athlete-listing #athletes .athlete .a-img-left img.mobile{
	display: block;
	left: auto;
	right: -30px;
	transform: none;
	-webkit-transform: none;
	-ms-transform: none;	
}
.sub-tablet #page-wrap.athlete-listing #athletes .athlete .a-img-right img.mobile{
	display: block;
	left: 36px;
	transform: none;
	-webkit-transform: none;
	-ms-transform: none;
}
#page-wrap.athlete-listing #athletes .athlete .a-img-left-corner{
	height: 369px;
	width: 36px;
	float: left;
	background: url('images/edge-backgrounds/a-img-left-corner.png') no-repeat top right;
	position: relative;
	z-index: 2;
}
#page-wrap.athlete-listing #athletes .athlete.athlete-27277 .a-img-left-corner{
	background: url('images/edge-backgrounds/a-img-left-corner_black.png') no-repeat top right;
}
#page-wrap.athlete-listing #athletes .athlete .a-meet-right{
	width: 43.181818%;
	height: 369px;
	float: left;
	margin-left: -3.4545%;
	background: #000;
	position: relative;
}
.sub-tablet #page-wrap.athlete-listing #athletes .athlete .a-meet-right{
	width: 54.181818%;
	margin-left: -4.4545%;
}
#page-wrap.athlete-listing #athletes .athlete a:hover .a-meet-right{
	background: #808285;
}
#page-wrap.athlete-listing #athletes .athlete .a-meet-left{
	width: calc(39.1818% - 36px);
	height: 369px;
	float: left;
	background: #f69831;
	background-size: 100% 100%;
	position: relative;
	z-index: 2;
}
.sub-tablet #page-wrap.athlete-listing #athletes .athlete .a-meet-left{
	width: calc(50.2727% - 36px);
	padding-right: 1px;
	margin-right: -1px;
}
#page-wrap.athlete-listing #athletes .athlete a:hover .a-meet-left{
	background: #808285;
}
#page-wrap.athlete-listing #athletes .athlete .a-meet-left-corner{
	height: 369px;
	width: 36px;
	float: left;
	background: url('images/edge-backgrounds/a-meet-left-bg-orange-corner.png') no-repeat top right;
	position: relative;
	z-index: 2;
	left: -1px;
}
#page-wrap.athlete-listing #athletes .athlete a:hover .a-meet-left-corner{
	background: url('images/edge-backgrounds/a-meet-left-bg-grey-corner.png') no-repeat top right;
}
#page-wrap.athlete-listing #athletes .athlete .a-meet-right .meet-container{
	position: absolute;
	left: 20.9%;
	top: 50%;
	width: 250px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
#page-wrap.athlete-listing #athletes .athlete .a-meet-right h1{
	color: #fff;
	max-width: 250px;
	line-height: 52px;
}
#page-wrap.athlete-listing #athletes .athlete a:hover .a-meet-right h1{
	color: #000;
}
#page-wrap.athlete-listing #athletes .athlete .a-meet-right h2{
	color: #f69831;
}
#page-wrap.athlete-listing #athletes .athlete a:hover .a-meet-right h2{
	color: #fff;
}
#page-wrap.athlete-listing #athletes .athlete .a-meet-right .meet-container .circle{
	width: 45px;
	height: 45px;
	background: url('images/icons/circled-arrow-right-orange-45.png') no-repeat center center;
	padding-top: 30px;
}
#page-wrap.athlete-listing #athletes .athlete a:hover .a-meet-right .meet-container .circle{
	background: url('images/icons/circled-arrow-right-white-45.png') no-repeat center center;
}
#page-wrap.athlete-listing #athletes .athlete .a-meet-left .meet-container{
	position: absolute;
	right: 18.987%;
	top: 50%;
	width: 250px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
.tablet #page-wrap.athlete-listing #athletes .athlete .a-meet-left .meet-container{
	right: 5.987%;
}
.sub-tablet #page-wrap.athlete-listing #athletes .athlete .a-meet-left .meet-container{
	right: 0;
}

#page-wrap.athlete-listing #athletes .athlete .a-meet-left h1{
	color: #000;
	line-height: 52px;
}
#page-wrap.athlete-listing #athletes .athlete .a-meet-left h2{
	color: #fff;
}
#page-wrap.athlete-listing #athletes .athlete .a-meet-left .meet-container .circle{
	width: 45px;
	height: 45px;
	background: url('images/icons/circled-arrow-right-white-45.png') no-repeat center center;
	padding-top: 30px;
}
/***** Athlete Bio *****/
#page-wrap.athlete-bio .hero{
	background: #fff url('images/gradients/athlete-bio-hero-shadow.png') bottom center;
	background-size: 100% 100%;
}
#page-wrap.athlete-bio .hero img{
	display: block;
	height: 100%;
	width: auto;
	background: none;
	margin: 0 auto;
}
.tablet #page-wrap.athlete-bio .hero img{
	width: 100%;
	height: auto;
	min-width: 0;
	min-height: 0;
	/*top: auto;
	bottom: 0;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);*/
	top: 100%;
	transform: translate(-50%, -100%);
	-webkit-transform: translate(-50%, -100%);
	-ms-transform: translate(-50%, -100%);
}
.sub-tablet #page-wrap.athlete-bio .hero img{
	transform: translate(-12%,-40%);
	-webkit-transform: translate(-12%,-40%);
	-ms-transform: translate(-12%,-40%);
	height: auto;
	width: 100%;
	min-width: 1100px;
	min-height: 100%;
	top: 50%;
}
#page-wrap.athlete-bio .hero img.mobile{
	display: none;
}
.sub-tablet #page-wrap.athlete-bio .hero img{
	display: none;
}
.sub-tablet #page-wrap.athlete-bio .hero img.mobile{
	display: block;
	width: auto;
	height: auto;
	transform: none;
	-webkit-transform: none;
	-moz-transform: none;
	right: 0;
	bottom: 0;
	min-width: 0;
	min-height: 0;
	top: auto;
	left: auto;
}
#page-wrap #sidebar{
	position: relative;
	z-index: 200;
}
#page-wrap.athlete-bio #awesome-facts{
	width: 210px;
	position: absolute;
	right: 20px;
	/*top: 280px;*/
	top: 80px;
}
.sub-tablet #page-wrap.athlete-bio #awesome-facts{
	position: static;
	width: auto;
	padding: 50px 20px 60px;
	margin: 0 auto;
}
.mobile #page-wrap.athlete-bio #awesome-facts{
	padding: 50px 40px 60px;
}
#page-wrap.athlete-bio #awesome-facts h2{
	font: 400 22px/22px "trade-gothic";
	color: #808285;
	margin-bottom: 8px;
	text-transform: uppercase;
}
.sub-tablet #page-wrap.athlete-bio #awesome-facts h2{
	font-size: 34px;
	line-height: 34px;
}
#page-wrap.athlete-bio #awesome-facts p{
	font: 400 12px/18px "roboto";
	color: #000;
	margin-bottom: 7px;
}
.sub-tablet #page-wrap.athlete-bio #awesome-facts p{
	font-size: 24px;
	line-height: 32px;
	margin-bottom: 12px;
}
#page-wrap.athlete-bio #awesome-facts p a{
	font-weight: 700;
	color: #000;
	padding-right: 20px;
	background: url('images/icons/circled-arrow-right-orange-16.png') no-repeat right center;
}
.sub-tablet #page-wrap.athlete-bio #awesome-facts p a{
	padding-right: 35px;
	background: url('images/icons/circled-arrow-right-orange-26.png') no-repeat right center;
}
#page-wrap.athlete-bio #awesome-facts ul{
	list-style: none;
	margin-bottom: 20px;
}
.sub-tablet #page-wrap.athlete-bio #awesome-facts ul{
	margin-bottom: 40px;
}
#page-wrap.athlete-bio #awesome-facts ul li{
	font: 400 12px/18px "roboto";
	color: #000;
	padding-left: 10px;
	margin-bottom: 5px;
	position: relative;
}
.sub-tablet #page-wrap.athlete-bio #awesome-facts ul li{
	font-size: 24px;
	line-height: 32px;
	padding-left: 18px;
	margin-bottom: 12px;
}
#page-wrap.athlete-bio #awesome-facts ul li:before{
	content: " ";
	width: 7px;
	height: 10px;
	display: block;
	background: url('images/icons/orange-arrow-right-10.png');
	position: absolute;
	top: 5px;
	left: 0;
}
.sub-tablet #page-wrap.athlete-bio #awesome-facts ul li:before{
	width: 9px;
	height: 15px;
	background: url('images/icons/orange-arrow-right-15.png') no-repeat center center;
	top: 10px;
}
#page-wrap.athlete-bio #page-content{
	width: 715px;
	padding-top: 80px;
}
.tablet #page-wrap.athlete-bio #page-content{
	width: 72.5454%;
}
.sub-tablet #page-wrap.athlete-bio #page-content{
	width: 100%;
}
#page-wrap.athlete-bio #page-content .top-content h1{
	font: 400 58px/42px "trade-gothic";
	color: #000;
	text-transform: uppercase;
	margin-bottom: 25px;
}
#page-wrap.athlete-bio #page-content .top-content p{
	font: 400 16px/22px "roboto";
	color: #000;
	margin-bottom: 25px;
}
.tablet #page-wrap.athlete-bio #page-content .top-content p{
	font: 400 20px/26px "roboto";
}
.mobile #page-wrap.athlete-bio #page-content .top-content p{
	font: 400 24px/32px "roboto";
}
#page-wrap.athlete-bio #page-content .video-container{
	height: 260px;
	width: 709px;
	background: url('images/edge-backgrounds/athlete-bio-video-bg.png') no-repeat top right;
	margin: 50px 0 70px;
	position: relative;
}
.tablet #page-wrap.athlete-bio #page-content .video-container{
	width: 100%;
	height: auto;
}
#page-wrap.athlete-bio #page-content .video-container .vc-left{
	width: 460px;
	position: relative;
}
#page-wrap.athlete-bio #page-content .video-container .vc-left img{
	width: 100%;
	height: auto;
	display: block;
}
#page-wrap.athlete-bio #page-content .video-container .vc-left video{
	width: 100%;
	height: 100%;
	display: block;
}
.tablet #page-wrap.athlete-bio #page-content .video-container .vc-left{
	width: 100%;
}
#page-wrap.athlete-bio #page-content .video-container .vc-left .play-button{
	height: 100%;
	width: 100%;
	cursor: pointer;
	background: url('images/icons/circled-arrow-right-white-84.png') no-repeat center center;
	position: absolute;
	top: 0;
	left: 0;
}
#page-wrap.athlete-bio #page-content .video-container .vc-right{
	position: absolute;
	width: 249px;
	height: 260px;
	right: 0;
	top: 0;
}
.tablet #page-wrap.athlete-bio #page-content .video-container .vc-right{
	position: static;
	width: auto;
	height: auto;
	padding: 20px;
	background: #ebebeb;
}
#page-wrap.athlete-bio #page-content .video-container .vc-right p{
	width: 170px;
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	font: 400 22px/24px "trade-gothic";
	color: #808285;
	text-transform: uppercase;
}
.tablet #page-wrap.athlete-bio #page-content .video-container .vc-right p{
	position: static;
	width: auto;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	font-size: 28px;
	line-height: 28px;
}
#page-wrap.athlete-bio #page-content .large-quote{
	position: relative;
	margin-bottom: 20px;
}
#page-wrap.athlete-bio #page-content .large-quote p{
	font: 400 32px/44px "pacifico", cursive;
	/*font: 400 33px/30px "p-marker";*/
	width: 574px;
	padding: 20px 60px 20px 75px;
	color: #000;
}
.tablet #page-wrap.athlete-bio #page-content .large-quote p{
	width: auto;
}
#page-wrap.athlete-bio #page-content .large-quote p:before{
	content: "\201C";
	font: 400 163px/0 "trade-gothic";
	color: #0072b1;
	position: absolute;
	top: 60px;
	left: -10px;
}
#page-wrap.athlete-bio #page-content .large-quote p:after{
	content: "\201D";
	font: 400 163px/0 "trade-gothic";
	color: #0072b1;
	position: absolute;
	right: 0;
	bottom: -20px;
}
#page-wrap.athlete-bio .large-image{
	margin: 0 auto;
	background: url('images/gradients/athlete-large-gradient.png') repeat-x bottom left;
}
#page-wrap.athlete-bio .large-image img.desktop{
	display: bock;
}
#page-wrap.athlete-bio .large-image img.mobile{
	display: none;
}
.sub-tablet #page-wrap.athlete-bio .large-image img.desktop{
	display: none;
}
.sub-tablet #page-wrap.athlete-bio .large-image img.mobile{
	display: block;
}
#page-wrap.athlete-bio .large-image .center-wrap{
	padding: 0;
}
#page-wrap.athlete-bio .share-awesome-banner{
	margin-bottom: 10px;
}
#page-wrap.athlete-bio .products{
	border-bottom: 1px solid #ebebeb;
}
/***** Default *****/
#page-wrap.default{
	border-bottom: 1px solid #ebebeb;	
}
#page-wrap.default .hero{
	height: 486px;
}
#page-wrap.default #page-tab{
	top: 387px;
}
#page-wrap.default #page-content{
	width: 760px;
	padding: 100px 0 90px;
}
#page-wrap.default #page-content img{
    max-width: 100%;
    height: auto;
}
.tablet #page-wrap.default #page-content{
	width: 100%;
	max-width: 760px;
}
#page-wrap.default #page-content p{
	margin-bottom: 20px;
}
#page-wrap.default #page-content ul{
	list-style: none;
}
#page-wrap.default #page-content ul li{
	font: 400 16px/22px "roboto";
	color: #000;
	padding-left: 20px;
	margin-bottom: 15px;
	position: relative;
}
.mobile #page-wrap.default #page-content ul li{
	font-size: 24px;
	line-height: 32px;
}
#page-wrap.default #page-content ul li:before{
	content: " ";
	width: 9px;
	height: 15px;
	background: url('images/icons/orange-arrow-right-15.png') no-repeat center center;
	position: absolute;
	top: 2px;
	left: 0;
}
.mobile #page-wrap.default #page-content ul li:before{
	top: 8px;
}
#page-wrap.default #page-content h3{
	font: 700 16px/22px "roboto";
	color: #000;
	text-transform: uppercase;
}
#page-wrap.default #page-content sup{
	font-size: 10px;
	line-height: 0;
	position: relative;
	top: 1px;
}

/***** News Landing *****/
#page-wrap.blog-landing,
#page-wrap.news-landing{
	padding-bottom: 65px;
	border-bottom: 1px solid #ebebeb;
}
.mobile #page-wrap.blog-landing,
.mobile #page-wrap.news-landing{
	padding-bottom: 85px;
}
#page-wrap.single-news .hero,
#page-wrap.news-landing .hero,
#page-wrap.blog-landing .hero,
#page-wrap.single-blog .hero{ 
	height: 282px;
}
#page-wrap.single-news #page-tab,
#page-wrap.news-landing #page-tab,
#page-wrap.blog-landing #page-tab,
#page-wrap.single-blog #page-tab{
	top: 183px;
}
#page-wrap.blog-landing .read-more,
#page-wrap.news-landing .read-more{
	float: left;
}
#page-wrap.blog-landing .read-more a,
#page-wrap.news-landing .read-more a{
	display: block;
	width: 121px;
	height: 43px;
	background: url('images/edge-backgrounds/landing-tip-more.png') no-repeat 0 0;
	font: 700 17px/43px "roboto";
	color: #fff;
	text-align: center;
}
#page-wrap.blog-landing .read-more a:hover,
#page-wrap.news-landing .read-more a:hover{
	background-position: 0 -43px;
}
.tablet #page-wrap.blog-landing .read-more a,
.tablet #page-wrap.news-landing .read-more a{
	background: url('images/edge-backgrounds/read-more-58.png') no-repeat top right;
	height: 58px;
	width: 171px;
	font-size: 24px;
	line-height: 58px;
}

/***** Blog Landing *****/
#page-wrap.blog-landing #sub-nav-dropdown{
	display: block;
}
#page-wrap.blog-landing #weekly-tip{
	height: 319px;
	width: 710px;
	margin-top: 80px;
}
.tablet #page-wrap.blog-landing #weekly-tip{
	height: auto;
	width: 72.5454%;
}
.sub-tablet #page-wrap.blog-landing #weekly-tip{
	width: 100%;
	margin-top: 60px;
}
#page-wrap.blog-landing #weekly-tip .responsive-tip-img{
	display: none;
}
.tablet #page-wrap.blog-landing #weekly-tip .responsive-tip-img{
	display: block;
	width: 100%;
}
.sub-tablet #page-wrap.blog-landing #weekly-tip .responsive-tip-img{
	display: block;
	width: calc(100% + 40px);
	margin-left: -20px;
}
.mobile #page-wrap.blog-landing #weekly-tip .responsive-tip-img{
	width: calc(100% + 70px);
	margin-left: -35px;
}
.tablet #page-wrap.blog-landing #weekly-tip .responsive-tip-img img{
	width: 100%;
	height: auto;
}
#page-wrap.blog-landing #weekly-tip .tip-text{
	width: 430px;
	padding-left: 30px;
	height: 319px;
	background: url('images/edge-backgrounds/blog-totw-bg.png') no-repeat top right;
	float: left;
	position: relative;
	z-index: 2;
}
.tablet #page-wrap.blog-landing #weekly-tip .tip-text{
	width: calc(100% - 30px);
	height: 375px;
	float: none;
	background: url('images/edge-backgrounds/landing-tip-bg-topborder.png') no-repeat top right;
	margin-top: -35px;
}
.sub-tablet #page-wrap.blog-landing #weekly-tip .tip-text{
	width: calc(100% + 20px);
	margin-left: -30px;
}
.mobile #page-wrap.blog-landing #weekly-tip .tip-text{
	width: calc(100% + 40px);
	margin-left: -35px;
}
#page-wrap.blog-landing #weekly-tip .tip-text .date{
	position: absolute;
	right: 34px;
	top: 39px;
	font: 700 16px/16px "roboto";
	color: #808285;
}
.tablet #page-wrap.blog-landing #weekly-tip .tip-text .date{
	top: 84px;
}
#page-wrap.blog-landing #weekly-tip .tip-text h2{
	padding-top: 40px;
	font: 400 28px/28px "trade-gothic";
	color: #808285;
	text-transform: uppercase;
}
.tablet #page-wrap.blog-landing #weekly-tip .tip-text h2{
	font-size: 34px;
	line-height: 34px;
	padding-top: 70px;
	margin-bottom: 10px;
}
#page-wrap.blog-landing #weekly-tip .tip-text h1{
	width: 290px;
	line-height: 52px;
	margin-bottom: 10px;
}
#page-wrap.blog-landing #weekly-tip .tip-text h1 a{
	color: #000;
}
#page-wrap.blog-landing #weekly-tip .tip-text h1 a:hover{
	color: #808285;
}
.tablet #page-wrap.blog-landing #weekly-tip .tip-text h1{
	width: 520px;
	margin-bottom: 20px;
}
#page-wrap.blog-landing #weekly-tip .tip-text p{
	width: 370px;
	margin-bottom: 10px;
}
.tablet #page-wrap.blog-landing #weekly-tip .tip-text p{
	width: 500px;
	font-size: 26px;
	line-height: 34px;
	margin-bottom: 20px;
}
#page-wrap.blog-landing #weekly-tip .tip-text .read-more{
	margin-right: 30px;
}
.tablet #page-wrap.blog-landing #weekly-tip .tip-text .read-more{
	margin-right: 60px;
}
#page-wrap.blog-landing #weekly-tip .tip-text .view-all{
	float: left;
}
#page-wrap.blog-landing #weekly-tip .tip-text .view-all a{
	font: 700 17px/43px "roboto";
	color: #f69831;
}
.tablet #page-wrap.blog-landing #weekly-tip .tip-text .view-all a{
	font-size: 24px;
	line-height: 58px;
}
#page-wrap.blog-landing #weekly-tip .tip-text .view-all a:hover{
	color: #808285;
}
#page-wrap.blog-landing #weekly-tip .tip-img{
	width: 276px;
	height: 319px;
	margin-left: -27px;
	float: left;
}
.tablet #page-wrap.blog-landing #weekly-tip .tip-img{
	display: none;
}
#page-wrap.blog-landing #weekly-tip .tip-img img{
	width: 100%;
	height: 100%;
}
/***** Blog/News Single *****/
#page-wrap.single-blog,
#page-wrap.single-news{
	border-bottom: 1px solid #ebebeb;
}
#page-wrap.single-blog #sub-nav-dropdown{
	display: block;
	top: 236px;
}
.sub-tablet #page-wrap.single-blog #sub-nav-dropdown{
	display: none;
}
#page-wrap.single-blog #linkback,
#page-wrap.single-news #linkback{
	margin: 25px 0 30px;	
}
#page-wrap.single-blog #linkback a,
#page-wrap.single-news #linkback a{
	display: block;
	font: 700 17px/26px "roboto";
	color: #000;
	padding-left: 34px;
	background: url('images/icons/circled-arrow-left-orange-26.png') no-repeat left center;
}
.sub-tablet #page-wrap.single-blog #linkback,
.sub-tablet #page-wrap.single-news #linkback{
	margin: 72px 0 50px;
}
.mobile #page-wrap.single-blog #linkback a,
.mobile #page-wrap.single-news #linkback a{
	font-size: 24px;
}
#page-wrap.single-blog #linkback a:hover,
#page-wrap.single-news #linkback a:hover{
	background: url('images/icons/circled-arrow-left-grey-26.png') no-repeat left center;
	color: #808285;
}
#page-wrap.single-blog .date,
#page-wrap.single-news .date{
	font: 700 16px/16px "roboto";
	color: #808285;
	margin-bottom: 10px;
}
.mobile #page-wrap.single-blog .date,
.mobile #page-wrap.single-news .date{
	font-size: 20px;
	line-height: 20px;
	margin-bottom: 18px;
}
#page-wrap.single-blog #post-content,
#page-wrap.single-news #post-content{
	width: 710px;
}
.tablet #page-wrap.single-blog #post-content,
.tablet #page-wrap.single-news #post-content{
	width: 100%;
	max-width: 560px;
}
.sub-tablet #page-wrap.single-blog #post-content,
.sub-tablet #page-wrap.single-news #post-content{
	width: 100%;
	max-width: 710px;
}
#page-wrap.single-blog #post-content h1,
#page-wrap.single-news #post-content h1{
	margin-bottom: 20px;
}
#page-wrap.single-blog #post-content p,
#page-wrap.single-news #post-content p{
	margin-bottom: 20px;
}
#page-wrap.single-blog #post-content p img,
#page-wrap.single-news #post-content p img{
	margin: 15px 0;
}
.tablet #page-wrap.single-blog #post-content p img,
.tablet #page-wrap.single-news #post-content p img{
	width: 100%;
	height: auto;
}
.mobile #page-wrap.single-blog #post-content p img,
.mobile #page-wrap.single-news #post-content p img{
	width: calc(100% + 70px);
	margin-left: -35px;
}
#page-wrap.single-blog #after-post,
#page-wrap.single-news #after-post{
	padding-top: 10px;
	overflow-y: hidden;
	width: 710px;
	padding-bottom: 35px;
	border-bottom: 1px solid #ebebeb;
}
.tablet #page-wrap.single-blog #after-post,
.tablet #page-wrap.single-news #after-post{
	width: 100%;
	max-width: 560px;
	padding-top: 40px;
}
.sub-tablet #page-wrap.single-blog #after-post,
.sub-tablet #page-wrap.single-news #after-post{
	width: 100%;
	max-width: 710px;
}
#page-wrap.single-blog #after-post #tft-share,
#page-wrap.single-news #after-post #tft-share{
	float: left;
}
#page-wrap.single-blog #after-post .listing-tags,
#page-wrap.single-news #after-post .listing-tags{
	font: 400 12px/48px "roboto";
	color: #808285;
	float: right;
}
.tablet #page-wrap.single-blog #after-post .listing-tags,
.tablet #page-wrap.single-news #after-post .listing-tags{
	float: none;
	overflow-y: hidden;
	padding-bottom: 50px;
}
#page-wrap.single-blog #after-post .listing-tags h1,
#page-wrap.single-news #after-post .listing-tags h1{
	font: 700 12px/48px "roboto";
	color: #808285;
	text-transform: none;
	float: left;
	margin-right: 4px;
}
.tablet #page-wrap.single-blog #after-post .listing-tags ul,
.tablet #page-wrap.single-news #after-post .listing-tags ul{
    padding-top: 0;
    max-width: none;
}
.tablet #page-wrap.single-blog #after-post .listing-tags h1,
.tablet #page-wrap.single-news #after-post .listing-tags h1,
.tablet #page-wrap.single-blog #after-post .listing-tags ul li,
.tablet #page-wrap.single-news #after-post .listing-tags ul li,
.tablet #page-wrap.single-blog #after-post .listing-tags ul li a,
.tablet #page-wrap.single-news #after-post .listing-tags ul li a,
.tablet #page-wrap.single-blog #after-post .listing-tags ul li a:after,
.tablet #page-wrap.single-news #after-post .listing-tags ul li a:after{
	font-size: 22px;
	line-height: 28px;
}
#page-wrap.single-blog #after-post .listing-tags ul,
#page-wrap.single-news #after-post .listing-tags ul{
	list-style: none;
	float: left;
	padding-top: 15px;
	padding-bottom: 15px;
	max-width: 670px;
}
#page-wrap.single-blog #after-post .listing-tags ul li,
#page-wrap.single-news #after-post .listing-tags ul li{
	float: left;
	margin-right: 3px;
	font: 400 12px/18px "roboto";
	color: #808285;
}
#page-wrap.single-blog #after-post .listing-tags ul li:last-child,
#page-wrap.single-news #after-post .listing-tags ul li:last-child{
	margin-right: 0;
}
#page-wrap.single-blog #after-post .listing-tags ul li a,
#page-wrap.single-news #after-post .listing-tags ul li a{
	font: 400 12px/18px "roboto";
	color: #808285;
}
#page-wrap.single-blog #after-post .listing-tags ul li a:hover,
#page-wrap.single-news #after-post .listing-tags ul li a:hover{
	color: #f69831;
}
#page-wrap.single-blog #after-post .listing-tags ul li a:after,
#page-wrap.single-news #after-post .listing-tags ul li a:after{
	content: "/";
	font: 400 12px/18px "roboto";
	color: #808285;
	margin-left: 3px;
}
#page-wrap.single-blog #after-post .listing-tags ul li:last-child a:after,
#page-wrap.single-news #after-post .listing-tags ul li:last-child a:after{
	content: none;
}
#page-wrap.single-blog #disqus-container,
#page-wrap.single-news #disqus-container{
	padding: 100px 0;
	width: 630px;
}
.mobile #page-wrap.single-blog #disqus-container,
.mobile #page-wrap.single-news #disqus-container{
	width: 100%;
}
/***** Media Single *****/
#text-sidebar{
	width: 226px;
	margin-right: -8px;
	position: absolute;
	top: 264px;
	right: 20px;
}
.sub-tablet #text-sidebar{
	position: relative;
	top: 0;
	right: 0;
	width: 576px;
	margin-left: -8px;
	margin-bottom: 70px;
}
#text-sidebar .top{
	height: 24px;
	width: 226px;
	background: url('images/edge-backgrounds/shadowed-nutrition-top.png') no-repeat center top;
}
.sub-tablet #text-sidebar .top{
	width: 576px;
	height: 29px;
	background: url('images/edge-backgrounds/shadowed-sidebar-wide-top.png') no-repeat center top;
}
#text-sidebar .middle{
	background: url('images/edge-backgrounds/shadowed-nutrition-repeatable.png') repeat-y center top;
	padding: 15px 30px 20px;
}
.sub-tablet #text-sidebar .middle{
	padding: 15px 30px 0;
	background: url('images/edge-backgrounds/shadowed-sidebar-wide-repeatable.png') repeat-y center top;
}
#text-sidebar .bottom{
	height: 28px;
	width: 226px;
	background: url('images/edge-backgrounds/shadowed-nutrition-bottom.png') no-repeat center bottom;
}
.sub-tablet #text-sidebar .bottom{
	width: 576px;
	height: 38px;
	background: url('images/edge-backgrounds/shadowed-sidebar-wide-bot.png') no-repeat center bottom;
}
#text-sidebar h1{
	font: 400 28px/40px "trade-gothic";
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 15px;
}
.sub-tablet #text-sidebar h1{
	font-size: 40px;
	line-height: 50px;
	margin-bottom: 25px;
}
#text-sidebar h2{
	font: 400 22px/22px "trade-gothic";
	margin-bottom: 3px;
}
.sub-tablet #text-sidebar h2{
	font-size: 34px;
	line-height: 34px;
	float: left;
	padding-right: 20px;
}
#text-sidebar p{
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 20px;
}
#text-sidebar p span{
	white-space: nowrap;
}
.sub-tablet #text-sidebar p{
	font-size: 24px;
	line-height: 32px;
}
#text-sidebar p:last-child{
	margin-bottom: 0;
}
.sub-tablet #text-sidebar p:last-child{
	padding-bottom: 20px;
}
#text-sidebar p a{
	font-weight: 700;
	color: #000;
	white-space: nowrap;
	letter-spacing: -0.02em;
}
#text-sidebar p a:hover{
	color: #808285;
}
#page-wrap.media #top-content{
	padding-top: 70px;
	width: 725px;
	margin-bottom: 60px;
}
.sub-tablet #page-wrap.media #top-content{
	width: auto;
}
#page-wrap.media #top-content p a{
	font-weight: 700;
	color: #000;
}
#page-wrap.media #top-content p a:hover{
	color: #808285;
}
#page-wrap.media #logos h1,
#page-wrap.media #images h1,
#page-wrap.media #videos h1{
	margin-bottom: 30px;
}
.sub-tablet #page-wrap.media #logos,
.sub-tablet #page-wrap.media #images,
.sub-tablet #page-wrap.media #videos{
	padding-top: 50px;
}
.sub-tablet #page-wrap.media #logos h1,
.sub-tablet #page-wrap.media #images h1,
.sub-tablet #page-wrap.media #videos h1{
	margin-bottom: 40px;
}
#page-wrap.media #logos{
	width: 725px;
}
.sub-tablet #page-wrap.media #logos{
	width: auto;
}
#page-wrap.media .downloadable-item{
	float: left;
	width: 220px;
	padding-right: 20px;
	margin-bottom: 60px;
}
#page-wrap.media .downloadable-item img{
	display: block;
	margin-bottom: 15px;
	max-width: 100%;
	height: auto;
}
#page-wrap.media .downloadable-item .filetypes{
	
}
#page-wrap.media .downloadable-item .filetypes ul{
	list-style: none;
	overflow-y: hidden;
}
#page-wrap.media .downloadable-item .filetypes ul li{
	float: left;
	margin-right: 8px;
	color: #313131;
	font: 700 16px/22px "roboto";
	text-transform: uppercase;
}
.sub-tablet #page-wrap.media .downloadable-item .filetypes ul li{
	font-size: 24px;
	line-height: 32px;
}
#page-wrap.media .downloadable-item .filetypes ul li:after{
	content: "|";
	font: 400 16px/22px "roboto";
	color: #c1c1c1;
	margin-left: 8px;
}
.sub-tablet #page-wrap.media .downloadable-item .filetypes ul li:after{
	font-size: 24px;
	line-height: 32px;
}
#page-wrap.media .downloadable-item .filetypes ul li:last-child:after{
	content: none;
}
#page-wrap.media .downloadable-item p{
	color: #313131;
	margin-bottom: 15px;
}
#page-wrap.media .downloadable-item .download a{
	display: block;
	width: 114px;
	height: 43px;
	text-align: center;
	font: 700 17px/43px "roboto";
	color: #fff;
	background: url('images/icons/media-dl-sprite-43.png') no-repeat 0 0;
}
#page-wrap.media .downloadable-item .download a:hover{
	background-position: 0 -43px;
}
.sub-tablet #page-wrap.media .downloadable-item .download a{
	font-size: 24px;
	line-height: 58px;
	width: 166px;
	height: 58px;
	background: url('images/icons/media-dl-58.png') no-repeat 0 0;
}
#page-wrap.media .reg-clear{
	clear: both;
}
.tablet #page-wrap.media .reg-clear{
	clear: none;
}
.tablet #page-wrap.media .tablet-clear{
	clear: both;
}
.sub-tablet #page-wrap.media .tablet-clear{
	clear: none;
}
.sub-tablet #page-wrap.media .mobile-clear{
	clear: both;
}
#page-wrap.media #videos .downloadable-item{
	width: 450px;
	margin-right: 20px;
	padding-right: 0;
}
.sub-tablet #page-wrap.media #videos .downloadable-item{
	float: none;
}
#page-wrap.media #videos .downloadable-item .video-container{
	position: relative;
}
#page-wrap.media #videos .downloadable-item .video-container .overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.2) url('images/icons/circled-arrow-right-white-84.png') no-repeat center center;
	cursor: pointer;
}
#page-wrap.media #videos .downloadable-item .video-container .overlay:hover{
	background: none;
}
#page-wrap.media{
	padding-bottom: 60px;
	border-bottom: 1px solid #ebebeb;
}
.popup-overlay{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.8);
	z-index: 1001;
}
.popup{
	display: table;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	z-index: 1002;
}
.popup-content{
	display: table-cell;
	vertical-align: middle;
}
#page-wrap.temp{
	border-bottom: 1px solid #ebebeb;
}
#page-wrap.temp #page-content{
	padding-top: 80px;
	padding-bottom: 190px;
}
#page-wrap.temp #page-content h1{
	margin-bottom: 25px;
}
.page-id-24026 #page-wrap.athlete-bio div.hero {
	/*background-image: url('images/gradients/athlete-bio-hero-shadow-with-banner.png');*/
	background: #dfd6cb;
}
.page-id-24026 #page-wrap.athlete-bio div.hero img {
	margin-top: 0px !important;	
	height: 100%;
	width: auto;
}
.tablet.page-id-24026 #page-wrap.athlete-bio div.hero img{
	height: 100%;
	width: auto;
}
.page-id-24026 #page-wrap.athlete-bio .large-image img.desktop {
	position: relative;
	left: -80px;	
}
.page-id-24026 #page-wrap.athlete-bio .large-image {
	background-image: url('images/gradients/athlete-bio-bottom.png');	
}
.page-id-24026.sub-tablet #page-wrap.athlete-bio .large-image {
	background-image: none;	
}
.page-id-24026 #page-wrap > .center-wrap {
	min-height: 810px;	
}
.page-id-113 img[alt="SimoneListingMobile (1)"] {
	left: 0 !important;	
}
.page-id-113 img[alt="KyleListing"] {
	margin-left: -20px !important;	
}
.page-id-23946 img.hero.mobile {
	left: 19px !important;
	right: auto !important;	
}
.page-id-113 img[alt="simone-listing (1)"] {
	left: 0 !important;
	transform: none !important;
	-webkit-transform: none !important;
	-ms-transform: none !important;	
}
.athlete-24026 .a-img-left {
	background-image: url('images/edge-backgrounds/a-img-left-expandable-with-banner.png') !important;	
}
.athlete-24026 .a-img-left-corner {
	background-image: url('images/edge-backgrounds/a-img-left-corner-with-banner.png?v=2') !important;	
}
.page-id-24026 #page-wrap.athlete-bio .large-image{
	background-image: none;
	position: relative;
	overflow: hidden;
}
.page-id-24026 #page-wrap.athlete-bio .large-image img.desktop{
	left: 0;
}
.page-id-24026 .large-image img.desktop {
	top: 0;/* was -50px with split img */
	left: 0;
}
.page-id-24026 #page-wrap.athlete-bio .large-image .simone-beam-expander{
	position: absolute;
	z-index: -1;
	height: 41px;
	width: 100%;
	bottom: 0;
	background: rgb(179,133,87); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(179,133,87,1) 0%, rgba(179,133,87,1) 49%, rgba(108,81,55,1) 50%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(179,133,87,1) 0%, rgba(179,133,87,1) 49%, rgba(108,81,55,1) 50%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(179,133,87,1) 0%, rgba(179,133,87,1) 49%, rgba(108,81,55,1) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.tablet.page-id-24026 #page-wrap.athlete-bio .large-image .simone-beam-expander{
	height: 0;
	padding-top: 4.1%;
}
.sub-tablet.page-id-24026 #page-wrap.athlete-bio .large-image .simone-beam-expander{
	display: none;
}
.page-template-template-home .products img[width="136"],
.page-template-template-athlete-bio .products img[width="136"],
.page-template-template-single-product .some-products img[width="136"] {
	width: 119px;
	height: auto;
	margin-top: 19px !important;	
}
.page-template-template-home .products img[width="118"],
.page-template-template-home .products img[width="119"],
.page-template-template-athlete-bio .products img[width="118"],
.page-template-template-athlete-bio .products img[width="119"],
.page-template-template-single-product .some-products img[width="118"],
.page-template-template-single-product .some-products img[width="119"] {
	width: 107px;
	height: auto;	
}

.product-33 span span {
	width: 76px;	
}
.product-24238 span span {
	width: 110px;	
}
.sub-tablet .product-33 span span,
.sub-tablet .product-24238 span span {
	width: auto;	
}

.some-products .product-33 a p {
	width: 76px;	
}
.some-products .product-24238 a p {
	width: 75px;	
}
.sub-tablet .some-products .product-33 a p,
.sub-tablet .some-products .product-24238 a p  {
	width: auto;
}

.page-template-template-single-product #page-wrap.product-detail .other-products .some-products li {
	width: 155px;	
}
.tablet.page-template-template-single-product #page-wrap.product-detail .other-products .some-products li {
	width: 180px;	
}
.tablet #page-wrap.product-detail .other-products .some-products li p {
	font-size: 24px;
	line-height: 32px;	
}


#page-wrap.landing.home-v2 .home-v2-hero{
	width: 100%;
	background: #000;
	padding-top: 85px;
}
#page-wrap.landing.home-v2 .home-v2-hero img{
	display: block;
	width: 100%;
	max-width: 960px;
	height: auto;
	margin: 0 auto;
}
#page-wrap.landing.home-v2 .home-v2-hero img.mobile{
	display: none;
}
.mobile #page-wrap.landing.home-v2 .home-v2-hero img.desktop{
	display: none;
}
.mobile #page-wrap.landing.home-v2 .home-v2-hero img.mobile{
	display: block;
}
#page-wrap.landing.home-v2 .products-headline{
	padding-top: 80px;
}
.sub-tablet #page-wrap.landing.home-v2 .products-headline h1{
	letter-spacing: -0.02em;
}
#page-wrap.landing.home-v2 .products-headline h2{
	line-height: 30px;
}
#page-wrap.landing.home-v2 .products-headline h2 a{
	display: inline-block;
	padding-right: 70px;
	line-height: 30px;
	background: url('images/icons/cow-orange-circle-arrow-30.png') no-repeat right center;
	color: #808285;
}
.sub-tablet #page-wrap.landing.home-v2 .products-headline h2 a{
	font-size: 30px;
	letter-spacing: -0.02em;
}
#page-wrap.landing.home-v2 .products-headline h2 a:hover{
	background: url('images/icons/cow-grey-circle-arrow-30.png') no-repeat right center;
}
#page-wrap.landing.home-v2 .tips{
	background: #fff;
	overflow-y: hidden;
}
#page-wrap.landing.home-v2 .tips .tip-text{
	background: url('images/edge-backgrounds/landing-tip-bg.png') no-repeat top right;
	width: 28%;
	margin-left: -3%;
	padding-top: 33.36%;
	position: relative;
	z-index: 2;
	float: left;
	margin-bottom: 6px;
}
#page-wrap.landing.home-v2 .tips .tip-text:first-child{
	z-index: 400;
}
#page-wrap.landing.home-v2 .tips .tip-text:nth-child(2){
	z-index: 300;
}
#page-wrap.landing.home-v2 .tips .tip-text:nth-child(3){
	z-index: 200;
}
#page-wrap.landing.home-v2 .tips .tip-text .text-wrap{
	position: absolute;
	top: 23%;
	left: 56%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	width: 75%;
	max-width: 400px;
}
#page-wrap.landing.home-v2 .tips .tip-text .text-wrap .date{
	font: 700 16px/16px "roboto";
	color: #808285;
	margin-bottom: 20px;
}
#page-wrap.landing.home-v2 .tips .tip-text .text-wrap h2{
	font: 400 24px/22px "trade-gothic";
	text-transform: uppercase;
	color: #808285;
	margin-bottom: 5px;
}
#page-wrap.landing.home-v2 .tips .tip-text .text-wrap h1,
#page-wrap.landing.home-v2 .tips .tip-text .text-wrap .h1{
	width: 94%;
	font: 400 30px/28px "trade-gothic";
	text-transform: uppercase;
	color: #000;
	margin-bottom: 10px;
}
#page-wrap.landing.home-v2 .tips .tip-text .text-wrap h1 a,
#page-wrap.landing.home-v2 .tips .tip-text .text-wrap .h1 a{
	font: inherit;
	text-transform: inherit;
	display: block;
	width: 100%;
	color: #000;
}
#page-wrap.landing.home-v2 .tips .tip-text .text-wrap h1 a:hover,
#page-wrap.landing.home-v2 .tips .tip-text .text-wrap .h1 a:hover{
	color: #808285;
}
#page-wrap.landing.home-v2 .tips .tip-text .text-wrap p{
	font: 400 16px/22px "roboto";
	color: #000;
	width: 92.34%;
	margin-bottom: 15px;
}
#page-wrap.landing.home-v2 .tips .tip-text .text-wrap .more a{
	display: block;
	width: 121px;
	height: 43px;
	background: url('images/edge-backgrounds/landing-tip-more.png') no-repeat 0 0;
	font: 700 17px/43px "roboto";
	text-align: center;
	color: #fff;
}
#page-wrap.landing.home-v2 .tips .tip-text .text-wrap .more a:hover{
	background-position: 0 -43px;
}
#page-wrap.landing.home-v2 .tips .tips-img{
	width: 28%;
	margin-left: -3%;
	padding-top: 33.36%;
	position: relative;
	z-index: 2;
	float: left;
	margin-bottom: 6px;
}
#page-wrap.landing.home-v2 .tips .tips-img a{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#page-wrap.landing.home-v2 .tips .tips-img img{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.tablet #page-wrap.landing.home-v2 .tips .tip-text,
.tablet #page-wrap.landing.home-v2 .tips .tips-img{
	width: 54%;
	margin-left: -4%;
	padding-top: 62.36%;
	overflow: hidden;
}
.tablet #page-wrap.landing.home-v2 .tips .tip-text .text-wrap h1{
	font: 400 40px/38px "trade-gothic";
}
.sub-tablet #page-wrap.landing.home-v2 .tips{
	display: none;
}
#page-wrap.landing.home-v2 .tips-slider{
	display: none;
}
.sub-tablet #page-wrap.landing.home-v2 .tips-slider{
	display: block;
}
.sub-tablet #page-wrap.landing.home-v2 .tips-slider .img-top{
	position: relative;
	display: block;
	width: 100%;
}
.sub-tablet #page-wrap.landing.home-v2 .tips-slider .img-top > a{
	display: block;
	width: 100%;
}
.sub-tablet #page-wrap.landing.home-v2 .tips-slider .img-top > a > img{
	display: block;
	width: 100%;
	height: auto;
}
.sub-tablet #page-wrap.landing.home-v2 .tips-slider .img-top .blog-tab{
	position: absolute;
	bottom: 30px;
	left: 0;
}
.sub-tablet #page-wrap.landing.home-v2 .tips-slider .img-top .blog-tab img{
	display: block;
}
.sub-tablet #page-wrap.landing.home-v2 .tips-slider .tips-contain{
	width: 100%;
	padding-top: 67.58%;
	background: url('images/edge-backgrounds/landing-tip-bg-topborder.png') no-repeat top right;
	margin-top: -30px;
	position: relative;
	z-index: 10;
}
.sub-tablet #page-wrap.landing.home-v2 .tips-slider .tips-contain .tip-text{
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	width: 565px;
}
.sub-tablet #page-wrap.landing.home-v2 .tips-slider .tips-contain .tip-text:first-child{
	display: block;
}
.sub-tablet #page-wrap.landing.home-v2 .tips-slider .tips-contain .tip-text .date{
	position: absolute;
	right: 0;
	top: 6px;
	font: 700 20px/20px "roboto";
	color: #808285;
}
.sub-tablet #page-wrap.landing.home-v2 .tips-slider .tips-contain .tip-text h2{
	font: 400 34px/26px "trade-gothic";
	text-transform: uppercase;
	color: #808285;
	margin-bottom: 5px;
}
.sub-tablet #page-wrap.landing.home-v2 .tips-slider .tips-contain .tip-text h1{
	width: 94%;
	font: 400 50px/44px "trade-gothic";
	text-transform: uppercase;
	color: #000;
	margin-bottom: 10px;
}
.sub-tablet #page-wrap.landing.home-v2 .tips-slider .tips-contain .tip-text h1 a{
	font: inherit;
	text-transform: inherit;
	display: block;
	width: 100%;
	color: #000;
}
.sub-tablet #page-wrap.landing.home-v2 .tips-slider .tips-contain .tip-text h1 a:hover{
	color: #808285;
}
.sub-tablet #page-wrap.landing.home-v2 .tips-slider .tips-contain .tip-text p{
	font: 400 26px/34px "roboto";
	color: #000;
	width: 92.34%;
	margin-bottom: 15px;
}
.sub-tablet #page-wrap.landing.home-v2 .tips-slider .tips-contain .tip-text .more a{
	display: block;
	width: 171px;
	height: 58px;
	background: url('images/edge-backgrounds/read-more-58.png') no-repeat center center;
	font: 700 24px/58px "roboto";
	text-align: center;
	color: #fff;
}
.sub-tablet #page-wrap.landing.home-v2 .tips-slider .tips-contain .tip-text .more a:hover{
	background-position: center center;
}
.sub-tablet #page-wrap.landing.home-v2 .tips-slider .tips-contain .prev{
	width: 45px;
	height: 45px;
	position: absolute;
	right: 100px;
	bottom: 37px;
	background: url('images/icons/circled-arrow-left-orange-45.png') no-repeat center center;
	z-index: 10;
}
.sub-tablet #page-wrap.landing.home-v2 .tips-slider .tips-contain .prev:hover{
	cursor: pointer;
	background: url('images/icons/circled-arrow-left-grey-45.png') no-repeat center center;
}
.sub-tablet #page-wrap.landing.home-v2 .tips-slider .tips-contain .next{
	width: 45px;
	height: 45px;
	position: absolute;
	right: 20px;
	bottom: 37px;
	background: url('images/icons/circled-arrow-right-orange-45.png') no-repeat center center;
	z-index: 10;
}
.sub-tablet #page-wrap.landing.home-v2 .tips-slider .tips-contain .next:hover{
	cursor: pointer;
	background: url('images/icons/circled-arrow-right-grey-45.png') no-repeat center center;
}



#page-wrap .products.non-slider{
	display: none;
}
.sub-tablet #page-wrap .products.non-slider{
	display: block;
}
.sub-tablet #page-wrap .products.has-slider{
	display: none;
}
#page-wrap .products.has-slider{
	height: 350px;
}
#page-wrap .products.has-slider .slider{
	height: 100%;
	width: calc(80% - 120px);
	padding: 0 60px;
	max-width: 840px;
	margin: 0 auto;
}
.tablet #page-wrap .products.has-slider .slider{
	width: calc(100% - 160px);
	max-width: 100%;
}
#page-wrap .products.has-slider .slider-image-list ul{
	margin-top: 0;
	width: auto;
	height: auto;
	overflow: visible;
}
#page-wrap .products.has-slider .slider-image-list ul li{
	float: none;
	width: 20%;
	margin: 0;
}
.tablet #page-wrap .products.has-slider .slider-image-list ul li{
}
#page-wrap .products.has-slider .slider-image-list ul li a{
	max-width: 136px;
	margin: 0 auto;
}
#page-wrap .products.has-slider .slider-image-list ul li a img[width="118"]{
	height: 100%;
	width: auto;
	max-height: 291px;
}
#page-wrap .products.has-slider .slider-image-list ul li a img{
	width: 100%;
	height: auto;
	margin-top: 0 !important;
}
.tablet #page-wrap .products.has-slider .slider-image-list ul li a img{
	margin-top: 0 !important;
}
.sub-tablet #page-wrap .products.has-slider{
	padding-top: 60px;
	padding-bottom: 60px;
}
#page-wrap .products.has-slider .horizon{
	height: 165px;
}
.sub-tablet #page-wrap .products.has-slider .horizon{
	height: 145px;
}

.products.has-slider .slider .prev{
	width: 45px;
	height: 45px;
	position: absolute;
	left: 0;
	top: 50%;
	background: url('images/icons/circled-arrow-left-orange-45.png') no-repeat center center;
	z-index: 10;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
.products.has-slider .slider .prev:hover{
	cursor: pointer;
	background: url('images/icons/circled-arrow-left-grey-45.png') no-repeat center center;
}
.products.has-slider .slider .next{
	width: 45px;
	height: 45px;
	position: absolute;
	right: 0;
	top: 50%;
	background: url('images/icons/circled-arrow-right-orange-45.png') no-repeat center center;
	z-index: 10;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
.products.has-slider .slider .next:hover{
	cursor: pointer;
	background: url('images/icons/circled-arrow-right-grey-45.png') no-repeat center center;
}
.mobile .products.has-slider .slider .prev,
.mobile .products.has-slider .slider .next{
	padding: 20px;
}
.mobile .products.has-slider .slider .prev{
	margin-left: -20px;
}
.mobile .products.has-slider .slider .next{
	margin-right: -20px;
}

#page-wrap .products.non-slider{
	
}
#page-wrap .products.non-slider ul{

}
.sub-tablet #page-wrap .products.non-slider ul li{
	clear: none;
	width: calc(33.33% - 30px);
	margin-right: 45px;
}
.sub-tablet #page-wrap .products.non-slider ul li:nth-child(3n){
	margin-right: 0;
}
.sub-tablet #page-wrap .products.non-slider ul li:nth-child(3n + 1){
	clear: both;
}
.sub-tablet #page-wrap .products.non-slider ul li p span span{
	max-width: 150px;
}
.mobile #page-wrap .products.non-slider ul li{
	width: calc(33.33% - 10px);
	margin-right: 15px;
}
.mobile #page-wrap .products.non-slider ul li:nth-child(3n){
	margin-right: 0;
}
.sub-tablet #page-wrap .products.non-slider .mobile-horizon{
	bottom: 31%;
}
.sub-tablet #page-wrap .products.non-slider .third-row-horizon{
	bottom: 61%;
}