body {
    background: #000;
    background-image: url("../images/background.png");
    background-repeat: repeat-x;
    background-attachment: fixed;
    color: #FFF !important;
    background-color: #000 !important;
}

.header {
    position: relative;
    z-index: 1000 !important;
    /* overflow: hidden;*/
    -webkit-transition: height 0.5s;
    -moz-transition: height 0.5s;
    transition: height 0.5s;
}

.header.shrink {
    height: 70px;
    line-height: 70px;
    background: #000;
    background-image: url("../images/logoSmRed.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 20%;
    text-align: middle;
    font-size: 28px;
    color: red;
    font-weight: 600;
    border-bottom-style: solid;
    border-width: 1px;
    border-color: white;
}

.headerImg {
    content: url("https://www.highroadgym.com/images/newHeader2.png");
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1000px;
    /*min-width:700px;*/
}

.headImg {
    width: 100%;
    margin-bottom: 10px;
    margin-top: 60px;
}

.headerImg2 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1000px;
    margin-bottom: 15px;
    /*min-width:700px;*/
}

.affix {
    top: 0;
    width: 100%;
    z-index: 9999 !important;
}

.navbar-nav > .active > a {
    background-color: rgba(185, 84, 250, 1) !important;
}

.navbar-toggle:hover {
    background-color: #F00 !important;
    border-color: #F00 !important;
}

.navbar-toggle {
    border-color: #000 !important;
}

.navbar-toggle:hover .navbar-toggle:focus {
    background-color: rgba(185, 84, 250, 1) !important;
}

.headerImg.shrink {
    content: url("../images/blank.png");
    max-width: 1px;
    min-width: 1px;
}

.imgBrand {
    content: url("../images/blank.png");
    max-width: 1px;
    min-width: 1px;

}

.imgBrand.shrink {
    content: url("../images/logoSmRed.png");
    width: 350px;
}

.header a:active, a:visited, a {
    color: #fff;
    text-decoration: none;
}

.header a:hover {
    color: #f00;
    text-decoration: none;
}

.headerCustom2 {
    background-image: url("../images/header-HIGH-ROAD-GYM.png");
    background-repeat: no-repeat;
    background-position: 10px 12px;
    background-size: 200px;
    background-color: #000 !important;
    border: 0px !important;
    vert-align: top;
}

.headerSides {
    margin-top: 35%;
}

.RMTable {
    display: none;
}

.oneRMth {
    text-align: center !important;
}

.is-invalid {
    border-color: red;
    border-width: 3px;
}

.toolsIcon {
    font-size: 24px;
    vertical-align: middle;
    display: none;
}

@media (min-width: 768px) {
    .headerCustom2 {
        background-image: none;
    }
}

@media (max-width: 768px) {
    .headerSides {
        margin-top: 0;
    }
}

.headerCustom {
    /*background-color:transparent !important;*/
    background-color: #000 !important;
    border: 0px !important;
}

