/* ================================================
structure
================================================ */
body {
    background: #2f3438;
	text-rendering: optimizeLegibility;
	 	-webkit-font-smoothing: antialiased;
	 	-moz-osx-font-smoothing: grayscale;
}

body, textarea {
    font-family: 'Raleway', arial, sans-serif;
	font-weight: 400;
}

#wrapper {
    width: 100%;
    max-width: 2400px;
    margin: 0 auto;
    min-height: 100%;
    height: 100%;
}

.stdContent *, article * {
    letter-spacing: 0.01em;
}
.up18 .site-wrap
{
background-color: #313639;	
}



/* ================================================
header updates 2018
================================================ */
.up18 #header-top h1
{
margin: 0;
line-height: auto;
position: absolute;	
}
.up18 #main-menu,
.up18 #header-top h1 ul
{
visibility: hidden;
display: none;
}
.up18 .trigger-cont {
    z-index: 50;
}
.up18 .mob-head-img {
    width: 100%;
    height: 80px;
    background: url(../i/2018/global/bgHeaderLogo.png) no-repeat;
    background-size: auto 80px;
    position: absolute;
    z-index: 40;
    background-position: -40px 0%;
}
.up18 header {
    z-index: 25;
	background-image: none;
}
.up18 label[for="nav-trigger"] {
    z-index: 45;
}
.up18 #rslider-container
{
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
}
.up18 #rslider.rslides {
    padding-top: 0px;
	background: transparent;
}
.up18 .rslides li {
	margin-top: 40px;
    padding-top: 0px;
    padding-bottom: 0px;
	min-height: 0px!important;
}
.up18 .rslides li img
{
position: static;
padding-bottom: 0px!important;
float: none;
}

/* ================================================
riders header
================================================ */
.nav-white-bg {
    width: 100%;
    height: 20%;
    background: rgba(255, 255, 255, .4);
    position: absolute;
    z-index: 90;
    top: 5%;
    transform: skewY(-3.23deg);
}

/* ================================================
header with no slides
================================================ */
.up18 header.header-with-no-slides
{
height: 90px;
min-height: 0px;
background: none;
}


/* ================================================
mobile nav
================================================ */
.up18 .off-canvas-nav {
    padding: 0px;
    overflow-y: auto;
}
.off-canvas-nav #mobile {
    float: right;
    max-width: 200px;
	width: 100%;
}
.up18 #menu-mobile-menu {
    padding: 5px 5px 5px 15px;
}

.up18 #menu-mobile-menu li {
    font-size: 18px;
    font-family: 'raleway';
    text-transform: lowercase;
}

.up18 #menu-mobile-menu li a {
    letter-spacing: 0.03em;
}

.up18 #menu-mobile-menu > li {
    padding: 14px 0px 0px;
}

.up18 #menu-mobile-menu li ul.sub-menu {
    padding-top: 6px;
    padding-bottom: 1px;
	margin-left: 16px;
}

.up18 .nav-trigger:checked ~ #pageWrap.site-wrap {
    position: relative;
}

/* ================================================
content
================================================ */
.up18 #contentWrap {
    position: relative;
	z-index: 40;
	background: url(../i/2018/global/SlideLowerMask.png) 0% 0% no-repeat;
	background-size: 100% auto;
	margin-top: -50px;
	padding-top: 0px;
}

/*
.up18.home #contentWrap {
	padding-top: 50px;
}
*/
.up18.no-slides #contentWrap {
    position: relative;
	z-index: 40;
	background: none;
	margin-top: 0px;
	padding-top: 0px;
}

/* ================================================
home content
================================================ */
.up18 #contentWrap  {
    padding-bottom: 160px;
}

.up18 #productTypes
 {
    padding: 0px 0 0px;
}

.up18 .btnCategory {
    margin-bottom: 30px;
}

.up18 .btnCategory a.img-wrap
{
    background: none !important;
}

.up18 .btnCategory a img {
    max-width: 240px;
    width: 100%;
    height: auto;
}

.up18 .btnCategory a h3 {
    margin: 0px;
	padding: 5px 0 0 0;
    font-size: 12px;
    text-align: center;
    line-height: 16px;
    font-weight: 400;
	font-family: 'Montserrat', arial, sans-serif;
}
.up18 .btnCategory a,
.up18 .btnCategory a h3
{
text-decoration: none;
color: #909090;
}
.up18 .btnCategory a:hover
{
text-decoration: underline;
}
/* ================================================
product page content
================================================ */
.up18 .container {
    width: 100%;
}
.up18 #contentWrap.productContent {
    padding-top: 50px;
}
/*.up18 #contentWrap.productContent #productTitle
{
padding-bottom: 50px;
}*/
.up18 #contentWrap.productContent #productTitle.productTitleImage
{
padding-bottom: 20px;
}
.up18 .productRow
{
padding-top: 40px;
}
.up18 .splitterRow
{
	background: url(../i/2018/global/bgTileContentSection.png) left top repeat-x;
    background-size: 1px 218px;
    position: relative;
    padding-top: 40px;
}
.up18 #contentWrap.productContent #productIntro h1 {
    font-size: 32px;
    line-height: 1.1em;
    color: #6b7178;
    font-weight: 100;
    text-transform: none;
    padding: 0 0 0px 0;
    margin: 0 0 0px 0;
	display: block;
}

.up18 #contentWrap.productContent #productIntro h1 span {
    color: #fbfcfd;
}
.up18 #contentWrap.productContent #productIntro h1 img
{
height: auto;
width: 90%;
max-width: 290px;
}

.up18 #contentWrap.productContent #productIntro h4 {
    font-size: 19px;
    line-height: 1.2em;
    color: #fdfdfd;
    font-weight: 400;
    text-transform: none;
    padding: 0 0 8px 0;
    margin: 0 0 0 0;
}

.up18 #contentWrap.productContent #productIntro p {
    font-size: 14px;
    line-height: 1.45em;
    color: #fdfdfd;
    font-weight: 400;
    text-transform: none;
    padding: 0 0 12px 0;
    margin: 0 0 0 0;
}
.up18 #contentWrap.productContent #productIntro p a
{
color: #43affb;
text-decoration: none;
}
.up18 #contentWrap.productContent #productIntro p a:hover
{
color: #43affb;
text-decoration: underline;
}
.up18 #contentWrap.productContent #introVids
{
padding: 0px 15px 10px;
text-align: center;
}
.up18 #contentWrap.productContent #introVids .circleButton a
{
display:flex;
height: 64px;
width: 64px;
border-radius: 50%;
border: 2px solid #4aade3;
color: #4aade3;
align-items: center;
justify-content: center;
font-size: 13px;
background: rgba(0,0,0,1);
transition: all 500ms ease;
margin: 0 auto;
}
.up18 #contentWrap.productContent #introVids .circleButton a:hover
{
border: 2px solid #fff;
color: #fff;
text-decoration: none;
}
.up18 #contentWrap.productContent .features
{
margin-bottom: 25px;
}
.up18 .paddingBottom *
{
padding-bottom: 25px !important;
}

.up18 #contentWrap.productContent .productRow table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 12px;
}
table .tableRight
{
text-align: right;
}
.up18 #contentWrap.productContent .productRow table th,
.up18 #contentWrap.productContent .productRow table td {
    padding-left: 0px;
    padding-bottom: 7px;
    font-size: 14px;
    line-height: 1.45em;
    vertical-align: top;
    text-align: left;
    font-weight: 400;
    color: #72787e;
}

.up18 #contentWrap.productContent .productRow table td {
    padding-right: 0px;
    color: #fefefe;
}

.up18 #contentWrap.productContent .productRow table th h5 {
    color: #72787e;
    font-size: 20px;
	line-height: 1.1em;
	text-transform: uppercase;
	padding: 2px 0 0 0;
	font-weight: 400;
}
.up18 #contentWrap.productContent .productRow table th h5.font-montserrat {
	font-weight: 200;
}
.up18 #contentWrap.productContent .productRow table th h5 span
{
	color: #fefefe;
	white-space: nowrap;
}
.up18 #contentWrap.productContent .productRow .productMainImg img {
    max-height: 100%;
    max-width: 100%;
    padding: 0px 0 0px;
	margin-top: 10px;
}

