@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,700,700i|Roboto:100,100i,300,300i,400,500,500i,700,700i,900,900i');

body {
    padding-bottom: 20px;
    font-family: 'Roboto', sans-serif;
    color: #000000;
    font-size: 16px;
}

h1 {
    /*height: 47px;
    width: 927.78px;
    color: #000000;*/
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 40px;
    font-weight: bold;
    line-height: 47px;
}

h2 {
    /*height: 38px;
    width: 549px;
    color: #000000;*/
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 32px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 38px;
}

h3 {
    /*height: 28px;
    width: 260px;
    color: #000000;*/
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 28px;
}

h4 {
    /*height: 32px;
    width: 294.84px;
    color: #000000;*/
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 24px;
    line-height: 32px;
}

h5 {
    /*height: 16px;
    width: 114.44px;
    color: #000000;*/
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 16px;
}

/*em {
    height: 224px;
    width: 358px;
    color: #000000;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-style: normal;
}*/

p {
    /*height: 240px;
    width: 359.19px;*/
    color: #4A4A4A;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 24px;
}

.text-black {
    color: #000000 !important;
}

.highlightText {
    color: #cf102d;
}

.subHead {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 24px;
    line-height: 32px;
}

.m-0 {
    margin: 0;
}

.m-t-0 {
    margin-top: 0;
}

.m-b-0 {
    margin-bottom: 0;
}

.m-t-20 {
    margin-top: 20px;
}

.p-l-0 {
    padding-left: 0 !important;
}

.p-b-30 {
    padding-bottom: 30px !important;
}

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.table-borderless tbody+tbody, 
.table-borderless td, 
.table-borderless th, 
.table-borderless thead th {
    border: 0 !important;
}

.table-borderless thead th {
    border: 0 !important;
}

/* Buttons */
.btnRed {
    height: 48px;
    /*min-width: 175px;*/
    background-color: #cf102d;
    color: #ffffff !important;
    border: 2px solid #cf102d !important;
}

.btnRed:hover {
    /*height: 68px;
    min-width: 175px;*/
    border: 2px solid #cf102d !important;
    /*opacity: 0.2;*/
    background-color: #af001e !important;
    color: #ffffff !important;
}

.btnRed:active,
.btnRed:focus {
    background-color: #8d0018 !important;
}

.btnRed:active:focus,
.btnRed:active:hover {
    background-color: #9d001b !important;
}

.btnOutlineRed {
    height: 48px;
    /*min-width: 175px;*/
    background-color: #ffffff;
    color: #cf102d !important;
    border: 2px solid #cf102d !important;
}

.btnOutlineRed:hover {
    /*height: 68px;
    min-width: 175px;*/
    border: 2px solid #cf102d !important;
    /*opacity: 0.2;*/
    background-color: transparent !important;
    color: #cf102d !important;
}

.btnOutlineRed:active,
.btnOutlineRed:focus {
    background-color: #f2f2f2 !important;
}

.btnOutlineRed:active:focus,
.btnOutlineRed:active:hover {
    background-color: #f2f2f2 !important;
}

.btnBlack {
    height: 48px;
    /*min-width: 175px;*/
    border: 2px solid #ffffff !important;
    background-color: rgba(0,0,0,0.6);
    color: #ffffff !important;
}

.btnGrey {
    height: 48px;
    /*min-width: 175px;*/
    background-color: rgba(0,0,0,0.6);
    color: #ffffff !important;
}

.btnBlack:hover,
.btnGrey:hover {
    /*height: 68px;
    min-width: 175px;*/
    color: #ffffff;
    background-color: #000000;
}

.btnBlack:active,
.btnGrey:active {
    background-color: rgba(0,0,0,0.6);
}

.btnBlack:active:focus,
.btnBlack:active:hover,
.btnGrey:active:focus, 
.btnGrey:active:hover {
    background-color: rgba(0,0,0,0.4);
}

/* Products */
.product {
    height: 484px;
    width: 358px;
    background-color: #ffffff;
}

.product:hover {
    height: 484px;
    width: 358px;
    border: 2px solid #db0026;
    background-color: #ffffff;
    box-shadow: 0 16px 15px 5px rgba(0,0,0,0.1);
}

.points {
    height: 30px;
    width: 96px;
    border: 2px solid #cf102d;
    border-radius: 100px;
    background-color: #cf102d;
    color: #ffffff;
}

/* Textbox */
.textbox {
    height: 48px;
    width: 358px;
    border: 1px solid #d4d4d4;
    background-color: #ffffff;
}

.textbox:hover {
    height: 48px;
    width: 358px;
    border: 1px solid #000000;
    background-color: #ffffff;
}

/* Radio button */
.radioBtn {
    box-sizing: border-box;
    height: 17px;
    width: 17px;
    border: 1px solid #d9d9d9;
    background-color: #ffffff;
}

.radioBtn .selected {
    height: 12px;
    width: 12px;
    background-color: #cf102d;
}

.grd-th {
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}

@media (min-width: 768px) {
    .grd-table {
        display: table;
        width: 100%;
        border-collapse: collapse;
    }

    .grd-tr {
        display: table-row;
    }

    .grd-th {
        padding: 2px;
        border-top: 0;
    }

    .grd-td {
        display: table-cell;
        border: 1px solid #ffffff;
        float: none;
        vertical-align: top;
    }
}

/* Second nav 
.secondNav {
    height: 91px;
    width: 453px;
    background-color: #272727;
    color: #ffffff;
}

.secondNav:hover {
    height: 91px;
    width: 453px;
    background-color: #dd0e31;
}

.secondNav .dot {
    height: 30px;
    width: 30px;
    opacity: 0.3;
    background-color: #ffffff;
}

.dot .arrow {
    height: 12px;
    width: 58.55px;
    color: #FFFFFF;
    font-family: FontAwesome;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
}*/

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

