body,
html {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.428
}

div.footer-outer {
    width: 100%;
    background: #69bf4a
}

div.footer-inner {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    position: relative;
    height: auto;
    text-align: center;
    padding: 20px
}

div.footer-inner .block {
    display: inline-block
}

div.footer-inner p.tagline {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0;
    text-transform: capitalize;
    vertical-align: middle
}

div.footer-inner div.emailsignup {
    margin: 0;
    padding: 0
}

div.footer-inner div.emailsignup a {
    -webkit-appearance: none;
    background: 0 0;
    border: 1px solid #fff;
    border-radius: 30px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    line-height: 38px;
    margin: 0 0 0 10px;
    padding: 0 20px;
    text-decoration: none;
    transition: all .18s linear;
    vertical-align: middle
}

div.footer-inner div.emailsignup a:hover {
    background: #fff;
    color: #69bf4a
}

div.footer-inner div.emailsignup input[type=text].txtMedEmail {
    margin-right: 8px;
    width: 260px;
    padding: 8px 9px;
    color: #555;
    background: #f2f3f0;
    font-size: 14px;
    -webkit-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, .4), 0 -1px 0 0 #517934;
    box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, .4), 0 -1px 0 0 #517934;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: none;
    height: auto;
    line-height: normal
}

div.footer-inner div.emailsignup input[type=text].txtMedEmail:focus {
    background: #fff;
    -webkit-box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, .1), 0 -1px 0 0 #517934;
    box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, .2), 0 -1px 0 0 #517934
}

div.footerlinks-outer .footer-header {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 5px
}

.accordion-menu {
    padding-bottom: 15px
}

div.footerlinks-outer {
    padding: 16px 0 0;
    width: 100%;
    text-align: center
}

section.footer-black {
    background-color: #fff;
    border-top: 1px solid #e5e5e5;
    padding: 20px 0;
    margin-top: 34px
}

section.footer-black div.footerlinks {
    color: #817e82;
    overflow: hidden;
    padding: 5px 15px;
    width: 100%
}

section.footer-black div.footerlinks a,
section.footer-black div.footerlinks p {
    color: #817e82;
    font-size: 14px
}

div.footerlinkblocks {
    width: 100%;
    max-width: 960px;
    overflow: auto;
    margin: 0 auto;
    display: inline-block
}

div.footerlinks #geotrust-table {
    width: 125px;
    display: inline-block
}

div.footerlinks ul {
    width: 25%;
    padding: 12px 0 0;
    text-align: left;
    vertical-align: top;
    display: inline-block;
    white-space: nowrap
}

div.footerlinks ul.last {
    width: 18%
}

div.footerlinks a,
div.footerlinks a span {
    -webkit-transition: color 80ms linear;
    -moz-transition: color 80ms linear;
    -ms-transition: color 80ms linear;
    -o-transition: color 80ms linear;
    transition: color 80ms linear
}

div.footerlinks ul li {
    margin: 0
}

div.footerlinks ul li a {
    color: #817e82;
    font-size: 16px;
    line-height: 1.8
}

div.footerlinks ul li a:hover {
    color: #4b4e49;
    text-decoration: none
}

div.footerlinks ul li.facebook-link a {
    color: #69bf4a
}

div.footerlinks ul li.facebook-link a:hover {
    color: #265baa
}

div.footerlinks ul li.facebook-link a span {
    font-size: 14px;
    display: block;
    float: left;
    padding-right: 3px
}

div.footerlinks.tagline-outer {
    text-align: center;
    margin-bottom: 2px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 0
}

div.footerlinks.tagline-outer p {
    margin-bottom: 0
}

div.footerlinks-outer .tollfree-tagline {
    color: #69bf4a;
    font-size: 16px;
    float: left;
    line-height: 40px;
    vertical-align: middle
}

div.footerlinks-outer .phonenumber {
    font-size: 16px;
    color: #000;
    font-weight: 700
}

div.footerlinks-outer .social-tagline {
    font-size: 16px;
    color: #000;
    font-weight: 700;
    float: right;
    text-align: right
}

div.footerlinks-outer .social-tagline .footer-social-icon {
    border-radius: 40px;
    width: 40px;
    height: 40px;
    background-color: #f98100;
    color: #fff;
    font-size: 16px;
    padding: 8px
}

.scrolltop {
    display: none;
    width: 100%;
    margin: 0 auto;
    position: fixed;
    bottom: 20px;
    right: 20px
}

.scrollToTop {
    background: #257fd1;
    border-radius: 50%;
    bottom: 0;
    color: #fff;
    cursor: pointer;
    height: 50px;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    transition: all .18s linear;
    -moz-transition: all .18s linear;
    -webkit-transition: all .18s linear;
    -o-transition: all .18s linear;
    width: 50px;
    z-index: 9999
}

.scrollToTop:hover {
    background: #1d65a6
}

.scrollToTop .svg-inline--fa.fa-w-10 {
    height: 100%;
    width: .5em
}

.scrollToTop .fa,
.scrollToTop .svg-inline--fa {
    font-size: 3em;
    font-weight: 400
}

#sortby select {
    color: #555;
    border: 1px solid #bbb;
    padding: 4px 8px;
    font-size: 12px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    line-height: normal
}

li.nHome a {
    padding-left: 15px;
    padding-right: 15px
}

.tagline-inner {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    padding: 15px 0;
    max-width: 960px
}

#content_sidebar {
    padding: 0;
    margin-bottom: 10px;
    overflow: visible;
    position: relative;
    z-index: 10;
    background-color: orange
}

#content_sidebar h3 {
    margin: 0 auto;
    padding: 4px 0 4px 5px;
    color: #fff;
    font-weight: 700;
    font-size: 13px;
    line-height: 22px
}

#content_sidebar ul.catnav li.more li.more {
    background: url(/images/buggies/angle-right-regular.svg) no-repeat 180px center;
    background-size: 5px
}

#content_sidebar ul.catnav li {
    -webkit-transition: background-color .15s linear;
    -moz-transition: background-color .1s linear;
    -ms-transition: background-color .1s linear;
    -o-transition: background-color .1s linear;
    transition: background-color .1s linear
}

#content_sidebar ul.catnav li:hover {
    background-color: #d4d4d4 !important;
    text-decoration: none
}

#content_sidebar .catnav {
    margin: 0 0 15px;
    width: 195px;
    z-index: 100
}

#content_sidebar .catnav li {
    box-sizing: content-box;
    position: relative;
    background-color: #f5f5f5 !important;
    width: 193px;
    z-index: 1;
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5 !important;
    border-right: 1px solid #e5e5e5 !important
}

#content_sidebar .catnav li.more {
    background: url(/images/buggies/angle-right-regular.svg) no-repeat 180px center;
    background-color: rgba(0, 0, 0, 0);
    font-weight: 400;
    background-size: 5px
}

#content_sidebar {
    font-family: inherit !important
}

#content_sidebar .catnav li a {
    color: #282828 !important;
    padding-left: 6px;
    width: 195px;
    text-decoration: none;
    font-size: 13px;
    font-family: inherit !important;
    font-weight: 600;
    line-height: 1.4em;
    display: inline-block;
    padding-top: 8px;
    padding-bottom: 8px
}

#content_sidebar .catnav li .dropdown {
    width: 190px;
    position: absolute;
    z-index: 10;
    visibility: hidden;
    margin: 0;
    left: 193px;
    top: -1px;
    border-top: 1px solid #dcdcdc;
    background-color: #e6e6e6
}

#content_sidebar .catnav li .dropdown li:first-of-type {
    width: 189px;
    border-left: 1px solid #dcdcdc
}

#content_sidebar .catnav li .dropdown li {
    background-color: #e6e6e6;
    width: 189px;
    border-left: 1px solid #dcdcdc
}

#content_sidebar .catnav li .dropdown li a {
    color: #282828
}

#content_sidebar .catnav li .subdropdown {
    width: 189px;
    position: absolute;
    z-index: 10;
    visibility: hidden;
    margin: -35px 0 0 189px;
    border-top: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    background-color: #e6e6e6
}

#content_sidebar ul.catnav li .dropdown li.more {
    background: #f5f5f5 url(/images/buggies/angle-right-regular.svg) no-repeat 176px center !important;
    background-size: 5px !important
}

#content_sidebar ul.catnav li .dropdown li.more:hover {
    background: #d4d4d4 url(/images/buggies/angle-right-regular.svg) no-repeat 176px center !important;
    background-size: 5px !important
}

#content_sidebar ul.catnav li .dropdown li,
#content_sidebar ul.catnav li .subdropdown li:first-of-type {
    width: 189px;
    border-left: 1px solid #dcdcdc
}

#content_sidebar ul.catnav li .dropdown li,
#content_sidebar ul.catnav li .subdropdown li {
    width: 189px;
    border-left: 1px solid #dcdcdc
}

#content_sidebar .CallCenter {
    background: #424242;
    border: 5px solid #000;
    padding: 0;
    text-align: center;
    width: 180px;
    height: 144px
}

#content_sidebar .NavMenu {
    width: 180px;
    margin: 0 5px;
    border-top: 1px solid #828282;
    margin-bottom: 5px;
    background-color: #424242
}

#content_sidebar .NavMenu li {
    background-color: #424242;
    height: 25px;
    width: 178px;
    border-bottom: 1px solid #828282;
    border-left: 1px solid #828282;
    border-right: 1px solid #828282
}

#content_sidebar .NavMenu li a {
    color: #fff;
    height: 24px;
    line-height: 24px;
    padding-left: 3px;
    width: 175px;
    text-decoration: none
}

#content_sidebar .centerMenu {
    text-align: center;
    padding: 4px 0
}

#content_sidebar .NavMenu img {
    display: inline;
    padding: 4px 0
}

a#OpenMenu {
    height: 100%;
    text-align: center
}

a#OpenMenu:active {
    background: 0 0
}

.dl-menuwrapper.menuClosed {
    height: 0;
    background: 0 0
}

.dl-menuwrapper.menuOpen {
    height: auto;
    top: 120px;
    bottom: 0;
    left: 0
}

.dl-menuwrapper {
    width: 50%;
    max-width: 50%;
    float: left;
    position: fixed;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-perspective-origin: 50% 200%;
    perspective-origin: 50% 200%;
    z-index: 31005;
    -webkit-transition: background .18s ease-in-out;
    -moz-transition: background .18s ease-in-out;
    -ms-transition: background .18s ease-in-out;
    -o-transition: background .18s ease-in-out;
    transition: background .18s ease-in-out
}

.dl-menuwrapper:first-child {
    margin-right: 100px
}

.dl-menuwrapper button {
    background: #ccc;
    border: none;
    width: 48px;
    height: 45px;
    text-indent: -900em;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    outline: 0
}

.dl-menuwrapper button.dl-active,
.dl-menuwrapper button:hover,
.dl-menuwrapper ul {
    background: #fdfdfd
}

.dl-menuwrapper button:after {
    content: '';
    position: absolute;
    width: 68%;
    height: 5px;
    background: #fff;
    top: 10px;
    left: 16%;
    box-shadow: 0 10px 0 #fff, 0 20px 0 #fff
}

.dl-menuwrapper ul {
    padding: 0;
    list-style: none;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.dl-menuwrapper li {
    position: relative
}

.dl-menuwrapper li a {
    font-family: inherit;
    display: block;
    position: relative;
    padding: 15px 20px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    color: #444;
    outline: 0;
    border-bottom: 1px solid #ddd;
    font-weight: 700
}

.dl-menuwrapper li a.mainCat {
    font-weight: 700
}

.dl-menuwrapper li a:active,
.dl-menuwrapper li a:focus {
    background: #e3fda8
}

.no-touch .dl-menuwrapper li a:hover {
    background: #ddd;
    text-decoration: none
}

.dl-menuwrapper li.dl-back>a {
    padding-left: 30px;
    background: rgba(0, 0, 0, .1)
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li>a:not(:only-child):after {
    position: absolute;
    top: 0;
    line-height: 56px;
    width: 15px;
    content: url(/css/buggies/plus-regular.svg)
}

.openMenuIcon {
    display: block;
    width: 25px;
    height: 25px;
    position: relative;
    margin: 0 auto;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .18s ease-in-out;
    -moz-transition: .18s ease-in-out;
    -o-transition: .18s ease-in-out;
    transition: .18s ease-in-out;
    cursor: pointer
}

.openMenuIcon span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #000;
    left: 0;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.openMenuIcon span:nth-child(1) {
    top: 0
}

.openMenuIcon span:nth-child(2),
.openMenuIcon span:nth-child(3) {
    top: 9px
}

.openMenuIcon span:nth-child(4) {
    top: 18px
}

#OpenMenu.dl-active .openMenuIcon span:nth-child(1) {
    top: 6px;
    width: 0;
    left: 40%
}

#OpenMenu.dl-active .openMenuIcon span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

#OpenMenu.dl-active .openMenuIcon span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#OpenMenu.dl-active .openMenuIcon span:nth-child(4) {
    top: 6px;
    width: 0;
    left: 40%
}

.dl-menuwrapper li.dl-back:after {
    left: 10px;
    width: 10px;
    content: url(/css/buggies/chevron-left-solid.svg)
}

.dl-menuwrapper li>a:after {
    right: 10px;
    color: rgba(0, 0, 0, .15)
}

.dl-menuwrapper .dl-menu {
    margin: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
    transition: all .18s ease
}