/* ================================================
product page bonus links
================================================ */
.up18 .bonusLink
{
height: auto;
overflow: hidden;
}
.up18 .bonusLink a
{
    margin: 0;
    list-style: none;
    text-align: left;
    position: relative;
    z-index: 50;
	float: right;
	display: block;
    height: 26px;
    width: auto;
    line-height: 26px;
    vertical-align: middle;
    text-align: right;
    padding: 0 20px 0 5px;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
}
.up18 .bonusLink a > span
{
position: relative;
z-index: 60;
}
.up18 .bonusLink a span span
{
color: #f8991d;
}
.up18 .bonusLink a:before{
    content: '';
    position: absolute;
    width: 70%;
    top: -100px;
    left: 0px;
    height: 200px;
    background: #0b0605;
    z-index: 40;
    -ms-transform: rotate(14deg);
    -webkit-transform: rotate(14deg);
    transform: rotate(14deg);
}
.up18 .bonusLink a:after{
    content: '';
    position: absolute;
    width: 70%;
    top: -100px;
    right: 5px;
    height: 200px;
    background: #0b0605;
    z-index: 50;
    -ms-transform: rotate(14deg);
    -webkit-transform: rotate(14deg);
    transform: rotate(14deg);
	border-right: 5px solid #f8991d;
}

.up18 #productInfo #bonusLinks {
    height: auto;
    overflow: hidden;
}

.up18 #productInfo #bonusLinks ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;
    position: relative;
    z-index: 50;
	float: right;
}
.up18 #productInfo #bonusLinks ul:before{
    content: '';
    position: absolute;
    width: 150%;
    top: -220px;
    left: 0px;
    height: 500px;
    background: #0b0605;
	border: 5px solid #f8991d;
    z-index: 45;
    -ms-transform: rotate(14deg);
    -webkit-transform: rotate(14deg);
    transform: rotate(14deg);
}
.up18 #productInfo #bonusLinks ul li {
    display: block;
    position: relative;
    z-index: 60;
	text-align: right;
}
.up18 #productInfo #bonusLinks ul li a {
    display: block;
    height: 26px;
    width: auto;
    line-height: 26px;
    vertical-align: middle;
    text-align: right;
    padding: 0 0px 0 10px;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    z-index: 75;
    position: relative;
}
.up18 #productInfo #bonusLinks ul li a span
{
color: #f8991d;
}


/* ================================================
contact fixes
================================================ */
.up18.page-template-page-contact {
    font-family: 'Montserrat', arial, sans-serif;
}

.up18.page-template-page-contact h4 {
    margin-top: 20px;
    margin-bottom: 20px;
}
/* ================================================
best for me fixes
================================================ */
.up18 .flex {
    display: flex !important;
}

.up18.page-template-page-tire-what-is-best .flex {
    flex-direction: column;
    justify-content: center;
}
.up18.page-template-page-tire-what-is-best .stdContent p {
    color: #fdfdfd;
    font-weight: 400;
}
.up18.page-template-page-tire-what-is-best h1 {
    color: #7d7d7d;
    font-size: 38px;
}

/* ================================================
power fixes
================================================ */
/*		powerblock, powerband, os20 powerblock
******************************************/
.powerCircleSection {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-direction: column;
}
.powerCircleSection td .featText, .powerCircleSection td .featText a {
    font-weight: 400;
}

/* ================================================
tire technologies fixes
================================================ */
.up18 .tireTechImg {
    max-width: 100%;
    margin-top: -20px;
    float: right;
}
.up18 #productTypes.tireTechBg {
    -webkit-background-size: cover;
    background-size: cover;
}
.up18 .tireLabelDetails h1, .up18 .tireLabelDetails p {
    color: #fcf9f9;
}
.up18 #productTypes .tireLabelDetails h1 {
    font-size: 36px;
    font-weight: 300;
}
.up18 #productTypes .tireLabelDetails p {
    font-weight: 400;
}
.up18 #productTypes .tireLabelDetails {
    position: relative;
    padding-bottom: 20px;
}
.up18 #productTypes .tireLabelDetails .tireLabelBlock {
    float: left;
    position: relative;
}
/* ================================================
what is s-spec fixes
================================================ */
.page-template-page-what-is-s-spec #productInfo.flex {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    background: url(../i/2018/global/SlideLowerMaskSSpec.png) 0% 0% no-repeat;
    background-position: right top;
    background-size: cover;
    height: 120px;
    margin-top: -60px;
}
.up18 #contentWrap.productContent #productIntro h1.s-spec-title {
    justify-self: left;
    align-self: center;
    padding-bottom: 0;
    margin-bottom: 0;
}
.up18 #contentWrap.productContent #productIntro h1.s-spec-title span {
    display: block;
}
.s-spec-logo {
    display: none;
}
.up18.page-template-page-what-is-s-spec #contentWrap.productContent {
    padding-top: 0;
}
.up18 #contentWrap.productContent {
    background: none;
}
body.page-template-page-saddle-d-spyder-evo.up18 #contentWrap.productContent {
    background: url(../i/2018/global/SlideLowerMask.png) 0% 0% no-repeat;
}
.up18 #contentWrap.productContent .divider {
    margin-top: 20px;
}
/* ================================================
patents fixes
================================================ */
.topPatentMargin {
    margin: 30px auto;
}
/* ================================================
anatomy footer fixes
================================================ */
#link-stage-1
{
    left: 34.5%;
    top: 1.64%;
}

#link-stage-2
{
    left: 42.8%;
    top: 25.6%;
}

#link-stage-3
{
    left: 47%;
    top: 13.8%;
}

/* ================================================
footer fixes
================================================ */
#backLink
{
position: absolute;
right: 0px;
bottom: 125px;
z-index: 60;
height: auto;
overflow: hidden;
padding-left: 5px;
}
#backLink a
{
    margin: 0;
    list-style: none;
    text-align: left;
    position: relative;
    z-index: 50;
	display: block;
    height: 26px;
    width: auto;
    line-height: 26px;
    vertical-align: middle;
    text-align: right;
    padding: 0 15px 0 20px;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
}
#backLink a > span
{
position: relative;
z-index: 60;
}
#backLink a span span
{
color: #f8991d;
}
#backLink a:before
{
content: '';
    position: absolute;
    width: 150%;
    top: -220px;
    left: 0px;
    height: 500px;
    background: #0b0605;
	border: 5px solid #f8991d;
    z-index: 45;
    -ms-transform: rotate(14deg);
    -webkit-transform: rotate(14deg);
    transform: rotate(14deg);
}
.up18 #pageWrap {
    position: relative;
}

.up18 #pageWrap #footer-fc {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 140px;
    min-height: auto;
    background: url(../i/2018/global/footer.png) no-repeat right bottom;
    background-size: auto 120px;
	z-index: 50;
}

.up18 #pageWrap #footer-fc p {
    padding: 0;
    font-size: 0.85rem;
	margin: 0;
	line-height: 1.0em;
}
.up18 #pageWrap #footer-fc a
{
color: #fff;
text-decoration: none;
}
.up18 #pageWrap #footer-fc a:hover
{
color: #fff;
text-decoration: underline;
}

.up18 #copyright-wrapper-new {
    position: absolute;
    bottom: 15px;
    left: 0px;
    width: 100%;
    height: 35px;
    overflow: hidden;
}

.up18 #footer-col-1,
.up18 #viewAllBug,
.up18 #social-links-cont {
    padding: 0 15px;
    display: flex;
    align-items: center;
    height: 35px;
    justify-content: center;
}
.up18 #footer-col-1 {
    justify-content: flex-start;
	padding-right: 0px;
}
.up18 #viewAllBug {
    justify-content: flex-end;
}

.up18 #viewAllBug img {
    margin: 0 auto;
    height: 35px;
    width: auto;
    position: relative;
    opacity: 1;
    transition: opacity 400ms ease;
}

.up18 #viewAllBug a {
    background: url(../i/2018/global/footerViewAllOver.png) no-repeat;
    background-size: 100% 100%;
}

.up18 #viewAllBug a:hover img {
    opacity: 0;
}

.up18 #social-links-cont {
    padding: 0 0 0 0;
}