.noSidePadding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.noSideMargin {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

@media (min-width: 1200px) {
    /*.container.nav-content {
        width: 1470px !important;
    }*/

    .container {
        width: 1440px !important;
    }

    a.search {
        margin-right: 31px;
    }

}

footer {
    width: 78% !important;
}

@media (max-width: 767px) {
    .autoSideMargin {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .mobilePadding {
        height: 100%;
        padding: 30px 25px !important;
    }

    .mobilePadding-sides {
        height: 100%;
        padding: 0 25px !important;
    }

    .mobilePadding-sidesBottom {
        height: 100%;
        padding: 0 25px 30px !important;
    }

    .mobilePadding-sidesTile {
        height: 100%;
        padding: 0 15px !important;
    }

    footer {
        width: 100% !important;
    }
}

/*@media (min-width: 992px) {
    .container {
        width: 100%;
    }
}*/

@media (min-width: 768px) {
    .container {
        width: 100%;
    }

    .navbar > .container .navbar-brand {
        margin-left: 0 !important;
        width: 328px;
    }

    .form-horizontal .control-label {
        padding-top: 11px !important;
    }

    .form-horizontal .control-label-sm {
        padding-top: 4px !important;
        margin-bottom: 0;
        text-align: right;
    }

    .form-control-static {
        padding: 10px 0 !important;
    }

    .form-group-textRow .checkbox,
    .form-group-textRow .radio {
        padding-top: 3px !important;
    }
}

.form-group-textRow .control-label,
.form-group-textRow .form-control-static {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: 1px !important;
    line-height: 24px;
}

.form-group-textRow .checkbox {
    padding-top: 0;
}

.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
    font-family: 'Roboto Condensed', sans-serif;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.navbar {
    margin-bottom: 0 !important;
}

.navbar-default {
    background-color: #ffffff;
    border-bottom: none;
    font-size: 14px;
}

.navbar-brand {
    height: auto !important;
    padding: 0;
    border: 1px solid #dbdbdb;
    /*border-bottom: none !important;*/
}

.navbar-brand > img {
    height: 101px;
    padding: 15px;
}

.navbar-nav {
    display: table;
}

.navbar-right {
    margin-right: 0 !important;
}

.navbar-lower {
    border-top: 1px solid #dbdbdb;
}

.navbar-lower > li {
    border-right: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    font-family: 'Roboto Condensed', sans-serif;
}

.navbar-lower > li:nth-last-child(2):hover,
.navbar-lower > li.active:nth-last-child(2) {
    border-bottom-color: rgb(102, 102, 102) !important;
}

.navbar-lower > li:last-child:hover,
.navbar-lower > li.active:last-child {
    border-bottom-color: #af001e !important;
}

#mainNav-Parts .dropdown-menu,
#mainNav-About .dropdown-menu {
    padding: 0;
}

#mainNav-Parts .dropdown-menu > li {
    width: 422px;
}

#mainNav-About .dropdown-menu > li {
    width: 190px;
}

.navbar-lower > li > a,
#mainNav-Parts .dropdown-menu > li > a,
#mainNav-About .dropdown-menu > li > a {
    padding: 26px 0 23px !important;
    color: #4a4a4a !important;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 16px;
    text-transform: uppercase;
    border-bottom: 3px solid #ffffff;
}

#mainNav-Parts .dropdown-menu > li > a,
#mainNav-About .dropdown-menu > li > a {
    border-bottom: none;
}

.navbar-lower > li > a:hover,
.navbar-default .navbar-nav > .active > a {
    border-bottom: 3px solid #cf102d !important;
    background-color: #ffffff !important;
}

.navbar-upper {
    display: block;
    margin-right: 16px !important;
}

.navbar-upper-mobile {
    display: none;
}

.navbar-upper > li,
.navbar-upper-mobile > li {
    font-size: 10px;
    color: #000000 !important;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1px;
    line-height: 11px;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    text-decoration: none;
}

.login-search {
    list-style: none;
    padding-left: 0;
}

.login-search > li {
    float: left;
}

.navbar-upper > li > a,
.navbar-upper > li > button,
.navbar-upper-mobile > li > a,
.navbar-upper-mobile > li > button,
.login-search > li > a,
.login-search > li > button {
    font-size: 10px;
    color: #000000 !important;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1px;
    line-height: 11px;
    /*padding-top: 11px !important;
    padding-bottom: 11px !important;*/
    margin: 0;
    border: 0;
    display: inline-block;
    padding: 11px;
    text-decoration: none !important;
}

.navbar-upper > li > button:hover,
.navbar-upper-mobile > li > button:hover {
    text-decoration: none;
}

.navBlack {
    background-color: #000000;
    border-bottom: 3px solid #000000 !important;
}

.navbar-lower > li > a.navBlack:hover,
.navbar-lower > li > a.navBlack:focus,
.navbar-lower > li.active > a.navBlack {
    background-color: rgba(0,0,0,0.6) !important;
    border-bottom: 3px solid rgb(102, 102, 102) !important;
}

.navRed {
    background-color: #cf102d;
    border-bottom: 3px solid #cf102d !important;
}

.navbar-lower > li > a.navRed:hover,
.navbar-lower > li > a.navRed:focus,
.navbar-lower > li.active > a.navRed {
    background-color: #af001e !important;
    border-bottom: 3px solid #af001e !important;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
}

.home-icon {
    font-size: 18px !important;
    padding: 7px 7px 0 0 !important;
}

.home-icon > i {
    color: #cf102d !important;
}

/* Mobile Navbar */
@media (min-width: 1200px) {
    .navbar-right ~ .navbar-right {
        margin-right: 0;
    }

    .navbar-nav {
        float: left;
        margin: 0;
    }

    .navbar-header {
        float: left !important;
    }

    /*.navbar-nav {
        float: left !important;
        margin: 0;
    }*/

    .caret.caret-right {
        border-top: 4px solid transparent;
        /* border-right: 0; */
        border-bottom: 4px solid transparent;
        border-left: 4px solid;
    }

    .nav.navbar-nav .dropdown:hover > .dropdown-menu {
        display: block;
    }

    .nav.navbar-nav .dropdown-submenu .dropdown-menu {
        display: none !important;
    }

    .nav.navbar-nav .dropdown-submenu:hover .dropdown-menu {
        display: block !important;
    }
}

@media (max-width: 1199px) {
    .nav-table {
        display: table;
        width: 100%;
        border-collapse: collapse;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #000000;
    }

    .navbar-toggle {
        margin: 0 !important;
        border-radius: 0 !important;
        border: none;
        width: 30%;
        height: 75px;
        padding: 0;
        font-weight: 700;
        text-transform: uppercase;
        display: block;
        float: right !important;
    }

    .navbar-toggle .icon-bar + .icon-bar {
        margin-top: 3px;
    }

    .navbar-brand {
        width: 70%;
        height: 75px !important;
        border: none;
        border-right: 1px solid #dbdbdb !important;
    }

    .navbar-brand > img {
        /*width: 70%;*/
        padding-top: 10px;
        margin-left: 10px;
        max-height: 75px;
    }

    #navbar-header-collapse {
        padding: 0 !important;
        border-top: 0;
    }

    .navbar-header {
        border-bottom: 1px solid #e7e7e7;
        float: none;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .collapse.in {
        display: block !important;
    }

    .navbar-upper {
        display: table-header-group;
    }

    .navbar-nav {
        float: none !important;
        margin: 0 !important;
    }

    .navbar-upper-mobile {
        display: none;
    }

    .navbar-lower {
        display: table-footer-group;
    }

    #mainNav-Parts .dropdown-menu
    #mainNav-About .dropdown-menu {
        background-color: #f5f5f5;
        border-radius: 0;
    }

    .navbar-lower > li,
    #mainNav-Parts .dropdown-menu > li,
    #mainNav-About .dropdown-menu > li {
        border: 0;
        width: 100% !important;
    }

    #mainNav-Parts .dropdown-menu > li > a,
    #mainNav-About .dropdown-menu > li > a {
        border-bottom: 1px solid #dbdbdb;
    }

    .navbar-upper > li,
    .navbar-upper-mobile > li {
        text-align: center;
        font-size: 14px;
        width: 100%;
    }

    .navbar-upper > li:first-child,
    .navbar-upper-mobile > li:first-child {
        margin: 20px 0 10px;
    }

    .navbar-upper > li > a,
    .navbar-upper-mobile > li > a {
        padding-left: 0 !important;
        padding-right: 0 !important;
        font-size: 14px;
    }

    .login-search {
        padding-left: 0 !important;
        list-style: none;
        display: table;
        width: 100%;
    }

    .login-search > li {
        display: table-cell;
        width: 50%;
        padding: 20px 0;
        text-align: center;
        font-size: 14px;
        float: none;
    }

    .login-search > li > a,
    .login-search > li > button {
        color: #4a4a4a !important;
        letter-spacing: 1px;
        line-height: 16px;
        text-transform: uppercase;
        margin: 0;
        padding: 0 !important;
        font-size: 14px !important;
    }

    #logoutForm {
        display: table-header-group;
    }

    #logoutForm > .navbar-upper {
        display: block;
    }

    .nav.navbar-nav .open .dropdown-submenu .dropdown-menu > li > a {
        margin-left: 20px;
        background-color: #ffffff;
    }

    .home-icon {
        font-size: 30px !important;
        padding: 0 !important;
    }
}