.dl-menuwrapper .dl-menu.dl-menuopen {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.dl-menuwrapper li .dl-submenu {
    display: none
}

.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subview>a,
.dl-menu.dl-subview li.dl-subviewopen>a {
    display: none
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen>.dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen>.dl-submenu>li {
    display: block
}

.dl-menuwrapper>.dl-submenu {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    margin: 0
}

.dl-menu.dl-animate-out-2 {
    -webkit-animation: MenuAnimOut2 .18s ease-in-out;
    animation: MenuAnimOut2 .18s ease-in-out
}

@-webkit-keyframes MenuAnimOut2 {
    100% {
        -webkit-transform: translateX(-100%)
    }
}

@keyframes MenuAnimOut2 {
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

.dl-menu.dl-animate-in-2 {
    -webkit-animation: MenuAnimIn2 .18s ease-in-out;
    animation: MenuAnimIn2 .18s ease-in-out
}

@-webkit-keyframes MenuAnimIn2 {
    0% {
        -webkit-transform: translateX(-100%);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0);
        opacity: 1
    }
}

@keyframes MenuAnimIn2 {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

.dl-menuwrapper>.dl-submenu.dl-animate-in-2 {
    -webkit-animation: SubMenuAnimIn2 .18s ease-in-out;
    animation: SubMenuAnimIn2 .18s ease-in-out
}

@-webkit-keyframes SubMenuAnimIn2 {
    0% {
        -webkit-transform: translateX(100%);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0);
        opacity: 1
    }
}

@keyframes SubMenuAnimIn2 {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

.dl-menuwrapper>.dl-submenu.dl-animate-out-2 {
    -webkit-animation: SubMenuAnimOut2 .18s ease-in-out;
    animation: SubMenuAnimOut2 .18s ease-in-out
}

@-webkit-keyframes SubMenuAnimOut2 {
    0% {
        -webkit-transform: translateX(0);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(100%);
        opacity: 0
    }
}

@keyframes SubMenuAnimOut2 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0
    }
}

.no-js .dl-menuwrapper .dl-menu {
    position: relative;
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.no-js .dl-menuwrapper li .dl-submenu {
    display: block
}

.no-js .dl-menuwrapper li.dl-back {
    display: none
}

.no-js .dl-menuwrapper li>a:not(:only-child) {
    background: rgba(0, 0, 0, .1)
}

.no-js .dl-menuwrapper li>a:not(:only-child):after {
    content: ''
}

@media (min-width:1200px) {
    .dl-menuwrapper {
        width: 26%;
        max-width: 300px
    }
}

@media (max-width:767px) {
    .dl-menuwrapper {
        width: 100%;
        max-width: 100%
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .dl-menuwrapper {
        width: 36%;
        max-width: 36%
    }
}

.dl-menuwrapper li.menu-myaccount {
    background-color: #69bf4a;
    color: #fff;
    width: 100%;
    padding: 20px;
    font-weight: 700
}

.dl-menuwrapper li.menu-myaccount a {
    background-color: #69bf4a;
    border: 1px solid #fff;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    height: auto;
    line-height: 38px;
    margin: 0 10px 0 0;
    outline: 0;
    padding: 0 15px;
    position: relative;
    vertical-align: middle
}

.dl-menuwrapper li.menu-myaccount a::after {
    content: ""
}

* {
    border: 0;
    margin: 0;
    padding: 0;
    outline: 0;
    list-style: none;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none
}

body {
    background: #fff
}

body[data-tb-sid=st_template_body] .btn.primary.btnFilter {
    display: none !important
}

div.p65warning {
    font-size: 12px;
    color: #000;
    line-height: 20px;
    vertical-align: middle
}

div.p65warning .p65wicon {
    width: 20px;
    height: 20px;
    vertical-align: middle
}

div.p65warning a {
    color: #6a9147;
    font-size: 12px
}

.content a,
.content a:active,
.content a:link,
.content a:visited {
    color: #257fd1;
    text-decoration: none
}

a {
    color: #257fd1;
    text-decoration: none
}

.hidden {
    display: none
}

.bold {
    font-weight: 700
}

.flRight {
    float: right
}

.flLeft {
    float: left
}

.center {
    text-align: center
}

.pushDown {
    margin-bottom: 15px
}

.pushUp {
    margin-top: 15px
}

.installInstructions a::before {
    margin-right: 14px;
    content: "Download Installation Instructions";
    visibility: visible;
    color: #257fd1;
    background: url(/images/buggies/Adobe_PDF_file_icon_24x24.png) no-repeat 0 0;
    padding-left: 31px;
    height: 26px;
    display: block;
    line-height: 26px
}

span.fas {
    margin-right: .4em
}

span.faHero {
    display: block;
    font-size: 44px;
    text-align: center;
    margin-right: 15px;
    margin-bottom: 10px
}

.gridModuleBrands {
    display: inline-block;
    margin-bottom: 30px;
    padding: 0;
    width: 100%
}

.gridModuleBrands .row {
    align-items: center;
    display: flex
}

.gridModuleBrands p {
    margin-bottom: 1.1rem;
    text-align: center
}

.gridModuleBrands p strong {
    font-weight: 900
}

.gridModuleBrands div.col-xs-4 {
    padding-left: 25px;
    padding-right: 25px
}

.gridModuleBrands div.col-xs-4 img {
    width: 100%
}

.gridModuleBrands div.col-xs-4 .gmb-logo-gtw {
    max-height: 80px
}

.gridModuleBrands div.col-xs-4 .gmb-logo-jakes {
    max-height: 65px
}

.gridModuleBrands div.col-xs-4 .gmb-logo-reddot {
    max-height: 70px
}

.mobiModule {
    background: #fff;
    margin: 0;
    overflow: hidden
}

.mobiModule .col-md-3 {
    float: left;
    width: 25%
}

.mobiModule .gridModule a {
    color: #000
}

.mobiModule .gridModule {
    text-align: center;
    overflow: hidden;
    margin-bottom: 15px
}

.mobiModule .gridModule div {
    margin: 5px 0 10px
}

.mobiModule .gridModule a img {
    height: auto;
    max-width: 80%;
    opacity: 1;
    transition: opacity .18s linear
}

.mobiModule .gridModule a:hover img {
    opacity: .8
}

.mobiModule .gridModule a h3 {
    color: #333;
    font-size: 16px;
    font-weight: 700;
    margin: 15px 0 0;
    position: relative;
    transition: all .18s linear
}

.mobiModule .gridModule a h3:after {
    border-bottom: 3px solid #f98100;
    content: "";
    opacity: 0;
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin-left: -20px;
    transition: opacity .18s ease-in-out;
    width: 40px
}

.mobiModule .gridModule a:hover h3:after {
    opacity: 1
}

.boxModule {
    overflow: hidden
}

#ordersummary.boxModule {
    padding-bottom: 0
}

.boxModule h2 {
    color: #444;
    font-weight: 700;
    font-size: 16px;
    border-bottom: 1px solid #ececec;
    margin: 0 0 6px;
    padding: 6px 12px 4px
}

.boxModule.noPad {
    padding: 0
}

.boxModule.noPad h2 {
    margin-bottom: 0
}

.boxModule a {
    color: #257fd1
}

.boxModule .datagroup,
.featureModule .datagroup {
    padding: 3px 12px;
    clear: both;
    overflow: hidden;
    font-size: 14px
}

.boxModule .ordertotal {
    padding: 3px 12px;
    clear: both;
    overflow: hidden;
    font-size: 16px;
    font-weight: 700;
    text-align: right;
    color: #424242;
    border-top: 1px solid #fff;
    -webkit-box-shadow: 0 -1px 0 0 #e5e5e5;
    box-shadow: 0 -1px 0 0 #e5e5e5
}

.boxModule .datagroup.last {
    padding-bottom: 10px
}

.boxModule span.change {
    float: right;
    display: block;
    font-size: 12px;
    vertical-align: middle;
    font-weight: 400
}

#dvCheckout .boxModule p {
    font-size: 14px;
    padding: 0 12px;
    margin: 0
}

.boxModule .bmi {
    padding: 15px 15px 5px
}

.gridModule a {
    color: #444
}

.gridModule {
    text-align: center;
    overflow: hidden;
    margin-bottom: 15px
}

.gridModule div {
    margin: 15px 0 5px
}

.gridModule div img {
    max-width: 80%;
    height: auto
}

.gridModule h3 {
    font-size: 14px;
    font-weight: 400;
    margin: 5px 0 0
}

.listModule a {
    text-decoration: none;
    line-height: normal;
    color: #656565;
    clear: both;
    width: 100%;
    display: block;
    overflow: hidden;
    border-bottom: 1px solid #eee;
    padding: 3px 0
}

.listModule div:last-child a {
    border-bottom: 0
}

.listModule a:active {
    color: #aaa
}

.listModule a:active span {
    opacity: .85
}

.listModule a span {
    display: inline-block;
    float: left;
    width: 50px;
    height: 50px;
    margin-right: 8px;
    margin-left: 10px
}

.listModule.Ac a span {
    background-image: url(/images/buggies/accessoriesSprite.png);
    background-repeat: no-repeat
}

.listModule.Rp a span {
    background-image: url(/images/buggies/replacementPartsSprite.png);
    background-repeat: no-repeat
}

.listModule a h3 {
    line-height: normal;
    font-weight: 400;
    font-size: 16px
}

.mFormWrap .datagroup {
    overflow: hidden;
    margin-bottom: 10px
}

.mFormWrap .datagroup label {
    display: block
}

.mFormWrap .datagroup input[type=password],
.mFormWrap .datagroup input[type=text],
.mFormWrap .datagroup select {
    display: block;
    width: 100%
}

.Ac1-1 span {
    background-position: 0 0
}

.Ac1-2 span {
    background-position: -50px 0
}

.Ac1-3 span {
    background-position: -100px 0
}

.Ac1-4 span {
    background-position: -150px 0
}

.Ac1-5 span {
    background-position: -200px 0
}

.Ac1-6 span {
    background-position: -250px 0
}

.Ac1-7 span {
    background-position: -300px 0
}

.Ac1-8 span {
    background-position: -350px 0
}

.Ac1-9 span {
    background-position: -400px 0
}

.Ac1-10 span {
    background-position: -450px 0
}

.Ac2-1 span {
    background-position: 0 -50px
}

.Ac2-2 span {
    background-position: -50px -50px
}

.Ac2-3 span {
    background-position: -100px -50px
}

.Ac2-4 span {
    background-position: -150px -50px
}

.Ac2-5 span {
    background-position: -200px -50px
}

.Ac2-6 span {
    background-position: -250px -50px
}

.Ac2-7 span {
    background-position: -300px -50px
}

.Ac2-8 span {
    background-position: -350px -50px
}

.Ac2-9 span {
    background-position: -400px -50px
}

.Ac2-10 span {
    background-position: -450px -50px
}

.Ac3-1 span {
    background-position: 0 -100px
}

.Ac3-2 span {
    background-position: -50px -100px
}

.Ac3-3 span {
    background-position: -100px -100px
}

.Ac3-4 span {
    background-position: -150px -100px
}

.Ac3-5 span {
    background-position: -200px -100px
}

.Rp1-1 span {
    background-position: 0 0
}

.Rp1-2 span {
    background-position: -50px 0
}

.Rp1-3 span {
    background-position: -100px 0
}

.Rp1-4 span {
    background-position: -150px 0
}

.Rp1-5 span {
    background-position: -200px 0
}

.Rp1-6 span {
    background-position: -250px 0
}

.Rp1-7 span {
    background-position: -300px 0
}

.Rp1-8 span {
    background-position: -350px 0
}

.Rp1-9 span {
    background-position: -400px 0
}

.Rp1-10 span {
    background-position: -450px 0
}

.Rp2-1 span {
    background-position: 0 -50px
}

.Rp2-2 span {
    background-position: -50px -50px
}

.Rp2-3 span {
    background-position: -100px -50px
}

.Rp2-4 span {
    background-position: -150px -50px
}

.Rp2-5 span {
    background-position: -200px -50px
}

.Rp2-6 span {
    background-position: -250px -50px
}

.Rp2-7 span {
    background-position: -300px -50px
}

a.locateOrderCallout {
    margin: 0 0 16px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 0 15px 10px;
    border: 1px solid #ececec;
    background: #f8f8f8;
    display: block;
    overflow: hidden
}

.locateOrderCallout p.title {
    font-size: 18px;
    font-weight: 700;
    width: 100%;
    margin-bottom: 4px;
    color: #0676c4
}

.locateOrderCallout p.sub {
    color: #555;
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 15px
}

a.locateOrderCallout:active {
    text-decoration: none
}

a.locateOrderCallout .btn {
    width: 100%
}

input[type=password],
input[type=text],
select {
    color: #555;
    border: 1px solid #e5e5e5;
    padding: 8px 10px;
    font-size: 14px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    line-height: normal
}

input[type=text] {
    -webkit-appearance: none
}

.btn,
a.btn,
button,
input[type=button],
input[type=submit] {
    text-align: center;
    font-size: 14px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-appearance: none;
    display: inline-block;
    font-weight: 700;
    cursor: pointer;
    border: 1px solid #e5e5e5;
    padding: 8px 10px;
    line-height: normal;
    background: #f5f5f5;
    color: #333
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(/images/buggies/ddl-chevron.png) no-repeat;
    background-position: right 5px top 50%;
    background-position-x: 97%;
    background-position-y: 50%
}

.btnContainer {
    margin-bottom: 16px
}

.btn.primary,
input.primary {
    background: #257fd1;
    border-color: #006dbb;
    color: #fff;
    font-size: 16px;
    font-weight: 700
}

.btn.primary:hover,
input.primary:hover {
    background: #2172bb
}

.btn.primary:active,
input.primary:active {
    background: #006dbb
}

.datagroup .btn,
.datagroup .primary {
    width: 100%
}

.primary span.fas {
    font-size: 11px;
    padding-left: 2px
}

.btn:hover {
    text-decoration: none
}

.prodinforow .btn,
.prodinforow .primary {
    padding: 10px 9px
}

.btn.buButtonCombine {
    margin-bottom: 15px;
    color: #fff;
    background: #a9c668;
    font-weight: 700;
    border: 1px solid #95ad5f
}

.btn.buButtonCombine:hover {
    opacity: .9
}

a.btn.primary.btnFilter {
    font-weight: 400;
    font-size: 14px
}

a.btnFilter span.fas {
    font-size: 10px;
    padding-left: 5px;
    margin-right: 0
}

@media(max-width:416px) {
    a.btn.primary.btnFilter {
        clear: both;
        width: 100%;
        margin-top: 15px
    }

    .listProductActions .qty input[type=text] {
        width: 38px;
        font-size: 13px
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #333;
    font-weight: 800;
    line-height: 1.3;
    margin: 0 0 1.1rem
}

h1 {
    font-size: 30px
}

h2 {
    font-size: 24px
}

h3 {
    font-size: 20px
}

h4 {
    font-size: 16px;
    font-weight: 700
}

h5,
h6 {
    font-weight: 400
}

.green-heading {
    margin-bottom: 25px;
    text-align: center
}

.green-heading:after {
    border-bottom: 4px solid #69bf4a;
    content: '';
    display: block;
    margin: 0 auto;
    padding-top: 10px;
    width: 50px
}

.green-heading .leadin {
    display: block;
    font-size: 16px;
    font-weight: 800;
    margin-bottom: 3px
}

p {
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 1.1rem
}

ul.bulplist {
    margin-bottom: 1.2rem
}

ul.bulplist li {
    line-height: 1.6;
    list-style-type: disc;
    margin-bottom: 5px;
    margin-left: 20px
}

ul.bulplist li::marker {
    color: #69bf4a
}

.productInformation ul,
ul.checkmarkList {
    margin: 0 0 6px;
    padding: 0 0 0 12px
}

.btn.productButton {
    background: #f98100;
    color: #fff;
    border-color: #e07400;
    font-weight: 500;
    font-size: 14px;
    width: 100%;
    padding: 5px
}

.btn.productButton:hover {
    background: #e07400
}

.checkmarkList li {
    list-style-type: none;
    margin: 0 0 5px;
    font-size: 15px
}

.checkmarkList span.fas {
    color: #a9c663
}

.datagroup p {
    font-size: 15px;
    margin: 2px 0 10px
}

p.subHead {
    margin-top: 35px;
    font-size: 15px
}

.productInformation li {
    margin-left: 25px;
    margin-bottom: 1em
}

#content {
    clear: both
}

promoBannerWrap {
    background: #e3fca8
}

.promoBanner a {
    text-decoration: none
}

.promoTitle {
    text-align: center;
    font-weight: 700;
    font-size: 17px;
    margin: 0;
    color: #656565;
    letter-spacing: -.02em
}

.promoTitle span.fas {
    color: #699143
}

.promoSub {
    color: #ddd;
    font-size: 15px
}

.promoDisclaimer {
    color: #699143;
    font-size: 12px;
    text-align: center;
    margin: 0
}

.promoDisclaimer span {
    color: #b0cd6b
}

.srccode {
    font-weight: 700;
    font-size: 14px;
    border: 1px dashed #b0cd6b;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 2px 6px;
    margin: 0 4px;
    letter-spacing: .02em;
    color: #656565;
    background: #f5ffdc
}

p.couponCode {
    color: #699143;
    text-align: center;
    font-size: 13px;
    margin: 5px 0 6px
}

@media(max-width:320px) {
    .promoTitle {
        font-size: 14px
    }

    p.couponCode {
        font-size: 12px
    }
}

.bu-page-wrap {
    margin-bottom: 80px
}

@media only screen and (max-width:959px) {
    .bu-page-wrap {
        padding: 0 15px
    }

    .homepage-sidebar-container {
        display: none !important;
    }
}

.notification {
    background-color: #ffcb94;
    border: 1px solid #ffb261;
    border-radius: 3px;
    box-sizing: border-box;
    color: #333;
    font-weight: 600;
    margin: 15px 0 20px;
    padding: 10px;
    width: 100%
}

@media only screen and (max-width:959px) {
    .bu-page-wrap {
        padding: 0 15px
    }
}

.notification-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

.bannerMessage {
    background: #f8f8f8;
    border-bottom: 1px solid #e9e9e9
}

.bannerWelcome {
    font-weight: 700;
    font-size: 12px;
    text-align: center;
    padding: 5px 0
}

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

.bannerWelcome span.fas {
    color: #444;
    font-size: 22px
}

.bannerWelcome span.messageText {
    color: #ff5e00;
    padding-top: 1px
}

#cat_img img {
    width: 100%;
    max-width: 770px
}

.filters {
    background: #eee;
    font-size: 14px;
    padding: 15px;
    margin-bottom: 10px
}

.filters p a {
    margin-top: 0;
    font-size: 16px
}

.filters .selected {
    color: #333;
    font-size: 14px;
    font-weight: 700
}

.filters ul ul {
    margin-top: 6px
}

.filters li,
.filters ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.filters li {
    padding: 6px 0;
    border-top: 1px solid #ddd
}

.filters a {
    color: #656565
}

.filters a span {
    display: none;
    font-size: 12px
}

.filters a.selected>span {
    display: inline-block
}

.filters li li {
    margin-left: 10px
}

.filters {
    display: none
}

a.gridProduct {
    display: block;
    overflow: hidden;
    margin-bottom: .6em;
    padding: 1em .4em 1em 0;
    border-bottom: 1px solid #eee;
    color: #444
}

a.gridProduct:hover {
    text-decoration: none
}

.gridProduct img {
    display: block;
    max-width: 100%;
    float: left
}

.gridProductInfo {
    margin-left: 170px
}

p.gridProductTitle {
    line-height: 1.3em;
    margin-bottom: .4em
}

p.configurableItem {
    font-size: 15px;
    margin: 0 0 .4em
}

@media(max-width:340px) {
    .gridProductInfo {
        clear: both;
        margin-left: 0
    }

    .gridProduct img {
        margin: 0 auto .5em
    }
}

.gridProductWasPrice {
    color: #cf0000;
    display: block
}

.gridProductPrice {
    color: #656565;
    font-weight: 700
}

.prodinforow span.green {
    color: #78a41a
}

div#availInfo h2 div.notice {
    color: #cf0001
}

.stockStatus {
    font-weight: 700;
    font-size: .9em;
    margin: 0 0 .4em
}

.stockBackordered {
    color: #e70202
}

.stockLowStock {
    color: #257fd1
}

.stockInStock {
    color: #91be30
}

.stockInStock::before {
    font-family: "Font Awesome 5 Pro";
    content: '\f00c';
    padding-right: 5px
}

.pageNumbering {
    margin: 0 0 10px 0;
    height: auto;
    padding: 0 10px 0 0 !important;
    float: right;
    text-align: right
}

.pageNumbering a,
.pageNumbering span {
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 0;
    background: 0 0;
    color: #828282
}

.pageNumbering a.nextpage,
.pageNumbering a.prevpage,
span.nextpage,
span.prevpage {
    height: 20px;
    width: 20px;
    font-size: 22px;
    line-height: 16px;
    display: inline-block;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    font-weight: 700;
    background: 0 0;
    border: 0
}

.pageNumbering a.pagenum_viewall {
    padding: 8px 9px;
    display: inline-block;
    font-size: 12px;
    color: #94b555;
    background: 0 0;
    border: 0
}

.pagenum {
    display: none;
    height: 20px;
    width: 20px;
    font-size: 12px;
    line-height: 20px;
    display: inline-block;
    padding: 0;
    margin: 0;
    text-align: center;
    vertical-align: middle;
    color: #828282;
    text-decoration: none
}

span.pagenum.active {
    background-color: #94b555;
    color: #fff
}

span.nextpage,
span.prevpage {
    color: #afafaf
}

.header {
    height: auto;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 31000;
    padding: 10px 15px
}

.header .row>div {
    float: left
}

.header a {
    color: #000;
    text-decoration: none;
    display: block;
    height: 100%
}

.logoCol {
    cursor: pointer;
    margin: 0 15px;
    text-align: center
}

a.logoHelper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    line-height: 58px;
    width: 80%
}

a.logoHelper:focus {
    background: 0
}

.header img {
    max-width: 100%;
    width: auto;
    display: inline-block;
    margin: 0 auto
}

.headerAction {
    text-align: center;
    white-space: nowrap
}

.headerAction span.fas {
    margin: 0;
    display: block;
    font-size: 19px
}

.headerAction span.cartCount {
    font-weight: 700
}

.actionText {
    display: block;
    text-align: center;
    font-size: 15px
}

.header .row>div {
    height: 60px
}

@media(max-width:360px) {
    .actionText {
        font-size: 13px;
        letter-spacing: -.02em
    }
}

div.CtnerInfo div.pd3 {
    color: #656565
}

div.CtnerInfo div.pd3 a {
    color: #656565;
    text-decoration: none
}

div.CtnerInfo div.pd3 a:hover {
    text-decoration: underline
}

div#RelatedItems a {
    color: #656565;
    text-decoration: none
}

div#RelatedItems a:hover {
    text-decoration: underline
}

div#RelatedItems a.pdMoreInfo:hover {
    opacity: .8;
    -webkit-transition: .12s linear;
    transition: .12s linear
}

div.RecentlyViewed {
    min-height: 220px;
    width: 200px
}

div.pd2 {
    margin: 8px 0
}

#certona_items {
    overflow: hidden
}

.listProductRow {
    border-bottom: 1px solid #ddd;
    color: #4e4e4e;
    overflow: hidden;
    margin-bottom: 10px;
    clear: both;
    line-height: 1.2em;
    font-size: 14px
}

.certona_item .listProductImage img {
    max-width: 100px
}

.navModule {
    border: 1px solid #ddd;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin-bottom: 1em
}

.navModule a span {
    padding-left: 5px
}

.navModule ul {
    margin: 0;
    padding: 0
}

.navModule li {
    list-style-type: none;
    border-top: 1px solid #ddd;
    margin: 0;
    padding: 0
}

.navModule li a,
.navModule li>span {
    display: block;
    color: #444;
    padding: 11px 10px 10px;
    font-size: 14px
}

.navModule li a span {
    vertical-align: middle
}

.navModule .viewAll {
    vertical-align: baseline;
    display: block;
    float: right;
    font-size: 13px
}

.navModule li a span.fas {
    font-size: 9px;
    color: #fc7f07
}

.navModule li.first {
    border-top: 0
}

.navModule>ul>li>span {
    background: #eee;
    font-size: 15px
}

.featureModule {
    width: 100%;
    background: #fff
}

.featureImage {
    display: inline-block;
    width: 49%;
    text-align: center;
    vertical-align: middle
}

.featureImage img {
    max-width: 90%;
    height: auto
}

.featureContent {
    vertical-align: middle;
    display: inline-block;
    width: 49%;
    text-align: center
}

.featureContent p {
    vertical-align: middle;
    max-width: 90%;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 4.2vw;
    line-height: 1.2em;
    letter-spacing: -.02em;
    color: #444;
    margin: 0 auto 10px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 8px 0
}

.featureContent .btn {
    width: 90%
}

.featureContent .btn.btnRed {
    color: #fff;
    background: #cf0000;
    font-weight: 700;
    border: 1px solid #b70000
}

.footer {
    background: #444
}

.btt {
    border-bottom: 1px solid #333
}

.btt a {
    display: block;
    width: 150px;
    margin: 0 auto;
    padding: 8px 0
}

.btt span {
    display: block;
    text-align: center
}

.bttLabel {
    font-size: 11px
}

.emailSignup {
    text-align: center;
    overflow: hidden;
    padding: 0 0 40px;
    clear: both;
    border-top: 1px solid #555
}

.emailSignup p {
    color: #ccc;
    font-size: 14px
}

.footerInfo {
    padding-top: 20px
}

.footerInfo p {
    font-size: 13px;
    text-align: center;
    margin: .4em 0
}

.footerInfo p a {
    color: #257fd1
}

.facebookLink {
    text-align: center
}

.facebookLink a {
    display: inline-block;
    color: #fff;
    padding: 5px 9px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #3b5998;
    border: 1px solid #29487d
}

.gridProductInfo .prodGridWasPrice {
    color: #cf0001
}

.gridProductInfo .prodGridWasPrice span.was {
    color: #444;
    text-decoration: line-through
}

.gridProductInfo .prodGridWasPrice span.price {
    font-weight: 700;
    font-size: 12px;
    text-decoration: line-through
}

.gridProductInfo .prodGridPrice span.price {
    color: #e2231a;
    font-weight: 700
}

h1.cattitle {
    font-size: 30px;
    padding: 0 0 15px
}

span.price {
    color: #626262
}

.gridProductWasPrice {
    display: block;
    margin-bottom: 5px;
    font-size: 13px;
    color: #cf0001;
    font-weight: 400
}

.gridProductPrice span.price {
    color: #cf0001;
    font-weight: 700
}

.catNav {
    border-bottom: 1px solid #eee;
    overflow: hidden;
    padding-bottom: 10px
}

.catNav select {
    padding-right: 21px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(/images/buggies/ddl-chevron.png) no-repeat;
    background-position: right 5px top 50%;
    background-position-x: 95%;
    background-position-y: 50%;
    appearance: none
}

@media screen and (-webkit-min-device-pixel-ratio:2) {
    .catNav select {
        background-image: url(/images/buggies/ddl-chevron2x.png);
        background-size: 12px 8px
    }
}

.catNav label {
    margin-right: 4px;
    font-size: 15px
}

.catNav #sortby {
    float: left;
    margin-bottom: 1em
}

@media(max-width:416px) {
    .catNav #sortby {
        float: none
    }

    .catNav #sortby form[name=SortOrder] {
        display: flex
    }

    .catNav select {
        flex-grow: 10
    }

    .catNav label {
        flex-grow: 1;
        padding: 8px 0
    }
}

.catNav .btn {
    float: right
}

#breadcrumb-desktop div[itemprop] {
    display: inline
}

#breadcrumb-desktop a[itemprop] span[itemprop] {
    color: #638f42;
    font-size: 12px;
    line-height: 14px
}

#breadcrumb-desktop div[itemprop] a.first {
    background: url(/images/buggies/breadcrumb_home.gif) 0 4px no-repeat;
    padding: 0 0 0 15px
}

#breadcrumb-desktop div[itemprop] a:hover {
    color: #83c048
}

#breadcrumb-desktop div[itemprop] a.last,
#breadcrumb-desktop div[itemprop] span.last {
    color: #7a7a7a;
    font-size: 12px !important
}

#breadcrumb-desktop span:not([itemprop]) {
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    color: #bbb;
    margin: 0 5px
}

#breadcrumb-desktop div[itemprop] a.last span[itemprop] {
    color: #7a7a7a !important
}

.breadcrumb {
    margin: 0 0 10px 0;
    padding: 8px 0;
    display: block;
    border-top: 1px solid #f7f7f7;
    border-bottom: 1px solid #f7f7f7;
    vertical-align: middle;
    color: #638f42;
    line-height: 18px;
    font-size: 12px;
    background-color: #fff
}

.breadcrumb div[itemprop] {
    display: inline-block
}

.breadcrumb a[itemprop] span[itemprop] {
    color: #257fd1;
    font-size: 14px;
    line-height: 14px
}

.breadcrumb a[itemprop]:hover span[itemprop] {
    color: #257fd1
}

.breadcrumb span:not([itemprop]) {
    display: inline-block;
    font-size: 16px;
    line-height: 14px;
    color: #989898;
    margin: 0 5px
}

.breadcrumb span:not([itemprop]):nth-child(1) {
    display: none
}

.cartEmpty {
    width: 100%;
    text-align: center;
    color: silver;
    font-size: 30px;
    margin: 50px 0
}

.listProductRow {
    border-bottom: 1px solid #ddd;
    color: #4e4e4e;
    overflow: hidden;
    margin-bottom: 10px;
    clear: both;
    line-height: 1.2em;
    font-size: 14px
}

p.itemCount {
    font-size: 12px;
    margin: 0 0 .5em
}

.listProductItem {
    overflow: hidden
}

.listProductImage {
    float: left;
    margin-right: .6em
}

.listProductImage img {
    width: 150px;
    height: auto
}

.cart .listProductImage img {
    max-width: 100px
}

.listProductInfo a {
    display: block;
    font-size: 15px;
    margin-bottom: .4em
}

.cart .listProductInfo a {
    color: #444
}

.listProductSku {
    display: none
}

.listProductRow .price {
    font-weight: 700;
    font-size: 16px;
    color: #5a5a5a;
    margin-bottom: .2em
}

.listProductComponents {
    clear: both
}

.opt-line {
    border-top: 1px solid #eee;
    clear: both;
    padding: 8px 0
}

.opt-line img {
    float: left;
    display: block;
    width: 50px;
    margin-right: .6em
}

.opt-line .qty {
    display: none
}

.opt-line .componentInfo {
    overflow: hidden
}

.listProductComponents p {
    line-height: 1em;
    margin: 8px 0
}

.listProductActions {
    clear: both;
    border-top: 1px solid #eee;
    padding: 14px 0
}

.listProductActions label {
    margin-right: 5px
}

@media(max-width:334px) {
    .listProductActions .btn {
        padding: 8px 6px;
        font-size: 13px;
        letter-spacing: -.02em
    }

    .listProductActions .qty input[type=text] {
        width: 38px;
        font-size: 13px
    }
}

.qty input[type=text] {
    width: 50px;
    font-weight: 700;
    margin-right: 5px
}

.listProductRow .qty input {
    text-align: center
}

.listProductRow .qty input[type=text]:focus {
    border: 1px solid #999
}