.up18 #social-links-cont ul {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%;
    height: 35px;
    text-align: center;
	max-width: 100%;
}

.up18 #social-links-cont ul li {
    padding: 0;
    margin: 0 0px 0 0px;
    list-style: none;
    display: inline-block;
    float: none;
	width: auto;
}

.up18 #social-links-cont ul li a {
    text-indent: 0px !important;
    display: inline-block;
}

.up18 #social-links-cont ul li img {
    margin: 0;
    height: 35px;
    width: auto;
}

/* ================================================
videos page
================================================ */

.video-container {
    max-width: 1200px;
    margin-top: 20px;
}

img.vimeography-thumbnail-img {
    border-radius: 0 !important;
}

.vimeography-link-active img {
    border: 1px solid #9edc4f !important;
}

.swiper-button-next,
.swiper-button-prev {
    background-image: none !important;
    width: 30px !important;
    height: 30px !important;
    margin-top: -20px !important;
    border: 2px solid #FFF !important;
    border-radius: 100% !important;
    text-align: center;
}

.swiper-button-prev {
    left: -35px !important;
}

.swiper-button-next {
    right: -35px !important;
}

.swiper-button-prev::before {
    font-family: FontAwesome;
    content: "\f104";
    font-size: 30px;
    line-height: 25px;
    margin-right: 3px;
}

.swiper-button-next::before {
    font-family: FontAwesome;
    content: "\f105";
    font-size: 30px;
    line-height: 25px;
    margin-left: 3px;
}

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

/* ================================================
header updates @480
================================================ */
.up18 .mob-head-img {
    height: 80px;
    background-size: auto 80px;
    background-position: -40px 0%;
}
.up18 .rslides li {
	margin-top: 40px;
}
/* ================================================
content @480
================================================ */
.up18 #contentWrap {
	margin-top: -55px;
}
.up18.no-slides #contentWrap
{
margin-top: 0;
}
/* ================================================
header with no slides
================================================ */
.up18 header.header-with-no-slides
{
height: 90px;
min-height: 0;
}
/* ================================================
what is s-spec fixes @ 480
================================================ */
.s-spec-logo {
    display: inline;
    float: right;
    width: 190px;
    height: auto;
}
.page-template-page-what-is-s-spec #productInfo.flex {
    background: url(../i/2018/global/SlideLowerMaskSSpec.png) 0% 0% no-repeat;
    background-position: right top;
    background-size: cover;
    height: 145px;
    margin-top: -75px;
}
.up18 #contentWrap.productContent #productIntro h1.s-spec-title span {
    display: inline;
}
.up18 #contentWrap.productContent #productIntro h1.s-spec-title {
    padding-top: 10px;
}
}

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

/* ================================================
header updates @576
================================================ */
.up18 .mob-head-img {
    height: 100px;
    background-size: auto 100px;
    background-position: -40px 0%;
}
.up18 .rslides li {
	margin-top: 50px;
}
/* ================================================
content @576
================================================ */
.up18 #contentWrap {
	margin-top: -70px;
}
.up18.no-slides #contentWrap
{
margin-top: 0;
}
/* ================================================
header with no slides
================================================ */
.up18 header.header-with-no-slides
{
height: 110px;
min-height: 0;
}
/* ================================================
power page @576
================================================ */

/*		powerblock, powerband, os20 powerblock
******************************************/
.powerCircleSection {
    flex-direction: row;
}
.powerCircleSection .features table tr th,
.powerCircleSection .features table tr td {
    vertical-align: middle !important;
}
/* ================================================
what is s-spec fixes @ 576
================================================ */
.s-spec-title {
    display: flex;
}
.s-spec-logo {
    display: inline;
    width: 300px;
    height: auto;
    margin-top: calc(-45px + 2.9%);
}
.page-template-page-what-is-s-spec #productInfo.flex {
    height: 160px;
}
.up18 #contentWrap.productContent #productIntro h1.s-spec-title {
    padding-top: 20px;
}

/* ================================================
videos page @ 576
================================================ */

.swiper-button-next,
.swiper-button-prev {
    width: 40px !important;
    height: 40px !important;
    margin-top: -30px !important;
}

.swiper-button-prev {
    left: -50px !important;
}

.swiper-button-next {
    right: -50px !important;
}

.swiper-button-prev::before {
    font-size: 40px;
    line-height: 34px;
    margin-right: 2px;
}

.swiper-button-next::before {
    font-size: 40px;
    line-height: 34px;
    margin-left: 2px;
}

}

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

/* ================================================
header updates @768
================================================ */
body {
	overflow: auto;
}

.up18 .off-canvas-nav {
	display: none;
}

.up18 .top-header-img {
    width: 100%;
    height: 120px;
    background: url(../i/2018/global/bgHeaderLogo.png) no-repeat;
    background-size: auto 120px;
    position: absolute;
    z-index: 40;
    background-position: -40px 0%;
}
.up18 .rslides li {
    /*margin-top: 90px; */
    margin-top: 61px;
}
.up18 #header-top h1 > a {
        display: block;
        height: 28px;
        width: 220px;
        position: absolute;
        z-index: 75;
        left: 50px;
        top: 85px;
        text-indent: -9999em;
        -ms-transform: rotate(-3.3deg);
        -webkit-transform: rotate(-3.3deg);
        transform: rotate(-3.3deg);
        overflow: hidden;
    }

    .up18 #header-top h1 ul {
        position: absolute;
        left: -9999em;
        list-style: none;
        margin: 0;
        padding: 24px 0px 0 0px;
        display: inline-block;
		visibility: visible;
        width: 160px;
        height: auto;
        text-align: left;
        vertical-align: top;
        font-size: 13px;
        color: #fff;
        top: 108px;
        z-index: 70;
    }

    .up18 #header-top h1:hover ul {
        left: 58px;
    }

    .up18 #header-top h1 ul li {
        display: inline-block;
        padding: 0 9px;
        font-size: 13px;
        width: auto;
        float: none;
    }
	.up18 #header-top h1 ul li:first-child
	{
	padding-left: 0px;
	}

    .up18 #header-top h1 ul li a {
        display: block;
        font-family: 'Montserrat', arial, sans-serif;
        color: #fff;
        font-size: 12px;
        text-transform: uppercase;
        transition: all .2s;
        font-weight: 400;
    }

    .up18 #header-top h1 ul li a:hover {
        color: #222;
        text-decoration: none;
    }
/* ================================================
    main nav @768
    ================================================ */
    .up18 #menu {
        position: relative;
        width: auto;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        top: 130px;
        left: auto;
        bottom: auto;
        right: auto;
        max-width: 100%;
        width: 100%;
        text-align: center;
		z-index: 50;
    }

    .up18 #main-menu {
        max-width: 100%;
        margin: 0;
        height: auto;
		visibility: visible;
		display: block;
    }

    .up18 #menu-desktop-menu {
        margin: 0;
        padding: 0;
        list-style: none;
        width: 100%;
        text-align: center;
        transition: .2s;
        float: none;
        color: #222;
    }

	.up18 #menu-desktop-menu li .sub-menu a,
	.up18 #menu-desktop-menu li .sub-menu span
	{
		/*font-family: 'Montserrat', arial, sans-serif;*/
		font-family: 'Raleway', arial, sans-serif;
		font-weight: 500;
	}

    .up18 #menu-desktop-menu > li {
        display: inline-block;
        float: none;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .up18 #main-menu > ul > li > a {
        color: #222;
        text-transform: lowercase;
        font-size: 18px;
        font-weight: 400;
    }

    .up18 #main-menu li .sub-menu {
        margin: 0;
        padding: 0 0 0 0px;
        left: -9999em;
    }
	/*.up18 #main-menu li:first-of-type .sub-menu {
		opacity: 1;
        visibility: visible;
        left: auto;
	}*/

    .up18 #main-menu li:hover .sub-menu {
        opacity: 1;
        visibility: visible;
        left: auto;
    }

    .up18 #main-menu li .sub-menu li {
        float: none;
        display: inline-block;
        padding: 6px 2px 0 12px;
    }
	.up18 #main-menu li:first-of-type .sub-menu li span
	{
		color: #222;
        font-size: 13px;
		text-transform: uppercase;
	}
	.up18 #main-menu li:first-of-type .sub-menu li:nth-of-type(1),
	.up18 #main-menu li:first-of-type .sub-menu li:nth-of-type(2)
	{
	padding: 6px 0px 0 0px;
	}

	.up18 #main-menu li:first-of-type .sub-menu li:nth-of-type(1) span
	{
	padding: 0 5px 0 10px;
	}
	.up18 #main-menu li:first-of-type .sub-menu li:nth-of-type(2) span
	{
	padding: 0 7px 0 2px;
	}

    .up18 #main-menu li .sub-menu li:last-child {
        padding-right: 0;
    }

    .up18 #main-menu li .sub-menu li a {
        display: inline-block;
        color: #222;
        font-size: 13px;
		/*text-shadow: 1px 1px 15px #444;*/
    }

    .up18 #main-menu li a:hover,
    .up18 #main-menu ul > li.current-menu-parent > a,
    .up18 #main-menu ul > li.current-menu-parent > .sub-menu > li.current-menu-item *,
    .up18 #main-menu li .sub-menu li a:hover
    {
        color: #fff;
    }
	/* ================================================
	content @768
	================================================ */
	.up18 #contentWrap {
		margin-top: -60px;
	}
	.up18.no-slides #contentWrap
{
margin-top: 80px;
}
/* ================================================
header with no slides @ 768
================================================ */
.up18 header.header-with-no-slides
{
height: 130px;
min-height: 0;
}