/* TODO: Remove; using true logo
    @media (max-width: 767px) {
    .navbar-brand > img {
        max-width: 70%;
    }
}*/
/* Mobile End Navbar */

/* Rewards Nav */
@media (min-width: 1200px){
    #rewardsNav .navbar-header {
        float: right !important;
    }
}

#rewardsNav {
    z-index: 900 !important;
}

#rewardsNav > div {
    background-color: #f5f5f5;
}

#rewardsNav ul {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
}

#rewardsNav ul li {
    position: relative;
}

#rewardsNav ul li ul {
    min-width: 100%;
}

#rewardsNav a.selected {
    color: #000000;
    font-weight: 500;
}

@media (max-width: 1199px) {
    #rewardsNav .navbar-header {
        border-bottom: none;
    }

    #navbar-cart {
        padding: 15px 0;
        width: 40%;
        text-align: right;
    }

    #navbar-cart > li {
        float: right;
    }

    /*#navbar-dnld > li {
        display: inline-block;
    }*/
}
/* End Rewards Nav */

.nav-footer {
    list-style: none;
    margin-top: 20px;
    padding: 0 !important;
    margin-bottom: 0;
}

.nav-footer > li > a {
    color: #cf102d;
    font-size: 16px;
    line-height: 32px;
    font-family: 'Roboto', sans-serif;
}

.footer-imgLogo {
    float: right;
}

.footer-imgLogo img {
    width: 298px;
}

span.footer-text {
    color: #4a4a4a;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 16px;
}

a.footer-link {
    color: #cf102d;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    padding-right: 20px;
}

a.footer-link:last-child {
    padding-right: 0 !important;
}

footer > div:last-child {
    margin-top: 82px;
}

/* Mobile Navbar Footer */
@media (max-width: 991px) {
    .nav-footer {
        margin-bottom: 40px;
    }
}

@media (max-width: 767px) {
    footer .noSidePadding {
        padding: 0 25px !important;
    }

    footer > div:last-child {
        margin-top: 60px;
    }

    /*.nav-footer {
        list-style: none;
        margin-top: 20px;
        padding: 0 !important;
        margin-bottom: 40px;
    }*/

    .nav-footer > li > a {
        color: #cf102d;
        font-size: 16px;
        line-height: 32px;
        font-family: 'Roboto', sans-serif;
    }

    .footer-imgLogo {
        float: none;
    }

    span.footer-text {
        color: #4a4a4a;
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        line-height: 16px;
    }

    a.footer-link {
        color: #cf102d;
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        font-weight: 500;
        line-height: 16px;
        padding-right: 20px;
    }

    .footer-terms {
        margin-top: 30px;
        margin-bottom: 20px;
        text-align: center;
    }

    .footer-copyright {
        margin-bottom: 40px;
        text-align: center;
        line-height: 25px;
    }
}
/* Mobile End Navbar Footer */

/* Red Block before the footer */
.redBlock {
    background-color: #cf102d;
    height: 350px;
    text-align: center;
    color: #ffffff;
}

.redBlock h2 {
    text-transform: uppercase;
    margin-top: 0;
}

.redBlock p {
    width: 651px;
    padding-top: 21px;
    padding-bottom: 41px;
    color: #ffffff;
    font-weight: 300;
}

@media (max-width: 767px) {
    .redBlock {
        height: 100%;
        padding: 60px 25px !important
    }

    .redBlock h2 {
        font-size: 28px;
    }

    .redBlock p {
        width: 100%;
        line-height: 28px;
    }
}

/* Homepage */
.block:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
}

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

.img-row-full {
    height: 708px;
    overflow: hidden;
}

.img-row-threeQuarters {
    height: 508px;
    overflow: hidden;
}

.img-row-half {
    height: 354px;
    overflow: hidden;
}

.img-row-half > img {
    height: 354px;
}

.img-row-quarter {
    height: 154px;
    overflow: hidden;
}

.img-row-narrow {
    height: 140px;
    overflow: hidden;
}

.img-row-narrow > img {
    height: 140px;
}

.img-overflowHidden,
.img-col-3 {
    /*width: 360px;*/
    overflow: hidden;
}

.img-col-6 {
    width: 100%;
    height: auto !important;
}

.home-textBlock1 {
    height: 354px;
    background-color: #232323;
    color: #ffffff;
    padding: 0 50px !important;
}

.home-textBlock2 {
    height: 353px;
}

.home-textBlock2 .subHead {
    max-width: 700px;
    margin-top: 0;
    margin-bottom: 0;
}

.home-textBlock2 > div {
    padding-left: 160px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .img-row-half img {
        width: auto !important;
        height: 100% !important;
    }
}

@media (max-width: 1199px) {
    .home-textBlock1 {
        padding: 50px !important;
    }
}

@media (max-width: 991px) {
    .home-textBlock1 {
        padding: 50px 25px !important;
    }

    .home-textBlock1 h1 {
        font-size: 32px;
        line-height: 40px;
    }

    .home-textBlock2 h2 {
        font-size: 28px;
        line-height: 32px;
    }

    .home-textBlock1 .subHead,
    .home-textBlock2 .subHead {
        font-size: 20px;
        line-height: 28px;
    }

    .home-textBlock2 > div {
        padding: 30px 25px !important;
        font-size: 20px;
        line-height: 28px;
    }
}

@media (max-width: 767px) {
    .img-row-half,
    .img-row-threeQuarters,
    .img-row-narrow {
        height: 218px;
    }

    .img-col-3 > img,
    .img-row-half > img,
    .img-row-narrow > img {
        /*height: 186.813px !important;*/
        max-height: 240px !important;
        left: 0 !important;
    }

    .img-col-6 {
        width: auto;
        height: 100%;
    }

    .home-textBlock1 {
        height: auto;
        padding: 50px 25px !important;
    }

    .home-textBlock2 {
        height: 100%;
    }

    .home-textBlock1 .subHead,
    .home-textBlock2 .subHead {
        font-size: 20px;
        line-height: 28px;
    }

    .home-textBlock2 > div {
        padding: 60px 25px !important;
        font-size: 20px;
        line-height: 28px;
    }
}

/* Who We Help */
.home-textBlock3 {
    height: 810px;
    background-color: #000000;
    color: #ffffff;
}

.home-textBlock3 > div {
    padding-left: 30px;
}