.greenMsg {
    font-size: 13px;
    color: #91be30
}

.blueMsg {
    font-size: 13px;
    color: #4893cf
}

.redMsg {
    font-size: 13px;
    color: #cf0000
}

.buGreen {
    color: #91be30 !important
}

.buRed {
    color: #cf0000 !important
}

.buOrange {
    color: #f98100 !important
}

.listProductRow .remove {
    float: right
}

.cartButtons {
    text-align: center
}

.cartButtons a {
    display: inline-block
}

a.btnPP {
    margin-bottom: 16px;
    background: #ffc439;
    border: 1px solid #f9aa05;
    padding: 10px 9px 5px
}

a.btnPP img {
    height: 20px
}

.cartButtonLinks {
    text-align: center;
    margin-bottom: 6px
}

.recessed {
    margin: 0;
    padding: 0;
    height: 0;
    clear: both;
    border: solid #e5e5e5;
    border-width: 1px 0 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #fff
}

.orPaypal {
    padding: 5px 0;
    position: relative
}

.orPP {
    background-color: #fff;
    display: block;
    font-family: inherit;
    font-size: 12px;
    font-weight: 700;
    height: 20px;
    line-height: 20px;
    margin-left: -15px;
    margin-top: -10px;
    position: absolute;
    left: 50%;
    top: 50%;
    text-align: center;
    vertical-align: middle;
    width: 40px
}

#paypal-button-container {
    margin: 10px auto 15px;
    width: 100%
}

#coupon_block {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 5px;
    overflow: hidden;
    padding: 0 0 8px
}

.couponboxWrap {
    overflow: hidden
}

.couponbox {
    width: 100%;
    overflow: hidden;
    position: relative
}

.couponbox input[type=text] {
    padding-right: 68px
}

.couponbox #coupon {
    float: left;
    width: 100%
}

input.applyCoupon {
    position: absolute;
    right: 0;
    top: 0
}

h4.couponHint {
    margin-bottom: .4em
}

h4.couponHint span {
    font-size: 12px;
    color: #aaa
}

#couponHint {
    margin-bottom: 10px
}

p#couponresponse {
    margin: .5em 0 0;
    font-size: 15px;
    line-height: 1.4em;
    clear: both
}

.listProductRow .desc a {
    color: #525353;
    font-size: 14px;
    line-height: 1.3em
}

.listProductRow .desc a img {
    float: left;
    width: 100px;
    max-width: 100px;
    padding-right: 10px
}

.listProductRow .desc p.hard {
    font-weight: 700
}

.listProductRow .itmnum {
    width: 115px;
    font-weight: 700;
    padding-left: 16px
}

select.p4options {
    border: 1px solid #ddd;
    text-transform: capitalize
}

.final {
    clear: both;
    padding-left: 590px;
    border-left: 1px solid silver;
    padding-top: 2px;
    border: 0;
    display: inline-block;
    float: right;
    margin-top: -15px;
    margin-right: 8px;
    height: 110px;
    width: 260px;
    border-right: 1px solid silver;
    padding-left: 9px
}

#cart-desktop h1.hh {
    letter-spacing: -.05em
}

#cart-desktop h1.ch {
    clear: both;
    overflow: hidden;
    background: #d6d6d6;
    font-size: 11px;
    color: #000;
    font-weight: 700;
    padding: 1px 4px 3px 10px;
    width: 836px;
    border-top: 1px solid silver;
    border-left: 1px solid silver;
    border-right: 1px solid silver
}

#cart-desktop ul.cartheader {
    padding: 5px;
    margin: 10px 0 10px 0;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
    font-size: 14px
}

#cart-desktop ul.cartheader li {
    float: left;
    color: #656565;
    font-size: 14px;
    width: 370px;
    line-height: 25px;
    vertical-align: bottom
}

#cart-desktop ul.cartheader li.qty {
    width: 70px;
    text-align: left;
    padding: 15px 0 0 5px
}

#cart-desktop ul.cartheader li.desc {
    width: 470px;
    margin: 0 3px;
    padding: 10px
}

#cart-desktop ul.cartheader li.itmnum {
    width: 115px;
    padding-left: 10px
}

#cart-desktop ul.cartheader li.price {
    width: 90px;
    padding-top: 15px;
    margin: 0 0 0 25px;
    text-align: left
}

#cart-desktop ul.row {
    overflow: hidden;
    margin-bottom: 10px;
    font-size: 12px;
    clear: both;
    border-bottom: 1px solid #e5e5e5;
    padding: 8px 5px 17px 5px
}

#cart-desktop ul.rowk4 {
    overflow: hidden;
    margin-bottom: 10px;
    font-size: 12px;
    clear: both;
    padding: 8px 5px 17px 5px
}

#cart-desktop ul.last {
    border-bottom: none
}

#cart-desktop ul.row li {
    float: left;
    padding: 2px 0;
    color: #4e4e4e;
    width: 380px
}

#cart-desktop ul.row li.qty {
    width: 75px;
    padding: 0;
    text-align: center
}

#cart-desktop ul.row li.qty input {
    margin-top: -1px;
    font-size: 14px;
    height: 25px;
    padding: 1px 1px 1px 1px;
    width: 30px;
    border: 1px solid #c6c6c6;
    text-align: center;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #737373
}

#cart-desktop ul.row li.qty input:focus {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
    border: 1px solid #999
}

#cart-desktop ul.row li.qty .ShopCartQty {
    font-weight: 700;
    font-size: 15px;
    margin: 0 0 4px;
    padding: 8px;
    width: 62px
}

#cart-desktop ul.row li.qty input.update_button {
    background: -moz-linear-gradient(top, #fff 0, #efefef 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #efefef));
    background: -webkit-linear-gradient(top, #fff 0, #efefef 100%);
    background: -o-linear-gradient(top, #fff 0, #efefef 100%);
    background: -ms-linear-gradient(top, #fff 0, #efefef 100%);
    background: linear-gradient(to bottom, #fff 0, #efefef 100%);
    color: #666;
    cursor: pointer;
    font-size: 13px;
    height: 25px;
    margin-top: 5px;
    width: 62px
}

#cart-desktop ul.row li.qty input.update_button:hover {
    border: 1px solid #b8b8b8;
    background: #f0f0f0
}

#cart-desktop .apply_button {
    cursor: pointer;
    background: #8c8c8c;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .6);
    color: #fff !important;
    border: 1px solid #6b6b6b !important;
    padding: 6px 7px !important;
    line-height: 13px
}

#cart-desktop .apply_button:hover {
    background: #686868
}

#cart-desktop .apply_button:active {
    background: #555
}

#cart-desktop #cart_sidebar {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #f8f8f8;
    border: 1px solid #ebebeb;
    padding-top: 10px
}

#cart-desktop ul.row li.desc {
    width: 370px
}

#cart-desktop ul.row li.desc a {
    color: #525353;
    font-size: 14px;
    line-height: 1.3em
}

#cart-desktop ul.row li.desc a img {
    display: inline;
    float: left;
    height: 90px;
    width: 90px;
    padding-right: 10px
}

#cart-desktop ul.row li.desc p.hard {
    font-weight: 700
}

#cart-desktop ul.row li.itmnum {
    width: 115px;
    font-weight: 700;
    padding-left: 16px
}

#cart-desktop ul.row li.price {
    width: 90px;
    margin: 0 0 0 25px;
    font-weight: 700;
    text-align: left;
    font-size: 16px;
    color: #5a5a5a
}

#cart-desktop ul.row li.remove .cartRemoveImg {
    display: block
}

#cart-desktop ul.row li.remove {
    width: 28px;
    font-size: 8px;
    padding: 0 10px
}

#cart-desktop ul.row li.remove a {
    color: #4e4e4e
}

#cart-desktop select.p4options {
    width: 350px;
    border: 1px solid #ddd;
    text-transform: capitalize
}

#cart-desktop #cartbuttons {
    width: 580px;
    float: left;
    padding: 7px 0 7px 10px
}

#cart-desktop .carttotals {
    width: 246px;
    margin: 10px auto 0 auto;
    padding: 0
}

#cart-desktop .final {
    clear: both;
    padding-left: 590px;
    border-left: 1px solid silver;
    padding-top: 2px
}

#cart-desktop .final {
    border: 0;
    display: inline-block;
    float: right;
    margin-top: -15px;
    margin-right: 8px;
    height: 110px;
    width: 260px;
    border-right: 1px solid silver;
    padding-left: 9px
}

#cart-desktop .carttotals .couponbox {
    overflow: hidden;
    clear: both;
    padding: 0;
    margin-right: 0
}

#cart-desktop .carttotals .couponbox label {
    display: block;
    float: none;
    padding-bottom: 5px
}

#cart-desktop .carttotals .couponbox input[type=text] {
    width: 132px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 4px 7px 4px !important;
    height: auto;
    line-height: normal
}

#cart-desktop .carttotals .couponbox input[type=image] {
    float: right
}

#cart-desktop p#couponHint {
    font-family: "Open Sans", arial, helvetica, sans-serif;
    color: #7b7b7b;
    font-size: 14px;
    padding: 2px 0 0 2px;
    margin-bottom: 9px
}

#cart-desktop p#couponHint span {
    font-weight: 600
}

#cart-desktop .carttotals .couponbox #coupon {
    margin-right: 6px !important
}

#cart-desktop .carttotals .couponbox #coupon:focus {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
    border: 1px solid #999
}

#cart-desktop .carttotals .couponbox p#couponresponse {
    clear: both;
    float: left;
    margin: 8px 0 5px 1px;
    color: #666;
    font-size: 14px
}

#cart-desktop .carttotals .couponbox p#couponresponse .iconred,
.prodinforow .iconred {
    font-size: 14px;
    color: #e70202;
    margin-right: 5px
}

ul.cartheader {
    display: none;
    padding: 5px;
    margin: 10px 0;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
    font-size: 14px
}

ul.cartheader li {
    float: left;
    color: #656565;
    font-size: 14px;
    line-height: 25px;
    vertical-align: bottom
}

ul.cartheader li.qty {
    width: 70px;
    text-align: left;
    padding: 5px 0 0 5px
}

ul.cartheader li.desc {
    margin: 0 3px;
    padding: 10px
}

ul.cartheader li.itmnum {
    width: 115px;
    padding-left: 10px
}

ul.cartheader li.price {
    width: 90px;
    padding-top: 5px;
    margin: 0 0 0 25px;
    text-align: left
}

.rowk4 {
    overflow: hidden;
    margin-bottom: 10px;
    font-size: 12px;
    clear: both
}

.last {
    border-bottom: 0
}

.apply_button {
    cursor: pointer;
    background: #8c8c8c;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .6);
    color: #fff !important;
    border: 1px solid #6b6b6b !important;
    padding: 6px 7px !important;
    line-height: 13px
}

.apply_button:hover {
    background: #686868
}

.apply_button:active {
    background: #555
}

.container.cart #cart_sidebar {
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    margin-bottom: 20px;
    padding: 15px
}

span.fas {
    font-family: "Font Awesome 5 Pro"
}

a#lnkBackorder:hover,
a.lnkBackorder:hover {
    color: #f30000
}

a#lnkBackorder:hover,
a#lnkLimitedQty:hover,
a.lnkBackorder:hover,
a.lnkLimitedQty:hover {
    text-decoration: none
}

span#prodinfo_avail {
    color: #78a41a
}

span#prodinfo_avail a#lnkSpecialOrder {
    color: #4893cf
}

a#lnkBackorder,
a.lnkBackorder {
    color: #e70202
}

div.prtAvail_1,
div.prtAvail_2,
div.prtAvail_3,
div.prtAvail_4,
div.prtAvail_5,
div.prtAvail_6 {
    color: #78a41a
}

div.prtAvail_1 a,
div.prtAvail_2 a,
div.prtAvail_3 a,
div.prtAvail_4 a,
div.prtAvail_5 a,
div.prtAvail_6 a {
    color: #78a41a
}

div.prtAvail_1 a.lnkSpecialorder,
div.prtAvail_2 a.lnkSpecialorder,
div.prtAvail_3 a.lnkSpecialorder,
div.prtAvail_4 a.lnkSpecialorder,
div.prtAvail_5 a.lnkSpecialorder,
div.prtAvail_6 a.lnkSpecialorder {
    color: #4893cf
}

div.prtAvail_1 a.lnkBackorder,
div.prtAvail_2 a.lnkBackorder,
div.prtAvail_3 a.lnkBackorder,
div.prtAvail_4 a.lnkBackorder,
div.prtAvail_5 a.lnkBackorder,
div.prtAvail_6 a.lnkBackorder {
    color: #f30000
}

div.prtAvail_1 a.lnkLimitedQty,
div.prtAvail_2 a.lnkLimitedQty,
div.prtAvail_3 a.lnkLimitedQty,
div.prtAvail_4 a.lnkLimitedQty,
div.prtAvail_5 a.lnkLimitedQty,
div.prtAvail_6 a.lnkLimitedQty {
    color: #257fd1
}

a#lnkLimitedQty,
a.lnkLimitedQty {
    color: #257fd1
}

a#lnkLimitedQty:hover,
a.lnkLimitedQty:hover {
    color: #15a5ec
}

.carttotals {
    overflow: hidden;
    padding: 15px 0 0
}

.carttotals label {
    clear: both;
    display: inline-block;
    font-size: 14px;
    color: #666;
    margin: 0
}

.carttotals .totalRow {
    overflow: hidden;
    margin-bottom: 10px
}

.carttotals .totalRow.grandTotals {
    padding-top: 5px
}

span.datatotals {
    display: inline-block;
    float: right;
    text-align: right;
    color: #666;
    font-weight: 700;
    padding-right: 5px;
    font-size: 16px;
    margin: 0
}

.carttotals span.green {
    color: #78a41a;
    font-size: 16px
}

.carttotals .grandtotal {
    font-size: 14px;
    font-weight: 700
}

.carttotals span.grandtotal {
    color: #cf0000;
    font-size: 18px
}

.cart-label-apm {
    display: block;
    margin-bottom: 8px
}

#cartRelatedItems {
    float: left;
    padding: 5px 20px 5px 10px;
    width: 450px;
    overflow: hidden;
    margin-right: 97px
}

#cartRelatedItems h2 {
    background-color: #ccc;
    font-weight: 700;
    padding: 2px 2px 2px 5px;
    margin-bottom: 3px
}

#cartRelatedItems h1 {
    background-color: #ccc;
    font-weight: 700;
    padding: 2px 2px 2px 5px;
    margin-bottom: 3px
}

#cartRelatedItems .relatedRow {
    clear: both;
    overflow: hidden;
    padding-left: 5px
}

#cartRelatedItems .relatedRow a {
    color: #4572ff
}

.CartFooter {
    margin-bottom: 16px
}

.CartFooter .phonenum {
    width: 583px;
    float: left;
    font-size: 14px;
    font-weight: 700;
    margin: 12px 0 3px 10px;
    color: #4e4e4e
}

.CartFooter .chkbuttons {
    width: 259px;
    float: left;
    text-align: right
}

.CartFooter .chkbuttons a img {
    float: right
}

div.footBox {
    float: left;
    width: 240px;
    margin-right: 5px;
    border: 1px solid #9a9a9a
}

div.footBox h2 {
    width: 230px;
    background-color: #688f40;
    color: #fff;
    padding: 2px;
    font-size: 10px;
    margin: 3px 0;
    padding-left: 5px
}

div.footBox ul {
    margin-top: 5px;
    margin-left: 5px;
    display: inline-block
}

div.footBox ul li {
    display: inline
}

div.boxlinks {
    margin-left: 5px
}

div.boxlinks a {
    color: #122ef1
}

.checkoutsect .standout {
    color: #577b35 !important
}

.productInformation {
    border: 1px solid #ddd;
    border-top: 0;
    overflow: hidden;
    padding: 4px 15px 22px;
    -webkit-border-radius: 0 2px 2px 2px;
    border-radius: 0 2px 2px 2px
}

#ProdAddCart .prodinforow {
    vertical-align: middle;
    line-height: 20px;
    margin: 10px 0
}

#ProdAddCart .boxModule .prodinforow,
#ProdAddCart .boxModule .prodinforow label {
    font-size: 16px;
    width: auto
}

#ProdAddCart .boxModule {
    padding-bottom: 0
}

#ProdAddCart .boxModule select {
    width: 100%
}

#ProdAddCart .boxModule br {
    display: none
}

#ProdAddCart .boxModule .prodinforow {
    margin-bottom: 8px
}

#ProdAddCart .btn {
    width: 100%
}

.checkoutAVSButtons .primary,
.datagroup.actionButtons .primary {
    margin-bottom: 15px
}

#ProdAddCart .prodinforow label {
    float: left;
    font-weight: 400;
    margin-right: 10px;
    width: 100px;
    font-size: 16px
}

#ProdAddCart .prodinforow span.info {
    float: left;
    font-weight: 400
}

#ProdAddCart .prodinforow #prodinfo_sku {
    font-size: 16px
}

#ProdAddCart .prodinforow #prodinfo_retailprice {
    font-size: 16px;
    color: #656565
}

#ProdAddCart .prodinforow #totalsaleprice {
    font-size: 22px;
    color: #cf0000
}

#ProdAddCart .prodinforow #totalprice {
    font-size: 22px;
    color: #78a41a
}

#ProdAddCart .prodinforow #prodinfo_qty {
    border: 1px solid #ddd;
    color: #656565;
    font-weight: 400;
    text-align: center;
    width: 60px;
    height: auto;
    font-size: 16px;
    padding: 5px 3px;
    line-height: 16px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px
}

#ProdAddCart .prodinforow #prodinfo_qtylabel {
    padding-top: 5px
}

#ProdAddCart .prodinforow.qty {
    margin-bottom: 10px
}

#ProdAddCart .prodinforow span.price {
    font-weight: 700
}

#ProdAddCart .prodinforow span.info input {
    border: 1px solid #ddd;
    font-weight: 400;
    text-align: center;
    width: 40px;
    color: #656565
}

#ProdAddCart .prodinforow .actionButtons {
    margin: 15px 0
}

#ItemImage {
    text-align: center;
    margin: 15px auto
}

#prodImg {
    max-width: 100%;
    height: auto
}

.bCalloutWrapper {
    background: #f6f6f6;
    border: 1px solid #f1f1f1;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    padding: 20px 0 10px;
    margin-bottom: 16px
}

.bCalloutWrapper a {
    opacity: 1;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.bCalloutWrapper a:hover {
    opacity: .8
}

.bCartIDCalloutInner {
    display: block;
    margin: 10px auto;
    text-align: center
}

#productinfo #RelatedItems {
    margin: 0;
    font-size: 15px !important;
    border-top: 1px solid #e1e1e1;
    margin-top: 34px
}

#productinfo>#RelatedItems {
    padding-bottom: 20px;
    margin-top: 0
}

#productinfo #RelatedItems .Caption {
    background-color: #fff;
    font-weight: 400;
    padding: 20px 0 12px;
    color: #91a541;
    font-size: 19px
}

#productinfo #RelatedItems .CtnerImg {
    float: left;
    padding: 5px;
    height: 100px;
    width: 100px
}

#productinfo #RelatedItems .CtnerImg img {
    height: 100px;
    width: 100px
}

#productinfo #RelatedItems .CtnerInfo {
    float: right;
    width: 240px;
    padding-left: 10px
}

#productinfo #RelatedItems .certona_item {
    margin: 5px 0;
    padding-bottom: 5px
}

#productinfo #RelatedItems div:last-child {
    border-bottom: 0
}

#productinfo #RelatedItems .CtnerInfo .pd2 {
    font-weight: 400;
    padding: 5px 0;
    text-align: left;
    margin: 0 !important
}

#productinfo #RelatedItems .CtnerInfo br {
    display: none
}

#productinfo #RelatedItems .CtnerInfo>a {
    display: block;
    margin: 8px 0 5px;
    opacity: 1
}

#productinfo #RelatedItems .CtnerInfo>a:hover {
    opacity: .8
}

#productinfo #RelatedItems .CtnerInfo .pd2 a {
    color: #656565 !important;
    font-size: 15px;
    line-height: 18px
}

#productinfo #RelatedItems .CtnerInfo .pd2 .fnRed {
    color: #ba331d !important
}

@-webkit-keyframes blink {
    50% {
        border-color: #cf0000
    }
}

@-moz-keyframes blink {
    50% {
        border-color: #cf0000
    }
}

@keyframes blink {
    50% {
        border-color: #cf0000
    }
}

.blink {
    -webkit-animation: blink 1s ease-in-out 2 alternate;
    -moz-animation: blink 1s ease-in-out 2 alternate;
    -o-animation: blink 1s ease-in-out 2 alternate;
    animation: blink 1s ease-in-out 2 alternate
}

.configImage {
    display: inline-block;
    width: 49%;
    text-align: center;
    position: relative
}

.configImage::after {
    content: "";
    display: block;
    padding-bottom: 100%
}

#sliderContainer {
    display: block;
    margin-bottom: 20px
}

@media(min-width:992px) {
    .configImage::after {
        padding-bottom: 350px
    }
}

.configImage>div {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden
}

#productinfo #ItemImage .configImage>div img {
    max-height: 100%;
    max-width: 100%;
    margin: 0
}

.configImage img {
    max-height: 100%
}

#productinfo #ItemImage.configured #crossfadeimg {
    display: none
}

#productinfo #ItemImage.configured #prodImg,
#productinfo #ItemImage.configured #prodImg.enclosure {
    display: none
}

#productinfo #ItemImage #crossfadeimg {
    position: absolute;
    max-height: 350px;
    z-index: 10
}

#productinfo #ItemImage img.turnon {
    opacity: 1
}

#productinfo #ItemImage img.turnoff {
    opacity: 0;
    -webkit-transition: opacity 1s ease-out;
    -moz-transition: opacity 1s ease-out;
    -o-transition: opacity 1s ease-out;
    transition: opacity 1s ease-out
}

#moreimages img {
    max-width: 100%;
    height: auto
}

#productinfo #vid1,
#productinfo #vid2 {
    cursor: pointer
}

#ProductReview #Rating .RVotes {
    display: none
}

#ProductReview {
    display: none;
    padding: 1px 0;
    float: left;
    font-size: 12px;
    margin: 2px 15px 0 0
}

.loginsect input[type=button],
.loginsect input[type=submit] {
    padding: 5px 7px;
    margin-left: 6px;
    border-radius: 2px;
    background: #ddd;
    border: 1px solid #ccc;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -ms-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear
}