/* ================================================
    home content @768
    ================================================ */
    .up18 #contentWrap {
        padding-bottom: 200px;
		padding-top: 95px;
    }

    .up18 .btnCategory {
        max-width: 230px;
        margin-bottom: 30px;
        position: relative;
        padding-left: 0px;
        padding-right: 0px;
    }

    .up18 .btnCategory a img {
        max-width: 100%;
    }

    .up18 #productTypes {
        padding: 0px 0 0px;
    }

    .up18 .btnCategory a h3 {
        font-size: 12px;
    }
/* ================================================
    bubblepage content @ 768
    ================================================ */
.bubblePage #productTypes
{
width: 100%;
}
/* ================================================
anatomy footer @ 768
================================================ */
    .page-template-page-anatomy-of-a-powerblock h2 {
        font-size: 23px;
    }
    #anatomyFooter {
        top: -5.5%;
        left: -7%;
    }

/* ================================================
footer @ 768
================================================ */
#backLink
{
bottom: 150px;
}
#backLink a
{
    height: 26px;
    line-height: 26px;
    padding: 0 15px 0 20px;
    font-size: 14px;
}
.up18 #pageWrap #footer-fc {
    height: 145px;
    background-size: auto 145px;
}

.up18 #pageWrap #footer-fc p {
    padding: 0;
    font-size: 0.85rem;
}

.up18 #copyright-wrapper-new {
    bottom: 15px;
    height: 40px;
}

.up18 #footer-col-1,
.up18 #viewAllBug,
.up18 #social-links-cont {
    height: 40px;
}
.up18 #viewAllBug img {
    height: 40px;
}
.up18 #social-links-cont ul {
    height: 40px;
}
.up18 #social-links-cont ul li img {
    height: 40px;
}
/* ================================================
product page content @768
================================================ */
.up18 #contentWrap.productContent {
    padding-top: 90px;
}
.up18 .productRow,
.up18 .splitterRow
{
    padding-top: 50px;
}
.up18 .infoGraphicRow
{
padding-top: 10px;
}
.up18 #contentWrap.productContent #productTitle.productTitleImage
{
padding-bottom: 15px;
}
.up18 #contentWrap.productContent #productIntro h1 {
    font-size: 36px;
    line-height: 1.3em;
    padding: 0px 0 0px 0;
}
.up18 #contentWrap.productContent #productIntro h1 img
{
height: 26px;
width: auto;
max-width: 9999em;
}
.up18 #contentWrap.productContent #productIntro h4 {
    font-size: 16px;
    line-height: 1.2em;
    padding: 0 0 8px 0;
}

.up18 #contentWrap.productContent #productIntro p {
    font-size: 14px;
    line-height: 1.45em;
    padding: 0 0 12px 0;
}
.up18 #contentWrap.productContent #introVids
{
padding: 0px 15px 0px;
text-align: left;
}
.up18 #contentWrap.productContent #introVids .circleButton a
{
height: 64px;
width: 64px;
font-size: 13px;
margin: 0;
}
.up18 #contentWrap.productContent .productDetails
{
float: right;
}

.up18 #contentWrap.productContent .features
{
margin-bottom: 25px;
}
.up18 .paddingBottom *
{
padding-bottom: 25px !important;
}

.up18 #contentWrap.productContent .productRow table th,
.up18 #contentWrap.productContent .productRow table td {
    padding-bottom: 7px;
    font-size: 14px;
}

.up18 #contentWrap.productContent .productRow table th h5 {
    font-size: 21px;
}
.up18 #contentWrap.productContent .productRow .productMainImg img {
    padding: 0px 0 0px;
	margin-top: 0px;
}
.up18 #contentWrap.productContent .pedals .productRow .productMainImg img {
    max-width: 300px;
    margin-left: 5%;
}
.up18 #contentWrap.productContent .saddles .productRow .productMainImg img {
    margin-top: 0px;
}

/* ================================================
power pages @768
================================================ */
.powerCircleSection .features table tr th,
.powerCircleSection .features table tr td
{
    vertical-align: top!important;
}

    /* ================================================
    product page bonus links @768
    ================================================ */
.up18 .bonusLink a
{
    height: 26px;
    line-height: 26px;
    padding: 0 25px 0 10px;
    font-size: 14px;
}
.up18 .bonusLink a:before{
    width: 70%;
    top: -100px;
    left: 0px;
}
.up18 .bonusLink a:after{
    width: 70%;
    top: -100px;
    right: 5px;
}
.up18 #productInfo #bonusLinks
{
margin-top: 10px;
}
.up18 #productInfo #bonusLinks ul:before{
    width: 150%;
    top: -220px;
    left: 0px;
    height: 500px;
	border: 5px solid #f8991d;
}
.up18 #productInfo #bonusLinks ul li {
    display: inline-block;
}
.up18 #productInfo #bonusLinks ul li a {
    height: 26px;
    line-height: 26px;
    padding: 0 10px 0 10px;
    font-size: 14px;
}
/* ================================================
rider fixes @768
================================================ */
.nav-white-bg {
    height: 155px;
}
/* ================================================
what is s-spec fixes @ 768
================================================ */
.s-spec-logo {
    display: inline;
    width: 376.5px;
    height: auto;
    margin-top: calc(-57px + 2.7%);
}
.page-template-page-what-is-s-spec #productInfo.flex {
    height: 210px;
}
.up18 #contentWrap.productContent #productIntro h1.s-spec-title {
    padding-top: 30px;
}
.up18 #contentWrap.productContent .divider {
    margin-top: 40px;
}

}

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

/* ================================================
header updates @992
================================================ */
.up18 .top-header-img {
    height: 150px;
    background-size: auto 150px;
    background-position: -40px 0%;
}
.up18 .rslides li {
	margin-top: 40px;
}

.up18 #header-top h1 > a {
        height: 30px;
        width: 265px;
        left: 80px;
        top: 109px;
    }

    .up18 #header-top h1 ul {
        padding: 17px 0px 0 0px;
        width: 168px;
        font-size: 13px;
        top: 135px;
    }

    .up18 #header-top h1:hover ul {
        left: 150px;
    }

    .up18 #header-top h1 ul li {
        padding: 0 9px;
        font-size: 13px;
    }
	.up18 #header-top h1 ul li:first-child
	{
	padding-left: 0px;
	}
    .up18 #header-top h1 ul li a {
        font-size: 12px;
    }