ul.secondNav {
    list-style: none;
    margin: 0;
    padding-left: 0;
    margin-top: 65px;
}

.secondNav > li {
    min-height: 91px;
    width: 453px;
    border-bottom: 1px solid rgba(255,255,255,0.2);
}

.secondNav > li > a {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 28px;
    color: #575757;
    padding: 32px 20px;
    display: block;
    text-transform: uppercase;
}

/*.secondNav > li:hover,
.secondNav .selected {
    background-color: #DD0E31;
}*/

.secondNav > li > a:hover,
.secondNav .selected {
    color: #ffffff !important;
    text-decoration: none;
    cursor: pointer;
    background-color: #cf102d;
}

.secondNav > li > a.selected.off {
    color: #575757 !important;
    background-color: transparent !important;
}

.secondNavContainer {
    display: none;
}

.secondNavContainer > div:first-child {
    height: 405px;
    background-color: #272727;
    padding-left: 107px;
    padding-top: 76px;
}

.secondNavContainer > div:first-child > p {
    width: 356px;
    padding-top: 26px;
    padding-bottom: 30px;
    color: #ffffff;
}

.secondNavContainer .icon {
    /*opacity: 0.2;*/
    height: 38px;
}

.secondNavContainer .secondNavHeader {
    text-transform: uppercase;
    color: #ffffff;
}

.dot-stack {
    width: 30px;
    height: 30px;
    float: right;
    margin-right: 5px;
}

.dot {
    opacity: 0.3;
    color: #FFFFFF;
    font-size: 30px;
}

.arrow {
    color: #ffffff;
    font-size: 10px;
    text-align: center;
    line-height: 30px;
}

/* Mobile Second Nav */
@media (max-width: 991px) {
    .home-textBlock3 > div {
        padding-left: 160px;
    }

    .secondNavContainer > div:last-child > img {
        max-width: 768px !important;
        width: 100%;
    }
}


@media (max-width: 767px) {
    .home-textBlock3 {
        height: 150px;
    }

    .home-textBlock3 > div {
        padding: 0 25px !important;
    }

    .secondNav {
        display: none;
    }

    .secondNavContainer {
        display: block !important;
    }

    .secondNavContainer > div:first-child {
        padding: 60px 25px !important;
        height: auto;
    }

    .secondNavContainer > div:last-child > img,
    .secondNavContainer > div:first-child > p {
        width: 100%;
    }
}
/* Mobile End Second Nav */

/* Rewards and Suppliers */
.imgAngle-block {
    background-color: #232323;
    padding-top: 45px;
    height: 550px;
    overflow: hidden;
}

.imgAngle-block > div > img {
    /*opacity: 0.2;*/
    padding-bottom: 30px;
}

.imgRight-content {
    position: relative;
    max-height: 645px;
    overflow: hidden;
    padding-left: 30px;
    color: #ffffff;
}

.imgLeft-content {
    position: relative;
    max-height: 645px;
    overflow: hidden;
    padding-right: 30px;
    color: #ffffff;
}

.imgLeft {
    display: block;
    float: left;
    max-width: 1000px;
    /*height: 600px;*/
    width: 100%;
}

.imgRight {
    display: block;
    float: right;
    max-width: 1000px;
    /*height: 600px;*/
    width: 100%;
}

.imgRight-content > h3,
.imgLeft-content > h3 {
    margin-top: 0;
    /*margin-bottom: 0;*/
    text-transform: uppercase;
}

.imgRight-content > p,
.imgLeft-content > p {
    /*padding-top: 20px;
    padding-bottom: 20px;*/
    color: #ffffff;
}

.imgAngle-firstBlock {
    height: 500px;
    padding-top: 0;
}

.imgAngle-lastBlock {
    height: 500px;
    padding-bottom: 0;
}

@media (min-width: 1200px) {
    .imgAngle-block {
        height: 690px;
    }

    .imgAngle-firstBlock {
        height: 645px;
        padding-top: 0;
    }

    .imgAngle-lastBlock {
        height: 645px;
        padding-bottom: 0;
    }

    .imgRight-content {
        padding-left: 110px;
    }

    .imgLeft-content {
        padding-right: 110px;
    }
}

/* Mobile Rewards and Suppliers */
@media (max-width: 991px) {
    .imgAngle-block {
        height: 100% !important;
        padding: 0 !important;
        overflow: hidden;
    }

    .imgAngle-block > div:first-child {
        padding: 60px 25px !important;
    }

    .imgRight,
    .imgLeft {
        height: 100% !important;
        width: 108%;
        left: 0 !important;
    }
}
/* Mobile End Rewards and Suppliers */

/* Testimonials */
.testimonial-single {
    padding: 94px 0;
}

.imgSupplier-logo {
    display: block;
    margin-left: auto;
    margin-right: 100px;
}

.testimonial-textBlock {
    padding-right: 100px !important;
}

.testimonial-author {
    padding: 20px 0;
}

.testimonial-textBlock > p {
    color: #000000;
}

@media (max-width: 991px){
    .testimonial-single {
        height: 100%;
        text-align: center;
        padding: 0 25px 25px !important;
    }

    .imgSupplier-logo {
        margin: 0;
        padding-top: 25px;
        display: unset;
    }
}
/* End Homepage */

/* Industries */
.heroBlock-halfRow {
    height: 354px;
    background-color: #232323;
    color: #ffffff;
    padding: 0 50px !important;
}

.heroBlock-quarterRow {
    height: 154px;
    background-color: #232323;
    color: #ffffff;
    padding: 0 50px !important;
}

.heroBlock-narrowRow {
    height: 140px;
}

.subHeadBorder {
    border-top: 4px solid #cf102d;
    padding-top: 10px;
}

#vehMech-blueprints {
    width: 140%;
    height: auto;
    position: relative;
    float: right;
    bottom: 105px;
}

#vehMech-Kpi {
    width: 140%;
    height: auto;
    float: right;
    position: relative;
    bottom: 85px;
}

#vehMech-piston {
    width: 100%;
    height: auto;
    position: relative;
    top: -35px;
}

#autoInsurer-signature {
    width: 100%;
    height: auto;
    position: relative;
    bottom: 100px;
}

#autoInsurer-inspection {
    width: auto;
}

img#ourTech-iso {
    width: 175px;
    margin: 70px 0;
}

#ourTech-cieca {
    height: 314px;
}

#ourTech-reg {
    height: 314px;
}

#ourTech-certificate {
    height: 125px;
    margin: 95px 0;
    background-color: #ffffff;
}

.headerBlock-white {
    height: 444px;
    padding-left: 160px !important;
    max-width: 795px;
}

.headerBlock2-white {
    margin-left: 256px !important;
    max-width: 929px;
}

.headerBlock3-white {
    height: 320px;
    padding-left: 160px !important;
    max-width: 795px;
}

.headerBlock4-white {
    height: 258px;
    padding-left: 160px !important;
}

.headerBlock5-white {
    height: 150px;
    /*padding-left: .25em !important;*/
}

.headerBlock2-white.videoBlock {
    /*height: 652px; TODO: Uncomment when video is added */
    margin-top: 120px;
}

