#layoutHeader .top-ribbon {
    background-color: #292828 !important;
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif !important;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
}

#layoutHeader .top-ribbon .topbar-text {
    color: #ffffff !important;
}

#layoutHeader .top-ribbon .topbar-link {
    color: #ffffff !important;
}



#layoutHeader .layout-header-background {
    background-color: #ffffff  !important;; 
}

#layoutHeader .cat-links-apollo {
    color: #434040 !important;
	background: #ffffff !important;
}

#layoutHeader .cat-links-apollo:hover {
    color: #e9ae2a !important;
	background: #ffffff !important;
}

#layoutHeader .dropdown-cat-links-apollo {
    color: #4e4b4b !important; 
	background: #ffffff !important;
}

#layoutHeader .dropdown-cat-links-apollo:hover {
    color: #2d2a2a !important; 
    background: #ffffff !important; 
}

#layoutHeader .coggins-down-caret {
     color: #000000; 
 }

#layoutHeader .coggins-down-caret:hover {
     color: #cccccc; 
 }

#layoutHeader .navbar-light .navbar-tool-text {
        color: #4b566b !important;
}

#layoutHeader .navbar-light .navbar-tool-text small {
        color: #4b566b !important; 
}

#body {
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif !important;
}

.banner-top {
    background-color: #3f424a !important;
    padding: 1.5rem 0;
    text-align: center;
}



#carouselExampleCaptions .btn-primary {
	color: #ffffff !important;
	background: #000000 !important;
	border: #000000 !important;
}

#carouselExampleCaptions .btn-primary:hover {
	color: #000000 !important;
	background: #ffffff !important;
	border: #ffffff !important;
}


#carouselExampleCaptions .carousel-text-apollo {
	color: #ffffff !important;
}


.page-title-overlap h1 {
        color: #ffffff !important;
}

.page-title-overlap h2 {
        color: #ffffff !important;
}

.page-title-overlap h3 {
        color: #ffffff !important;
}

.page-title-overlap h4 {
        color: #ffffff !important;
}

.page-title-overlap h5 {
        color: #ffffff !important;
}

.page-title-overlap h6 {
        color: #ffffff !important;
}

.breadcrumb-checkout-text {
    color: #18a9ed !important;
}

.page-title-overlap .breadcrumb .breadcrumb-item a { 
    color: #b8c2cc !important;
    font-weight: 500;
}

.page-title-overlap .breadcrumb .breadcrumb-item.active { 
    color: #b8c2cc !important;
    font-weight: 500;
}

.page-title-overlap .breadcrumb .breadcrumb-item { 
    color: #b8c2cc !important;
    font-weight: 500;
}

.page-title-overlap .breadcrumb-item + .breadcrumb-item::before {
    color: #b8c2cc !important;
}

#productDetails .breadcrumb .breadcrumb-item a {
        color: #000000 !important;
        font-weight: 500;
}
#productDetails .breadcrumb .breadcrumb-item.active {
    color: #000000 !important;
    font-weight: 500;
}

#productDetails .breadcrumb .breadcrumb-item  {
    color: #000000 !important;
    font-weight: 500;
}

#productDetails .breadcrumb-item + .breadcrumb-item::before {
        color: #000000 !important;
}


#productDetails .add-to-cart-btn {
        color: #ffffff !important;
        background-color: #0164ff !important;
        border: 1px solid #4b4b4b !important; 
}

#productDetails .add-to-cart-btn:hover {
        color: #ffffff !important;
        background-color: #e9ae2a !important;
        border: 1px solid #000000 !important; 

}

#productDetails .product-wishlist-btn {
        color: #0164ff !important;
        background-color: #eaf4fb !important;
        border: 1px solid #000000 !important;
}

#productDetails .product-wishlist-btn:hover {
        color: #ffffff !important;
        background-color: #0164ff !important;
        border: 1px solid #000000 !important;
}

#productDetails .product-instock-link {
        color: #007bff !important;
}



#Dimensions #dimensionOne .btn-group .btn,
#Dimensions #dimensionTwo .btn-group .btn,
#Dimensions #dimensionThree .btn-group .btn {    
	border: 1px solid #c9c9c9 !important;    
	color: #000000 !important;    
	background-color: #ffffff !important;
}

#Dimensions #dimensionOne .btn-group .btn.active,
#Dimensions #dimensionTwo .btn-group .btn.active,
#Dimensions #dimensionThree .btn-group .btn.active,
#Dimensions #dimensionOne .btn-group .btn:focus,
#Dimensions #dimensionTwo .btn-group .btn:focus,
#Dimensions #dimensionThree .btn-group .btn:focus {    
	border: 1px solid #c9c9c9 !important;    
	color: #ffffff !important;    
	background-color: #000000 !important;
}