/* ================================================
    main nav @992
    ================================================ */
    .up18 #menu {
        top: 150px;
    }
    .up18 #main-menu > ul > li > a {
        font-size: 19px;
    }

    .up18 #main-menu li .sub-menu li {
        padding: 6px 2px 0 12px;
    }
	.up18 #main-menu li:first-of-type .sub-menu li span
	{
        font-size: 13px;
	}
	.up18 #main-menu li:first-of-type .sub-menu li:nth-of-type(1),
	.up18 #main-menu li:first-of-type .sub-menu li:nth-of-type(2)
	{
	padding: 6px 0px 0 0px;
	}

	.up18 #main-menu li:first-of-type .sub-menu li:nth-of-type(1) span
	{
	padding: 0 5px 0 14px;
	}
	.up18 #main-menu li:first-of-type .sub-menu li:nth-of-type(2) span
	{
	padding: 0 7px 0 2px;
	}

    .up18 #main-menu li .sub-menu li a {
        font-size: 13px;
    }

/* ================================================
content @992
================================================ */
.up18 #contentWrap,  {
	margin-top: -75px;
}
.up18.no-slides #contentWrap
{
margin-top: 90px;
}
/* ================================================
header with no slides @ 992
================================================ */
.up18 header.header-with-no-slides
{
height: 160px;
min-height: 0;
}
/* ================================================
    home content @992
    ================================================ */
    .up18 #contentWrap {
        padding-bottom: 240px;
		padding-top: 100px;
    }
    .up18 .btnCategory {
        max-width: 230px;
        margin-bottom: 30px;
    }
    .up18 .btnCategory a h3 {
        font-size: 12px;
    }
/* ================================================
anatomy footer @ 992
================================================ */
    #link-stage-1
    {
        left: 34.5%;
        top: 1.64%;
    }

    #link-stage-2
    {
        left: 42.8%;
        top: 25.6%;
    }

    #link-stage-3
    {
        left: 47%;
        top: 13.8%;
    }

    /* ================================================
    footer @ 992
    ================================================ */
#backLink
{
bottom: 175px;
}
#backLink a
{
    height: 26px;
    line-height: 26px;
    padding: 0 15px 0 20px;
    font-size: 15px;
}
.up18 #pageWrap #footer-fc {
    height: 170px;
    background-size: auto 170px;
}

.up18 #pageWrap #footer-fc p {
    padding: 0;
    font-size: 0.9rem;
}

.up18 #copyright-wrapper-new {
    bottom: 20px;
    height: 60px;
}

.up18 #footer-col-1,
.up18 #viewAllBug,
.up18 #social-links-cont {
    height: 60px;
	justify-content: left;
	width: auto;
}
.up18 #footer-col-1
{
padding-right: 15px;
}
.up18 #viewAllBug,
.up18 #viewAllBug img {
    height: 60px;
}
.up18 #social-links-cont ul {
    height: 50px;
}
.up18 #social-links-cont ul li
{
margin-right: 5px;
}
.up18 #social-links-cont ul li img {
    height: 50px;
}
/* ================================================
product page content @992
================================================ */
.up18 #contentWrap.productContent {
    padding-top: 90px;
}
.up18 #contentWrap.productContent .textRow
{
width: 80%;
margin: 0 auto;
padding-bottom: 1em;
}
.up18 #contentWrap.productContent .tiresSubContent .textRow,
.up18 #contentWrap.productContent .pedalsSubContent .textRow {
padding-bottom:2em;
}
.up18 .productRow,
.up18 .splitterRow
{
    padding-top: 50px;
}
.up18 .infoGraphicRow
{
padding-top: 10px;
}
.up18 #contentWrap.productContent #productTitle.productTitleImage
{
padding-bottom: 15px;
}
.up18 #contentWrap.productContent #productIntro h1 {
    font-size: 46px;
    line-height: 1.3em;
    padding: 0px 0 2px 0;
}
.up18 #contentWrap.productContent #productIntro h1 img
{
height: 26px;
}
.up18 #contentWrap.productContent #productIntro h4 {
    font-size: 19px;
    line-height: 1.2em;
    padding: 0 0 4px 0;
}
.up18 #contentWrap.productContent #productIntro p {
    font-size: 14px;
    line-height: 1.55em;
    padding: 0 0 12px 0;
}
.up18 #contentWrap.productContent #introVids
{
padding: 0px 15px 0px;
text-align: left;
}
.up18 #contentWrap.productContent #introVids .circleButton a
{
height: 70px;
width: 70px;
font-size: 14px;
margin: 0;
}
.up18 #contentWrap.productContent .features
{
margin-bottom: 40px;
}
.up18 .paddingBottom *
{
padding-bottom: 40px !important;
}

.up18 #contentWrap.productContent .productRow table th,
.up18 #contentWrap.productContent .productRow table td {
    padding-bottom: 8px;
    font-size: 14px;
	line-height: 1.45em;
}

.up18 #contentWrap.productContent .productRow table th h5 {
    font-size: 22px;
}
.up18 #contentWrap.productContent .productRow .productMainImg {
    text-align: center;
}
.up18 #contentWrap.productContent .productRow .productMainImg img {
    max-width: 320px;
	margin-top: -60px;
}
.up18 #contentWrap.productContent .pedals .productRow .productMainImg img {
    max-width: 300px;
    margin-left: 25%
}
.up18 #contentWrap.productContent .saddles .productRow .productMainImg img {
    margin-top: -40px;
}

/* ================================================
product page bonus links @992
================================================ */
.up18 .bonusLink a
{
    height: 26px;
    line-height: 26px;
    padding: 0 25px 0 10px;
    font-size: 15px;
	margin-right: 50px;
}
.up18 .bonusLink a:before{
    width: 70%;
    top: -100px;
    left: 0px;
}
.up18 .bonusLink a:after{
    right: 5px;
}
.up18 #productInfo #bonusLinks
{
margin-top: 15px;
}
.up18 #productInfo #bonusLinks ul li a {
    height: 26px;
    line-height: 26px;
    padding: 0 12px 0 12px;
    font-size: 15px;
}
/* ================================================
riders fixes @992
================================================ */
.nav-white-bg {
    height: 175px;
}
.up18.page-template-page-riders .rslides li img {

}
/* ================================================
tire technologies fixes @992
================================================ */
.up18 .tireTechBg {
    min-height: 600px;
}
.up18 .tireTechImg {
    margin-top: -35px;
}
.up18 .tireLabelDetails h1 {
    font-size: 40px;
}
.up18 #productTypes .tireLabelDetails p {
    font-size: 18px;
}
.up18 #productTypes .tireLabelDetails .tireLabelBlock {
    float: left;
    position: absolute;
    top:-150px;
    left: 0;
}
/* ================================================
what is s-spec fixes @ 992
================================================ */

.up18.page-template-page-what-is-s-spec #contentWrap.productContent .textRow {
    padding-bottom:0;
}

.page-template-page-what-is-s-spec #productInfo.flex {
    height: 260px;
}
.up18 #contentWrap.productContent #productIntro h1.s-spec-title {
    padding-top: 40px;
}

/* ================================================
videos page @992
================================================ */

.video-container {
    margin-top: 0;
}

}

@media only screen and (min-width: 1200px) {
/* ================================================
header updates @ 1200
================================================ */
.up18 .top-header-img {
    height: 180px;
    background-size: auto 180px;
    background-position: 0px 0%;
}
.up18 .rslides li {
	margin-top: 60px;
}

.up18 #header-top h1 > a {
        height: 35px;
        width: 315px;
        left: 145px;
        top: 132px;
    }

    .up18 #header-top h1 ul {
        width: 180px;
        top: 163px;
    }

    .up18 #header-top h1:hover ul {
        left: 229px;
    }

    .up18 #header-top h1 ul li {
        padding: 0 10px;
    }
	.up18 #header-top h1 ul li:first-child
	{
	padding-left: 0px;
	}
/* ================================================
    main nav @ 1200
    ================================================ */
    .up18 #menu {
        top: 178px;
    }
	 .up18 #main-menu li .sub-menu li {
        padding: 8px 2px 0 12px;
    }
	.up18 #main-menu li:first-of-type .sub-menu li:nth-of-type(1),
	.up18 #main-menu li:first-of-type .sub-menu li:nth-of-type(2)
	{
	padding: 8px 0px 0 0px;
	}