.loginsect input[type=button]:hover,
.loginsect input[type=submit]:hover {
    background: #eee
}

div.ditemNote p.itemNote {
    clear: both;
    font-family: arial regular;
    color: #cf0000;
    font-size: 12px;
    display: inline
}

div.pitemNote {
    margin-top: -5px;
    margin-bottom: 10px
}

div.pitemNote p.itemNote {
    clear: both;
    color: #cf0000;
    font-size: 14px;
    display: inline;
    text-transform: uppercase
}

div.addCartBtn {
    width: 100%;
    text-align: center
}

div.cartNotice {
    margin-top: 10px;
    margin-left: 5px;
    color: #a8a8a8;
    font-size: 13px
}

ul.options {
    background-color: #fefefe;
    float: right;
    width: 460px;
    font-size: 10px
}

ul.options div.headline {
    width: 460px;
    margin: 10px 0 7px 15px;
    color: #555
}

ul.options div.opt-line {
    border-top: 1px solid #eee;
    margin: 7px 15px 8px 7px;
    padding-top: 7px
}

.BUSprite {
    display: block;
    background: url(/images/buggies/BUSpriteLogos.png) no-repeat 0 0;
    margin: 0
}

.spriteBBB {
    width: 96px;
    height: 50px;
    background-position: -102px 0;
    display: inline-block
}

.spriteUPS {
    width: 180px;
    height: 50px;
    background-position: -198px 0;
    display: inline-block;
    margin-left: 20px
}

.spriteAgKits {
    width: 218px;
    height: 68px;
    background-position: -378px 0;
    display: inline-block;
    margin-left: 20px
}

.BUSprite:hover {
    opacity: .8
}

td span.orderDate {
    font-size: 13px;
    display: block
}

.myAccountOrderHistory {
    border-collapse: collapse;
    font-size: 14px;
    color: #525252;
    font-family: "Open Sans", helvetica, arial;
    text-align: left
}

.myAccountOrderHistory th {
    font-size: 15px;
    color: #656565;
    border-collapse: collapse;
    padding: 6px 1px;
    text-align: left
}

table.myAccountOrderHistory tr {
    border-bottom: 1px solid #e3e3e3
}

table.myAccountOrderHistory tr.BUNoLine {
    border-bottom: 0;
    color: #858585
}

.myAccountOrderHistory td {
    padding: 7px 1px
}

td.BUOrderHistoryFinalPrice {
    color: #525353;
    font-weight: 700
}

td.BUTotalLabel {
    text-align: right;
    padding-right: 38px
}

.myAccountOrderHistory .fas {
    font-size: 13px
}

.BUStatus .fa-check-circle,
.myAccountOrderHistory .fa-check-circle {
    color: #7fb100
}

.BUStatus .fa-times-circle,
.myAccountOrderHistory .fa-times-circle {
    color: #d86c6c
}

.myAccountWrapper .fa-clock {
    color: #a2a2a2
}

td.btnDetailsRight {
    display: none;
    text-align: center;
    line-height: 1em
}

td.btnDetailsRight span.fas {
    font-size: 18px
}

td.myAccountOrderHistoryItems,
th.myAccountOrderHistoryItems {
    padding-left: 0;
    padding-right: 10px;
    text-align: center
}

.BUMyAccount {
    margin-left: 14px
}

.BUMyAccount>p {
    font-size: 15px;
    color: #656565;
    margin-bottom: 12px
}

.BUMyAccount>p span {
    font-size: 13px;
    color: #787878;
    display: inline-block;
    margin-left: 4px
}

.BUMyAccount h1 {
    font-size: 22px;
    color: #656565;
    margin: 16px 0 20px
}

.BUMyAccount a {
    color: #08c
}

.myAccountWrapper h2 {
    border-bottom: 1px solid #e3e3e3;
    color: #424242;
    font-size: 15px;
    margin-bottom: 10px;
    padding-bottom: 1px;
    overflow: hidden
}

.myAccountWrapper h2 span {
    color: #dedede;
    font-weight: 400
}

.myAccountTrackOrders {
    padding: 20px;
    background: #f4f4f4;
    color: #444;
    font-size: 15px;
    margin-bottom: 16px;
    overflow: hidden
}

.myAccountTrackOrders p.tOButton {
    display: inline-block;
    text-align: right;
    vertical-align: middle;
    margin: 0 0 0 6px
}

.myAccountTrackOrders a:hover {
    opacity: .88
}

.myAccountTrackOrders p.tOMessage {
    display: inline-block;
    font-weight: 700;
    vertical-align: middle;
    margin: 0
}

.myAccountLeftCol,
.myAccountRightCol {
    font-size: 14px;
    width: 300px;
    color: #525353;
    line-height: 1.6em;
    font-family: arial, helvetica, sans-serif
}

.myAccountLeftCol {
    float: left;
    margin-left: 20px
}

.myAccountRightCol {
    float: right;
    margin-right: 20px
}

.btnOrderHistory,
.myAccountNavigation a {
    cursor: pointer;
    font-size: 14px;
    display: block;
    float: left;
    text-align: center;
    color: #656565;
    padding: 6px 8px;
    margin-right: 10px;
    border-radius: 2px;
    background: #ddd;
    border: 1px solid #ccc;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -ms-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
    -webkit-appearance: none
}

#content_main .myAccountNavigation a:hover,
.btnOrderHistory:hover {
    background: #eee;
    text-decoration: none
}

.BUMyAccountOrderDate,
.BUMyAccountOrderNumber {
    float: right
}

.BUMyAccountOrderDate {
    margin-left: 28px;
    margin-right: 4px
}

.BUMyAccountOrderStatus {
    float: left;
    font-weight: 700
}

.BUMyAccountTrackingLinks {
    margin: 0
}

.BUMyAccountTrackingNumbers p a {
    font-size: 13px
}

.BUMyAccountTrackingNumbers p a::after {
    content: ","
}

.BUMyAccountTrackingNumbers p a:last-child::after {
    content: ""
}

.BUStatus {
    font-size: 22px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: .4em
}

.BUStatus span.fas {
    font-size: 18px;
    margin-right: 6px
}

.BUMyAccountOrderDate p,
.BUMyAccountOrderNumber p {
    padding-top: 3px
}

p.orderDetailHeading {
    margin-top: 0;
    height: 17px;
    line-height: 17px;
    padding-top: 0;
    margin-bottom: .5em
}

p.upsIconSm {
    background: url(/images/buggies/upsTrackIcon.png) no-repeat 0 0;
    padding-left: 19px
}

table.BUMyAccountOrderTotals {
    float: right;
    font-size: 14px;
    color: #919191
}

.BUMyAccountLoginBox label {
    line-height: 1em;
    display: block;
    color: #737373;
    margin-bottom: 4px;
    float: none
}

.BUMyAccountLoginBox p {
    color: #6e6e6e;
    margin-bottom: 20px
}

.BUnewCustomer li {
    color: #888;
    margin-bottom: 16px;
    list-style-type: none
}

.BUnewCustomer li span {
    color: #a0b788;
    margin-right: 5px
}

.BUMyAccountLoginBox h2 {
    font-size: 18px;
    font-weight: 700;
    color: #656565;
    border-bottom: 0;
    line-height: 1.2em;
    margin-bottom: 5px
}

.BUFormItems input,
.BUFormItems select {
    box-sizing: border-box;
    clear: both;
    color: #333;
    height: auto;
    border: 1px solid #bbb;
    padding: 4px 5px;
    font-size: 15px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin-bottom: 6px;
    width: 100%
}

.BUFormItems input[type=password],
.BUFormItems input[type=text] {
    line-height: normal
}

.BUMyAccountLoginBox input {
    margin-bottom: 14px
}

.BUMyAccountLoginBox label a {
    float: right;
    font-size: 13px
}

.BUFormItems .BUButton,
.BUFormItems input[type=submit],
.BUMyAccountLoginBox a.BUButton,
.BUMyAccountLoginBox input[type=submit] {
    -webkit-appearance: none;
    display: block;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #0676c4;
    color: #fff;
    text-align: center;
    font-family: inherit, helvetica, arial;
    font-weight: 700;
    text-transform: uppercase;
    box-sizing: border-box;
    width: 240px;
    padding: 4px 10px;
    border: 0;
    font-size: 15px;
    cursor: pointer;
    line-height: normal
}

.BUFormItems .BUButton:hover {
    text-decoration: none !important;
    background: #0e89de
}

.BUMyAccountLoginBox a.BUButton {
    background: #a7a7a7
}

.BUMyAccountBtnAlign {
    height: 150px;
    overflow: hidden
}

.BUEditAccountData .datagroup {
    overflow: hidden;
    clear: both
}

.BUEditAccountData .datagroup span {
    font-size: 13px;
    color: #737373
}

.BUEditAccountData .datagroup label {
    float: left;
    font-size: 14px;
    margin-left: 30px;
    padding-top: 7px;
    text-align: right;
    width: 160px;
    margin-right: 20px;
    color: #737373
}

.BUButton.labelOffset {
    margin-left: 210px;
    margin-top: 10px
}

input[type=checkbox].labelOffset {
    margin-left: 210px;
    float: left;
    margin-right: 5px;
    width: auto
}

.BUReadOnly {
    padding-top: 16px;
    margin-bottom: 16px
}

.BUReadOnly label {
    line-height: 1.2em
}

.BUReadOnly p {
    font-size: 14px;
    font-weight: 700;
    color: #888;
    padding-top: 7px;
    margin: 0;
    line-height: 1.2em
}

.BUCheckboxAndLabel {
    margin: 6px 0
}

.BUTopOffset {
    padding-top: 26px
}

.BUForgotPasswordModal h2 {
    margin-bottom: 12px
}

.BUForgotPasswordModal span.fas {
    display: block;
    font-size: 44px;
    text-align: center;
    margin-right: 15px;
    margin-bottom: 10px
}

.BUForgotPasswordModal p {
    margin-bottom: 10px
}

.BUForgotPasswordModal label {
    margin-bottom: 3px;
    color: #656565;
    display: block
}

div#fb_lostpasswd {
    font-size: 14px;
    color: #888
}

.bContentWrap {
    font-size: 16px;
    padding: 0 0 10px 10px;
    color: #777
}

.bContentWrap h1 {
    font-size: 22px;
    font-weight: 400;
    color: #94b555;
    margin: 10px 0 16px
}

.bContentWrap p {
    line-height: 1.5em;
    margin-bottom: 1em
}

.bContentWrap p a {
    color: #0773bc
}

.bContentWrap p a:hover {
    color: #1089da
}

.bContentWrap .center {
    text-align: center
}

.bContentWrap .left {
    float: left
}

.bContentWrap .right {
    float: right
}

a.buButtonLargeBlue {
    margin-bottom: 30px !important;
    margin-top: 25px !important;
    text-align: center;
    display: block;
    background: #0773bc;
    text-decoration: none !important;
    color: #fff !important;
    text-transform: uppercase;
    font-weight: 700;
    padding: 9px 12px 6px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: background .18s ease;
    -moz-transition: background .18s ease;
    -ms-transition: background .18s ease;
    -o-transition: background .18s ease;
    transition: background .18s ease;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
    -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .5), 0 1px 0 0 rgba(0, 0, 0, .3);
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .5), 0 1px 0 0 rgba(0, 0, 0, .3)
}

a.buButtonLargeBlue:hover {
    background: #1089da
}

a.buButtonLargeBlue:active {
    background: #035d9a
}

a.btnContinueShoppingLarge {
    width: 190px;
    margin: 0 auto
}

.fb_iframe_widget {
    left: 50%;
    margin-left: -24px
}

.fancybox-skin {
    background: #fff !important;
    color: #333
}

.BUModalWrap {
    font-family: "Open Sans", arial, helvetica, sans-serif;
    font-size: 16px;
    color: #333;
    padding: 20px 30px
}

.ShipTableCanada,
.ShipTableUSA {
    text-align: left;
    background: #fcfcfc;
    font-size: 14px
}

.BUShipTable th {
    vertical-align: top;
    padding: 12px;
    background: #f5f5f5;
    font-weight: 400;
    font-size: 17px;
    color: #333;
    border-bottom: 2px solid #e7e7e7
}

.BUShipTable th:nth-child(2) {
    background: #e5efc3;
    border-bottom: 2px solid #dee8bc
}

.BUShipTable th:nth-child(3) {
    background: #dbe4c0;
    border-bottom: 2px solid #d5ddb9
}

.BUShipTable th span {
    display: block;
    font-size: 13px;
    font-weight: 400;
    color: #555
}

.BUShipTable td {
    padding: 8px 12px;
    border-bottom: 1px solid #e7e7e7;
    background: #f5f5f5
}

.BUShipTable td:nth-child(2) {
    background: #edf5d2;
    border-bottom: 1px solid #dee8bc
}

.BUShipTable td:nth-child(3) {
    background: #e3eacf;
    border-bottom: 1px solid #d5ddb9
}

.BUShipTable tr:last-child td {
    border-bottom: 0
}

.BUShipTable {
    width: 96%;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #d8d8d8;
    margin-bottom: 30px;
    width: 100%
}

.BUShipTable tr:first-child th:first-child {
    -moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px;
    border-top-left-radius: 6px
}

.BUShipTable tr:first-child th:last-child {
    -moz-border-radius-topright: 6px;
    -webkit-border-top-right-radius: 6px;
    border-top-right-radius: 6px
}

.BUShipTable tr:last-child td:first-child {
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.BUShipTable tr:last-child td:last-child {
    -moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.BUDescPromoTag {
    overflow: hidden;
    padding: 5px 0 10px;
    border-bottom: 1px dotted #eee;
    margin-bottom: 7px
}

.BUDescPromoTag img {
    display: block;
    float: left
}

.BUDescPromoTag span {
    display: block;
    float: left;
    width: 340px;
    color: #cf0001;
    font-size: 15px;
    padding-left: 6px;
    line-height: 1.9em
}

.bUEmailSignupForm {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 5px 10px;
    padding: 0 10px 60px
}

.bUEmailSignupForm .intro {
    padding: 0 5px
}

.frmError p.error,
p.error {
    font-weight: 400;
    border: 1px solid #ffdcdc;
    color: #cf0001;
    font-size: 14px;
    background: #fee;
    text-align: center;
    padding: 15px 0 13px;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 1.1em
}

p.error::before {
    content: '\f071';
    font-family: "Font Awesome 5 Pro";
    padding-right: 6px
}

.frmError p.error {
    font-size: 12px;
    padding: 10px 5px;
    line-height: 1.4em;
    width: auto;
    margin: 0
}

.addForOffer,
p.notification {
    border: 1px solid #c6e5fb;
    color: #257fd1;
    font-size: 14px;
    background: #f5fbff;
    text-align: center;
    padding: 15px 0 13px;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 1.3
}

.addForOffer p {
    font-size: 15px;
    font-weight: 900;
    margin-bottom: 0
}

.addForOffer p a {
    font-size: 13px;
    font-weight: 400
}

p.notificationSPORD {
    border: 1px solid #c6e5fb;
    color: #257fd1;
    font-size: 14px;
    background: #f5fbff;
    text-align: center;
    padding: 6px 0;
    margin-top: 10px;
    margin-bottom: 10px
}

p.notificationSPORD::before {
    content: '\f0d1';
    font-family: "Font Awesome 5 Pro";
    padding-right: 6px
}

span.TurnToReviewsTeaser {
    margin-right: .5em
}

span.TurnToItemTeaser,
span.TurnToReviewsTeaser {
    display: inline-block;
    float: left
}

.TTratingBox {
    margin-right: 5px;
    margin-bottom: 6px
}

.TTratingLinks,
.TTwriteReview,
.TurnToItemTeaser {
    font-size: 13px;
    line-height: 20px;
    font-family: inherit;
    letter-spacing: -.02em
}

.TurnToItemTeaser a,
.TurnToReviewsTeaser a {
    color: #257fd1
}

.TurnToItemTeaser a:hover,
.TurnToReviewsTeaser a:hover {
    color: #257fd1
}

.TTQATeaser {
    float: right;
    background: #f5f5f5;
    width: 300px;
    padding: 20px;
    border: 1px solid #ececec;
    margin-top: 20px
}

.productDesc {
    float: left
}

.prodPageSection .TTinputTeaserHeader {
    width: auto;
    color: #656565
}

.TT3itemBox,
.TTreview {
    border: 1px solid #f5f5f5;
    border-left: 4px solid #a9c762 !important;
    background: #f9f9f9 !important;
    padding: 20px 20px 20px 15px !important
}

.TTbestAnswer {
    color: #f98100 !important
}

#TurnToReviewsContent {
    margin-bottom: 40px
}

#TTtraWindow .TT3aboutLine a,
#TTtraWindow .TT3linkLine a,
#TurnToContent .TT3aboutLine a,
#TurnToContent .TT3linkLine a,
#TurnToContent .TTrevLinkLine,
#TurnToContent .TTrevLinkLine a,
#TurnToReviewsContent .TT3aboutLine a,
#TurnToReviewsContent .TTrevLinkLine a {
    color: #656565 !important;
    font-weight: 400 !important
}

#TT3RightLinks a:hover,
#TTreviews a:hover,
#TTtraWindow .TT3aboutLine a:hover,
#TTtraWindow .TT3linkLine a:hover,
#TurnToContent .TT3aboutLine a:hover,
#TurnToContent .TT3linkLine a:hover,
#TurnToContent .TTrevLinkLine,
#TurnToContent .TTrevLinkLine a:hover,
#TurnToReviewsContent .TT3aboutLine a:hover,
#TurnToReviewsContent .TTrevLinkLine a:hover,
a#TT4questionTextHelp:hover {
    color: #257fd1 !important
}

.TTreviewSummary {
    background: #f9f9f9 !important
}

.TTratingBoxBorder {
    border: none !important;
    background: 0 0 !important
}

.TTreviewTitle {
    font-family: inherit !important;
    color: #636363;
    font-size: 16px;
    margin-bottom: 7px
}

.TTreviewBody {
    margin-bottom: 10px !important;
    line-height: 1.4em;
    color: #656565;
    font-size: 14px
}

.TT4pen,
.TT4thumb {
    position: relative;
    top: 2px
}

.TT3qText {
    color: #444 !important
}

.TT4AskBkgAndBorder {
    background: #f9f9f9 !important
}

#TT4questionTextWrap textarea {
    font-size: 18px !important;
    padding-top: 7px !important
}

span.TTinstAnsresultCountText {
    color: #656565 !important
}

div.TT4chatIcon {
    margin-top: 7px !important;
    margin-left: 7px !important
}

div.TT4startTyping {
    color: #444 !important
}

#TT4closeQuestionBox {
    top: 5px !important
}

div#TT3relatedQuestionsWrp {
    margin-top: 14px !important
}

span.TTrespDesktopLandscapeDisp {
    font-weight: 700 !important;
    font-size: 16px !important;
    padding-left: 0 !important;
    padding-bottom: 0 !important
}

.TT8,
.TTtitle,
div #TT3UPContent .TTtitle {
    padding-left: 0 !important;
    padding-bottom: 0 !important;
    font-size: 16px !important
}

#TTSubDialogSection .TT8 {
    padding: 8px 8px 8px 11px !important
}

span.TT3staffBadge {
    background: #f98d02
}

span.TT3youBadge {
    background: #a9c865
}

span.TT3timeStamp {
    color: #989898
}

.TTGalleryTitleText {
    font-size: 15px !important;
    color: #949494;
    float: left;
    line-height: 20px
}

.TTGalleryTitle {
    border-color: #f5f5f5 !important
}

.TTGalleryContent {
    border-bottom: none !important
}

.TTGalleryPageLeft:hover,
.TTGalleryPageRight:hover {
    opacity: .6
}

#TT4UPBreakdownCol-comments,
#TTchatterTab {
    display: none !important
}

input[type=button].TT4instAnswNext {
    background-color: initial !important;
    background-position: 0 -1229px
}

input[type=button].TT4instAnswNext:hover {
    background-position: 0 -1261px
}

@media only screen and (max-width:479px) and (min-width:320px) {
    #TTexUgcL span {
        text-align: left !important
    }

    #TTreviewSort,
    #TTsearchTermGrp {
        width: 100% !important
    }
}

.TT3addedText,
.TT3carouselLeft,
.TT3carouselRight,
.TT3clearSearchMiqa,
.TT3removeAttachedItem,
.TT3yesVote,
.TT4answVoteCallArrow,
.TT4breakdown,
.TT4breakdownPercent,
.TT4chatIcon,
.TT4closeIcon,
.TT4collapse,
.TT4expand,
.TT4instAnswNext,
.TT4miqAdd,
.TT4miqaScrollL,
.TT4miqaScrollR,
.TT4pen,
.TT4reviewRange,
.TT4reviewRangeDot,
.TT4reviewRangeSmall,
.TT4searchIcon,
.TT4showMoreImg,
.TT4showMoreSmallImg,
.TT4thumb,
.TT4writeReviewBtn,
.TTbigSubmitBtn,
.TTblankBtn,
.TTcancelBtn,
.TTcancelDupBtn,
.TTclearRevSearch,
.TTcloseBtn,
.TTconfirmDupBtn,
.TTcustom-0-0,
.TTcustom-0-5,
.TTcustom-1-0,
.TTcustom-1-5,
.TTcustom-2-0,
.TTcustom-2-5,
.TTcustom-3-0,
.TTcustom-3-5,
.TTcustom-4-0,
.TTcustom-4-5,
.TTcustom-5-0,
.TTcustomSmall-0-0,
.TTcustomSmall-0-5,
.TTcustomSmall-1-0,
.TTcustomSmall-1-5,
.TTcustomSmall-2-0,
.TTcustomSmall-2-5,
.TTcustomSmall-3-0,
.TTcustomSmall-3-5,
.TTcustomSmall-4-0,
.TTcustomSmall-4-5,
.TTcustomSmall-5-0,
.TTdoneBtn,
.TTfacebookDelAuth,
.TTfacebookNoShare,
.TTfacebookShare,
.TTgmailDelAuth,
.TTinputTeaserBubble1,
.TTrating-0-0,
.TTrating-0-5,
.TTrating-1-0,
.TTrating-1-5,
.TTrating-2-0,
.TTrating-2-5,
.TTrating-3-0,
.TTrating-3-5,
.TTrating-4-0,
.TTrating-4-5,
.TTrating-5-0,
.TTsaveBtn,
.TTsearchBtn,
.TTsmallSubmitBtn,
.TTsqvBack,
.TTsqvForward,
.TTtwitterDelAuth,
.TTtwitterNoShare,
.TTtwitterShare,
.TTupdateBtn,
.TTvc-add-new-photo,
.TTvc-add-new-video,
.TTvc-add-take-photo,
.TTvc-add-video,
.TTvc-add-video-disabled,
.TTvc-add-your-photo,
.TTvc-add-your-video,
.TTvc-back,
.TTvc-back-disabled,
.TTvc-bar-media-lg-photo,
.TTvc-bar-media-lg-photo-on,
.TTvc-bar-media-lg-video,
.TTvc-bar-media-lg-video-on,
.TTvc-bar-media-md-photo,
.TTvc-bar-media-md-video,
.TTvc-btn-fab-top,
.TTvc-btn-submit-new-question,
.TTvc-btn-submit-question,
.TTvc-checkbox-off,
.TTvc-checkbox-on,
.TTvc-clear,
.TTvc-continue,
.TTvc-delete,
.TTvc-edit-profile,
.TTvc-facebook,
.TTvc-flag,
.TTvc-flag-md,
.TTvc-flag-on,
.TTvc-icon-lg-video,
.TTvc-icon-md-video,
.TTvc-like,
.TTvc-like-md,
.TTvc-like-on,
.TTvc-link,
.TTvc-next,
.TTvc-next-disabled,
.TTvc-phone-md,
.TTvc-pinterest,
.TTvc-question,
.TTvc-radio-off,
.TTvc-radio-on,
.TTvc-settings,
.TTvc-share,
.TTvc-share-a-photo,
.TTvc-share-media,
.TTvc-share-on,
.TTvc-share-photo-alt,
.TTvc-slider-bg,
.TTvc-slider-dot,
.TTvc-slider-dot-off,
.TTvc-star-lg-empty,
.TTvc-star-lg-filled,
.TTvc-star-lg-half,
.TTvc-star-md-empty,
.TTvc-star-md-filled,
.TTvc-star-md-half,
.TTvc-submit,
.TTvc-submit-disabled,
.TTvc-tag-media,
.TTvc-twitter,
.TTvc-x-media,
.TTvc-x-media-sm,
input[type=checkbox].TTcheckbox+label.TTlabel {
    background-image: url(/images/buggies/TTSprite.png) !important;
    background-repeat: no-repeat
}