.headerBlock-LightGrey {
    padding-top: 82px;
    padding-bottom: 90px;
    background-color: #f5f5f5;
}

.headerBlock-white h1,
.headerBlock2-white h2,
.headerBlock3-white h1,
.headerBlock4-white h1,
.headerBlock5-white h1 {
    margin-top: 0;
    /*margin-bottom: 0;*/
}

.headerBlock2-white h2 {
    text-transform: uppercase;
}

.headerBlock2-white .col-two {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 23px;
    -moz-column-gap: 23px;
    column-gap: 23px;
    text-align: justify;
    margin-bottom: 44px;
}

.advantage-details {
    margin-top: 45px;
    padding-bottom: 45px;
    border-bottom: 1px solid rgba(151, 151, 151, 0.4);
}

.advantage-details h2 {
    text-transform: uppercase;
    /*text-align: center;
    margin-top: 55px;*/
    margin-bottom: 45px;
}

.advantage-details h3 {
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 17px;
}

/* TODO: Delete. Now using icons instead of images
    .advantage-details img {
    width: 424px;
    height: auto;
}*/

.secondNav-horizontal {
    font-family: 'Roboto Condensed', sans-serif;
    display: table;
    list-style: none;
    margin: 0 auto;
    padding-left: 0;
    width: 1095px;
}

.secondNav-horizontal > li {
    display: block;
    position: relative;
    float: left;
}

/*.secondNav-horizontal > li:last-child {
    position: relative;
    height: 151px;
}*/

.secondNav-horizontal > li > a {
    padding: 40px 0 !important;
    line-height: 16px;
    position: relative;
    display: block;
    text-align: center;
    width: 218px;
    height: 164px;
    font-weight: 700;
    text-transform: uppercase;
    /*border-bottom: 3px solid #232323;*/
    color: rgba(255,255,255,0.6);
}

.secondNav-horizontal > li > a > span {
    display: block;
    margin-top: 14px;
}

.secondNav-horizontal > li > a:hover,
.secondNav-horizontal .selected {
    /*border-bottom: 3px solid #cf102d;*/
    text-decoration: none;
    color: #ffffff;
}

.secondNav-horizontal .secondNav-iconHeight,
.secondNav-inline .secondNav-iconHeight {
    height: 38px;
    margin-top: 0;
}

/* Second Nav Icons */
#imgSupplier {
    background-image: url('../images/icons/Supplier Icon Grey.png');
    background-repeat: no-repeat;
    background-size: auto 38px;
    background-position: center;
}

.secondNav-horizontal > li > a:hover #imgSupplier,
.secondNav-horizontal .selected #imgSupplier {
    background-image: url('../images/icons/Supplier Icon Red.png');
}

#imgBodyShop {
    background-image: url('../images/icons/Body Shop Icon Grey.png');
    background-repeat: no-repeat;
    background-size: auto 38px;
    background-position: center;
}

.secondNav-horizontal > li > a:hover #imgBodyShop,
.secondNav-horizontal .selected #imgBodyShop {
    background-image: url('../images/icons/Body Shop Icon Red.png');
}

#imgMechanical {
    background-image: url('../images/icons/Mechanical Shop Icon Grey.png');
    background-repeat: no-repeat;
    background-size: auto 38px;
    background-position: center;
}

.secondNav-horizontal > li > a:hover #imgMechanical,
.secondNav-horizontal .selected #imgMechanical {
    background-image: url('../images/icons/Mechanical Shop Icon Red.png');
}

#imgManufacturer {
    background-image: url('../images/icons/Manufacturer Icon Grey.png');
    background-repeat: no-repeat;
    background-size: auto 38px;
    background-position: center;
}

.secondNav-horizontal > li > a:hover #imgManufacturer,
.secondNav-horizontal .selected #imgManufacturer {
    background-image: url('../images/icons/Manufacturer Icon Red.png');
}

#imgInsurer {
    background-image: url('../images/icons/Insurer Icon Grey.png');
    background-repeat: no-repeat;
    background-size: auto 38px;
    background-position: center;
}

.secondNav-horizontal > li > a:hover #imgInsurer,
.secondNav-horizontal .selected #imgInsurer {
    background-image: url('../images/icons/Insurer Icon Red.png');
}

/* End Second Nav Icons */

@media (max-width: 1199px) {
    .heroBlock-halfRow,
    .heroBlock-quarterRow {
        padding: 0 25px !important;
    }

    .heroBlock-narrowRow {
        height: 354px;
    }

    .heroBlock-halfRow .subHead,
    .heroBlock-quarterRow .subHead,
    .headerBlock-white .subHead,
    .headerBlock2-white .subHead,
    .headerBlock3-white .subHead,
    .headerBlock4-white .subHead,
    .headerBlock5-white .subHead,
    .headerBlock-LightGrey .subHead {
        font-size: 20px;
        line-height: 28px;
    }

    .headerBlock-white,
    .headerBlock2-white,
    .headerBlock3-white,
    .headerBlock4-white,
    .headerBlock5-white,
    .headerBlock-LightGrey {
        height: 100%;
        padding: 30px 25px !important;
    }

    .headerBlock2-white {
        margin-left: 0 !important;
    }

    .headerBlock2-white.videoBlock {
        height: 100%;
        margin-top: 0;
        padding-bottom: 0 !important;
        max-width: unset;
    }

    .headerBlock2-white .col-two {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 23px;
        -moz-column-gap: 23px;
        column-gap: 23px;
        text-align: left;
    }

    .videoBlock iframe {
        width: 115%;
        height: 240px;
        margin-left: -25px;
    }

    .advantage-details {
        margin-top: 0 !important;
        margin-left: 25px !important;
        margin-right: 25px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        max-width: unset;
    }

    /* TODO: Delete. Now using icons instead of images
        .advantage-details img {
        width: 100%;
    }*/

    .advantage-details h2 {
        text-align: center;
    }

    .advantage-details h3 {
        margin-top: 34px;
        text-align: center;
    }

    .heroBlock-quarterRow {
        height: auto;
        padding: 0 !important;
    }

    .heroBlock-mobile {
        padding: 60px 25px !important;
        background-color: #232323;
        height: auto !important;
    }

    #vehMech-blueprints {
        width: auto;
        bottom: 0;
    }

    #vehMech-Kpi {
        width: auto;
        bottom: 0;
    }

    #vehMech-piston {
        width: 100%;
        height: auto;
        float: none;
        left: 0;
    }

    #autoInsurer-signature {
        width: auto;
        height: 100%;
        bottom: 0;
    }

    #autoInsurer-inspection {
        width: 100%;
        height: auto;
        max-height: none !important;
    }

    img#ourTech-iso {
        margin-bottom: 0 !important;
    }

    #ourTech-reg {
        height: unset !important;
        margin-top: 70px;
    }

    #ourTech-cieca {
        height: 200px;  
    }
}
/* End Industries */

/* About Us */
.aboutUs.headerBlock-white {
    height: 444px;
    max-width: 250px;
    margin-left: 250px;
    padding-left: 0 !important;
}

.aboutUs.imgLeft-content {
    padding-right: 0;
    width: 435px;
    padding-left: 70px;
}

.aboutUs.imgRight-content {
    width: 460px;
    color: #000000;
    padding-left: 70px;
}