.headerCustom.shrink {
    background-color: #000 !important;
    background-image: url("../images/logoSmRed.png");
    background-image: url("../images/HRLogoSmall.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 75px;
}

a.anchor {
    display: block;
    position: relative;
    top: -54px;
    visibility: hidden;
}

.space {
    position: relative;
    height: 500px;
}

.spacer5 {
    height: 5px;
    width: 100%;
    font-size: 0;
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
}

.spacer10 {
    height: 10px;
    width: 100%;
    font-size: 0;
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
}

.spacer15 {
    height: 15px;
    width: 100%;
    font-size: 0;
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
}

.spacer20 {
    height: 20px;
    width: 100%;
    font-size: 0;
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
}

.spacer25 {
    height: 25px;
    width: 100%;
    font-size: 0;
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
}

.spacer30 {
    height: 30px;
    width: 100%;
    font-size: 0;
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
}

.spacer35 {
    height: 35px;
    width: 100%;
    font-size: 0;
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
}

.spacer40 {
    height: 40px;
    width: 100%;
    font-size: 0;
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
}

.spacer45 {
    height: 45px;
    width: 100%;
    font-size: 0;
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
}

.spacer50 {
    height: 50px;
    width: 100%;
    font-size: 0;
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
}

.spacer100 {
    height: 100px;
    width: 100%;
    font-size: 0;
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
}

.spacer200 {
    height: 200px;
    width: 100%;
    font-size: 0;
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
}

iframe.contact {
    width: 100%;
    height: 550px;
    max-width: 650px;
    background: #FFFFFF;
}

img.hrgImage {
    max-width: 100%;
    height: auto;
    border: 1px solid;
    border-color: #FFF;
}

img.gymImage {
    max-width: 100%;
    height: auto;
    border: 1px solid;
    border-color: #FFF;
}

.col-centered {
    float: none;
    margin: 0 auto;
}

.navbar .navbar-nav-custom {
    display: inline-block;
    float: none;
    font-weight: 600;
}

.space.shrink {
    position: relative;
    height: 190px;
}

.containerA {
    position: relative;
    color: #FFF;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    /*min-width:700px;*/
    background-color: rgba(0, 0, 0, 0.70);
    font-family: 'Open Sans', sans-serif;
    /*font-size: 18px;*/
    padding: 0px 25px 15px 25px;
    border-right-style: solid;
    border-left-style: solid;
    border-width: 1px;
    border-color: red;
}

.containerB {
    position: relative;
    color: #FFF;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    /*min-width:700px;*/
    background-color: rgba(185, 84, 250, 0.70);
    font-family: 'Open Sans', sans-serif;
    /*font-size: 18px;*/
    padding: 0px 25px 15px 25px;
    border-right-style: solid;
    border-left-style: solid;
    border-width: 1px;
    border-color: red;
}

.top {
    border-top-style: solid;
}

.bottom {
    border-bottom-style: solid;
}

.headerPhone {
    font-family: 'Open Sans', sans-serif;
    font-size: 28px;
}

/*
H1, .title {
    font-size: 28px;
    font-weight: 600;
    text-align: center;
}*/
.title {
    font-size: 28px;
    font-weight: 600;
    padding-top: 10px;
}

#home {
    padding-top: 60px;
    margin-left: auto;
    margin-right: auto;
}

.subTitle {
    font-size: 18px;
    font-weight: 300;
    text-align: center;
}

.tagline {
    position: relative;
    font-size: 14px;
    font-style: italic;
}

.pricingCat {
    font-weight: 500;
    text-decoration: underline;
}

.pricingDesc {
    padding-left: 50px;
}

table.tablePricing {
    border-collapse: collapse;
    color: #FFF;
}

table.tablePricing td {
    border: 1px solid red;
    text-align: left;
    padding: 4px;
}

table.tablePricing th {
    border: 1px solid red;
    text-align: center;
    text-decoration: underline;
    padding: 4px;
}

table.info {
    color: #FFF;
    border: 0px solid red;
    border-collapse: collapse;
    padding: 15px;
    max-width: 800px;
}

table.info td {
    padding: 15px;
}

table.free {
    color: #FFF;
    border: 0px solid red;
    border-collapse: collapse;
    padding: 15px;
    width: 95%;
    min-width: 700px;
}

table.free td {
    width: 50%;
}

/**********Start SCHEDULE **********/
table.schedule th {
    border: 1px solid red;
    text-align: center;
    padding: 0px;
    font-size: 16px;
    background: #F00;
}

table.schedule {
    background: #000;
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
}

table.schedule tr {
    height: 35px;
    height: 30px;
    height: 18px;
    border-bottom: 1px solid #F00;
}

table.schedule tr:nth-child(even) {
    border-bottom: 2px dotted #660000;
}

table.schedule td {
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    border: 1px solid red;
    text-align: center;
    padding: 0px;
    width: 100;
}

.DC {
    background: #0F0;
    color: #000;
    font-family: "courier new";
}

.Emi {
    background: #F0F;
    color: #000;
    font-style: "courier new";
}

.DrJ {
    background: #FF8300;
    color: #000;
    font-style: "courier new";
}

.Class {
    background: #0FF;
    color: #000;
    font-style: "courier new";
}

.Red {
    background: #F00;
    color: #FFF;
    font-style: "courier new";
}

.greenBlack {
    background: #000;
    color: #0F0;
    font-style: "courier new";
}

.blueGreen {
    background: #0147FA;
    color: #9AF000;
    font-style: "courier new";
}

