@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;
            }
            
        }