ul.secondNav-inline {
    list-style: none;
    margin: 0;
    padding-left: 0;
    margin-top: 10px;
}

.secondNav-inline > li {
    border-bottom: 1px solid rgba(74,74,74,0.2);
}

.secondNav-inline > li > a {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 28px;
    color: #575757;
    padding: 20px;
    display: block;
    text-transform: uppercase;
}

.secondNav-inline > li:hover,
.secondNav-inline .selected {
    background-color: #232323;
}

.secondNav-inline > li > a:hover,
.secondNav-inline .selected {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}

.secondNav-inline .secondNav-iconHeight::before {
    background-repeat: no-repeat;
    background-size: auto 38px;
    background-position: left;
    height: 38px;
    width: 80px;
    display: inline-block;
    vertical-align: middle;
}

.secondNav-inline #imgSupplier-inline::before {
    content: "";
    background-image: url('../images/icons/Supplier Icon Grey.png');
}

.secondNav-inline > li > a:hover #imgSupplier-inline::before {
    background-image: url('../images/icons/Supplier Icon Red.png');
}

.secondNav-inline #imgBodyShop-inline::before {
    content: "";
    background-image: url('../images/icons/Body Shop Icon Grey.png');
}

.secondNav-inline > li > a:hover #imgBodyShop-inline::before {
    background-image: url('../images/icons/Body Shop Icon Red.png');
}

.secondNav-inline #imgMechanical-inline::before {
    content: "";
    background-image: url('../images/icons/Mechanical Shop Icon Grey.png');
    background-position-x: 5px;
}

.secondNav-inline > li > a:hover #imgMechanical-inline::before {
    background-image: url('../images/icons/Mechanical Shop Icon Red.png');
}

.secondNav-inline #imgManufacturer-inline::before {
    content: "";
    background-image: url('../images/icons/Manufacturer Icon Grey.png');
}

.secondNav-inline > li > a:hover #imgManufacturer-inline::before {
    background-image: url('../images/icons/Manufacturer Icon Red.png');
}

.secondNav-inline #imgInsurer-inline::before {
    content: "";
    background-image: url('../images/icons/Insurer Icon Grey.png');
    background-repeat: no-repeat;
    background-size: 52px auto !important;
    background-position: left;
    height: 38px !important;
    width: 52px !important;
    display: inline-block;
    vertical-align: middle;
    margin-right: 28px;
}

.secondNav-inline > li > a:hover #imgInsurer-inline::before {
    background-image: url('../images/icons/Insurer Icon Red.png');
}

@media (max-width: 767px) {
    .aboutUs.headerBlock-white {
        height: 100%;
        padding: 0 25px 60px !important;
        margin-left: 0;
        max-width: 100%;
    }

    .aboutUs.imgLeft-content,
    .aboutUs.imgRight-content {
        width: auto;
        max-height: none;
    }

    .secondNav-inline > li > a {
        padding-left: 10px;
        padding-right: 10px;
    }

    .secondNav-inline .secondNav-iconHeight::before {
        width: 60px;
    }

    .secondNav-inline #imgInsurer-inline::before {
        margin-right: 8px;
    }
}
/* End About Us*/

/* Panel Group */
.panel-group {
    margin-bottom: 0;
}

.panel-group .panel {
    border-radius: 0;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
}

.panel-group .panel + .panel {
    margin-top: 0;
    border-bottom: 0;
}

.panel-advantage {
    border-color: #656565;
    background-color: #232323;
    color: #ffffff;
}

.panel-advantage > .panel-heading {
    color: #ffffff;
    background-color: #232323;
    border-color: #656565;
    padding: 0;
    border-radius: 0;
}

.panel-advantage.active > .panel-heading,
.contactUs .panel-advantage.active > .panel-heading {
    background-color: #cf102d;
}

.panel-advantage.active .fa-plus, 
.contactUs .panel-advantage.active .fa-plus {
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.plus {
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    line-height: 30px;
}

.panel-title {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 24px;
    line-height: 32px;
}

.panel-title > a {
    display: block;
    padding: 30px;
    text-decoration: none;
}

.panel-title > a:hover,
.panel-title > a:focus {
    color: inherit
}

.panel-body {
    padding: 25px 34px;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 20px;
}

.panel-body p {
    color: #ffffff;
    /*margin-bottom: 0;*/
}

.panel-group .panel-heading + .panel-collapse > .panel-body, 
.panel-group .panel-heading + .panel-collapse > .list-group {
    border: 0;
}

@media (max-width: 767px) {
    .panel-group {
        margin-left: -25px;
        margin-right: -25px;
    }
}
/* End Panel Group */

/* Contact Us */
.mapAngle-block {
    height: 677px;
    background-color: #272727;
    padding: 0;
}
.contactUs {
    max-height: 677px;
    overflow: hidden;
    color: #ffffff;
}

.contactUs .panel-advantage > .panel-heading {
    background-color: #272727;
}

.contactUs .panel-advantage .panel-title {
    text-transform: uppercase;
}

.contactUs .panel-title > a,
.contactUs .panel-advantage .panel-body {
    padding-left: 33px;
}

.contactUs .panel-advantage .panel-body {
    padding-top: 40px;
    padding-bottom: 40px;
}

.contactUs .address-table td {
    vertical-align: top;
}

.getDirections, 
.lnkRed,
.lnkGridRed {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    color: #cf102d !important;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 16px;
}

#map {
    width: 100%;
    height: 677px;
    background-color: grey;
}

.fieldlist {
    margin: 0 0 -1em;
    padding: 0;
    list-style: none;
}

.fieldlist > li {
    display: inline-block;
    position: relative;
}

.contactUs-form {
    padding-left: 80px !important;
    padding-right: 30px !important;
}

.contactUs-imgBlock {
    padding-top: 34px;
}

.contactUs-imgBlock > img {
    width: 400px;
}

@media (max-width: 767px) {
    .contactUs-form {
        padding: 0 !important;
    }

    .contactUs .panel-group {
        padding: 0 25px !important
    }

    .contactUs-imgBlock > img {
        width: 100%;
        height: auto;
    }
}
/* End Contact Us */

/* Rewards */
#rewards-sunbathing {
    width: auto;
    position: relative;
}

.advancedSearchWindow {
    width: 600px;
}

.advancedEditWindow {
    width: 900px;
}

.advancedSearchWindow label {
    margin-right: 10px;
}

.rewardsBreadcrumbs {
    color: #cf102d;
    font-weight: bold;
    text-transform: uppercase;
}

.product-widget {
    margin: 0 10px 22px;
    padding: 27px 24px;
    /*margin-left: 20px;*/
    background-color: #ffffff;
    border: 1px solid #e7e7e7;
    width: 263px;
    height: 331px;
    text-align: center;
    cursor: pointer;
    position: relative;
}

.product-widget:hover {
    border-color: #cf102d;
    box-shadow: 0 16px 15px 5px rgba(0,0,0,0.1);
}

.product-widget .product-points {
    position: absolute;
    bottom: 0;
    left: 24px;
    right: 24px;
}