.yellowBlue {
    background: #FFFF00;
    color: #0047BD;
    font-style: "Courier New";
}

.success {
    font: 14px "courier new";
    color: #00F;
}

.error {
    font: 18px "courier new";
    color: #F00;

}

.errorDiv {
    color: #FFF;
    background-color: #FF0000;
    text-align: center;
}

.successDiv {
    color: #FFF;
    background-color: #FF0000;
    text-align: center;
}

/**********End SCHEDULE **********/

table.legend {
    background: #000;
    border-collapse: collapse;
    color: #FFF;
}

table.legend tr {
    height: 35px;
}

table.legend td {
    font-size: 14px;
    border: 1px solid red;
    text-align: left;
    padding: 10px;
}

td.DC {
    background-color: #0F0;
    color: #000;
}

td.Emi {
    background-color: #FF00FF;
    color: #000;
}

td.Class {
    background-color: #00FFFF;
    color: #000;
}

td.Red {
    background-color: #F00;
    color: #FFF;
}

td.greenBlack {
    background-color: #000;
    color: #0F0;
    font-size: 12px;
}

.standout {
    color: #0F0;
}

.footer {
    /*font-size: 16px;*/
    text-align: center;
    color: #FFF;
    padding: 15px;
    line-height: 175%;
    width: 80%;
    /*min-width: 700px;*/
    margin: 0 auto;
}

.footer a:active, a:visited, a {
    color: #fff !important;
}

.footer a:hover {
    text-decoration: none;
    color: #f00 !important;
}

a.priceAlertIn:hover {
    text-decoration: none;
}

a.priceAlertIn:focus {
    text-decoration: none;
}

a.fbLink a.fbLink:active, a.fbLink:visited {
    font-weight: 700;
    text-decoration: none;
    color: #f00 !important;
}

a.fbLink:hover {
    font-weight: 700;
    text-decoration: none;
    color: #00f !important;
}

a.form, a.form:visited, a.form:active {
    text-decoration: none;
    color: #00CDFF;
}

a.form:hover {
    text-decoration: none;
    color: #F00;
}

a.priceLink, a.priceLink:visited, a.priceLink:active {
    text-decoration: none !important;
    color: #0FF !important;
}

a.priceLink:hover {
    text-decoration: underline;
    color: #B954FA !important;
    /*background-color: black;*/
}

img.border {
    border: 1px solid white;
}

.aboutHead {
    font-size: 24px;
    font-weight: 800;
    text-align: left;
    color: #0F0;
    line-height: 175%;
}

.priceAlertOut {
    min-height: 255px;
    display: table;
    padding-top: 20px;
    padding-bottom: 15px;
    margin-top: 15px;
}

.priceAlertIn {
    height: 100%;
    width: 100%;
    vertical-align: middle;
    text-align: center;
    background-color: #F00;
    display: table-cell;
    padding: 5px;
    border: 1px solid #F00;
    text-decoration: none;
}

.priceAlertIn:hover, .priceAlertInLg:hover {
    background-color: rgba(185, 84, 250, 1);
}

.priceAlertInLg {
    background-color: #F00;
    font-size: 25px;
    font-weight: 700;
    text-align: center;
    padding: 5px;
    border: 1px solid #F00;
    text-decoration: none;
    z-index: 99;
}

a.priceAlertIn:hover, .priceAlertInLg:hover, a.priceAlertIn:active, .priceAlertInLg:active {
    text-decoration: none;
}

.spacerPriceDiv {
    padding: 60px 0;
}

.normalText {
    font-size: 12px;
}

.zoomText {
    font-size: 22px;
}

.priceListCat {
    font-weight: 800;
    text-decoration: underline;
}

td.pricingTable {
    padding: 10px;
}

select {
    color: #000 !important;
    vertical-align: middle;
    width: 450px;
}

.payPal {
    line-height: 45px;
}

.payPalImage {
    display: inline-block;
    vertical-align: middle;
}

.mar-top {
    margin-top: 15px;
}

.mar-btm {
    margin-bottom: 15px;
}