@media only screen and (min--moz-device-pixel-ratio:2),
only screen and (-o-min-device-pixel-ratio:21),
only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2) {

    .TT3addedText,
    .TT3carouselLeft,
    .TT3carouselRight,
    .TT3clearSearchMiqa,
    .TT3removeAttachedItem,
    .TT3yesVote,
    .TT4answVoteCallArrow,
    .TT4breakdown,
    .TT4breakdownPercent,
    .TT4chatIcon,
    .TT4closeIcon,
    .TT4collapse,
    .TT4expand,
    .TT4instAnswNext,
    .TT4miqAdd,
    .TT4miqaScrollL,
    .TT4miqaScrollR,
    .TT4pen,
    .TT4reviewRange,
    .TT4reviewRangeDot,
    .TT4reviewRangeSmall,
    .TT4searchIcon,
    .TT4showMoreImg,
    .TT4showMoreSmallImg,
    .TT4thumb,
    .TT4writeReviewBtn,
    .TTbigSubmitBtn,
    .TTblankBtn,
    .TTcancelBtn,
    .TTcancelDupBtn,
    .TTclearRevSearch,
    .TTcloseBtn,
    .TTconfirmDupBtn,
    .TTcustom-0-0,
    .TTcustom-0-5,
    .TTcustom-1-0,
    .TTcustom-1-5,
    .TTcustom-2-0,
    .TTcustom-2-5,
    .TTcustom-3-0,
    .TTcustom-3-5,
    .TTcustom-4-0,
    .TTcustom-4-5,
    .TTcustom-5-0,
    .TTcustomSmall-0-0,
    .TTcustomSmall-0-5,
    .TTcustomSmall-1-0,
    .TTcustomSmall-1-5,
    .TTcustomSmall-2-0,
    .TTcustomSmall-2-5,
    .TTcustomSmall-3-0,
    .TTcustomSmall-3-5,
    .TTcustomSmall-4-0,
    .TTcustomSmall-4-5,
    .TTcustomSmall-5-0,
    .TTdoneBtn,
    .TTfacebookDelAuth,
    .TTfacebookNoShare,
    .TTfacebookShare,
    .TTgmailDelAuth,
    .TTinputTeaserBubble1,
    .TTrating-0-0,
    .TTrating-0-5,
    .TTrating-1-0,
    .TTrating-1-5,
    .TTrating-2-0,
    .TTrating-2-5,
    .TTrating-3-0,
    .TTrating-3-5,
    .TTrating-4-0,
    .TTrating-4-5,
    .TTrating-5-0,
    .TTsaveBtn,
    .TTsearchBtn,
    .TTsmallSubmitBtn,
    .TTsqvBack,
    .TTsqvForward,
    .TTtwitterDelAuth,
    .TTtwitterNoShare,
    .TTtwitterShare,
    .TTupdateBtn,
    .TTvc-add-new-photo,
    .TTvc-add-new-video,
    .TTvc-add-take-photo,
    .TTvc-add-video,
    .TTvc-add-video-disabled,
    .TTvc-add-your-photo,
    .TTvc-add-your-video,
    .TTvc-back,
    .TTvc-back-disabled,
    .TTvc-bar-media-lg-photo,
    .TTvc-bar-media-lg-photo-on,
    .TTvc-bar-media-lg-video,
    .TTvc-bar-media-lg-video-on,
    .TTvc-bar-media-md-photo,
    .TTvc-bar-media-md-video,
    .TTvc-btn-fab-top,
    .TTvc-btn-submit-new-question,
    .TTvc-btn-submit-question,
    .TTvc-checkbox-off,
    .TTvc-checkbox-on,
    .TTvc-clear,
    .TTvc-continue,
    .TTvc-delete,
    .TTvc-edit-profile,
    .TTvc-facebook,
    .TTvc-flag,
    .TTvc-flag-md,
    .TTvc-flag-on,
    .TTvc-icon-lg-video,
    .TTvc-icon-md-video,
    .TTvc-like,
    .TTvc-like-md,
    .TTvc-like-on,
    .TTvc-link,
    .TTvc-next,
    .TTvc-next-disabled,
    .TTvc-phone-md,
    .TTvc-pinterest,
    .TTvc-question,
    .TTvc-radio-off,
    .TTvc-radio-on,
    .TTvc-settings,
    .TTvc-share,
    .TTvc-share-a-photo,
    .TTvc-share-media,
    .TTvc-share-on,
    .TTvc-share-photo-alt,
    .TTvc-slider-bg,
    .TTvc-slider-dot,
    .TTvc-slider-dot-off,
    .TTvc-star-lg-empty,
    .TTvc-star-lg-filled,
    .TTvc-star-lg-half,
    .TTvc-star-md-empty,
    .TTvc-star-md-filled,
    .TTvc-star-md-half,
    .TTvc-submit,
    .TTvc-submit-disabled,
    .TTvc-tag-media,
    .TTvc-twitter,
    .TTvc-x-media,
    .TTvc-x-media-sm,
    input[type=checkbox].TTcheckbox+label.TTlabel {
        background-image: url(/images/buggies/TTSpriteRetina.png) !important;
        background-repeat: no-repeat !important;
        background-size: 298px 4152px !important
    }
}

@media only screen and (min-width:320px) and (max-width:480px) and (min--moz-device-pixel-ratio:2),
only screen and (-o-min-device-pixel-ratio:21),
only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2) {
    .TTsqvBack {
        background-image: url(/images/buggies/TTSpriteRetina.png) !important;
        background-position: 0 -673px;
        background-size: 298px 4152px
    }

    .TTsqvBack:hover {
        background-image: url(/images/buggies/TTSpriteRetina.png) !important;
        background-position: 0 -705px;
        background-size: 298px 4152px
    }
}

.TT-close-icon,
.TT-icon-facebook,
.TT-icon-flag,
.TT-icon-pinterest,
.TT-icon-thumbs-up,
.TT-icon-twitter,
.TT-shop-now-button,
.TT-submit-btn,
.TT-vc-carousel__back,
.TT-vc-carousel__back--small,
.TT-vc-carousel__next,
.TT-vc-carousel__next--small {
    background-image: url(/images/buggies/TTSprite.png);
    background-repeat: no-repeat
}

@media only screen and (min--moz-device-pixel-ratio:2),
only screen and (-o-min-device-pixel-ratio:21),
only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2) {

    .TT-close-icon,
    .TT-icon-facebook,
    .TT-icon-flag,
    .TT-icon-pinterest,
    .TT-icon-thumbs-up,
    .TT-icon-twitter,
    .TT-shop-now-button,
    .TT-submit-btn,
    .TT-vc-carousel__back,
    .TT-vc-carousel__back--small,
    .TT-vc-carousel__next,
    .TT-vc-carousel__next--small {
        background-image: url(/images/buggies/TTSpriteRetina.png) !important;
        background-size: 298px 4152px
    }
}

ul#TTprofileTabs li {
    padding: 5px 36px !important
}

ul#TTprofileTabs li#TTanswersTab,
ul#TTprofileTabs li#TTchatterTab,
ul#TTprofileTabs li#TTquestionsTab,
ul#TTprofileTabs li#TTreviewsTab {
    padding: 5px 36px !important
}

.teaserWrappers {
    clear: both
}

#image_block {
    clear: both
}

#product-description-bb {
    padding: 25px 0
}

#product-description-bb h2 {
    font-size: 22px
}

#product-description-bb .container-bb {
    margin-bottom: 50px
}

#product-description-bb #video-contain {
    height: auto !important;
    margin-bottom: 20px !important;
    overflow: hidden;
    padding-bottom: inherit !important;
    padding-top: 56.25% !important;
    position: relative
}

#product-description-bb #video-contain iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100% !important;
    border: 1px #e5e5e5 solid;
    display: block
}

#questionsAndAnswers {
    padding: 50px 0
}

.container-fluid {
    padding-left: 0;
    padding-right: 0
}

.container-bb {
    padding-left: 0;
    padding-right: 0
}

.row {
    margin-left: 0;
    margin-right: 0
}

.btn.klaviyo_submit_button {
    width: 100%;
    background: #f98100;
    border: 0;
    color: #fff;
    padding: 9px 0
}

#k_id_email {
    width: 100%;
    margin-bottom: 15px
}

.phone-bb {
    font-size: 20px;
    padding: 10px 0
}

.footerLinks {
    background: #fff
}

.footerLinks a {
    color: #fff
}

.footer-links-bb ul {
    -webkit-padding-start: 0;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0
}

.footerLinks .fa-facebook {
    margin-right: .4em
}

.footer-links-bb ul li {
    border-bottom: 1px #656565 solid;
    margin: 2px 0;
    text-align: center;
    list-style: none;
    list-style-type: none
}

.footer-links-bb ul li a {
    color: #fff;
    display: block;
    padding: 12px 0
}

.footer-links-container-bb {
    background: #69bf4a;
    padding-bottom: 50px;
    margin-top: -2px
}

.footer-base-bb {
    background: #fff;
    padding: 25px 15px;
    margin-top: 25px
}

.desktop-switch {
    margin-bottom: 25px
}

.fa,
.fal,
.far,
.fas {
    font-family: "Font Awesome 5 Pro"
}

.clearfix:after {
    content: "";
    display: table;
    clear: both
}

.leftAside {
    background: #f7f7f7;
    width: 250px;
    float: left;
    margin: 0 25px 0 1px;
    border-radius: 0;
    border: 1px #e1e1e1 solid;
    position: relative
}

.leftAside a {
    text-decoration: none !important
}

#myacctNav {
    width: 100%;
    color: #444;
    list-style: none;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-padding-start: 0
}

.myacct-edit .leftAside .welcome {
    padding: 15px 0 20px;
    text-align: center;
    font-size: 2em;
    font-weight: 700;
    line-height: 1em;
    border-bottom: 1px #e1e1e1 solid;
    color: #656565
}

.myacct-edit .leftAside .welcome span {
    font-size: .65em
}

#myacctNav .link {
    border-bottom: 1px #e1e1e1 solid;
    font-size: 1em;
    height: 50px;
    overflow: hidden
}

#myacctNav .link:last-child {
    border-bottom: 0
}

#myacctNav .link a {
    display: block;
    color: #656565;
    vertical-align: middle
}

#myacctNav .link:hover {
    background: #e3e3e3
}

#myacctNav .link a .fas {
    width: 50px;
    overflow: hidden;
    padding: 15px;
    background: #ebebeb;
    color: #bdbdbd;
    font-size: 1.25em
}

#myacctNav .link a .label {
    padding: 15px 5px 12px;
    float: right;
    width: 75%;
    font-size: .9em
}

.myacctNavActive {
    background: #f98100
}

#myacct-menu-btn {
    display: none;
    width: 140px;
    position: absolute;
    top: 58px;
    right: -85px;
    padding: 2px 10px;
    background: #257fd1;
    color: #fff;
    font-size: .9em;
    text-transform: uppercase;
    transform: rotateZ(-90deg);
    box-shadow: rgba(0, 0, 0, .5) -3px 3px 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

#myacct-menu-btn .open {
    display: none
}

#myacct-menu-btn .fas {
    font-size: 1.5em
}

#myacct-menu-btn:hover {
    cursor: pointer
}

@media(max-width:830px) {
    #myacct-menu-btn {
        display: block;
        z-index: 9999
    }

    .leftAside {
        z-index: 3000;
        position: fixed;
        top: 200px;
        left: -250px;
        border-bottom-right-radius: 3px;
        box-shadow: rgba(0, 0, 0, .5) 3px 3px 3px
    }

    .leftAsideOpen {
        left: 0 !important
    }
}

#myacctNav #svg-cart {
    width: 50px;
    padding: 0;
    height: 50px;
    background: #ebebeb;
    float: left;
    overflow: hidden
}

#myacctNav li:nth-child(3) path {
    fill: #bdbdbd
}

#loginasp {
    width: 100% !important;
    padding-top: 20px;
    padding-left: 0;
    padding-bottom: 100px
}

#loginasp .loginform {
    background: #f7f7f7;
    width: 80%;
    max-width: 500px;
    margin: 50px auto 20px;
    border: 1px #e1e1e1 solid;
    border-radius: 0
}

#loginasp .loginform hgroup {
    padding: 15px;
    text-align: center;
    border-bottom: 1px #e1e1e1 solid
}

#loginasp .loginform hgroup h2 {
    width: 100%;
    text-transform: none;
    font-size: 1.8em;
    margin-top: -5px
}

#loginasp .loginform hgroup p {
    margin-bottom: 0;
    font-weight: 700;
    font-size: 1.1em
}

#loginasp .loginform .BUMyAccountBtnAlign {
    width: 90%;
    max-width: 300px;
    margin: 40px auto 0
}

#loginasp .loginform .datagroup {
    padding: 0
}

#loginasp .loginform .datagroup label {
    clear: left;
    padding: 5px 0;
    color: #444;
    font-weight: 700
}

#loginasp .loginform input[type=submit] {
    width: 90%;
    max-width: 300px;
    margin: 15px auto 25px;
    text-align: center;
    padding: 10px 0
}

#loginasp .loginform .forgotPass {
    width: 70%;
    margin: 0 15% 25px;
    padding: 0;
    text-align: center
}

#loginasp .BUnewCustomer {
    width: 100%;
    max-width: 440px;
    float: none;
    padding: 25px 5px;
    background: #f7f7f7;
    border: 1px #e1e1e1 solid;
    margin: 0 auto
}

#loginasp .BUnewCustomer h2 {
    margin: 0 auto;
    color: #6a9147;
    font-size: 1.85em;
    font-weight: 700;
    line-height: 1.2em;
    text-align: center
}

#loginasp .BUnewCustomer h2 .smaller {
    font-size: .7em;
    font-weight: 700;
    color: #444
}

#loginasp .BUnewCustomer .svg-inline--fa {
    margin-right: 8px
}

#loginasp .BUnewCustomer .BUMyAccountBtnAlign {
    width: 90%;
    max-width: 500px;
    margin: 0 auto;
    padding: 35px 0 15px;
    height: auto
}

#loginasp .BUnewCustomer .BUMyAccountBtnAlign li {
    width: 100%;
    max-width: 250px;
    margin: 0 auto 25px;
    font-size: 1em;
    color: #444
}

#loginasp .BUnewCustomer .BUMyAccountBtnAlign li span {
    font-size: 1.5em;
    padding-right: 10px;
    vertical-align: middle
}

#loginasp .BUnewCustomer .BUButton {
    width: 90%;
    max-width: 300px;
    margin: 0 auto 15px;
    background: #257fd1;
    text-align: center;
    padding: 10px 0
}

#content.myacct-edit {
    width: 100%;
    max-width: 1170px;
    padding: 100px 0;
    margin: 0 auto
}

#content_main2 {
    width: calc(100% - 300px);
    float: left
}

#content.myacct-edit h1 {
    text-transform: uppercase;
    border-bottom: 1px #e3e3e3 solid;
    padding-bottom: 15px;
    font-size: 1.45em;
    line-height: 1em;
    color: #444
}

#creditCardDetail,
#myacct-newcust {
    width: 100%;
    padding: 25px 25px 50px;
    border: 1px #e3e3e3 solid;
    margin-bottom: 75px
}

#creditCardDetail h2 {
    border-bottom: 0;
    font-size: 1.35em;
    text-align: center;
    margin-bottom: 25px;
    text-transform: uppercase;
    line-height: 1em;
    color: #444
}

#creditCardDetail .datagroup {
    overflow: visible
}

#expMonth,
#expYear {
    width: 105px;
    margin-right: 10px
}

input[name=securityCode] {
    width: 75px
}

#locateCode {
    color: #257fd1;
    font-size: .9em;
    margin-bottom: 15px
}

#locateCode:hover {
    cursor: pointer
}

#secCodeLoc {
    margin-bottom: 25px
}

.secCodeLocRel {
    position: relative
}

#secCodeExpl {
    display: none;
    position: absolute;
    top: -35px;
    right: 5px;
    left: 300px;
    z-index: 9999;
    background: #fff;
    color: #444;
    border: 1px #e1e1e1 solid;
    box-shadow: rgba(0, 0, 0, .5) 3px 3px 3px;
    padding: 15px
}

#secCodeExpl p {
    font-size: 1em;
    line-height: 1.2em
}

#secCodeExpl .close {
    float: right;
    padding: 3px 3px 0 0;
    margin-top: -10px
}

#secCodeExpl .close:hover {
    cursor: pointer
}

@media(max-width:992px) {
    #secCodeExpl {
        left: 0
    }
}

@media(max-width:830px) {
    #ma-nav .link a svg {
        margin-top: 15px;
        margin-left: 10px
    }

    #content.myacct-edit {
        padding: 50px 0
    }

    #content_main2 {
        width: 95%;
        float: right;
        margin-right: 15px
    }

    #creditCardDetail,
    #myacct-newcust {
        padding: 25px 10px 50px
    }

    #creditCardDetail .datagroup label,
    #myacct-newcust .datagroup label {
        width: 100%;
        text-align: left;
        margin-left: 0;
        margin-right: 0
    }

    #creditCardDetail input,
    #creditCardDetail select,
    #myacct-newcust input,
    #myacct-newcust select {
        width: 100%;
        margin-bottom: 10px
    }

    #creditCardDetail .BUButton.labelOffset,
    #myacct-newcust .BUButton.labelOffset {
        margin-left: 0;
        font-size: .85em;
        padding: 10px
    }

    #content_main2.ma-order-detail.loggedout {
        width: 92%;
        float: none;
        margin-right: 15px;
        margin-left: 15px
    }
}

.myacct-table {
    font-size: 16px
}

.myacct-table th {
    padding: 15px 5px;
    background: #ebebeb;
    color: #444
}

.myacct-table td {
    padding: 15px 0;
    color: #444
}

.myacct-table td a {
    font-weight: 700
}

.myacct-table td a:hover {
    text-decoration: none !important;
    color: #444
}

.myacct-table tr:hover {
    background: #257fd1
}

.myacct-table tr:hover far,
.myacct-table tr:hover fas,
.myacct-table tr:hover td,
.myacct-table tr:hover td a {
    color: #fff;
    text-decoration: none
}

.myacct-table tr:hover td a {
    text-decoration: underline;
    display: block
}

.myacct-table td .far.fa-clock {
    color: #257fd1
}

.myacct-table td .fas.fa-ban {
    color: #656565
}

.myacct-table td .fas.fa-shipping-fast {
    color: #6a9147
}

.myacct-table tr td a .orderDate {
    color: #656565
}

.myacct-table tr:hover td a .orderDate {
    color: #fff
}

#quick-order-table-sm {
    display: none
}

.quick-order-content p {
    line-height: 1.5em;
    color: #444;
    margin-bottom: 50px
}

#quick-order-table {
    padding: 35px 25px;
    border: 1px #ebebeb solid
}

#quick-order-table-sm {
    padding: 35px 15px;
    border: 1px #ebebeb solid
}

#quick-order-table table {
    margin: 0 auto;
    font-size: .85em
}

#quick-order-table-sm table {
    margin: 0 auto;
    font-size: 1em
}

#quick-order-table table tr td,
#quick-order-table-sm table tr td {
    padding: 5px
}

#quick-order-table table .itemNumLabel {
    width: 110px;
    font-weight: 700;
    text-align: right;
    color: #444;
    padding-right: 5px;
    line-height: 1em
}

#quick-order-table table .qtyLabel {
    width: 40px;
    font-weight: 700;
    text-align: right;
    color: #444;
    padding-right: 5px
}

#quick-order-table table .itemNum .i250 {
    width: 250px
}

#quick-order-table-sm .itemNum .i250 {
    width: 150px
}

#quick-order-table table .qty {
    width: 40px
}

#quick-order-table table .itemNum input,
#quick-order-table table .qty input {
    padding: 5px
}

#quick-order-table table .submitBtn,
#quick-order-table-sm table .submitBtn {
    padding: 25px 0 0;
    text-align: center
}

#quick-order-table table input[type=submit],
#quick-order-table-sm table input[type=submit] {
    padding: 10px 0;
    width: 200px;
    background: #257fd1;
    color: #fff;
    text-shadow: rgba(0, 0, 0, .5) 2px 2px 2px;
    font-weight: 700;
    border: 0
}

