:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    
    --bs-body-bg: #ffffff;
    --bs-gray: #6c757d;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-success: #00c853;
    --bs-success-lighter: #00d057;
    --bs-info: #0076FF;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
}


:root {
    --bs-primary: #0d6efd; 
    --bs-primary-bg: #ffffff; 
    --bs-primary-text: #212529;
    --bs-secondary-bg: #eeeeee; 
    --bs-secondary-text: #212529; 
    --bs-accent: #07c152; 
    --bs-footer-bg: #ffffff; 
    --bs-footer-text: #212529; 
    
    --bs-preloader-second: #f21559; 
    --heading-prices-choose: #d63384;
    --bs-delete-lighter: #ff5e85;
    
    --bs-primary-lighter: #6AA4FF;
    --bs-primary-darker: #004CCB;
    --bs-secondary-lighter: #eeeeee;
    --bs-secondary-darker: #eee;
    --bs-primary-bg-lighter: #ffffff;
    --bs-primary-bg-darker: #f9f8fa;
    --bs-secondary-bg-lighter: #fff;
    --bs-secondary-bg-darker: #15161b;
    --bs-success-lighter: #00d057;
    --bs-accent-lighter: #00d057;
    --bs-gray: #6c757d;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-success: #00c853;
    --bs-info: #0076FF;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    
    --bs-body-color: #212529;
    --ip-btn-primary-background: #0d6efd;
    --ip-btn-primary-text: #ffffff;
    --ip-radio-primary-background: #ffffff;
    --ip-radio-primary-text: #212529;
    --ip-radio-primary-border: #0d6efd;
    --ip-radio-checked-background: #0d6efd;
    --ip-radio-checked-text: #ffffff;
    --ip-prices-chosen-background: #f9f8fa;
    --ip-prices-btn-color-text: #ffffff;
    --ip-prices-btn-secondary-background: #00d057;
    --ip-modal-primary-background: #ffffff;
    
    --ip-header-main-bg: #ffffff; 
    --ip-product-icons-text-color: #212529;
    --ip-header-menu-text-color: #6c757d;
    --ip-header-menu-text-color-active: #0d6efd;
    --ip-product-tab-list-nav-link-color: #212529;
    --ip-product-tab-list-nav-link-color-active: #0d6efd;
    --ip-btn-outlined-background: #ffffff;
    --ip-btn-outlined-text: #0d6efd;
    --ip-btn-outlined-secondary-background: #ffffff;
    --ip-btn-outlined-secondary-text: #0d6efd;
    --ip-product-icons-background-color: #ffffff;
    --ip-banner-text: #212529;
    --ip-input-text: #212529; 
    --ip-input-background: #ffffff; 
    --ip-carousel-button-color: #0d6efd;
    --ip-border-radius-boxes: 8px;
    --ip-border-radius-buttons: 50px;
    --ip-border-radius-inputs: 16px;
    --ip-box-shadow-boxes: 0 3px 24px rgba(0, 0, 0, .09);
    --page-max-width: 1200px; 
    --base-font-size: 16px; 
    --base-font-family: 'Arial', sans-serif; 
    --heading-font-family: 'Roboto', sans-serif; 
    --product-box-size: 250px; 


    
    --ip-icon-primary-1: #7f6eff;
    --ip-icon-primary-2: #7e37ff;
    --ip-icon-primary-3: #7c00ff;
    --ip-icon-primary-4: #6120de;
    --ip-icon-primary-5: #4300c4;

    --ip-icon-primary-accent: #f5a8f5;

    --ip-icon-secondary-1: #fff;
    --ip-icon-secondary-2: #f3f3f3;
    --ip-icon-secondary-3: #e9e9e9;
    --ip-icon-secondary-4: #e4e4e4;
    --ip-icon-secondary-5: #ccc;

    --ip-icon-eco-1: #f4e3d3;
    --ip-icon-eco-2: #f4e0ce;
    --ip-icon-eco-3: #dbccbd;

    --ip-icon-darkest: #3a3a3a;
}


@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