.jersonBCBackground {
    background-image: url('../images/camoDark.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    width: 100%;
    border: solid 1px #FFF;
}

a:hover {
    text-decoration: none;
}

.jersonBCLgText {
    font-family: 'Vollkorn', serif;
    font-size: 40px;
    font-size: 32px;
}

.jersonBCSmText {
    font-size: 24px;
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
}

.text-center {
    text-align: center;
}

.text-red {
    color: #F00;
}

.text-black {
    color: #000;
}

.text-italic {
    font-style: italic;
}

.rightPad10 {
    padding-right: 10px !important;
}

.contactForm {
    border: solid 1px grey;
    border-radius: 25px;
    padding: 10px;
}

.hrg-shirt-table > tr > td {
    border-top: none;
}

/*
@media (min-width: 1140px) {
    .navbar-collapse-fontSize {
        font-size: 22px;
    }
}*/

.hrg-btn {
    background-color: #000;
}

.hrg-btn:hover {
    background-color: #000;
    border: 1px #FFF solid;
    color: #F00;
}

.hrg-btn:focus {
    color: #F00;
}

.boxLg {
    font-weight: bold;
    font-size: 25px;
}

.boxSm {
    font-size: 16px;
}

.green, a.green {
    color: #00FF00;
}

.pricing_wrapper {
    display: grid;
    grid-template-columns: 30px 5px 200px 45px;
    margin-bottom: 25px;
    width: 280px;
    margin-left: auto;
    margin-right: auto;
}

.pricing_description {
    grid-column-start: 1;
    grid-column-end: 5;
    font-weight: 800;
    text-decoration: underline;
}

.pricing_description_footnote {
    grid-column-start: 1;
    grid-column-end: 5;
    font-weight: 300;
    font-size: 12px;
}

.pricing_description_other_header {
     grid-column-start: 1;
     grid-column-end: 5;
     font-weight: 300;
     font-size: 14px;
     text-align: center;
 }

.pricing_detail {
    grid-column-start: 2;
    grid-column-end: 4;
    border-bottom: 1px solid grey;
}

.pricing_price {
    grid-column-start: 4;
    /*grid-column-start: 1; remove when we have descriptions */
    grid-column-end: 5;
    text-align: left;
    border-bottom: 1px solid grey;
}

.pricing_underground_conspiracy {/*Use when there are no descriptions */
    grid-column-start: 1;
    grid-column-end: 5;
    text-align: center;
}

.pricing_people {
    grid-column-start: 3;
    grid-column-end: 4;
}

.thanksInfo {
    font-weight: bolder;
    font-size: 28px;
}

.thanksSubInfo {
    font-size: 22px;
}

.download-waiver, .download-waiver:visited {
    color: #00fff8 !important;
    font-size: 24px;
    margin-top: 15px;
}

.download-waiver:hover {
    color: white !important;
}

.hrg-hr {
    margin: 5px;
}

/*
@media (max-width: 767px) {
    .navbar-collapse-fontSize {
        font-size: 12px;
    }
}
*/
@media (max-width: 730px) {
    .space {
        height: 350px;
    }
}

@media (max-width: 640px) {
    table.schedule td, table.schedule th {
        font-size: 10px;
        width: 70px;
    }

}

@media (max-width: 480px) {
    .containerA {
        /*font-size: 10px;*/
        padding: 10px;
        width: 95%;
    }

    .containerB {
        /*font-size: 10px;*/
        padding: 10px;
        width: 95%;
    }

    .footer {
        font-size: 10px;
        padding: 10px;
        line-height: 175%;
    }

    .subTitle {
        font-size: 10px;
    }

    table.free {
        padding: 15px;
        width: 95%;
    }

    .headerImg {
        content: url("../images/newHeader2.png");
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        /*min-width:700px;*/
    }

    .space {
        height: 240px;
    }

    /*
        H1, .h1, .title, h1 {
            font-size: 16px !important;
        }
    */
    .title {
        font-size: 16px !important;
    }

    table.schedule td, table.schedule th {
        font-size: 8px;
        width: 60px;
    }

    table.legend td {
        font-size: 6px;
        padding: 2px;
    }

    select {
        width: 250px;
    }
}

@media (max-width: 340px) {

    table.schedule td, table.schedule th {
        font-size: 7px;
        width: 50px;
    }
}

@media (min-width: 768px) and (max-width: 915px) {
    .navbar-collapse-fontSize {
        font-size: 10px;
    }
}