@media(max-width:630px) {
    #sliderContainer {
        display: none !important
    }

    #quick-order-table {
        display: none
    }

    #quick-order-table-sm {
        display: block
    }

    .reviewCount {
        float: right
    }

    .gridReviewCount {
        margin-top: 5px
    }
}

#mywish-table {
    font-size: 16px;
    margin-bottom: 30px
}

#mywish-table th {
    font-weight: 700;
    text-align: left;
    padding: 15px;
    background: #ebebeb;
    color: #444
}

#mywish-table tr td {
    border-bottom: 1px #ebebeb solid
}

#mywish-table tr td table {
    float: left
}

#mywish-table .prod-image {
    padding: 15px 10px
}

#mywish-table .prod-image a img {
    width: auto;
    max-width: calc(100% - 10px);
    height: auto;
    padding: 3px
}

#mywish-table .description {
    width: 200px;
    padding: 15px 10px
}

#mywish-table .description .descr-table td {
    color: #444;
    font-size: .85em;
    line-height: 1.25em;
    padding-bottom: 10px;
    border-bottom: 0
}

#mywish-table tr td .delete {
    color: #444;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: -.5px;
    font-size: .9em
}

.wish-buttons {
    font-size: 16px
}

.wish-buttons td a,
.wish-buttons td input[type=submit] {
    padding: 12px 25px;
    text-align: center;
    color: #aaa;
    border: 1px #aaa solid;
    font-size: .85em;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none !important
}

.wish-buttons td input[type=submit] {
    width: 90%;
    margin: 0 0 25px;
    background: 0
}

.wish-buttons td a {
    width: 90%;
    margin: 0 0 25px;
    background: 0
}

#mywish-table .wish-card {
    width: 225px;
    float: left;
    padding: 25px;
    margin: 0 20px 50px 0;
    border: 1px #ebebeb solid
}

#mywish-table .wish-card .qty {
    width: 25%;
    float: left
}

#mywish-table .wish-card .qty input {
    padding: 8px
}

#mywish-table .wish-card .add-to-cart {
    width: 65%;
    float: left;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    background: #257fd1;
    padding: 10px 10px;
    text-transform: uppercase;
    text-shadow: rgba(0, 0, 0, .5) 2px 2px 3px;
    text-decoration: none !important;
    text-align: center
}

.ma-dashboard {
    margin-bottom: 75px
}

.ma-dashboard-container {
    display: flex;
    flex-wrap: wrap;
    font-size: 16px
}

.ma-dashboard .ma-track-orders {
    width: 100%;
    margin: 0 0 50px;
    border: 1px #ebebeb solid;
    background: #f7f7f7;
    padding: 25px 10px;
    text-align: center
}

.ma-dashboard .ma-track-orders p {
    font-size: 1.35em;
    font-weight: 700;
    line-height: 1.15em;
    color: #656565
}

.ma-dashboard .ma-track-orders p.cta {
    text-align: center;
    background: #257fd1;
    text-transform: uppercase;
    font-size: .9em;
    text-shadow: rgba(0, 0, 0, .5) 2px 2px 2px;
    border-radius: 3px;
    margin-top: 15px
}

.ma-dashboard .ma-track-orders p.cta a {
    padding: 15px 8px;
    color: #fff;
    font-weight: 700;
    text-decoration: none !important;
    display: block
}

.ma-dashboard .ma-track-orders p.cta:hover {
    box-shadow: rgba(0, 0, 0, .75) 3px 3px 3px
}

.ma-dashboard .ma-recent-orders {
    width: 100%;
    margin: 0 0 50px
}

.ma-dashboard .ma-acct-info h2,
.ma-dashboard .ma-recent-orders h2 {
    line-height: 1.2em;
    text-transform: uppercase;
    font-size: 1.1em;
    font-weight: 700;
    color: #444;
    width: 50%;
    float: left;
    letter-spacing: -.5px;
    margin-bottom: 15px
}

.ma-dashboard .ma-recent-orders .view-orders {
    width: 50%;
    float: right;
    padding-top: 15px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: .8em;
    text-align: right;
    text-decoration: none !important
}

.ma-dashboard .ma-recent-orders .view-orders:hover {
    color: #656565
}

.ma-dashboard .ma-recent-orders table tr:hover .fa,
.ma-dashboard .ma-recent-orders table tr:hover .far,
.ma-dashboard .ma-recent-orders table tr:hover .fas {
    color: #fff
}

.ma-dashboard .ma-recent-orders table {
    border: 1px #ebebeb solid;
    font-size: 16px
}

@media(max-width:400px) {
    .ma-dashboard .ma-recent-orders table th {
        font-size: 12px;
        text-transform: uppercase
    }

    .ma-dashboard .ma-recent-orders table td {
        font-size: 14px;
        text-align: center
    }

    .ma-dashboard .ma-recent-orders table td .fa,
    .ma-dashboard .ma-recent-orders table td .far,
    .ma-dashboard .ma-recent-orders table td .fas {
        display: none
    }
}

.ma-dashboard .ma-acct-info {
    width: 100%;
    margin: 0 0 50px;
    float: left;
    overflow: hidden
}

.ma-dashboard .ma-acct-info h2 {
    width: 100%;
    padding-bottom: 10px
}

.ma-dashboard .ma-acct-info .ma-info {
    clear: both;
    padding: 15px 10px;
    border: 1px #ebebeb solid
}

.ma-dashboard .ma-acct-info .ma-info .label {
    text-align: left;
    padding: 5px 10px;
    font-weight: 700;
    color: #fff;
    background: #444;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 1.5em
}

.ma-dashboard .ma-acct-info .ma-info .value {
    width: 100%;
    color: #656565;
    font-weight: 700;
    margin: 10px 0 35px;
    padding: 0 10px;
    word-wrap: break-word;
    white-space: pre-wrap -moz-pre-wrap -pre-wrap
}

.ma-dashboard .ma-acct-info .ma-info .update-acct {
    padding: 35px 0;
    text-align: center
}

.ma-dashboard .ma-acct-info .ma-info .update-acct a {
    color: #257fd1;
    text-transform: uppercase;
    font-size: 1.1em;
    font-weight: 700;
    text-align: center;
    padding: 15px 10px;
    border: 1px #257fd1 solid;
    text-decoration: none !important
}

.ma-dashboard .ma-acct-info .ma-info .update-acct a:hover {
    color: #656565;
    border: 1px #656565 solid
}

@media(max-width:435px) {
    .ma-acct-info {
        width: 100%
    }
}

.ma-dashboard .ma-show-cart {
    width: 100%;
    margin: 0 0 50px
}

.ma-dashboard .ma-show-cart .show-cart-box {
    position: relative;
    padding: 15px 25px;
    border: 1px #ebebeb solid;
    height: 380px
}

@media(max-width:500px) {
    .ma-dashboard .ma-show-cart .show-cart-box {
        height: 500px
    }

    #mywish-table .wish-card {
        width: 100%
    }

    .wish-padding {
        padding: 15px 0
    }

    #mywish-table .description {
        width: 100%
    }

    #mywish-table .prod-image a img {
        display: block;
        margin: 0 auto
    }
}

.ma-dashboard .ma-show-cart .show-cart-box img {
    position: absolute;
    top: -50px;
    left: 25%;
    right: 25%;
    width: 50%;
    height: auto
}

@media(max-width:650px) {
    .ma-dashboard .ma-show-cart .show-cart-box img {
        width: 70%;
        left: 15%;
        right: 15%
    }
}

@media(max-width:500px) {
    .ma-dashboard .ma-show-cart .show-cart-box img {
        width: 90%;
        left: 5%;
        right: 5%
    }
}

@media(max-width:400px) {
    .ma-dashboard .ma-show-cart .show-cart-box img {
        width: 100%;
        top: -10px;
        left: 0;
        right: 0
    }
}

.ma-dashboard .ma-show-cart .show-cart-box .copy {
    position: absolute;
    top: 100px;
    left: 25px;
    right: 25px;
    text-align: center
}

.ma-dashboard .ma-show-cart .show-cart-box .copy h2 {
    font-weight: 700;
    color: #444;
    text-transform: uppercase;
    font-size: 1.1em;
    padding-bottom: 15px
}

.ma-dashboard .ma-show-cart .show-cart-box .copy p {
    font-size: 1em;
    color: #444;
    line-height: 1.25em
}

.ma-dashboard .ma-show-cart .show-cart-box .copy .links {
    padding-top: 30px
}

.ma-dashboard .ma-show-cart .show-cart-box .copy .links a {
    color: #f98100;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1em;
    text-decoration: none !important
}

.ma-dashboard .ma-show-cart .show-cart-box .copy .links a:first-child {
    margin-right: 25px
}

.ma-dashboard .ma-show-cart .show-cart-box .copy .links a:hover {
    color: #656565
}

@media(max-width:500px) {
    .ma-dashboard .ma-show-cart .show-cart-box .copy .links a {
        display: block;
        width: 100%;
        text-align: center;
        margin: 25px 0
    }
}

.ma-order-detail {
    font-size: 16px
}

.ma-order-detail .miniHeader .buttons {
    height: 60px
}

.ma-order-detail .myAccountNavigation form input[type=submit] {
    background: #257fd1;
    color: #fff;
    text-shadow: rgba(0, 0, 0, .5) 3px 2px 3px;
    border: 0;
    text-transform: uppercase;
    padding: 10px 20px;
    font-weight: 700
}

.ma-order-detail .myAccountNavigation form input[type=submit]:hover {
    box-shadow: rgba(0, 0, 0, .75) 3px 3px 3px
}

.ma-order-detail .BUMyAccountOrderDate,
.ma-order-detail .BUMyAccountOrderNumber,
.ma-order-detail .BUMyAccountOrderStatus {
    color: #444
}

.ma-order-detail .BUMyAccountOrderStatus {
    width: 100%;
    padding: 15px 0;
    margin-bottom: 10px
}

.ma-order-detail .BUMyAccountTrackingNumbers {
    width: 100%;
    padding: 15px 0;
    margin-bottom: 10px
}

.ma-order-detail .BUMyAccountTrackingNumbers .BUMyAccountTrackingLinks,
.ma-order-detail .BUMyAccountTrackingNumbers .orderDetailHeading {
    width: 50%
}

.ma-order-detail .orderDetailHeading {
    width: 50%;
    float: left;
    font-weight: 700
}

.ma-order-detail .BUMyAccountOrderNumber {
    width: 100%;
    padding: 15px 0;
    float: left
}

.ma-order-detail .BUMyAccountOrderNumber .orderDetailHeading {
    width: 100%
}

.ma-order-detail .BUMyAccountOrderDate {
    width: 100%;
    padding: 15px 0
}

.ma-order-detail .BUMyAccountOrderDate .orderDetailHeading {
    width: 100%
}

.ma-order-detail .BUMyAccountOrderStatus .BUStatus {
    width: 50%;
    font-size: 1em
}

.ma-order-detail .BUMyAccountOrderStatus .BUStatus a {
    color: #257fd1
}

.ma-order-detail.loggedout .BUMyAccount {
    margin-left: 0
}

.ma-order-detail .BUMyAccountTrackingNumbers .BUMyAccountTrackingLinks .trackingLink {
    margin-bottom: 7px
}

.ma-order-detail .BUMyAccountTrackingNumbers .BUMyAccountTrackingLinks a {
    font-size: 12px
}

.ma-order-detail .BUMyAccountTrackingNumbers .BUMyAccountTrackingLinks img {
    width: 20px;
    height: auto
}

@media(max-width:540px) {

    .ma-order-detail .BUMyAccountOrderStatus .BUStatus,
    .ma-order-detail .BUMyAccountTrackingNumbers .BUMyAccountTrackingLinks,
    .ma-order-detail .BUMyAccountTrackingNumbers .orderDetailHeading,
    .ma-order-detail .orderDetailHeading {
        width: 100%
    }

    .ma-order-detail .BUMyAccountOrderStatus .BUStatus {
        width: 50%;
        float: right
    }

    .ma-order-detail .BUMyAccountOrderStatus .orderDetailHeading {
        width: 50%;
        float: left
    }
}

.ma-order-detail .myAccountOrderHistory td {
    padding: 15px 0;
    color: #444;
    line-height: 1.5em
}

.ma-order-detail .myAccountOrderHistoryWrapper {
    padding: 0
}

.od-billing-info,
.od-shipping-info {
    width: 50%;
    float: left
}

.od-billing-info .heading,
.od-shipping-info .heading {
    background: #6a9147;
    padding: 25px 0 15px 15px;
    color: #fff;
    font-size: 1.25em;
    font-weight: 700
}

.od-billing-info .address,
.od-shipping-info .address {
    font-size: 1em;
    color: #444;
    line-height: 1.5em;
    padding: 25px 35px 50px 15px
}

@media(max-width:675px) {

    .od-billing-info,
    .od-shipping-info {
        width: 100%;
        text-align: left
    }
}

.ma-order-detail .myAccountOrderHistory {
    float: left;
    width: 100%
}

.ma-order-detail .myAccountOrderHistory .purchased .bought {
    background: #f98100;
    color: #fff;
    font-size: 1.25em;
    font-weight: 700;
    padding: 25px 15px 15px
}

.ma-order-detail .myAccountOrderHistory table {
    width: 100%
}

.ma-order-detail .myAccountOrderHistory thead tr th {
    color: #fff;
    background: #656565;
    padding: 15px 15px 7px;
    font-size: .8em;
    text-transform: uppercase;
    text-align: center
}

.ma-order-detail .myAccountOrderHistory thead tr th:first-child {
    text-align: left
}

.ma-order-detail .myAccountOrderHistory .desc {
    with: 40%
}

.ma-order-detail .myAccountOrderHistory .qty {
    width: 10%
}

.ma-order-detail .myAccountOrderHistory .item-number {
    width: 17%
}

.ma-order-detail .myAccountOrderHistory .price {
    width: 17%
}

.ma-order-detail .myAccountOrderHistory .td-desc {
    padding: 15px;
    text-align: left;
    vertical-align: top;
    font-size: 16px
}

.ma-order-detail .myAccountOrderHistory .td-desc a {
    color: #257fd1
}

.ma-order-detail .myAccountOrderHistory .td-item-number,
.ma-order-detail .myAccountOrderHistory .td-price,
.ma-order-detail .myAccountOrderHistory .td-qty {
    text-align: center;
    padding: 15px 0;
    vertical-align: top;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px #e3e3e3 solid
}

.ma-order-detail .myAccountOrderHistory .td-price {
    text-align: right
}

.ma-order-detail .myAccountOrderHistory .BUTotalLabel {
    color: #656565;
    padding-right: 25px
}

.ma-order-detail .BUNoLine .td-value {
    text-align: right;
    padding-right: 15px
}

.ma-order-detail .BUNoLine.td-bg-gray {
    background: #efefef
}

.ma-order-detail .myAccountWrapper {
    padding-bottom: 0
}

.ma-order-detail .BUNoLine .td-total {
    font-weight: 700;
    color: #444
}

#content.ma-01 .leftAside #myacctNav li:nth-child(1) .fas,
#content.ma-02 .leftAside #myacctNav li:nth-child(2) .fas,
#content.ma-03 .leftAside #myacctNav li:nth-child(6) .fas,
#content.ma-04 .leftAside #myacctNav li:nth-child(3) .fas,
#content.ma-05 .leftAside #myacctNav li:nth-child(3) .fas,
#content.ma-06 .leftAside #myacctNav li:nth-child(8) .fas {
    background: #f98100;
    color: #fff
}

.prodinforow a#lnkHandlingFee {
    font-size: 14px;
    color: #656565
}

.prodinforow a#lnkHandlingFee span {
    color: #257fd1;
    font-size: 15px;
    padding-left: 1px;
    margin-right: 1px
}

.cart .prodinforow a#lnkHandlingFee {
    margin: 25px 0 20px;
    display: block
}

#lnkCartHandlingFee {
    color: #666
}

#lnkCartHandlingFee:hover {
    text-decoration: none
}

@media (max-width:959px) {
    #msgbar-wrap #msgbar #msgbar-nav .transition12 {
        display: none !important
    }
}

a.btn-orange {
    background: #f98100;
    border-color: #e07400;
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 15px
}

a.btn-orange:hover {
    background: #e07400
}

.base-lp {
    margin-bottom: 60px
}

.base-lp .left-heading {
    text-align: left
}

.base-lp .left-heading:after {
    margin: 0
}

.base-lp section {
    margin: 0 0 20px;
    padding: 20px 0 0
}

.base-lp .hero-section {
    margin-bottom: 30px
}

.base-lp .hero-section .details {
    padding: 10px
}

.base-lp .hero-section .details h1:after {
    border-bottom: 4px solid #69bf4a;
    content: '';
    display: block;
    padding-top: 10px;
    width: 60px
}

.base-lp .hero-section .details p {
    font-size: 14px;
    line-height: 1.5
}

.base-lp .learn-more {
    height: 0;
    transition: height .18s linear;
    overflow: hidden;
    position: relative
}

.base-lp .learn-more-active {
    height: auto !important;
    transition: height .18s linear
}

.base-lp .toggle-wrap {
    position: relative
}

.base-lp a.btn-toggle {
    color: #f98100;
    font-size: 14px;
    font-weight: 600;
    transition: color .18s linear
}

.base-lp a.btn-toggle:hover {
    border-color: #e07400
}

.base-lp .video-wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%
}

.base-lp .responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.base-lp .section-desc {
    margin: 0 auto 20px;
    max-width: 800px;
    padding: 0 15px;
    text-align: center
}

.base-lp [class*=col-] {
    padding-left: 10px;
    padding-right: 10px
}

.base-lp .card {
    background-color: #f9f9f9;
    border: 1px solid #e5e5e5;
    border-radius: .25rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 20px;
    padding: 10px 15px 20px;
    position: relative;
    text-align: center;
    transition: all .18s linear;
    word-wrap: break-word
}

.base-lp .card:hover {
    border: 1px solid #b5b5b5
}

.base-lp .card-title {
    display: flex;
    margin: 10px 0 0;
    align-items: flex-start;
    justify-content: center
}

.base-lp .ctml {
    min-height: 45px
}

.base-lp .card .card-title h5 {
    color: #333;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
    padding: 0;
    position: relative;
    transition: all .18s linear
}

.base-lp .card .card-title h5:after {
    border-bottom: 3px solid #f98100;
    content: "";
    opacity: 0;
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin-left: -20px;
    transition: opacity .18s ease-in-out;
    width: 40px
}

.base-lp .card:hover .card-title h5:after {
    opacity: 1
}

.base-lp .shop-all-block {
    padding: 10px 0 20px;
    text-align: center
}

.base-lp .shop-all-block .btn-orange {
    padding: 10px 20px
}

.base-lp .img-responsive {
    display: inline-block
}

.base-lp .img-border {
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    margin-bottom: 1.2rem;
    overflow: hidden
}

.base-lp .brand-logo {
    margin-bottom: 1.1rem;
    max-width: 220px
}

.base-lp .btn-array .btn-orange {
    display: inline-block;
    font-size: 14px;
    margin: 0 10px 10px 0;
    text-align: center;
    width: 130px
}

.basic-list {
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 1.2rem
}

.basic-list li {
    margin-bottom: 5px
}

.basic-list li:before {
    color: #69bf4a;
    content: "\2022";
    font-size: 16px;
    font-weight: 700;
    line-height: inherit;
    margin-right: .5rem
}

@media (max-width:960px) {
    .base-lp .left-heading {
        text-align: center
    }

    .base-lp .left-heading:after {
        margin: 0 auto
    }
}

@media (max-width:767px) {
    .base-lp .hero-section {
        margin-bottom: 5px
    }

    .base-lp .hero-section .details {
        text-align: center
    }

    .base-lp .hero-section .details h1:after {
        margin: 0 auto
    }

    .video-wrap {
        display: none
    }
}

@media (min-width:768px) {
    .base-lp .col-push-md-6 {
        float: right
    }

    .base-lp .col-pull-md-6 {
        float: left
    }
}

a.btn-purp {
    background: #574ae2;
    border-radius: 20px;
    color: #fff;
    font-size: 16px;
    padding: 8px 22px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    margin: 0 0;
    padding: .7rem 1.5rem;
    transition: all 180ms ease-in-out;
    letter-spacing: .5px
}

a.btn-purp:hover {
    background: #3222d7
}

a.btn-green {
    background: #69bf4a;
    border-radius: 20px;
    color: #fff;
    font-size: 16px;
    padding: 8px 22px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    margin: 0 0;
    padding: .7rem 1.5rem;
    transition: all 180ms ease-in-out;
    letter-spacing: .5px
}

a.btn-green:hover {
    background: #3e7829
}

a.btn-green-outline {
    background: #ffffff00;
    border-radius: 40px;
    color: #fff;
    font-size: 16px;
    padding: 8px 22px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    margin: 0 0;
    padding: .7rem 1.5rem;
    transition: all 180ms ease-in-out;
    letter-spacing: .5px;
    border: 2px solid #69bf4a
}

a.btn-green-outline:hover {
    background: #69bf4a
}

.buggies-new-products {
    font-family: 'Open Sans', Arial, Helvetica;
    color: #656565;
    margin-top: 15px;
    margin-bottom: 80px
}

.hero-container {
    width: 100%;
    max-width: 960px;
    margin: 0;
    padding: 0;
    display: block;
    float: left
}

section.np-hero {
    color: #fff;
    font-family: neue-haas-grotesk-text, sans-serif;
    background: url(/images/buggies/new-product-landing-hero-bg-dark.png);
    height: 360px;
    background-repeat: no-repeat
}

.np-hero-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding: 0 15px
}

.content-area img {
    margin-bottom: 10px
}

.np-hero-image img {
    width: 100%
}

.content-area h2 {
    font-size: 40px;
    font-family: 'Open Sans';
    line-height: 1;
    color: #fff
}

.content-area p {
    line-height: 1.3;
    color: #fff;
    font-size: 16px
}

section.np-hero::before {
    content: "New";
    position: absolute;
    top: 16px;
    padding: 5px 14px 5px 11px;
    background: #69bf4a;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    font-family: 'Open Sans';
    letter-spacing: 1px
}