#Dimensions #dimensionOne .btn-group .btn:hover,
#Dimensions #dimensionTwo .btn-group .btn:hover,
#Dimensions #dimensionThree .btn-group .btn:hover {    
background-color: #000000 !important;    
color: #ffffff !important;    
border: 1px solid #000000 !important;
}

#Dimensions #dimensionOne .btn-group .btn:active,
#Dimensions #dimensionTwo .btn-group .btn:active,
#Dimensions #dimensionThree .btn-group .btn:active,
#Dimensions #dimensionOne .btn-group .btn:focus,
#Dimensions #dimensionTwo .btn-group .btn:focus,
#Dimensions #dimensionThree .btn-group .btn:focus {    
	outline: 2px solid #c9c9c9 !important;
}

#Dimensions #dimensionOne .btn-group .btn.active,
#Dimensions #dimensionTwo .btn-group .btn.active,
#Dimensions #dimensionThree .btn-group .btn.active {    
	outline: 1px solid #c9c9c9 !important;
}
        


.desktop-logo {
    width: 100% !important;
    max-width: 170px !important;
}

.mobile-logo {
    width: 100% !important;
    max-width: 170px !important;
}

#layoutHeader .wishlist-btn {
    background-color: #b2b5b8 !important;
    color: #ffffff !important;
	border: 1px solid #b2b5b8 !important;
}

#layoutHeader .wishlist-btn:hover {
    background-color: #0164ff !important;
    color: #ffffff !important;
	border: 1px solid #0164ff !important;
}

#layoutHeader #searchButton {
    color: #ffffff !important;
    background: #dc3545 !important;
    border: 1px solid #dc3545 !important;
}

#layoutHeader #searchButton:hover {
    color: #ffffff !important;
    background: #c82333 !important;
    border: 1px solid #c82333 !important;
}

#layoutHeader .search-icon-btn {
        background-color: #b2b5b8 !important;
        color: #ffffff !important;
        border: 1px solid #b2b5b8 !important;
}

#layoutHeader .search-icon-btn:hover {
            background-color: #0164ff !important;
            color: #ffffff !important;
            border: 1px solid #e6e9ed !important;
}

#layoutHeader .account-btn {
    background-color: #b2b5b8 !important;
    color: #ffffff !important;
    border: 1px solid #b2b5b8 !important;
}

#layoutHeader .account-btn:hover {
        background-color: #0164ff !important;
        color: #ffffff !important;
        border: 1px solid #0164ff !important;
} 

#layoutHeader .carticon-btn {
        background-color: #0164ff !important;
        color: #ffffff !important;
        border: 1px solid #0164ff !important;
}

#layoutHeader .carticon-btn:hover {
            background-color: #e9ae2a !important;
            color: #ffffff !important;
            border: 1px solid #e9ae2a !important;
        
} 

#layoutHeader .cartnumber-btn {
        background-color: #dc3545 !important;
        color: #fffdfd !important;
}  

#shoppingCart .checkout-button {
        border: none !important;
        background-color: #0164ff !important;
        color: #ffffff !important;
        box-shadow: 0 0 15px rgba(0,0,0,.05) !important;
}

#shoppingCart .checkout-button:hover {
            background-color: #e9ae2a !important;
            color: #ffffff !important;
}

#cartToggle .checkout-button {
	border: none !important;
    background-color: #0164ff !important;
    color: #ffffff !important;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.05) !important;
}

#cartToggle .checkout-button:hover {
    background-color: #e9ae2a !important;
    color: #ffffff !important;
}


#newCustomer .create-account-button {
        color: #ffffff !important;
        background: #0164ff !important;
        border: 1px solid #0164ff !important;
}

#newCustomer .create-account-button:hover {
        color: #ffffff !important;
        background: #0c57ce !important;
        border: 1px solid #0c57ce !important;
}

.auth-btn {
	border: none !important;
    background-color: #0164ff !important;
    color: #ffffff !important;
}

.auth-btn:hover {
    background-color: #e9ae2a !important;
    color: #ffffff !important;
}

.address-btn {
	border: none !important;
    background-color: #0164ff !important;
    color: #ffffff !important;
}

.address-btn:hover {
    background-color: #e9ae2a !important;
    color: #ffffff !important;
}

.act-dropdown .nav-link {
        color: #000000 !important;
        background-color: #ffffff !important;
}

.act-dropdown .nav-link:hover {
        color: #ffffff !important;
        background-color: #000000 !important;
}

#account-menu li .nav-link-style {
            color: #4b566b !important;
}

#account-menu li .nav-link-style:hover {
            color: #0164ff !important;
}

.new-card-btn {
    border: none !important;
    background-color: #0164ff !important;
    color: #ffffff !important;
}