/* ================================================
content @1200
================================================ */
.up18 #contentWrap {
	margin-top: -80px;
}
.up18.no-slides #contentWrap
{
margin-top: 100px;
}
/* ================================================
header with no slides @ 1200
================================================ */
.up18 header.header-with-no-slides
{
height: 190px;
min-height: 0;
}
/* ================================================
    home content @ 1200
    ================================================ */
    .up18 #contentWrap {
        padding-bottom: 300px;
		padding-top: 110px;
    }
    .up18 .btnCategory {
        max-width: 240px;
        margin-bottom: 35px;
    }
    .up18 .btnCategory a h3 {
        font-size: 13px;
    }

/* ================================================
footer @ 1200
================================================ */
#backLink
{
bottom: 215px;
}
#backLink a
{
    height: 28px;
    line-height: 28px;
    padding: 0 15px 0 20px;
    font-size: 15px;
}
.up18 #pageWrap #footer-fc {
    height: 210px;
    background-size: auto 210px;
}

.up18 #pageWrap #footer-fc p {
    padding: 0;
    font-size: 1.05rem;
}

.up18 #copyright-wrapper-new {
    bottom: 25px;
    height: 70px;
}

.up18 #footer-col-1,
.up18 #viewAllBug,
.up18 #social-links-cont {
    height: 70px;
}
.up18 #footer-col-1
{
padding-left: 60px;
}
.up18 #viewAllBug,
.up18 #viewAllBug img {
    height: 70px;
}
.up18 #social-links-cont ul {
    height: 60px;
}
.up18 #social-links-cont ul li
{
margin-right: 10px;
}
.up18 #social-links-cont ul li img {
    height: 60px;
}
/* ================================================
product page content @1200
================================================ */
.up18 #contentWrap.productContent {
    padding-top: 90px;
}
.up18 #contentWrap.productContent .textRow
{
width: 75%;
padding-bottom:1em;
}
.up18 #contentWrap.productContent .tiresSubContent .textRow,
.up18 #contentWrap.productContent .pedalsSubContent .textRow {
padding-bottom:2em;
}
.up18 .productRow,
.up18 .splitterRow
{
    padding-top: 60px;
}
.up18 .infoGraphicRow
{
padding-top: 10px;
}
.up18 .infoGraphicRow img
{
width: 1170px;
}
.up18 #contentWrap.productContent #productTitle.productTitleImage
{
padding-bottom: 15px;
}
.up18 #contentWrap.productContent #productIntro h1 {
    font-size: 56px;
}
.up18 #contentWrap.productContent #productIntro h1 img
{
height: 30px;
}
.up18 #contentWrap.productContent #productIntro h4 {
    font-size: 22px;
}
.up18 #contentWrap.productContent #productIntro p {
    font-size: 16px;
	line-height: 1.5em;
}
.up18 #contentWrap.productContent #introVids
{
padding: 0px 15px 0px;
text-align: left;
}
.up18 #contentWrap.productContent #introVids .circleButton a
{
height: 76px;
width: 76px;
font-size: 15px;
}
.up18 #contentWrap.productContent .features
{
margin-bottom: 45px;
}
.up18 .paddingBottom *
{
padding-bottom: 45px !important;
}
.up18 #contentWrap.productContent .productRow table th,
.up18 #contentWrap.productContent .productRow table td {
    font-size: 16px;
}

.up18 #contentWrap.productContent .productRow table th h5 {
    font-size: 26px;
}

.up18 #contentWrap.productContent .productRow .productMainImg img {
    max-width: 410px;
	margin-top: -80px;
}
.up18 #contentWrap.productContent .pedals .productRow .productMainImg img {
    max-width: 340px;
    margin-left: 35%;
}
.up18 #contentWrap.productContent .saddles .productRow .productMainImg img {
margin-top: -50px;
}

.up18 #contentWrap.productContent #infoGraphicRow img
{
max-width:  2040px;
width: 100%;
}
/* ================================================
product page bonus links @1200
================================================ */
.up18 .bonusLink a
{
    height: 28px;
    line-height: 28px;
    padding: 0 25px 0 10px;
    font-size: 15px;
	margin-right: 50px;
}
.up18 .bonusLink a:before{
    width: 70%;
    top: -100px;
    left: 0px;
}
.up18 .bonusLink a:after{
    right: 5px;
}
.up18 #productInfo #bonusLinks
{
margin-top: 15px;
}
.up18 #productInfo #bonusLinks ul li a {
    height: 28px;
    line-height: 28px;
    padding: 0 12px 0 12px;
    font-size: 15px;
}
/* ================================================
riders fixes @1200
================================================ */
.nav-white-bg {
    height: 205px;
}
/* ================================================
tire technologies fixes @1200
================================================ */
.up18 .tireTechBg {
    min-height: 700px;
}
.up18 .tireTechImg {
    margin-top: -35px;
}
.up18 .tireLabelDetails h1 {
    font-size: 42px;
}
.up18 #productTypes .tireLabelDetails p {
    font-size: 18px;
}
.up18 #productTypes .tireLabelDetails .tireLabelBlock {
    float: left;
    position: absolute;
    top:-190px;
}
/* ================================================
what is s-spec fixes @ 1200
================================================ */
.page-template-page-what-is-s-spec #productInfo.flex {
    height: 320px;
}
.up18 #contentWrap.productContent #productIntro h1.s-spec-title {
    padding-top: 50px;
}
.up18 #contentWrap.productContent .divider {
    margin-top: 0;
}
}

@media only screen and (min-width: 1500px) {
/* ================================================
header updates @ 1500
================================================ */
.up18 .top-header-img {
    height: 210px;
    background-size: auto 210px;
}
.up18 .rslides li {
	margin-top: 60px;
}

.up18 #header-top h1 > a {
        height: 38px;
        width: 365px;
        left: 170px;
        top: 154px;
    }

    .up18 #header-top h1 ul {
        width: 365px;
        top: 180px;
		text-align: right;
		padding-top: 27px;
    }

    .up18 #header-top h1:hover ul {
        left: 170px;
    }

    .up18 #header-top h1 ul li {
        padding: 0 10px;
    }
	.up18 #header-top h1 ul li:last-child
	{
	padding-right: 0px;
	}
/* ================================================
    main nav @ 1500
    ================================================ */
    .up18 #menu {
        top: 205px;
    }

	.up18 #main-menu > ul > li > a {
    font-size: 20px;
}
	 .up18 #main-menu li .sub-menu li {
        padding: 8px 2px 0 14px;
    }
	.up18 #main-menu li:first-of-type .sub-menu li:nth-of-type(1),
	.up18 #main-menu li:first-of-type .sub-menu li:nth-of-type(2)
	{
	padding: 8px 0px 0 0px;
	}
	.up18 #main-menu li:first-of-type .sub-menu li:nth-of-type(1)
	{
	padding-left: 2px;
	}
/* ================================================
content @1500
================================================ */
.up18 #contentWrap {
	margin-top: -100px;
}
.up18.no-slides #contentWrap
{
margin-top: 120px;
}
/* ================================================
header with no slides @ 1500
================================================ */
.up18 header.header-with-no-slides
{
height: 220px;
min-height: 0;
}
/* ================================================
    home content @ 1500
    ================================================ */
    .up18 #contentWrap {
        padding-bottom: 350px;
		padding-top: 125px;
    }
    .up18 .btnCategory {
        max-width: 280px;
        margin-bottom: 40px;
    }
    .up18 .btnCategory a h3 {
        font-size: 14px;
    }
/* ================================================
anatomy footer @ 1500
================================================ */
    .page-template-page-anatomy-of-a-powerblock h2 {
        font-size: 30px;
    }

    #anatomyFooter {
        top: -5.5%;
        left: -7%;
    }

/* ================================================
footer @ 1500
================================================ */
#backLink
{
bottom: 260px;
}
#backLink a
{
    height: 32px;
    line-height: 32px;
    padding: 0 15px 0 20px;
    font-size: 17px;
}
.up18 #pageWrap #footer-fc {
    height: 255px;
    background-size: auto 255px;
}

.up18 #pageWrap #footer-fc p {
    font-size: 1.3rem;
}

.up18 #copyright-wrapper-new {
    bottom: 35px;
    height: 70px;
}