.np-hero-overlay {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    padding: 0 5%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.content-area {
    max-width: 360px
}

.np-featured-wrapper {
    display: flex;
    text-align: center;
    flex-wrap: wrap
}

.np-featured-title {
    text-align: center;
    padding-bottom: 20px
}

section.np-featured {
    padding: 80px 0
}

.np-featured-title::after {
    border-bottom: 4px solid #69bf4a;
    content: '';
    display: block;
    margin: 0 auto;
    width: 50px
}

.np-featured-item {
    flex: 1;
    max-width: 300px
}

.np-featured-item-wrapper img {
    width: 100%
}

.buggiesLandingPage h2 {
    font-size: 24px
}

.np-featured-item-wrapper {
    padding: 0 15px
}

.np-featured-item-wrapper h3 {
    padding: 15px 0 0
}

.np-featured-item-wrapper a {
    font-weight: 700;
    color: #f98100
}

.np-cart-title::after {
    border-bottom: 4px solid #69bf4a;
    content: '';
    display: block;
    margin: 0 auto;
    width: 50px
}

.np-cart-title {
    text-align: center;
    padding-bottom: 20px
}

.np-cart-wrapper {
    display: flex;
    justify-content: space-around
}

.np-cart {
    padding: 0 0 80px 0;
    text-align: center
}

.np-cart-item {
    padding: 10px
}

.np-cart-item-wrapper img {
    width: 100%
}

.np-cart-item-wrapper h3 {
    padding: 20px 0 0
}

.np-category-item {
    display: flex;
    align-items: center;
    padding-bottom: 40px
}

.np-category-content {
    padding: 0 15px;
    width: 50%
}

.np-category-image {
    width: 50%
}

.np-category-image img {
    width: 100%
}

.np-category-item:nth-of-type(2) {
    display: flex;
    flex-direction: row-reverse
}

.np-category-content p:nth-of-type(1) {
    padding: 0;
    margin: 0;
    color: #69bf4a;
    font-weight: 700
}

.np-category-content p:nth-of-type(2) {
    padding-bottom: .8rem
}

.np-category-content h3 {
    font-size: 24px;
    font-family: 'Open Sans'
}

.np-featured-item:nth-of-type(1),
.np-featured-item:nth-of-type(2) {
    padding-bottom: 30px
}

@media only screen and (max-width:959px) {
    section.np-hero {
        display: flex;
        color: #fff;
        font-family: neue-haas-grotesk-text, sans-serif;
        background: url(/images/buggies/new-product-landing-hero-bg-dark.png);
        height: 360px;
        background-repeat: no-repeat;
        background-position: right
    }

    .np-featured-wrapper {
        flex-wrap: wrap
    }

    .np-featured-title {
        text-align: center;
        padding-bottom: 30px
    }

    .np-featured-item {
        max-width: 330px;
        margin: 0 auto
    }

    .np-category-content {
        padding: 0 0 0 40px
    }

    .np-category-item:nth-of-type(2) .np-category-image {
        padding: 0 0 0 40px
    }
}

@media only screen and (max-width:767px) {
    section.np-hero {
        background: url(/images/buggies/new-product-landing-hero-dark-767.png);
        height: 662px;
        background-position: top;
        justify-content: center
    }

    .np-hero-wrapper {
        justify-content: center;
        flex-direction: column-reverse;
        text-align: center
    }

    .container.new-product-container {
        margin: 0
    }

    .np-cart-wrapper {
        flex-wrap: wrap
    }

    .np-cart-item {
        padding: 10px;
        flex: 1;
        flex-basis: 50%
    }

    .np-category-wrapper {
        display: flex;
        text-align: center;
        flex-direction: column
    }

    .np-category-item:nth-of-type(2) .np-category-image {
        padding: 0
    }

    .np-category-item {
        flex-direction: column;
        max-width: 450px;
        margin: 0 auto;
        padding: 12px 12px 50px 12px
    }

    .np-category-item:nth-of-type(2) {
        flex-direction: column
    }

    .np-category-content {
        padding: 20px 0 0 0;
        width: 100%
    }

    .np-category-image {
        width: 100%
    }

    .np-featured-item {
        flex: 0 1;
        flex-basis: 50%;
        margin: 0
    }
}

@media only screen and (max-width:690px) {
    .np-hero-overlay {
        justify-content: flex-end;
        text-align: center
    }

    .content-area {
        max-width: 360px;
        margin: 0 auto;
        padding-bottom: 40px
    }
}

@media only screen and (max-width:550px) {
    section.np-hero {
        background: url(/images/buggies/new-product-landing-hero-dark-550.png);
        height: 662px;
        background-position: center
    }

    .np-featured-item {
        flex-basis: 100%;
        margin: 0 auto
    }

    .np-category-item {
        padding: 0 5% 40px
    }

    .np-category-wrapper {
        display: block
    }

    .np-cart-item {
        flex: 1;
        flex-basis: 50%;
        padding: 10px
    }

    .np-category-item:nth-of-type(2) .np-category-content {
        padding: 10px 0 0 0
    }

    .buggies-new-products {
        margin-bottom: 30px
    }
}

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

.mb-15 {
    margin-bottom: 15px
}

.mb-20 {
    margin-bottom: 20px
}

.no-margin {
    margin: 0 !important
}

.no-padding {
    padding: 0 !important
}

.fa-file-pdf {
    margin-right: 10px
}

a.serial-lookup-link {
    color: #f98100
}

.res-links li {
    margin-bottom: 10px
}

.button-container {
    margin-top: 15px
}

.details-img img {
    width: 250px;
    margin: 0 auto;
    position: relative;
    display: block !important
}

section.content-section.serial-lookup .row {
    margin-bottom: 15px
}

input#cc-go {
    background: #f98100;
    border-color: #e07400;
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 15px
}

input#cc-sn {
    font-size: 16px;
    padding: 10px 15px;
    width: 250px
}

.reset-btn {
    text-decoration: underline;
    color: #257fd1;
    cursor: pointer
}

input#yh-go {
    background: #f98100;
    border-color: #e07400;
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 15px
}

input#yh-sn {
    font-size: 16px;
    padding: 10px 15px;
    width: 250px
}

.yh-grid-imgs {
    padding: 15px;
    border: 1px solid #eee;
    text-align: center;
    height: 330px;
    margin-bottom: 15px
}

.yh-grid-imgs img.img-responsive {
    height: 200px
}

div#yh-restart {
    text-decoration: underline;
    color: #257fd1;
    cursor: pointer
}

.results p {
    display: inline-flex
}

.results p:first-child,
.results p:nth-child(2) {
    font-weight: 700
}

.results p:last-child:before {
    content: "-";
    padding-right: 5px
}

.base-lp .callouts h5 {
    color: #333;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
    padding: 0;
    position: relative;
    transition: all .3s linear
}

.base-lp .callouts p {
    color: #333;
    font-size: 16px;
    text-align: center;
    padding-top: 15px
}

@media (min-width:600px) {
    .less-than-fo {
        display: flex;
        justify-content: center
    }
}

.locateOrderWrapper {
    background: #f8f8f8;
    padding-bottom: 20px;
    margin-bottom: 24px
}

.locateOrderContent {
    padding: 26px 42px;
    font-size: 14px
}

.underGroove {
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 15px;
    padding-bottom: 15px
}

.frmElementGroup {
    float: left
}

.frmElementGroup.first {
    margin-right: 28px
}

.frmElementGroup.last {
    float: right;
    text-align: right;
    padding-right: 0
}

#content_main p.error {
    padding: 7px 0
}

.BUMyAccountLoginBox a.BUButton {
    background: #0676c4;
    width: auto;
    margin-top: 17px
}

.BUFormItems input[type=text] {
    width: 170px;
    padding: 5px 5px 4px
}

.BUContentBlock {
    font-family: 'Open Sans', helvetica, arial;
    font-size: 15px;
    color: #6e6e6e
}

.BUContentBlock h2,
.BUContentBlock h3 {
    color: #444;
    margin-bottom: .4em;
    font-weight: 700;
    text-transform: uppercase
}

.BUContentBlock h2 {
    font-size: 16px
}

.BUContentBlock p {
    line-height: 1.4em
}

ul.toList {
    line-height: 1.4em;
    margin-bottom: 28px;
    font-size: 14px;
    padding-left: 20px
}

ul.toList li {
    margin-bottom: .3em;
    list-style-type: disc
}

.boxModule {
    padding: 0 0 15px
}

.boxModule .datagroup label {
    display: block;
    margin-bottom: 5px
}

.boxModule .datagroup input[type=text] {
    width: 100%;
    margin-bottom: 15px
}

p.holidayExtension {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #699143;
    background: #e9ffb4;
    padding: 10px;
    clear: both;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 25px
}

p.holidayExtension strong {
    font-weight: 700;
    color: #da3535;
    text-align: center;
    display: block;
    margin-bottom: -12px;
    font-size: 16px
}

.card-img-top {
    padding: 10px
}

.mb-5,
.my-5 {
    margin-bottom: 1.5rem
}

.oem-banner {
    margin-top: 20px;
    margin-bottom: 40px
}

h5.card-title {
    font-family: 'Open Sans', Arial, Helvetica;
    font-weight: 600;
    font-style: normal;
    font-size: 16px;
    margin: 0;
    position: relative;
    cursor: pointer
}

h5.card-title:after {
    content: "";
    border-bottom: 1px solid transparent;
    position: absolute;
    bottom: -8px;
    left: 0;
    right: 0;
    transition: all .3s linear
}

.site-section div.container-fluid p {
    font-size: 14px;
    margin: 40px 0 30px;
    line-height: 1.7
}

h5.card-title {
    margin: 0
}

.item-entry {
    padding-right: 10px;
    padding-left: 10px
}

.title-section.text-center.mb-5.col-12.serial-lookup-title h2 {
    display: inline-block;
    color: #000;
    font-size: 3rem
}

.title-section.text-center.mb-5.col-12.serial-lookup-title h2 {
    border-left: none;
    position: relative;
    padding-left: 0;
    padding-top: 30px;
    padding-bottom: 15px;
    text-align: center;
    width: 100%
}

.title-section.text-center.mb-5.col-12.serial-lookup-title h2:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 70px;
    height: 4px;
    background: #69bf4a;
    content: ""
}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border-radius: .25rem;
    border: none;
    position: relative;
    border: 1px solid #e5e5e5;
    background-color: #f9f9f9;
    transition: all .3s linear
}

.card:hover {
    border: 1px solid #b5b5b5;
    transition: all .3s linear
}

.title-content {
    height: 4.5rem;
    display: flex;
    align-items: center;
    justify-content: center
}

#toggleWrap {
    display: none
}

@media (max-width:767px) {
    .title-section.text-center.mb-5.col-12.serial-lookup-title h2 {
        font-size: 30px
    }

    h5.card-title {
        font-size: 24px
    }

    .mb-5,
    .my-5 {
        margin-bottom: 1.5rem !important
    }

    .item-entry {
        padding-right: 10px !important;
        padding-left: 10px !important
    }

    .col-sm-2.item-entry {
        width: 50%;
        float: left
    }
}

@media (max-width:640px) {
    #toggleWrap {
        margin: 0 auto 30px;
        text-align: center;
        width: 100%;
        display: block;
        margin-bottom: 20px
    }

    #toggleWrap a.btnToggle {
        border: 1px solid #d6d6d6;
        background-color: #fff;
        border-radius: 2px;
        color: #989898;
        display: inline-block;
        font-family: 'Open Sans', arial, sans-serif;
        font-size: 14px;
        font-weight: 700;
        line-height: 1em;
        padding: 10px 50px;
        text-decoration: none;
        text-transform: uppercase
    }

    #toggleWrap a.btnToggle:hover {
        background-color: #70983d;
        border-color: #86b54a;
        color: #fff;
        text-decoration: none
    }

    #toggleWrap a.btnToggle .fas {
        font-size: 14px;
        margin-left: 6px
    }

    .container.mobi-fade {
        -webkit-mask-image: linear-gradient(to bottom, #000 50%, transparent 100%);
        mask-image: linear-gradient(to bottom, #000 50%, transparent 100%);
        height: 150px;
        transition: all .3s linear
    }

    .container.mobi-fade.mobi-active {
        -webkit-mask-image: linear-gradient(to bottom, #000 100%, transparent 100%) !important;
        mask-image: linear-gradient(to bottom, #000 100%, transparent 100%) !important;
        transition: all .3s linear;
        height: auto !important
    }

    .mb-5,
    .my-5 {
        margin-bottom: 1.5rem !important
    }

    .item-entry {
        padding-right: 10px !important;
        padding-left: 10px !important
    }

    .col-sm-2.item-entry {
        width: 50%;
        float: left
    }

    img.card-img-top.img-responsive.lazy.loaded {
        padding: 15px
    }

    h5.card-title {
        font-size: 17px;
        text-align: center;
        vertical-align: middle
    }
}

@media only screen and (max-width:959px) {
    .cat-seating-intro {
        width: 100%;
        text-align: center
    }

    .col-md-5.col-sm-6.col-xs-12.cat-seating-intro h1:after {
        margin: 0 auto
    }
}

a.locateOrderCallout {
    margin-bottom: 24px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 20px 15px 15px;
    border: 1px solid #e5e5e5;
    background: #f8f8f8;
    display: block;
    overflow: hidden
}

p.sub-title {
    font-size: 24px
}

.department {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 12px;
    margin-bottom: 24px
}

.ops-hours {
    margin-bottom: 1.2rem
}

.ops-hours span {
    display: inline-block;
    margin-bottom: 6px;
    max-width: 150px;
    width: 50%
}

.ops-hours .day {
    font-weight: 400
}

.ops-hours .hours {
    font-weight: 700;
    max-width: 250px
}

@media only screen and (max-width:480px) {
    .ops-hours span {
        display: block;
        margin-bottom: 8px;
        width: 100%
    }

    .ops-hours .day {
        margin: 0
    }
}

.BUMyAccountBtnAlign input[type=text] {
    width: 100%
}

.pdp-callout-container {
    margin-top: 40px
}

.pdp-callout-wrapper {
    display: flex
}

.pdp-callout-item__wrapper {
    display: flex;
    padding: 0 10px
}

.pdp-callout-item__image {
    padding-bottom: 10px
}

.pdp-callout-item__text {
    padding: 0 0 0 14px
}

.pdp-callout-item__text h3 {
    font-size: 20px
}

.pdp-callout-item__text p {
    font-size: 16px;
    color: #707070
}

.pdp-callout-item__text p:nth-of-type(2) {
    font-size: 14px;
    color: inherit
}

.pdp-callout-item {
    flex: 1
}

.pdp-callout-item:nth-of-type(3) {
    flex: 1
}

@media only screen and (max-width:959px) {
    .pdp-callout-item__wrapper {
        display: flex;
        flex-direction: column;
        text-align: center
    }

    .pdp-callout-item__text {
        padding: 0
    }
}

@media only screen and (max-width:767px) {
    .pdp-callout-wrapper {
        flex-wrap: wrap
    }

    .pdp-callout-item {
        flex: 1;
        flex-basis: 50%
    }

    .pdp-callout-item__wrapper {
        max-width: 270px;
        margin: 0 auto
    }
}

@media only screen and (max-width:480px) {
    .pdp-callout-wrapper {
        flex-direction: column
    }

    .pdp-callout-item {
        flex-basis: 100%;
        padding: 0 0 30px
    }

    .pdp-callout-container {
        display: none
    }
}

.deliverytime-form {
    display: flex;
    align-items: center
}

.deliverytime-form .datagroup {
    flex: 1
}

.boxModule.delivertime-form-container {
    background: #f5f5f5;
    margin-bottom: 22px
}

@media only screen and (max-width:767px) {
    .deliverytime-form {
        display: flex;
        align-items: normal;
        flex-direction: column
    }
}

.bu-body-wrap {
    margin-bottom: 80px
}

.promo-intro [class*=col-] {
    padding: 0 15px
}

.buggiesLandingPage.faq-page ol,
.buggiesLandingPage.faq-page ul {
    margin: 0 0 0 20px;
    padding: 0
}

.buggiesLandingPage.faq-page li {
    margin-bottom: 10px;
    list-style-type: decimal;
    padding-left: 4px
}

.clearFix {
    clear: both
}

.questionsWrapper {
    background: #f8f8f8;
    padding: 20px;
    margin-bottom: 0;
    border: 1px solid #ececec;
    font-family: 'Open Sans', helvetica, arial;
    overflow: hidden
}

ol.faq-answers li {
    padding-bottom: 20px
}

.q-bold {
    font-weight: 700
}

a.btt-link {
    color: #2a8ed4;
    display: block;
    font-size: 14px;
    margin-top: 10px;
    text-transform: uppercase
}

@media only screen and (min-width:500px) {
    a.btt-link {
        display: none
    }
}

.ec-landing .grid-row {
    display: grid;
    grid-gap: 20px
}

.ec-landing .gr-2 {
    align-items: center;
    grid-template-columns: repeat(2, 1fr)
}

.ec-landing .static-hp-banner {
    padding: 0 0 15px;
    border: solid 1px #ddd;
    border-radius: 3px;
    overflow: hidden
}

#hp-sec-tawb .inner {
    background: #00a1d1;
    background: linear-gradient(180deg, rgba(0, 161, 209, 1) 0, rgba(105, 191, 74, 1) 100%);
    border-radius: 3px;
    color: #fff;
    padding: 40px 20px 30px
}

#hp-sec-tawb .gr-2 {
    grid-gap: 0
}

#hp-sec-tawb img {
    height: auto;
    margin: 0 auto
}

#hp-sec-tawb .inner .lead-in {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 5px
}

#hp-sec-tawb .inner .title {
    font-size: 48px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 15px
}

#hp-sec-tawb .inner p {
    font-size: 16px;
    line-height: 1.4;
    margin: 0 auto 20px
}

#hp-sec-brands img {
    max-width: 170px;
    opacity: 1;
    position: relative;
    transition: opacity .18s ease-in-out
}

#hp-sec-brands:focus img,
#hp-sec-brands:hover img {
    opacity: .8
}

#hp-sec-brands a {
    display: flex;
    align-content: center;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    min-height: 100%;
    position: relative
}

#hp-sec-brands a:after {
    border-bottom: 3px solid #ff8e14;
    content: "";
    opacity: 0;
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin-left: -20px;
    transition: opacity .18s ease-in-out;
    width: 40px
}

#hp-sec-brands a:focus:after,
#hp-sec-brands a:hover:after {
    opacity: 1
}

.btn-primary-ol {
    background: rgba(0, 0, 0, .2);
    border: 2px solid #fff;
    border-radius: 50px;
    color: #fff !important;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    min-width: 180px;
    padding: 10px 20px;
    text-align: center;
    transition: all .18s ease-in-out
}

.btn-primary-ol:focus,
.btn-primary-ol:hover {
    background: rgba(0, 0, 0, .5)
}

.mobiModule.ec-landing-mobiModule .gridModule a h3:after {
    border-bottom: 3px solid #04a2cc;
    content: "";
    opacity: 0;
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin-left: -20px;
    transition: opacity .18s ease-in-out;
    width: 40px
}

.ec-content-module {
    margin-bottom: 50px
}

.ec-featured-content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 0;
    text-align: center
}

section.ec-landing-featured {
    margin: 20px 0 50px 0
}

.ec-featured-item {
    background: linear-gradient(180deg, #ddd, transparent);
    padding: 12px 0;
    border: solid 1px #ddd
}

.ec-item-title-leadin {
    font-size: 16px;
    font-weight: 700;
    color: #333
}

.ec-item-title-main {
    font-size: 28px;
    font-weight: 700;
    line-height: 1
}

.ec-item-title {
    margin-bottom: 18px
}

a.ec-landing-button {
    background: #f54035;
    color: #fff;
    display: inline-block;
    padding: 5px 20px;
    font-size: 14px;
    border-radius: 30px;
    transition: all .3s ease-in-out;
    font-weight: 700
}

.ec-item-image {
    padding-bottom: 18px
}

a.ec-landing-button:hover {
    background: #af160d;
    transition: all .3s ease-in-out
}

.mobile-content-slider {
    display: none !important
}

@media (max-width:420px) {
    #hp-sec-tawb .inner .title {
        font-size: 32px
    }

    #hp-sec-tawb .inner .lead-in {
        font-size: 20px
    }
}

@media only screen and (max-width:572px) {
    .ec-featured-content {
        text-align: center;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(3, 1fr);
        grid-column-gap: 0;
        grid-row-gap: 20px;
        padding: 0 20px
    }

    section.ec-landing-featured {
        margin: 20px 0 50px 0;
        display: none
    }

    .mobile-content-slider {
        display: block !important;
        padding: 0 0 10px 0
    }

    .ec-featured-item {
        margin: 30px 10px 0;
        text-align: center
    }

    .ec-item-image {
        padding-bottom: 18px;
        display: flex;
        justify-content: center
    }

    .ec-landing .gutter {
        margin: 50px 0 20px
    }
}

@media only screen and (max-width:660px) {
    .ec-item-title-leadin {
        font-size: 14px
    }

    .ec-item-title-main {
        font-size: 23px
    }
}

@media (max-width:767px) {
    #hp-sec-tawb .gr-2 {
        grid-template-columns: 1fr;
        grid-gap: 20px
    }

    #hp-sec-tawb .gr-2 .grid-item {
        text-align: center
    }

    #hp-sec-tawb img {
        width: 440px
    }

    #hp-sec-tawb .inner p {
        max-width: 85%
    }
}

.container.garage-body .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
    transition: all .18s linear
}

.container.garage-body .card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1
}

.container.garage-body .card {
    display: inline-block;
    width: 100%;
    margin-bottom: .75rem
}

.container.garage-body .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem
}