.product-points > p {
    font-weight: 700;
    color: #ffffff;
    border-radius: 20px;
    border: 2px solid #cf102d;
    min-width: 100px;
    font-size: 20px;
    margin-bottom: 27px;
    text-align: center;
    padding: 0 15px;
    background-color: #cf102d;
}

/*#carousel .product-points > p {
    margin-bottom: 49px;
}*/

.pagination > li > a {
    padding: 18px 0;
    width: 60px;
    border-radius: 50%;
    margin-left: 10px;
    left: 30%;
    color: #cf102d;
}

.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus {
    background-color: #cf102d;
    border-color: #cf102d;
}

.pagination > li:first-child > a,
.pagination > li:last-child > a {
    border-radius: 50%;
    left: 0;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    color: #ffffff;
    background-color: #232323;
    border-color: #232323;
}

.pagination > .disabled > span, 
.pagination > .disabled > span:hover, 
.pagination > .disabled > span:focus, 
.pagination > .disabled > a, 
.pagination > .disabled > a:hover, 
.pagination > .disabled > a:focus {
    cursor: default !important;
    opacity: 0.5;
}

.product-imgBlock {
    margin-top: 100px;
}

.product-content {
    padding-bottom: 60px;
}

.product-content > img {
    max-width: 100%;
    width: 470px;
}

.similarProducts {
    width: 82%;
    margin: 30px auto;
}

#shopInfo {
    padding-left: 30px; 
}

.grid-checkout {
    width: 83%;
    margin: 0 auto;
}

.gridFixedHeight .k-grid-content.k-auto-scrollable {
    max-height: 400px;
}

.gridFixedHeight div.k-grid-footer,
.gridFixedHeight div.k-grid-header {
    padding-right: 12px !important;
}

.gridFixedHeight .k-grid-content.k-auto-scrollable tr td:last-child {
    border-right: 1px solid #c9c9c9;
}

.gridFixedHeight.no-scrollbar .k-grid-header,
.gridFixedHeight.no-scrollbar .k-grid-footer {
    padding-right: 0 !important;
}

.gridFixedHeight.no-scrollbar .k-grid-content.k-auto-scrollable tr td:last-child {
    border-right: unset;
}

.k-grid a.lnkRed {
    text-transform: unset;
    color: #333333 !important;
    text-decoration: underline;
}

.k-grid a.lnkRed:hover {
    color: #cf102d !important;
}

.k-grid a.lnkGridRed:hover {
    text-decoration: none;
}

.gridNarrowPadding .k-filter-row th, 
.gridNarrowPadding .k-grid-header th.k-header, 
.gridNarrowPadding.k-grid td {
    padding: 10px 2px !important;
}

.gridNarrowPadding.k-grid td {
    text-align: center;
}

.gridNarrowPadding.k-grid .k-grouping-row td {
    text-align: left !important;
}

.gridNarrowPadding.k-grid,
.gridNarrowPadding.k-grid a.lnkRed,
.gridNarrowPadding.k-grid a.lnkGridRed {
    font-size: 12px !important;
}

.gridNarrowPadding .k-filter-row th:first-child, 
.gridNarrowPadding .k-grid-header th.k-header:first-child, 
.gridNarrowPadding.k-grid td:first-child {
    padding-left: 10px !important;
}

.gridNarrowPadding .k-filter-row th:last-child, 
.gridNarrowPadding .k-grid-header th.k-header:last-child, 
.gridNarrowPadding.k-grid td:last-child {
    padding-right: 10px !important;
}

.gridTinyPadding .k-filter-row th,
.gridTinyPadding .k-grid-header th.k-header,
.gridTinyPadding.k-grid td {
    padding: 2px 2px !important;
}

.gridFixedHeightMbIsp .k-grid-content.k-auto-scrollable {
    max-height: 210px;
}

.gridFixedHeightMbIsp div.k-grid-footer,
.gridFixedHeightMbIsp div.k-grid-header {
    padding-right: 12px !important;
}

.gridFixedHeightMbIsp .k-grid-content.k-auto-scrollable tr td:last-child {
    border-right: 1px solid #c9c9c9;
}

.gridFixedHeightMbIsp.no-scrollbar .k-grid-header {
    padding-right: 0 !important;
}

.gridFixedHeightMbIsp.no-scrollbar .k-grid-content.k-auto-scrollable tr td:last-child {
    border-right: unset;
}

@media (max-width: 787px) {
    #rewards-sunbathing {
        left: -25px !important;
    }

    .advancedSearchWindow {
        width: 350px !important;
    }

    .panelbar-block {
        padding-left: 25px;
    }

    .pagination > li > a {
        left: 0;
    }

    .pagination > .pageNumber > a {
        display: none;
    }

    .product-imgBlock {
        margin-top: 10px;
    }

    .product-imgBlock img {
        width: 100%;
    }

    .product-content {
        height: 100%;
        padding: 60px 25px !important;
    }

    .similarProducts {
        margin: 60px auto;
    }

    .panelbar-category {
        display: none;
    }

    #shopInfo {
        padding: 0 25px 30px;
    }
}
/* End Rewards */

/* Find A Supplier */
/*.findSupplier-form {
    padding-left: 110px !important;
}*/

.findSupplier-form > div:first-child {
    width: 220px;
}

.supplier-widget {
    /*width: 640px;
    height: 300px;*/
    border: 1px solid #d9d9d9;
    background-color: #ffffff;
    margin-bottom: 40px;
    padding: 30px 32px;
}

.supplier-widget:hover {
    border: 1px solid #cf102d;
    box-shadow: 0 16px 15px 5px rgba(0,0,0,0.1);
}

.supplier-widget .col-address {
    padding-left: 15px !important;
}

.supplier-widget .col-supplierLink > img {
    float: right;
    padding-bottom: 35px;
}

.supplier-widget .col-supplierLink div {
    float: right;
}

.supplier-widget .col-supplierLink div > h3 {
    text-align: center;
    text-transform: uppercase;
    margin-top: 0;
    width: 120px;
}

.supplier-widget .col-supplierLink div > button,
.supplier-widget .col-supplierLink > button {
    float: right;
}

.supplier-widget .col-address p:last-of-type,
.supplier-widget .hasRendered p:last-of-type{
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .affix {
        position: static;
    }

    .findSupplier-form {
        padding-left: 0 !important;
    }

    .findSupplier-form > div:first-child {
        width: 100%;
    }

    .supplier-widget {
        width: 100%;
        height: 100%;
    }

    .supplier-widget .col-address {
        padding-left: 0 !important;
    }

    .supplier-widget .col-supplier {
        padding-bottom: 15px;
    }

    .supplier-widget .col-supplierLink > img {
        float: none;
        padding-top: 15px;
    }

    .supplier-widget .col-supplierLink div {
        float: left;
        width: 100%;
    }

    .supplier-widget .col-supplierLink div > h3 {
        text-align: left;
        width: 100%;
    }

    .supplier-widget .col-supplierLink div > button,
    .supplier-widget .col-supplierLink > button {
        float: none;
    }
}
/* End Find A Supplier */


/* User Dashboard */
.rndCorners-header {
    border-radius: 10px;
    background: #666666;
    padding: 10px 0;
    text-align: center;
    color: #ffffff;
    font-size: 18px;
    margin-bottom: 35px;
}