.new-card-btn:hover {
        background-color: #e9ae2a !important;
        color: #ffffff !important; 
}

.delivery-btn {
	border: 1px solid #dde4eb !important;
    background-color: #f6f7f8 !important;
}
.delivery-btn .delivery-btn-text {
        color: #1f2933 !important; 
}
.delivery-btn:hover {
	border: 1px solid #dde4eb !important;
    background-color: #eceff1 !important;
}
.delivery-btn:hover .delivery-btn-text {
        color: #5e5b5b !important; 
}

.delivery-btn .delivery-btn-text {
    color: #1f2933 !important; 
}

.delivery-btn:hover .delivery-btn-text {
    color: #5e5b5b !important; 
}

#shippingInfo #continue-button {
    color: #ffffff !important; 
    background-color: #0164ff !important; 
    border: #0164ff !important; 
}

#shippingInfo #continue-button:hover {
    color: #ffffff !important; 
    background-color: #e9ae2a !important; 
    border: #e9ae2a !important; 
}
#addressSelection .continue-button {
    color: #ffffff !important; 
    background-color: #0164ff !important; 
    border: #0164ff !important; 
}


#addressSelection .continue-button:hover {
    color: #ffffff !important;
    background-color: #e9ae2a !important;
    border: #e9ae2a !important;
}

.payment-method-btn {
	border: #198754 !important; 
    background-color: #0164ff !important;
    color: #ffffff !important;
}

.payment-method-btn:hover {
    border: #198754 !important; 
    background-color: #e9ae2a !important;
    color: #ffffff !important;
}

.product-header-apollo-link {
    color: #000000 !important; 
}

.product-header-apollo-link:hover {
    color: #000000 !important; 
}

.product-dim-info-apollo {
    color: #000000 !important; 
}

.product-shipping-info-apollo .product-shipping-type {
    color: #000000 !important; 
}

.product-shipping-info-apollo .product-shipping-status {
    color: #000000 !important; 
}

.payment-btn {
	border: none !important;
    background-color: #0164ff !important;
    color: #ffffff !important;
}

.payment-btn:hover {
    background-color: #e9ae2a !important;
    color: #ffffff !important;
}

.product-category-link {
    color: #655f5f !important;
}

.continue-shopping-btn {
	border: none;
    color: #ffffff !important;
    background-color: #4b515a !important;
}

.continue-shopping-btn:hover {
	border: none;
    color: #1c1f24 !important;
    background-color: #f7f9fb !important;
}

.discount-btn {
    color: #ffffff !important;
    background-color: #4aa3d8 !important; 
    border:1px solid #4aa3d8 !important;
}

.discount-btn:hover {
    color: #ffffff !important;
    background-color: #e9ae2a !important; 
    border:1px solid #ffffff !important;
}

.gift-btn {
    color: #ffffff !important;
    background-color: #0164ff !important; 
    border:1px solid #0164ff !important;
}

.gift-btn:hover {
    color: #ffffff !important;
    background-color: #e9ae2a !important; 
    border:1px solid #ffffff !important;
}

.footer-top {
    background-color: #323c4b !important;
}

.footer-bottom {
    background-color: #1c1f24 !important;
}

.footer .widget-link {
        color: #ffffff !important;
}

.footer .btn-social {
        color: #ffffff !important;
        background-color: #373f50 !important;
}

.footer .btn-social:hover {
        color: #ffffff !important;
        background-color: #373f50 !important;
}

.footer .bs-twitter {
    color: #ffffff !important;
    background-color: #000000 !important;
}

.footer .bs-twitter:hover {
    color: #ffffff !important;
    background-color: #000000 !important;
}

.footer .bs-facebook {
    color: #ffffff !important;
    background-color: #000000 !important;
}

.footer .bs-facebook:hover {
    color: #ffffff !important;
    background-color: #000000 !important;
}

.footer .bs-linkedin {
    color: #ffffff !important;
    background-color: #000000 !important;
}

.footer .bs-linkedin:hover {
    color: #ffffff !important;
    background-color: #000000 !important;
}

.footer .bs-instagram {
    color: #ffffff !important;
    background-color: #000000 !important;
}

.footer .bs-instagram:hover {
    color: #ffffff !important;
    background-color: #000000 !important;
}

.footer .bs-youtube {
    color: #ffffff !important;
    background-color: #000000 !important;
}

.footer .bs-youtube:hover {
    color: #ffffff !important;
    background-color: #000000 !important;
}


.footer .email-subscribe-btn {
    color: #ffffff;
    background-color: #0164ff;
}

.footer .email-subscribe-btn:hover {
    color: #ffffff;
    background-color: #000000;
}