.container.garage-body .card-img-top {
    width: 100%;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.container.garage-body small.text-muted svg {
    margin-right: 5px
}

.container.garage-body small.text-muted {
    font-size: 85%;
    font-weight: 400;
    margin-right: 30px;
    color: #595959
}

.img-responsive.buggies-garage-hero {
    margin: 0 auto;
    display: block;
    width: 100%;
    margin-bottom: 60px
}

.container.garage-body h1 {
    font-size: 36px
}

.container.garage-body h2 {
    margin: 60px 0 25px
}

.container.garage-body .title {
    font-weight: 600;
    font-style: normal;
    font-size: 16px
}

.container.garage-body .card-title {
    margin: 15px 0 20px
}

.container.garage-body .cta_links {
    margin: 40px 0 60px
}

.container.garage-body .cta_links a {
    color: #595959
}

.container.garage-body .cta_links a:hover p {
    color: #f98100 !important
}

.container.garage-body .bigIcon {
    font-size: 65px;
    margin-bottom: 15px
}

.container.garage-body .card:hover h5,
.container.garage-body .card:hover p,
.container.garage-body .card:hover small.text-muted {
    color: #f98100 !important
}

.container.garage-body .col-md-10 {
    width: 100%;
    padding: 0 60px;
    margin: 20px 0
}

.container.garage-body .col-md-10 h1,
.container.garage-body .col-md-10 p,
.container.garage-body .cta_links p.title {
    text-align: center
}

@media(max-width:768px) {
    .container.garage-body .card-columns {
        column-count: 2
    }

    .container.garage-body .col-md-2 {
        width: 43vw;
        float: left;
        text-align: center;
        margin: 5px;
        background: -webkit-linear-gradient(360deg, #dee1e1 10%, #f4f4f4 360%);
        background: -moz-linear-gradient(360deg, #dee1e1 10%, #f4f4f4 360%);
        background: linear-gradient(360deg, #dee1e1 10%, #f4f4f4 360%);
        background-blend-mode: normal, color-burn;
        background-blend-mode: screen;
        box-shadow: 0 0 1px rgba(34, 25, 25, .4)
    }

    .container.garage-body .title {
        padding: 15px 0
    }

    .container.garage-body .card-title {
        margin: 15px 0 20px;
        font-size: 17px
    }

    .container.garage-body .card-columns .card {
        margin-bottom: 1.5rem
    }
}

@media(max-width:597px) {
    .container.garage-body .row.cta-flex {
        display: flex;
        flex-wrap: wrap
    }

    .container.garage-body .col-md-10 {
        padding: 0;
        margin: 15px 0
    }

    .container.garage-body .col-md-10 h1,
    .container.garage-body .col-md-10 p {
        text-align: left
    }

    .container.garage-body .card-columns {
        column-count: 1
    }
}

@media only screen and (max-width:375px) {
    .container.garage-body .col-md-2 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .container.garage-body .bigIcon {
        font-size: 45px
    }
}

@media only screen and (max-width:360px) {
    .container.garage-body .col-md-2 {
        height: 156px;
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

.garage-body .flex-column {
    flex-direction: column !important
}

.garage-body .flex-wrap {
    flex-wrap: wrap !important
}

.garage-body .align-items-center {
    align-items: center !important
}

.garage-body .d-flex {
    display: -ms-flexbox !important;
    display: flex !important
}

.garage-body .avatar img {
    display: block;
    width: 100%
}

.garage-body main.posts-listing .post {
    margin: 20px 15px;
    flex: auto;
    display: inline-flex;
    flex-flow: column;
    width: 45%;
    column-count: 2
}

.garage-body .post-thumbnail img {
    width: 100%;
    display: block
}

.garage-body .img-responsive .buggies-garage-hero {
    margin: 0 auto;
    display: block;
    width: 100%;
    margin-bottom: 60px
}

.garage-body .widget {
    margin-bottom: 40px;
    padding: 30px;
    border: 1px solid #eee
}

.garage-body .widget header {
    margin-bottom: 20px
}

.garage-body .post-meta {
    margin: 10px 0;
    font-size: .8em
}

.garage-body .post h3:hover {
    color: #555
}

.garage-body .post .date {
    letter-spacing: .05em;
    font-weight: 400;
    text-transform: uppercase;
    color: #aaa
}

.garage-body .post .avatar {
    max-width: 40px;
    min-width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 10px
}

.garage-body .post .comments,
.garage-body .post .date,
.garage-body .post .title,
.garage-body .post .views {
    font-weight: 400;
    color: #999;
    text-transform: capitalize
}

.garage-body .post .comments::after,
.garage-body .post .date::after,
.garage-body .post .title::after,
.garage-body .post .views::after {
    content: '|';
    display: inline-block;
    margin: 0 7px;
    font-size: .9em;
    color: #ccc
}

.garage-body main.posts-listing {
    padding-left: 0;
    padding-right: 0
}

.garage-body main.posts-listing .post {
    margin-bottom: 50px
}

.garage-body main.posts-listing .post-footer {
    font-size: .8em
}

.garage-body .widget.categories .item {
    background: #fafafa;
    padding: 10px;
    color: #777;
    font-weight: 700
}

.garage-body .widget.categories .item:nth-of-type(2n+2) {
    background: 0 0
}

.garage-body .widget.categories .item a {
    color: inherit;
    font-size: .95em
}

.garage-body .widget.categories .active a {
    color: #000;
    text-decoration: none
}

.garage-body .widget.categories .item a:hover {
    color: #000;
    text-decoration: none
}

.garage-body .widget.categories .item span {
    font-size: .9em;
    color: #aaa
}

@media (max-width:767px) {
    .garage-body .post {
        margin-bottom: 40px
    }

    .garage-body .post:last-of-type {
        margin-bottom: 0
    }

    .garage-body main.posts-listing .post {
        margin: 20px 13px
    }
}

@media(max-width:699px) {
    .garage-body main.posts-listing .post {
        margin: 0 auto;
        width: 100%;
        column-count: 1
    }
}

.anim-banner {
    height: 360px;
    max-width: 960px;
    background: url(/images/buggies/hauling-storage-landing-hero.png) no-repeat;
    overflow: hidden;
    margin: 0 0 30px 0;
    border: 1px solid #e8e8e8
}

.anim-banner__wrapper {
    display: flex;
    align-items: center;
    margin-top: -77px;
    overflow: hidden
}

.hauling-solutions-landing .anim-title h1:nth-of-type(1) {
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 8px;
    text-transform: uppercase
}

.anim-title h1:nth-of-type(2) {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 0
}

.anim-image {
    position: relative
}

.anim-circle {
    background: 0 0;
    border-radius: 50%;
    box-shadow: 0 0 0 0 #69bf4a;
    height: 501px;
    width: 501px;
    transform: scale(1);
    position: absolute
}

.anim-title {
    text-align: center;
    width: 100%;
    margin: 0 auto
}

.buggies-landing-intro {
    margin: 0 0 50px 0;
    text-align: left
}

.hauling-solutions-landing .gutter {
    margin-bottom: 50px
}

.hauling-solutions-landing a.btn-orange {
    display: inline-block
}

.hauling-solutions-landing a.btn-orange {
    display: inline-block
}

.hauling-solutions-button {
    text-align: center
}

@keyframes pulse-green {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 #69bf4a
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 30px transparent
    }

    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 transparent
    }
}

@media only screen and (max-width:959px) {
    .anim-image {
        margin-left: -70px
    }

    .anim-title {
        text-align: center;
        width: 100%;
        margin: 0 auto
    }
}

@media (max-width:767px) {
    .anim-banner {
        background: url(/images/buggies/club-car-rep-parts-767.png) no-repeat center;
        border: none;
        margin: 0 0 20px 0;
        background-size: cover
    }

    .anim-banner {
        height: auto
    }

    .anim-banner__wrapper {
        flex-direction: column
    }

    .anim-title {
        padding-top: 30px
    }

    .anim-circle {
        height: 100%;
        width: 100%
    }

    .anim-image {
        width: 60%;
        margin: 0
    }

    .anim-image img {
        width: 100%
    }

    .anim-banner__wrapper {
        margin: 0;
        padding: 30px 0 0 0
    }
}

@media (max-width:500px) {
    .anim-image {
        width: 100%
    }

    .anim-banner {
        margin: 0 0 10px 0
    }

    .anim-title {
        padding-bottom: 20px
    }
}

.post-body img {
    width: 100%
}

p.lead {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .5px
}

.blog-post,
.garage-body {
    font-size: 14px;
    width: 100%
}

.post-single ul li {
    padding: 5px
}

.post-body img {
    margin: 0 auto;
    display: block;
    width: 100%;
    margin-bottom: 60px
}

.post-details .category {
    margin-top: 0
}

.post-details .category a {
    color: #999;
    letter-spacing: .08em;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 13px
}

.post h3 {
    line-height: 1.7em;
    color: #222;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin-top: 2.5rem;
    font-size: 18px
}

.post h3:hover {
    color: #555
}

.post-details .post-details .category a {
    color: #999;
    letter-spacing: .05em;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none
}

.post .date {
    letter-spacing: .05em;
    line-height: 21px;
    font-weight: 400;
    text-transform: uppercase;
    color: #aaa
}

.blog-post .post-footer {
    margin-top: 20px
}

.blog-post .post-body {
    margin-top: 40px
}

.blog-post .post-body p {
    margin-bottom: 30px
}

.blog-post .post-body p:not(.lead) {
    font-size: 1em;
    line-height: 1.7em;
    color: #555
}

.garage-body .post .avatar {
    max-width: 40px;
    min-width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 10px
}

.garage-video-post p.lead {
    margin-top: 30px
}

@media (max-width:767px) {
    .post {
        margin-bottom: 40px
    }

    .post:last-of-type {
        margin-bottom: 0
    }

    .blog-post {
        padding: 0
    }
}

@media(max-width:597px) {
    .title {
        font-size: 14px;
        padding: 0 10px
    }

    .post-details h1 {
        font-size: 34px
    }
}

@media only screen and (max-width:959px) {
    div#MainCatNav {
        display: flex;
        align-items: center;
        padding: 0 10px
    }

    div#content_sidebar {
        overflow: visible;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        -webkit-user-select: none;
        display: block;
        height: 50px;
        overflow-y: hidden;
        padding: 0;
        position: relative;
        -webkit-overflow-scrolling: touch;
        overflow-x: scroll
    }

    .catNavHome {
        display: none
    }

    div#MainCatNav>* a {
        font-size: 14px;
        margin: 0;
        padding: 0
    }

    div#MainCatNav>* {
        white-space: nowrap;
        line-height: 1;
        margin: 0;
        padding: 0 10px 0 0
    }

    div#MainCatNav>h5 a {
        font-weight: 700
    }

    div#MainCatNav>h3 {
        color: #333;
        font-size: 16px;
        border-right: 1px solid
    }

    div#content_sidebar {
        background: #fefefe;
        height: 50px;
        display: flex;
        align-items: center;
        border-bottom: 2px solid #e4e4e4;
        position: -webkit-sticky;
        position: sticky;
        top: 0
    }

    div#MainCatNav ul li {
        padding: 0 5px 0
    }

    li.sub1 a img {
        display: none
    }

    div#content_sidebar::-webkit-scrollbar {
        display: none
    }

    div#MainCatNav>h5::after {
        padding-left: 10px;
        font-weight: 700
    }

    div#MainCatNav>h5 {
        padding: 0 0 0 14px
    }

    div#MainCatNav ul {
        display: flex
    }

    div#MainCatNav ul::before {
        content: "\276F";
        padding: 0 5px 0 14px;
        font-weight: 700
    }
}

@media only screen and (min-width:768px) and (max-width:959px) {
    div#content_sidebar {
        top: 121px
    }
}

/* 2022 Landing Page Styles */

.bulp-wrapper {
    padding-bottom: 60px;
}

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

.bulp-wrapper .btn {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    min-width: 140px;
    padding: 10px 20px;
    text-align: center;
    transition: all 0.18s ease-in-out;
}

.bulp-wrapper .btn-primary-ol {
    background: #f98100;
    border: 2px solid #fff;
    border-radius: 50px;
    color: #fff !important;
}

.bulp-wrapper .btn-primary-ol:focus,
.bulp-wrapper .btn-primary-ol:hover {
    background: #FF8E14;
}

.bulp-wrapper .static-hp-banner {
    margin-bottom: 20px;
    padding: 0 10px;
}

.bulp-wrapper .static-hp-banner a {
    /*border: 1px solid #ddd;*/
    border-radius: 3px;
    display: block;
    opacity: 1;
    overflow: hidden;
    transition: all .3s ease;
}

.bulp-wrapper .static-hp-banner a:hover {
    opacity: .9;
}

.bulp-wrapper .hp-sec {
    padding: 40px 0 0;
    width: 100%;
}

.bulp-wrapper .hp-sec .container {
    float: none;
    margin: 0 auto;
}

.bulp-wrapper .section-heading {
    font-family: "Open Sans", sans-serif;
    font-size: 24px;
    font-weight: 800;
    margin: 0 0 25px;
}

.bulp-wrapper .section-heading:after {
    border-bottom: 4px solid #69bf4a;
    content: '';
    display: block;
    margin: 0 auto;
    padding-top: 10px;
    width: 50px;
}

.bulp-wrapper .featured-callouts .featured-item {
    padding: 0 10px;
}

.bulp-wrapper .featured-callouts .featured-item .featured-link {
    background: linear-gradient(180deg, #e5e5e5, transparent);
    border: solid 1px #ddd;
    border-radius: 3px;
    color: #000;
    display: block;
    overflow: hidden;
    padding: 15px 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 100%;
    z-index: 1;
}

.bulp-wrapper .featured-callouts .featured-item .featured-link::before {
    background: linear-gradient(180deg, #f5f5f5, transparent);
    content: "";
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: opacity .2s ease;
    z-index: -1;
}

.bulp-wrapper .featured-callouts .featured-item .featured-link:hover::before {
    opacity: 1;
}

.bulp-wrapper .featured-callouts .featured-item .featured-link img {
    display: block;
    margin: 0 auto 10px;
    max-width: 160px;
}

.bulp-wrapper .featured-callouts .featured-item .featured-link .sizzle {
    font-weight: 600;
}



.bulp-wrapper .featured-callouts .featured-item .featured-link .sizzle .leadin {
    font-size: 16px;
    font-weight: 700;
    color: #333;
}

.bulp-wrapper .featured-callouts .featured-item .featured-link .sizzle .title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 10px;
}

.bulp-wrapper .featured-callouts .featured-item .featured-link .sizzle .btn-pho {
    background: #f98100;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    min-width: 140px;
    padding: 10px 20px;
    transition: all .3s ease-in-out;
}

.bulp-wrapper .featured-callouts .featured-item .featured-link:hover .sizzle .btn-pho {
    background: #e07400;
}

.bulp-wrapper .featured-callouts .featured-item .featured-link .sizzle .btn-sm {
    font-size: 14px;
    min-width: 120px;
    padding: 8px 20px;
}

.bulp-wrapper .featured-callouts .featured-item .featured-link .sizzle .btn-ec {
    background: #f54035;
}

.bulp-wrapper .featured-callouts .featured-item .featured-link:hover .sizzle .btn-ec {
    background: #eb180c;
}

.bulp-wrapper ul.slick-dots {
    list-style: none;
    margin: 15px 0 0;
    padding: 0;
    text-align: center;
}

.bulp-wrapper ul.slick-dots > li {
    display: inline-block;
    padding: 0 5px;
}

.bulp-wrapper ul.slick-dots button {
    background: none;
    border: none;
    color: transparent;
    height: 14px;
    position: relative;
    width: 14px;
}

.bulp-wrapper ul.slick-dots button::after {
    background: #ddd;
    border-radius: 50%;
    content: "";
    height: 14px;
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
}

.bulp-wrapper ul.slick-dots .slick-active button::after {
    background: #f98100;
}

@media screen and (min-width:741px) {
    .bulp-wrapper ul.slick-dots {
        display: none;
    }
}

.bulp-wrapper .grid-row {
    display: grid;
    grid-gap: 20px;
}

.bulp-wrapper .gr-2 {
    align-items: center;
    grid-template-columns: repeat(2, 1fr);
}

.bulp-wrapper .gr-3 {
    align-items: center;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 1fr;
    grid-gap: 40px;
    padding: 0 20px;
}

.bulp-wrapper .text-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.bulp-wrapper .gr-4 {
    grid-template-columns: repeat(4, 1fr);
    padding: 0 10px;
}

.bulp-wrapper .grid-item {
    height: 100%;
    padding: 0;
    text-align: center;
    width: 100%;
}

.bulp-wrapper .grid-item a {
    color: #333;
    text-decoration: none;
    transition: all 0.18s linear;
}

.bulp-wrapper .grid-item a img {
    margin: 0 auto;
    opacity: 1;
    transition: all 0.18s linear;
}

.bulp-wrapper .grid-item a:focus img,
.bulp-wrapper .grid-item a:hover img {
    opacity: .9;
}

.bulp-wrapper .grid-item a .title {
    display: block;
    font-size: 18px;
    font-weight: 700;
    margin-top: 10px;
    position: relative;
}

.bulp-wrapper .grid-item a .title::after {
    border-bottom: 3px solid #FF8E14;
    content: '';
    display: block;
    margin-left: -20px;
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: scaleX(0);
    transition: transform 0.18s ease-in-out;
    width: 40px;
}

.bulp-wrapper .grid-item a:focus .title:after,
.bulp-wrapper .grid-item a:hover .title:after {
    transform: scaleX(1);
}

.bulp-wrapper #cart-identifier {
    background: #f5f5f5;
    border: 1px solid #e8e8e8;
    border-radius: 50px;
    color: #333;
    display: flex;
    font-size: 16px;
    font-weight: 800;
    align-content: center;
    flex-direction: row;
    justify-content: center;
    margin: 30px auto 0;
    max-width: 500px;
    padding: 15px 15px;
    text-decoration: none;
    transition: all 0.18s linear;
}

.bulp-wrapper #cart-identifier:focus,
.bulp-wrapper #cart-identifier:hover {
    border-color: #FF8E14;
}

.bulp-wrapper #cart-identifier .actionable {
    color: #333;
    font-weight: 600;
    margin-left: 10px;
    transition: all 0.18s linear;
}

.bulp-wrapper #cart-identifier .actionable::after {
    border-bottom: 1px solid #FF8E14;
    content: '';
    display: block;
    transform: scaleX(0);
    transition: transform 0.18s ease-in-out;
}

.bulp-wrapper #cart-identifier:focus .actionable::after,
.bulp-wrapper #cart-identifier:hover .actionable::after {
    transform: scaleX(1);
}

.bulp-wrapper #sec-value-prop p {
    margin: 0 auto;
    max-width: 90%;
}

.bulp-wrapper #hp-sec-tawb .inner {
    background: rgb(63, 120, 42);
    background: -moz-radial-gradient(circle farthest-side at 20% 50%, #69bf4a 0%, #3f782a 100%);
    background: -webkit-radial-gradient(circle farthest-side at 20% 50%, #69bf4a 0%, #3f782a 100%);
    background: radial-gradient(circle farthest-side at 20% 50%, #69bf4a 0%, #3f782a 100%);
    border-radius: 3px;
    color: #fff;
    padding: 40px 20px 30px 0;
    position: relative;
    z-index: 1;
}

.bulp-wrapper #hp-sec-tawb .inner:before {
    background: rgb(63, 120, 42);
    background: -moz-radial-gradient(circle farthest-side at 20% 50%, #79C65D 0%, #498B31 100%);
    background: -webkit-radial-gradient(circle farthest-side at 20% 50%, #79C65D 0%, #498B31 100%);
    background: radial-gradient(circle farthest-side at 20% 50%, #79C65D 0%, #498B31 100%);
    content: "";
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: all 0.2s ease;
    z-index: -1;
}

.bulp-wrapper #hp-sec-tawb .inner:hover:before {
    opacity: 1;
}

.bulp-wrapper #hp-sec-tawb .gr-2 {
    grid-gap: 0;
    z-index: 5;
}

.bulp-wrapper #hp-sec-tawb .gr-2 .grid-item {
    text-align: left;
}

.bulp-wrapper #hp-sec-tawb img {
    height: auto;
    margin: 0 auto;
}

.bulp-wrapper #hp-sec-tawb .inner {
    display: block;
    text-decoration: none;
}

.bulp-wrapper #hp-sec-tawb .inner .lead-in {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 5px;
}

.bulp-wrapper #hp-sec-tawb .inner .title {
    font-size: 48px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 15px;
}

.bulp-wrapper #hp-sec-tawb .inner p {
    font-size: 16px;
    line-height: 1.4;
    margin: 0 auto 20px;
}

.bulp-wrapper #hp-sec-tawb .inner:hover .btn {
    background: #f98100;
    border: 2px solid #fff;
    border-radius: 50px;
    color: #fff !important;
}

.bulp-wrapper #hp-sec-brands img {
    max-width: 170px;
    opacity: 1;
    position: relative;
    transition: opacity 0.18s ease-in-out;
}

.bulp-wrapper #hp-sec-brands:focus img,
.bulp-wrapper #hp-sec-brands:hover img {
    opacity: .8;
}

.bulp-wrapper #hp-sec-brands a {
    display: flex;
    align-content: center;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    min-height: 100%;
    position: relative;
}

.bulp-wrapper #hp-sec-brands a:after {
    border-bottom: 3px solid #FF8E14;
    content: "";
    opacity: 0;
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin-left: -20px;
    transition: opacity .18s ease-in-out;
    width: 40px;
}

.bulp-wrapper #hp-sec-brands a:focus:after,
.bulp-wrapper #hp-sec-brands a:hover:after {
    opacity: 1;
}


@media (max-width: 420px) {
    .bulp-wrapper #hp-sec-tawb .inner .title {
        font-size: 42px;
    }
}

@media (max-width: 480px) {
    .bulp-wrapper #cart-identifier {
        border-radius: 15px;
        align-items: center;
        flex-direction: column;
        padding: 15px 20px;
        text-align: center;
    }

    .bulp-wrapper #cart-identifier .actionable {
        border-color: #fff;
        margin: 5px 0 0;
    }
}

@media (max-width: 567px) {
    .bulp-wrapper .gr-4 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .bulp-wrapper #hp-sec-tawb .inner {
        background: rgb(63, 120, 42);
        background: -moz-radial-gradient(circle farthest-side at 50% 30%, rgba(105, 191, 74 1) 0%, rgba(63, 120, 42, 1) 100%);
        background: -webkit-radial-gradient(circle farthest-side at 50% 30%, rgba(105, 191, 74, 1) 0%, rgba(63, 120, 42, 1) 100%);
        background: radial-gradient(circle farthest-side at 50% 30%, rgba(105, 191, 74, 1) 0%, rgba(63, 120, 42, 1) 100%);
        padding-left: 20px;
    }

    .bulp-wrapper #hp-sec-tawb .gr-2 {
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }

    .bulp-wrapper #hp-sec-tawb .gr-2 .grid-item {
        text-align: center;
    }

    .bulp-wrapper #hp-sec-tawb img {
        width: 440px;
    }

    .bulp-wrapper #hp-sec-tawb .inner p {
        max-width: 85%;
    }
}

@media (max-width: 960px) {
    .bulp-wrapper .gr-4 {
        padding: 0 20px;
    }
}

/* accessibe  */
.userway_buttons_wrapper {
    transform: translateY(-50px);
}