.up18 #footer-col-1,
.up18 #viewAllBug,
.up18 #social-links-cont {
    height: 70px;
}
.up18 #footer-col-1
{
padding-left: 60px;
}
.up18 #viewAllBug,
.up18 #viewAllBug img {
    height: 70px;
}
.up18 #social-links-cont ul {
    height: 60px;
}
.up18 #social-links-cont ul li
{
margin-right: 10px;
}
.up18 #social-links-cont ul li img {
    height: 60px;
}
/* ================================================
product page content @1500
================================================ */
.up18 #contentWrap.productContent {
    padding-top: 100px;
}
.up18 #contentWrap.productContent .textRow
{
width: 75%;
padding-bottom:1em;
}
.up18 #contentWrap.productContent .tiresSubContent .textRow,
.up18 #contentWrap.productContent .pedalsSubContent .textRow {
padding-bottom:2em;
}
.up18 .productRow,
.up18 .splitterRow
{
    padding-top: 70px;
}
.up18 .infoGraphicRow
{
padding-top: 10px;
}
.up18 .infoGraphicRow img
{
width: 1470px;
}
.up18 #contentWrap.productContent #productTitle.productTitleImage
{
padding-bottom: 20px;
}
.up18 #contentWrap.productContent #productIntro h1 {
    font-size: 70px;
}
.up18 #contentWrap.productContent #productIntro h1 img
{
height: 34px;
}
.up18 #contentWrap.productContent #productIntro h4 {
    font-size: 26px;
}
.up18 #contentWrap.productContent #productIntro p {
    font-size: 19px;
	line-height: 1.6em;
}
.up18 #contentWrap.productContent #introVids .circleButton a
{
height: 90px;
width: 90px;
font-size: 18px;
}
.up18 #contentWrap.productContent .features
{
margin-bottom: 50px;
}
.up18 .paddingBottom *
{
padding-bottom: 50px !important;
}

.up18 #contentWrap.productContent .productRow table th,
.up18 #contentWrap.productContent .productRow table td {
    font-size: 19px;
}

.up18 #contentWrap.productContent .productRow table th h5 {
    font-size: 33px;
	padding-top: 0px;
}

.up18 #contentWrap.productContent .productRow .productMainImg img {
    max-width: 560px;
	margin-top: -90px;
}
.up18 #contentWrap.productContent .pedals .productRow .productMainImg img {
    max-width: 410px;
    margin-left: 35%;
}
.up18 #contentWrap.productContent .saddles .productRow .productMainImg img {
    margin-top: -65px;
}

/* ================================================
product page bonus links @1500
================================================ */
.up18 .bonusLink a
{
    height: 32px;
    line-height: 32px;
    padding: 0 25px 0 10px;
    font-size: 17px;
	margin-right: 100px;
}
.up18 .bonusLink a:before{
    width: 70%;
    top: -100px;
    left: 0px;
}
.up18 .bonusLink a:after{
    right: 5px;
}
.up18 #productInfo #bonusLinks
{
margin-top: 15px;
}
.up18 #productInfo #bonusLinks ul li a {
    height: 32px;
    line-height: 32px;
    padding: 0 12px 0 12px;
    font-size: 17px;
}
/* ================================================
riders fixes @1500
================================================ */
.nav-white-bg {
    height: 225px;
}

/* ================================================
tire technologies fixes @1500
================================================ */
.up18 .tireTechBg {
    min-height: 800px;
}

.up18 .tireTechImg {
    margin-top: -35px;
}
.up18 .tireLabelDetails h1 {
    font-size: 48px;
}
.up18 #productTypes .tireLabelDetails p {
    font-size: 18px;
}
.up18 #productTypes .tireLabelDetails .tireLabelBlock {
    float: left;
    position: absolute;
    top:-240px;
}
/* ================================================
what is s-spec fixes @ 1500
================================================ */

.page-template-page-what-is-s-spec #productInfo.flex {
    height: 385px;
}
.up18 #contentWrap.productContent #productIntro h1.s-spec-title {
    padding-top: 60px;
}

}


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

/* ================================================
header updates @1800
================================================ */
.up18 .top-header-img {
    height: 245px;
    background-size: auto 245px;
}
.up18 #header-top h1 > a {
        height: 45px;
        width: 425px;
        left: 200px;
        top: 180px;
    }
    .up18 #header-top h1 ul {
        width: 425px;
        top: 210px;
		text-align: right;
		padding-top: 30px;
    }
    .up18 #header-top h1:hover ul {
        left: 200px;
    }
	 .up18 #header-top h1 ul li a {
        font-size: 14px;
    }
/* ================================================
    main nav @ 1800
    ================================================ */
    .up18 #menu {
        top: 238px;
    }
	.up18 #main-menu > ul > li > a {
    font-size: 21px;
}
.up18 #main-menu li .sub-menu li {
        padding: 10px 2px 0 14px;
    }
	.up18 #main-menu li:first-of-type .sub-menu li:nth-of-type(1),
	.up18 #main-menu li:first-of-type .sub-menu li:nth-of-type(2)
	{
	padding: 10px 0px 0 0px;
	}
/* ================================================
content @1800
================================================ */
.up18 #contentWrap {
	margin-top: -115px;
}
.up18.no-slides #contentWrap
{
margin-top: 130px;
}
/* ================================================
header with no slides @ 1800
================================================ */
.up18 header.header-with-no-slides
{
height: 255px;
min-height: 0;
}
/* ================================================
    home content @ 1800
    ================================================ */
    .up18 #contentWrap {
        padding-bottom: 400px;
		padding-top: 140px;
    }
    .up18 .btnCategory {
        max-width: 340px;
        margin-bottom: 45px;
    }
    .up18 .btnCategory a h3 {
        font-size: 14px;
    }
/* ================================================
anatomy footer @ 1800
================================================ */
    #anatomyFooter {
        top: -7%;
        left: -7%;
    }

/* ================================================
footer @ 1800
================================================ */
#backLink
{
bottom: 305px;
}
#backLink a
{
    height: 40px;
    line-height: 40px;
    padding: 0 15px 0 20px;
    font-size: 21px;
}
.up18 #pageWrap #footer-fc {
    height: 300px;
    background-size: auto 300px;
}

.up18 #pageWrap #footer-fc p {
    font-size: 1.5rem;
}

.up18 #copyright-wrapper-new {
    bottom: 50px;
    height: 80px;
}

.up18 #footer-col-1,
.up18 #viewAllBug,
.up18 #social-links-cont {
    height: 80px;
}
.up18 #footer-col-1
{
padding-left: 100px;
}
.up18 #viewAllBug,
.up18 #viewAllBug img {
    height: 80px;
}
.up18 #social-links-cont ul {
    height: 70px;
}
.up18 #social-links-cont ul li
{
margin-right: 10px;
}
.up18 #social-links-cont ul li img {
    height: 70px;
}
/* ================================================
product page content @1800
================================================ */
.up18 #contentWrap.productContent {
    padding-top: 120px;
}
.up18 #contentWrap.productContent .textRow
{
width: 70%;
padding-bottom:1em;
}
.up18 #contentWrap.productContent .tiresSubContent .textRow,
.up18 #contentWrap.productContent .pedalsSubContent .textRow {
padding-bottom:3em;
}

.up18 .productRow,
.up18 .splitterRow
{
    padding-top: 85px;
}
.up18 .infoGraphicRow
{
padding-top: 10px;
}
.up18 .infoGraphicRow img
{
width: 1770px;
}
.up18 #contentWrap.productContent #productTitle.productTitleImage
{
padding-bottom: 25px;
}
.up18 #contentWrap.productContent #productIntro h1 {
    font-size: 85px;
}
.up18 #contentWrap.productContent #productIntro h1 img
{
height: 40px;
}
.up18 #contentWrap.productContent #productIntro h4 {
    font-size: 31px;
}
.up18 #contentWrap.productContent #productIntro p {
    font-size: 22px;
	line-height: 1.6em;
}
.up18 #contentWrap.productContent #introVids .circleButton a
{
height: 100px;
width: 100px;
font-size: 20px;
}
.up18 #contentWrap.productContent .features
{
margin-bottom: 60px;
}
.up18 .paddingBottom *
{
padding-bottom: 60px !important;
}

.up18 #contentWrap.productContent .productRow table th,
.up18 #contentWrap.productContent .productRow table td {
    font-size: 22px;
}

.up18 #contentWrap.productContent .productRow table th h5 {
    font-size: 40px;
	padding-top: 0px;
}