.apollo-fs-10 {
    font-size: 10px !important;
}
.apollo-fs-12 {
    font-size: 12px !important;
}
.apollo-fs-15 {
    font-size: 15px !important;
}

.apollo-fs-20 {
    font-size: 20px !important;
}

.apollo-fs-25 {
    font-size: 25px !important;
}

.apollo-fs-30 {
    font-size: 30px !important;
}

.apollo-fs-35 {
    font-size: 35px !important;
}

.apollo-fs-40 {
    font-size: 40px !important;
}

.apollo-fs-45 {
    font-size: 45px !important;
}

.apollo-fs-50 {
    font-size: 50px !important;
}

.apollo-fs-55 {
    font-size: 55px !important;
}

.apollo-fs-60 {
    font-size: 60px !important;
}

.apollo-fs-65 {
    font-size: 65px !important;
}

.apollo-fs-70 {
    font-size: 70px !important;
}

.apollo-fs-75 {
    font-size: 75px !important;
}

.apollo-fs-80 {
    font-size: 80px !important;
}

.apollo-fs-85 {
    font-size: 85px !important;
}

.apollo-fs-90 {
    font-size: 90px !important;
}

.apollo-fs-95 {
    font-size: 95px !important;
}

.apollo-fs-100 {
    font-size: 100px !important;
}

.apollo-fs-105 {
    font-size: 105px !important;
}

.apollo-fs-110 {
    font-size: 110px !important;
}

.apollo-fs-115 {
    font-size: 115px !important;
}

.apollo-fs-120 {
    font-size: 120px !important;
}

.apollo-fs-125 {
    font-size: 125px !important;
}

.apollo-fs-130 {
    font-size: 130px !important;
}

.apollo-fs-135 {
    font-size: 135px !important;
}

.apollo-fs-140 {
    font-size: 140px !important;
}

.apollo-fs-145 {
    font-size: 145px !important;
}

.apollo-fs-150 {
    font-size: 150px !important;
}

.apollo-fs-155 {
    font-size: 155px !important;
}

.apollo-fs-160 {
    font-size: 160px !important;
}

.apollo-fs-165 {
    font-size: 165px !important;
}

.apollo-fs-170 {
    font-size: 170px !important;
}

.apollo-fs-175 {
    font-size: 175px !important;
}

.apollo-fs-180 {
    font-size: 180px !important;
}

.apollo-fs-185 {
    font-size: 185px !important;
}

.apollo-fs-190 {
    font-size: 190px !important;
}

.apollo-fs-195 {
    font-size: 195px !important;
}

.apollo-fs-200 {
    font-size: 200px !important;
}

.apollo-line-height-0 {
    line-height: 0 !important;
}
.apollo-line-height-1 {
    line-height: 1px !important;
}
.apollo-line-height-2 {
    line-height: 2px !important;
}
.apollo-line-height-3 {
    line-height: 3px !important;
}
.apollo-line-height-4 {
    line-height: 4px !important;
}
.apollo-line-height-5 {
    line-height: 5px !important;
}
.apollo-line-height-6 {
    line-height: 6px !important;
}
.apollo-line-height-7 {
    line-height: 7px !important;
}
.apollo-line-height-8 {
    line-height: 8px !important;
}
.apollo-line-height-9 {
    line-height: 9px !important;
}
.apollo-line-height-10 {
    line-height: 10px !important;
}
.apollo-line-height-11 {
    line-height: 11px !important;
}
.apollo-line-height-12 {
    line-height: 12px !important;
}
.apollo-line-height-13 {
    line-height: 13px !important;
}
.apollo-line-height-14 {
    line-height: 14px !important;
}
.apollo-line-height-15 {
    line-height: 15px !important;
}
.apollo-line-height-16 {
    line-height: 16px !important;
}

.apollo-line-height-17 {
    line-height: 17px !important;
}

.apollo-line-height-18 {
    line-height: 18px !important;
}

.apollo-line-height-19 {
    line-height: 19px !important;
}

.apollo-line-height-20 {
    line-height: 20px !important;
}

.apollo-line-height-21 {
    line-height: 21px !important;
}

.apollo-line-height-22 {
    line-height: 22px !important;
}

.apollo-line-height-23 {
    line-height: 23px !important;
}

.apollo-line-height-24 {
    line-height: 24px !important;
}

.apollo-line-height-25 {
    line-height: 25px !important;
}

.apollo-line-height-26 {
    line-height: 26px !important;
}

.apollo-line-height-27 {
    line-height: 27px !important;
}

.apollo-line-height-28 {
    line-height: 28px !important;
}

.apollo-line-height-29 {
    line-height: 29px !important;
}

.apollo-line-height-30 {
    line-height: 30px !important;
}