:root{
--bs-blue: #0d6efd;
--bs-indigo: #6610f2;
--bs-purple: #6f42c1;
--bs-pink: #d63384;
--bs-red: #dc3545;
--bs-orange: #fd7e14;
--bs-yellow: #ffc107;
--bs-green: #198754;
--bs-teal: #20c997;
--bs-cyan: #0dcaf0;
--bs-white: #fff;
--bs-gray-dark: #7b8794;
--bs-gray-100: #f8f9fa;
--bs-gray-200: #e9ecef;
--bs-gray-300: #dee2e6;
--bs-gray-700: #495057;
--bs-gray-800: #343a40;
--bs-gray-900: #212529;
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
--bs-body-bg: #ffffff;
--bs-gray: #6c757d;
--bs-gray-400: #ced4da;
--bs-gray-500: #adb5bd;
--bs-gray-600: #6c757d;
--bs-success: #00c853;
--bs-success-lighter: #4ce875;
--bs-info: #0049ac;
--bs-warning: #ffc107;
--bs-danger: #dc3545;
--bs-light: #f8f9fa;
--bs-dark: #212529;
--bs-primary: #0049ac;
--bs-primary-bg: #ffffff;
--bs-primary-text: #323840;
--bs-secondary-bg: #f4f4f4;
--bs-secondary-text: #323840;
--bs-accent: #0149ac;
--bs-footer-bg: #1f2933;
--bs-footer-text: #333;
--bs-preloader-second: #f21559;
--heading-prices-choose: #d63384;
--bs-delete-lighter: #ff5e85;
--bs-primary-lighter: #6AA4FF;
--bs-primary-darker: #00337a;
--bs-secondary-lighter: #fee6a2;
--bs-secondary-darker: #fcd850;
--bs-primary-bg-lighter: #ffffff;
--bs-primary-bg-darker: #f9f8fa;
--bs-secondary-bg-lighter: #fff;
--bs-secondary-bg-darker: #15161b;
--bs-accent-lighter: #f5c324;
--bs-body-color: #212529;
--ip-btn-primary-background: #fddd59;
--ip-btn-primary-text: #ffffff;
--ip-radio-primary-background: #ffffff;
--ip-radio-primary-text: #212529;
--ip-radio-primary-border: #0049ac;
--ip-radio-checked-background: #0049ac;
--ip-radio-checked-text: #ffffff;
--ip-prices-chosen-background: #fbfbfb;
--ip-prices-btn-color-text: #ffffff;
--ip-prices-btn-secondary-background: #fddd59;
--ip-modal-primary-background: #ffffff;
--ip-header-main-bg: #ffffff;
--ip-product-icons-text-color: #323840;
--ip-header-menu-text-color: #6c757d;
--ip-header-menu-text-color-active: #0049ac;
--ip-product-tab-list-nav-link-color: #323840;
--ip-product-tab-list-nav-link-color-active: #0049ac;
--ip-btn-outlined-background: #ffffff;
--ip-btn-outlined-text: #0049ac;
--ip-btn-outlined-secondary-background: #ffffff;
--ip-btn-outlined-secondary-text: #0049ac;
--ip-product-icons-background-color: #ffffff;
--ip-banner-text: #323840;
--ip-input-text: #323840;
--ip-input-background: #ffffff;
--ip-carousel-button-color: #0049ac;
--ip-border-radius-boxes: 0px;
--ip-border-radius-buttons: 0px;
--ip-border-radius-inputs: 0px;
--ip-box-shadow-boxes: 0 3px 24px rgba(0, 0, 0, .09);
--page-max-width: 1200px;
--base-font-size: 16px;
--base-font-family: 'Open Sans', sans-serif;
--heading-font-family: 'Raleway', sans-serif;
--product-box-size: 250px;
--bs-secondary: #fddd59;
--bs-accent-darker: #b2d4f7;
}

.ip-text-primary {
    color: #F5C300;
}

.ip-btn-primary {
    background: #F5C300 !important;
    border-color: #F5C300 !important;
}

.ip-btn-primary:hover {
    background: var(--bs-primary)!important;
    border-color: var(--bs-primary) !important;
}
#headerMain {
    background: rgba(0,0,0,0.53);
}
#headerMain .custom-navbar a,
.lighter.custom-navbar li a {
    color: #fff !important;
}

#headerMain #searchPrintingHouse, #headerMain input, #headerMain .app-dropdown, #headerMain .ip-btn-outlined-border-secondary, #headerMain .ip-btn-outlined {
    border-radius: 0 !important;
    background: rgb(114 114 114 / 50%) !important;
    border-color: rgb(255, 255, 255, 0.3) !important;
    color: #fff !important;
}

#headerMain svg path {
    fill: #ffe700 !important;
}

#footer img.mx-auto.my-5.d-block {
    display: none !important;
}

#footer {
    color: #fff !important;
}

.controller-layout_start #header-fixer {
    padding-top: 0 !important;
}

.headerWrapper > .page-container {
    max-width: 100%;
    padding: 0;
    border-radius: 0 !important;
    border-bottom: 1px solid rgb(255, 255, 255, .53);
}
.controller-layout_produkty:before {
    content: '';
    background: url(https://smartmararts.iwareprint.pl/useruploads/images/smartmararts_iwareprint_pl/banner/8/MarArts-62.webp) top;
    display: flex;
    width: 100%;
    height: 132px;
    margin: auto;
    position: absolute;
    left: 0;
}

.mobile-top-menu.tablet.opened {
    background: #454748;
    border-radius: 9px;
    margin-top: 20px;
    margin-bottom: 0px;
}

.mobile-top-menu.tablet.opened a {
    color: white;
}

ul.mobile-top-menu > li.item > ul {
    background-color: #535758 !important;
} 

ul.mobile-top-menu.opened {
    background-color: #454748
}
@media screen and (max-width: 767px) {
    #headerMain.open {
        background-color: #454748; !important;
    }
}