.up18 #contentWrap.productContent .productRow .productMainImg img {
    max-width: 670px;
	margin-top: -110px;
}
.up18 #contentWrap.productContent .pedals .productRow .productMainImg img {
    max-width: 410px;
    margin-left: 40%;
}
.up18 #contentWrap.productContent .saddles .productRow .productMainImg img {
    margin-top: -80px;
}
/* ================================================
product page bonus links @1800
================================================ */
.up18 .bonusLink a
{
    height: 40px;
    line-height: 40px;
    padding: 0 27px 0 12px;
    font-size: 21px;
	margin-right: 150px;
}
.up18 .bonusLink a:before{
    width: 70%;
    top: -100px;
    left: 0px;
}
.up18 .bonusLink a:after{
    right: 5px;
}
.up18 #productInfo #bonusLinks
{
margin-top: 15px;
}
.up18 #productInfo #bonusLinks ul li a {
    height: 40px;
    line-height: 40px;
    padding: 0 15px 0 15px;
    font-size: 21px;
}

/* ================================================
riders fixes @1800
================================================ */
.nav-white-bg {
    height: 265px;
}

/* ================================================
tire technologies fixes @1800
================================================ */
.up18 .tireTechBg {
    min-height: 830px;
}
.up18 .tireTechImg {
    margin-top: -40px;
}
.up18 .tireLabelDetails h1 {
    font-size: 52px;
}
.up18 #productTypes .tireLabelDetails p {
    font-size: 21px;
}
.up18 #productTypes .tireLabelDetails .tireLabelBlock {
    float: left;
    position: absolute;
    top:-310px;
}
/* ================================================
what is s-spec fixes @ 1800
================================================ */

.page-template-page-what-is-s-spec #productInfo.flex {
    height: 450px;
}
.up18 #contentWrap.productContent #productIntro h1.s-spec-title {
    padding-top: 70px;
}

}

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

/* ================================================
header updates @2100
================================================ */
.up18 .top-header-img {
    height: 280px;
    background-size: auto 280px;
}
.up18 #header-top h1 > a {
        height: 50px;
        width: 485px;
        left: 227px;
        top: 205px;
    }
    .up18 #header-top h1 ul {
        width: 485px;
        top: 240px;
		padding-top: 35px;
    }
    .up18 #header-top h1:hover ul {
        left: 227px;
    }
	 .up18 #header-top h1 ul li a {
        font-size: 14px;
    }
/* ================================================
    main nav @ 2100
    ================================================ */
    .up18 #menu {
        top: 271px;
    }
	.up18 #main-menu > ul > li > a {
    font-size: 23px;
}
.up18 #main-menu li .sub-menu li a,
.up18 #main-menu li:first-of-type .sub-menu li span
	{
        font-size: 15px;
	}
/* ================================================
content @2100
================================================ */
.up18 #contentWrap {
	margin-top: -125px;
}
.up18.no-slides #contentWrap
{
margin-top: 140px;
}
/* ================================================
header with no slides @ 2100
================================================ */
.up18 header.header-with-no-slides
{
height: 290px;
min-height: 0;
}
/* ================================================
    home content @ 2100
    ================================================ */
    .up18 #contentWrap {
        padding-bottom: 500px;
		padding-top: 180px;
    }
    .up18 .btnCategory {
        max-width: 380px;
        margin-bottom: 50px;
    }
    .up18 .btnCategory a h3 {
        font-size: 15px;
    }
/* ================================================
footer @ 2100
================================================ */
#backLink
{
bottom: 365px;
padding-left: 15px;
}
#backLink a
{
    height: 44px;
    line-height: 44px;
    padding: 0 15px 0 20px;
    font-size: 27px;
}
.up18 #pageWrap #footer-fc {
    height: 360px;
    background-size: 2400px auto;
}

.up18 #pageWrap #footer-fc p {
    font-size: 1.6rem;
}

.up18 #copyright-wrapper-new {
    bottom: 60px;
    height: 95px;
}

.up18 #footer-col-1,
.up18 #viewAllBug,
.up18 #social-links-cont {
    height: 95px;
}
.up18 #footer-col-1
{
padding-left: 150px;
}
.up18 #viewAllBug,
.up18 #viewAllBug img {
    height: 95px;
}
.up18 #social-links-cont ul {
    height: 82px;
}
.up18 #social-links-cont ul li
{
margin: 0 10px;
}
.up18 #social-links-cont ul li img {
    height: 82px;
}
/* ================================================
product page content @2100
================================================ */
.up18 #contentWrap.productContent {
    padding-top: 150px;
}
.up18 #contentWrap.productContent .textRow
{
width: 70%;
padding-bottom:1em;
}
.up18 #contentWrap.productContent .tiresSubContent .textRow,
.up18 #contentWrap.productContent .pedalsSubContent .textRow {
padding-bottom:3em;
}
.up18 .productRow,
.up18 .splitterRow
{
    padding-top: 95px;
}
.up18 .infoGraphicRow
{
padding-top: 10px;
}
.up18 .infoGraphicRow img
{
width: 2040px;
}
.up18 #contentWrap.productContent #productTitle.productTitleImage
{
padding-bottom: 32px;
}
.up18 #contentWrap.productContent #productIntro h1 {
    font-size: 100px;
}
.up18 #contentWrap.productContent #productIntro h1 img
{
height: 49px;
}
.up18 #contentWrap.productContent #productIntro h4 {
    font-size: 40px;
}
.up18 #contentWrap.productContent #productIntro p {
    font-size: 27px;
	line-height: 1.6em;
}
.up18 #contentWrap.productContent #introVids .circleButton a
{
height: 110px;
width: 110px;
font-size: 23px;
}
.up18 #contentWrap.productContent .features
{
margin-bottom: 70px;
}
.up18 .paddingBottom *
{
padding-bottom: 70px !important;
}

.up18 #contentWrap.productContent .productRow table th,
.up18 #contentWrap.productContent .productRow table td {
    font-size: 27px;
}

.up18 #contentWrap.productContent .productRow table th h5 {
    font-size: 48px;
	padding-top: 0px;
}

.up18 #contentWrap.productContent .productRow .productMainImg img {
    max-width: 100%;
	margin-top: -120px;
}

.up18 #contentWrap.productContent .pedals .productRow .productMainImg img {
    max-width: 520px;
    margin-left: 45%;
}
.up18 #contentWrap.productContent .saddles .productRow .productMainImg img {
    margin-top: -80px;
}

/* ================================================
product page bonus links @2100
================================================ */
.up18 .bonusLink a 
{
    height: 44px;
    line-height: 44px;
    padding: 0 27px 0 12px;
    font-size: 27px;
	margin-right: 200px;
}
.up18 .bonusLink a:before{
    width: 70%;
    top: -100px;
    left: 0px;
}
.up18 .bonusLink a:after{
    right: 5px;
}
.up18 #productInfo #bonusLinks
{
margin-top: 15px;	
}
.up18 #productInfo #bonusLinks ul li a {
    height: 44px;
    line-height: 44px;
    padding: 0 17px 0 17px;
    font-size: 27px;
}		

/* ================================================
riders fixes @2100
================================================ */
.nav-white-bg {
    height: 300px;
}
/* ================================================
tire technologies fixes @2100
================================================ */
.up18 .tireTechBg {
    min-height: 918px;
}
.up18 .tireTechImg {
    margin-top: -50px;
}
.up18 .tireLabelDetails h1 {
    font-size: 62px;
}
.up18 #productTypes .tireLabelDetails p {
    font-size: 22px;
}
.up18 #productTypes .tireLabelDetails .tireLabelBlock {
    float: left;
    position: absolute;
    top:-360px;
}
/* ================================================
what is s-spec fixes @ 2100
================================================ */
.page-template-page-what-is-s-spec #productInfo.flex {
    height: 535px;
}
.up18 #contentWrap.productContent #productIntro h1.s-spec-title {
    padding-top: 80px;
}

}

/* Clearing floats ------------------------------------------------------------------*/

.clearfix:after
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix
{
	.display: inline-block;
}
 
html[xmlns] .clearfix
{
	display: block;
}
 
* html .clearfix
{
	height: 1%;
}