#rcorners {
    border-radius: 15px;
    background: #cf102d;
    /*padding: 20px;*/
    /*width: 800px;*/
    height: 110px;
    text-align: center;
    position: relative;
    margin-bottom: 20px;
}

.circle {
    border-radius: 50%;
    width: 180px;
    height: 160px;
    padding: 28px 0;
    /*background: none;*/
    border: 10px solid #a60c24;
    color: #000;
    /*text-align: 50%;*/
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    /*margin-left: auto;*/
    background-color: #ffffff;
    position: absolute;
    top: -20%;
    left: 25%;
}

@media (max-width: 767px) {
    #rcorners {
        height: 280px;
        margin-bottom: 30px;
    }

    #rcorners > div > div {
        margin-bottom: 40px;
    }
}

/* End User Dashboard*/

/* Nav Pills Justified */
.nav-pills > li > a {
    border: 2px solid #cf102d;
    font-weight: bold;
    border-radius: 25px;
    background-color: #ffffff;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    background-color: #cf102d !important;
}

.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
    background-color: #cf102d !important;
    color: #ffffff !important;
}

.nav-pills.nav-justified > li + li {
    margin-left: 0;
}

@media (min-width: 768px) {
    .nav-pills.nav-justified > li > a {
        margin: 0 5px;
    }

    .nav-pills.nav-justified > li:first-child > a {
        margin-left: 0;
    }

    .nav-pills.nav-justified > li:last-child > a {
        margin-right: 0;
    }
}
/* End Nav Pills Justified */


.hubBackColour-grey {
    background-color: #e0e1e2;
}

.hubHeaderBlock {
    background-color: #cf102d;
    /*background-color: #efefef;
    border-top: 2px solid #e4e5e5;*/
}

.hubHeaderBlock > div:first-child {
    padding: 20px 0;
    padding-left: 30px;
}

.hubHeaderBlock > div:first-child > p {
    font-size: 18px;
}

.hubHeaderBlock > div:last-child {
    background-color: #232323;
    padding: 20px 0;
}

.hubHeaderBlock .hub-header {
    color: #ffffff;
    /*color: #364353;*/
}

.hubHeaderBlock .hub-subHeader {
    color: #b1b1b1;
}

/* Tiles */
.tile {
    background-color: #ffffff;
    text-align: left;
    margin-bottom: 20px;
    min-height: 100px;
    box-shadow: 0 0 15px 3px rgba(0,0,0,0.1);
}

.tile .tile-widget {
    /*height: 304px;*/
    height: 252px;
    text-align: center;
}

.tile-link:hover {
    box-shadow: 0 0 15px 5px rgba(207, 16, 45, 0.5);
    cursor: pointer;
}

.tile-name {
    /*font-size: 20px;
    color: #000000;
    text-align: center;
    font-weight: bold;
    padding: 15px 0;
    background-color: #ffffff;
    height: 100px;*/
    box-shadow: inset 0 0 15px 3px rgba(0,0,0,0.1);
}

.tile .tile-headText {
    /*color: #364353;*/
    color: #000000;
    text-align: center;
    padding: 15px 0;
}

.tile .tile-headText-red {
    background-color: #cf102d; /*#344454 #8f0a20 #808080*/
    color: #ffffff;
}

.tile .tile-headText-black {
    background-color: #595959; /*#595959 #333333*/
    color: #ffffff;
}

.tile .tile-subText {
    color: #b1b1b1;
    text-align: center;
    font-size: 13px;
}

.tile .tile-data {
    font-size: 40px;
    color: #000000;
    text-align: center;
    font-weight: bold;
    padding-bottom: 15px;
}

.tile .tile-header {
    color: #364353;
    text-align: left;
    font-weight: bold;
    padding: 30px 25px 0 25px;
    background-color: #ffffff;
}

.tile .tile-subHeader {
    color: #b1b1b1;
    text-align: left;
    font-size: 13px;
    padding: 0 25px 20px 25px;
    background-color: #ffffff;
}

.tile .tile-body {
    /*border-top: 2px solid #efefef;*/
    color: #000000;
    padding: 20px;
    line-height: 30px;
}

.tile .tile-numHead {
    color: #000000;
}

.tile .tile-num {
    color: #000000;
    font-size: 32px;
    font-weight: bold;
}

.tile .tile-striped tbody > tr:nth-child(even) {
    background-color: #f0f0f0;
}

.tile.tile-inverse {
    background-color: #8e8c91;
}

.tile.tile-inverse .tile-subText,
.tile.tile-inverse .tile-data {
    color: #ffffff;
}

footer.tile {
    min-height: unset;
    box-shadow: none;
}
/* End Tiles */

/* List Group */
a.list-group-item:hover, 
button.list-group-item:hover, 
a.list-group-item:focus, 
button.list-group-item:focus {
    color: #ffffff !important;
    background-color: #cf102d !important;
}

.list-group-item.active, 
.list-group-item.active:hover, 
.list-group-item.active:focus{
    background-color: #cf102d !important;
    border-color: #cf102d !important;
}
/* End List Group */

/* Set widths on the form inputs since otherwise they're 100% wide */
/*input,
select,
textarea {
    max-width: 280px;
}*/
textarea {
    resize: none;
}

a, 
a:hover,
a:focus {
    color: #cf102d;
    cursor: pointer;
}

/* To force the step */
.dl-step > dd {
    margin-left: 40px;
    margin-bottom: 2rem;
}

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* buttons and links extension to use brackets: [ click me ] */
.btn-bracketed::before {
    display: inline-block;
    content: "[";
    padding-right: 0.5em;
}

.btn-bracketed::after {
    display: inline-block;
    content: "]";
    padding-left: 0.5em;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}

/* Load loading.gif while doing ajax operation */
#loadImage {
    top: 0;
    left: 0;
    position: fixed;
    z-index: 20001;
    width: 100%;
    height: 100%;
    /*margin-left: -16px;
    margin-top: -16px;*/
    display: none;
    /*background: rgba(255, 255, 255, .5) url(/images/loading.gif) 50% 50% no-repeat;*/
    background: rgba(255, 255, 255, .5) 50% 50% no-repeat;
    text-align: center;
}

#loadingImg {
    top: 400px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1 !important;
    position: fixed;
    overflow: hidden;
    /*margin-left: -16px;
    margin-top: -16px;*/
    text-align: center;
}

#loadSpinner {
    top: 25%;
    left: 25%;
    position: fixed;
    z-index: 20001;
    width: 50%;
    height: 50%;
    text-align: center;
}

#loadImageVertAlign {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

#loadImageImg {
    display: inline-block;
    vertical-align: middle;
}

.d-flex {
    display: flex !important;
}

.justify-content-start {
    justify-content: flex-start;
}

.justify-content-end {
    justify-content: flex-end
}

.justify-content-center {
    justify-content: center;
}

/* Make scrollbar visible on mobile */
::-webkit-scrollbar {
    -webkit-appearance: none;
}

    ::-webkit-scrollbar:vertical {
        width: 12px;
    }

    ::-webkit-scrollbar:horizontal {
        height: 12px;
    }

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #ffffff;
}

::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #ffffff;
}