@font-face {
        font-family: "Brandon Grotesque";
        src:
        url(/fonts/Brandon-Grotesque/brandon-grotesque-black.otf),
        url(/fonts/Brandon-Grotesque/brandon-grotesque-black.woff) format('woff');
        font-weight: bold;
        font-style: normal;
        }
        
        @font-face {
        font-family: "Brandon Grotesque";
        src: url(/fonts/Brandon-Grotesque/brandon-grotesque-regular.ttf) format('truetype'),
        src: url(/fonts/Brandon-Grotesque/brandon-grotesque-regular.woff) format('woff');
        font-weight: normal;
        font-style: normal;
        }
        
        html,body,p,a,li,b,h1,h2,h3,h4,h5,h6 {
        font-family: "Brandon Grotesque", sans-serif !important;
        }
        
        h1,h2,h3,h4,h5,h6 {
        font-weight: bold;
        }
         body {
        background-color: ;
        }
        .customer-bg {
        background-color:  !important;
        }
        
         h1,
         h2,
         h3,
         h4,
         h5,
         h6 {
        color: ;
        text-transform:uppercase;
        }
        
         body,
         p,
         td,
         .customer-fg,
         .tabs .tab-title>a {
        color: ;
        }
        
        input[type="text"],
        input[type="password"],
        input[type="date"],
        input[type="datetime"],
        input[type="datetime-local"],
        input[type="month"],
        input[type="week"],
        input[type="email"],
        input[type="number"],
        input[type="search"],
        input[type="tel"],
        input[type="time"],
        input[type="url"],
        input[type="color"],
        textarea,
        input {
        border-radius: 6px;
        }
        
        form .error .error-description {
        animation: none;
        position: static;
        }
        
        .form-container .error input[type="text"],
        .form-container .error input[type="email"],
        .form-container .error input[type="number"],
        .form-container .error input[type="date"],
        .form-container .error input[type="checkbox"],
        .form-container .error select,
        .form-container .error textarea,
        form .error input[type="text"],
        form .error input[type="email"],
        form .error input[type="number"],
        form .error input[type="date"],
        form .error input[type="checkbox"],
        form .error select,
        form .error textarea {
        margin-bottom: 0;
        }

         a  {
        color: ;
        }
         a:hover  {
        color: #322FFD;
        }
         .button,
         a.button,
         button,
         input[type="submit"],
         .pager-options dd.active a,
         .results-pager .pagination .current a,
         #Categories .category_list li:hover {
        background: ;
        color: rgba(255,255,255,1);
        border-radius: 25px;
        text-transform:uppercase; 
        }
        .pager-options dd a,
        .sub-nav dd a {
        border-radius:25px;
        }
        .button.disabled,
        .button[disabled],
        button.disabled,
        button[disabled],
        .button.disabled:hover,
        .button[disabled]:hover,
        button.disabled:hover,
        button[disabled]:hover,
        .button.disabled:focus,
        .button[disabled]:focus,
        button.disabled:focus,
        button[disabled]:focus {
        background: #e6e6e6e6;
        color: #3c3c3c;
        }
        
        .side-nav li a:not(.button) {
        color: #322FFD;
        }
        .side-nav li a:not(.button):hover {
        color: ;
        }
        
        #ProductDetail .item-actions .button,
        #ProductDetail .item-actions button,
        #ProductDetail .item-actions input[type="submit"] {
        border-radius: 30px;
        width:auto;
        }
        
         .results-pager .pagination .current a,
         .pager-options dd.active a {
        border: 1px solid ;
        }
        
         .button:hover,
         button:hover,
         input[type='submit']:hover,
         .pager-options dd.active a:hover,
         .results-pager .pagination .current a:hover {
        background-color: #322FFD;
        }
        
         .button:focus,
         button:focus,
         input[type='submit']:focus,
         .pager-options dd.active a:focus,
         .results-pager .pagination .current a:focus  {
        background: ;
        }
        
         .contain-to-grid,
         .top-bar,
         .top-bar-section ul li,
         .top-bar-section li,
         .top-bar-section .dropdown li,
         .top-bar-section li:not(.has-form) a:not(.button),
         .top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button),
         .top-bar-section .has-form,
         .customer-accent-one,
         #Categories .category_list li.active,
         #MobileCategories,
         #MobileSearch,
         #Footer,
         #Footer a,
         .tabs .tab-title>a:hover {
        font-size: .85rem; 
        background-color: ;
        color: rgba(255,255,255,1);
        }
        
         #Footer  {
        color: rgba(0,0,0,0.2);
        }
        
         #Footer a {
        color: rgba(255,255,255,1);
        }
        
        .tabs .tab-title > a {
        font-size: .85rem;
        }
         .tabs {
        border-bottom-color: rgba(NaN,NaN,NaN, 0.5)
        }
         .tabs .tab-title.active>a {
        border-bottom-color: ;
        }
         .tabs .tab-title.active>a::after, .tabs dd.active>a::after {
        border-bottom-color: ;
        }
        
         .top-bar-section ul li>a {
        color: rgba(255,255,255,1);
        }
        
         .top-bar-section li:not(.has-form) a:not(.button):hover,
         .top-bar-section ul:hover,
         .top-bar-section li a:hover,
         .top-bar-section a:hover {
        background-color: rgba(0,0,0,0.2) !important;
        color: rgba(255,255,255,1);
        }
        
         .top-bar-section .has-dropdown>a:after {
        border-color: rgba(255,255,255,1) transparent transparent;
        }
        
         .top-bar-section .dropdown li:not(.has-form):not(.active):hover>a:not(.button) {
        background-color: ;
        color: rgba(255,255,255,1);
        }
        
         .top-bar .toggle-topbar.menu-icon a span::after {
        box-shadow: 0 0 0 1px color: rgba(255,255,255,1),
        0 7px 0 1px rgba(255,255,255,1),
        0 14px 0 1px rgba(255,255,255,1);
        }
         .top-bar .toggle-topbar.menu-icon a {
        color: rgba(255,255,255,1);
        }
        
          #NavSearch .button {
        box-shadow: none;
        border-radius: 2px;
        
        }
        
         .customer-accent-one {
        background-color:  !important;
        color: rgba(255,255,255,1);
        }
        
         .customer-accent-one a {
        color: rgba(255,255,255,1);
        }
         .panel {
        background-color: #F4F0E8;
        border-color: #E5E1D9;
        color: inherit;
        }
         .text-sm {
        font-size: .9rem;
        }

         .panel h1,
         .panel h2,
         .panel h3,
         .panel h4,
         .panel h5,
         .panel h6 {
        color: ;
        }
        
         .panel dl,
         .panel li,
         .panel p {
        color: #000;
        }
        
         .customer-accent-two,
         .panel.customer-accent-two,
         .secondary-masthead {
        background-color: #F4F0E8 !important;
        color: #000000;
        }
         .secondary-masthead h3 {
        color: #000000;
        }
         .secondary-masthead a,
         .secondary-masthead p,
         .secondary-masthead h1,
         .secondary-masthead h2,
         .secondary-masthead h3,
         .secondary-masthead h4,
         .secondary-masthead h5,
         .secondary-masthead h6,
         .secondary-masthead label,
         .secondary-masthead li,
         .customer-accent-two a,
         .customer-accent-two p,
         .customer-accent-two h1,
         .customer-accent-two h2,
         .customer-accent-two h3,
         .customer-accent-two h4,
         .customer-accent-two h5,
         .customer-accent-two h6,
         .customer-accent-two label,
         .customer-accent-two li {
        color: #000000;
        
        }
         .secondary-masthead a.button {
        background: ;
        color: rgba(255,255,255,1);
        }
        
         #Login, #Login h4, #Login p {
        color: #000000 !important;
        }
        
         .customer-accent-two:not(.point-col) a:hover,
         a.customer-accent-two:hover {
        background-color: rgba(NaN,NaN,NaN, 0.85) !important;
        color: #000000;
        }
         .tabs.secondary {
        border-bottom-color: rgba(NaN,NaN,NaN, 0.5)
        }
         .tabs.secondary .tab-title.active>a {
        border-bottom-color: ;
        }
         .tabs.secondary .tab-title.active>a::after, .tabs dd.active>a::after {
        border-bottom-color: ;
        }
        
         #mastheadBg {
        background-image: url('');
        }
        
        
        .item-box .in-category a:hover {
        background-color:  !important;
        color: rgba(255,255,255,1);
        }
        
        hr.shop-divider {
        background: ;
        }
        
         #ShoppingToolbar .wedge,
         #ShoppingToolbar .cart-wedge {
        background-color: ;
        }
         #ShoppingToolbar .user-profile:hover,
         #ShoppingToolbar .mini-cart:hover {
        background-color: ;
        color: rgba(255,255,255,1);
        }
         #ShoppingToolbar .user-profile li a:hover {
        background-color: rgba(0,0,0,0.2) !important;
        }
         #ShoppingToolbar .mini-cart-item:hover {
        background-color: rgba(0,0,0,0.2) !important;
        color: rgba(255,255,255,1);
        }
        
         .mpr-public-footer-img {
        padding: 0;
        line-height: 1;
        width: 150px;
        height: 40px;
        opacity: 0.6;
        background-size: 100%;
        display:inline-block;
        background-repeat: no-repeat;
        vertical-align: middle;
        
                background-image: url('/img/mpr-white.png');
            
        }
        
         .mpr-participant-footer-img {
        padding: 0;
        line-height: 1;
        width: 100px;
        height: 40px;
        opacity: 0.6;
        background-size: 100%;
        display:inline-block;
        background-repeat: no-repeat;
        vertical-align: middle;
        margin-top: 15px;
        
                background-image: url('/img/mpr-white.png');
            
        }
        
         .steps-bar .bar-bg,
         .steps-bar .bubble-bg,
         .steps-bar .bubble {
        background-color: #ffffff;
        }
         .steps-bar .bar,
         .steps-bar .bubble.complete  {
        background-color: ;
        }
         .steps-bar .lbl,
         .steps-bar .lbl.current {
        color: #000000;
        }
         .steps-bar .bubble.complete i {
        color: #fff;
        }
         .steps-bar a:hover .bubble {
        background-color:  !important;
        }
         .steps-bar a:hover .bubble i {
        color: rgba(255,255,255,1) !important;
        }
        
        .alert-box {
        background-color: #0731A1;
        border-color: #0731A1;
        font-size: .85rem;
        }
        .alert-box .close {
        color: #ffffff;
        opacity: .8;
        }
        
        
        @media only screen and (max-width: 50em) {
         #ShoppingToolbar {
        background-color: ;
        }
         .top-bar .toggle-topbar a {
        color: rgba(255,255,255,1);
        }
        
         #ShoppingToolbar .user-profile,
         #ShoppingToolbar .user-profile li a,
         #ShoppingToolbar .mini-cart {
        color: rgba(255,255,255,1);
        }
         #ShoppingToolbar .user-profile .profile-menu ul li a {
        color: ;
        }
        
         .results-pager .next-page a,
         .results-pager .previous-page a {
        background-color: ;
        color: rgba(255,255,255,1);
        }
         .results-pager .next-page a:hover,
         .results-pager .previous-page a:hover {
        background-color: #322FFD;
        }
         #MobileCategories .category_list a { 
        color: rgba(255,255,255,1);
        }
         #MobileSearch h5, #MobileCategories h5 {
        color: rgba(255,255,255,1);
        }
         #MobileCategories .close-list, #MobileSearch .close-search {
        color: rgba(255,255,255,1);
        }
         .tabs .tab-title.active>a:hover, .tabs dd.active>a:hover {
        color: rgba(255,255,255,1);
        }
         .top-bar-section .dropdown li.parent-link a, .top-bar-section .dropdown li.title h5 a {
        color: rgba(255,255,255,1);
        }
         .circle-it {
        color: #000000;
        }
        }