:root {
    --banner-height: ;

/* OGÓLNE */
    /* #3e3224 - Kolor przewodni (przyciski, zakladki, ...) */
    --color-main: #3e3224;
    /* #5b4a35 - Kolor przewodni po najechaniu myszka */
    --color-alt: #5b4a35;
    /* #ffffff - Kolor tekstu */
    --color-body: #ffffff;
    --color-main-p: #ffffff;
    --color-input: #ffffff;
    --color-ticket-step-form-label: #ffffff;
    --color-agreement-ticketname: #ffffff;
    --color-legend: #ffffff;
    --color-tabs-item: #ffffff;
    --color-ticket-box-text: #ffffff;
    --color-agreement-balance: #ffffff;
    /* #ffffff - Kolor tekstu dla koloru przewodniego */
    --color-button: #ffffff;    
    /* #ffffff - Kolor podkreślenia */
    --color-line-separator: #ffffff;
    /* #5b4a35 - Tło */
    --color-body-background: #5b4a35;
    --color-ticket-box-background: #5b4a35;
    --color-ticket-box-text-background-active: #5b4a35;
    /* rgba(0, 0, 0, 0) - Tło logo */
    --color-topbanner-container-background: rgba(0, 0, 0, 0);
    /* #866b4c - Tło nawigacja */
    --color-menu-container-background: #866b4c;
    --color-datepicker-background: #866b4c;
    /* rgba(0, 0, 0, 0.15) - Ramka nawigacja */
    /* --color-menu-container-border: rgba(0, 0, 0, 0.15); */ /* zakomentowane, bo źle wygląda z ramką default */
    --color-menu-submenu-border: rgba(0, 0, 0, 0.15);
    /* #ffffff - Kolor tekstu nawigacja */
    --color-menu-item: #ffffff;
    --color-menu-mobile-item: #ffffff;
    /* #866b4c - Tło stopka */
    --color-footer-background: #866b4c;
    /* #ffffff - Kolor tekstu stopka*/
    --color-footer: #ffffff;
    /* rgba(0, 0, 0, 0) - Ramka stopka */
    --color-footer-border: rgba(0, 0, 0, 0);
    /* #e6e7e8 - Tło niezaznaczony karnet (kup karnet) */ 
    --color-ticket-box-header-background: #e6e7e8;
    --color-ticket-box-border: #e6e7e8;
    --color-ticket-box-border-hover: #e6e7e8;
    /* #100b0b - Kolor niezaznaczony karnet (kup karnet) */
    --color-ticket-box-header: #100b0b;
    
/* KALENDARZ */
    /* #866b4c - Tło dziś */
    --color-calendar-table-currentday-background: #866b4c;
    /* #31291e - Kolor dziś */
    --color-calendar-table-currentday: #31291e;
    /* #866b4c - Tło dni (nagłówek) */
    --color-calendar-table-thead-background: #866b4c;
    /* #ffffff - Kolor dni (nagłówek) */
    --color-calendar-table-thead: #ffffff;
    --color-calendar-table-thead-hover: #ffffff;
    
/* POLA DLA V1 */
    /* Boks (główne kontenery) */
    /* Boks tło */
    --color-box-background: #866b4c; /* default: #5b4a35; */
    /* Boks border */
    --color-box-border: #5b4a35; /* default: rgba(0, 0, 0, 0.15); */
    /* Boks box-shadow */    
    --color-box-shadow: rgba(0, 0, 0, 0.04);
    
    /* Header strony */
    /* Tło logo - cała szerokość */
    --color-topbanner-background: rgba(0, 0, 0, 0); /* default: rgba(0, 0, 0, 0); */
    /* Tło przycisk logowania */
    --color-menu-login-background: rgba(0, 0, 0, 0); /* default: transparent; */
    /* Tło przycisk logowania hover */
    --color-menu-login-background-hover: rgba(0, 0, 0, 0); /* default: transparent; */
    
    /* Różne */
    /* Tło główne submenu mobile */
    --color-menu-mobile-submenu-background: #ffffff; /* default: #866b4c; */
    /* Tło select dropdown */
    --color-input-select-dropdown-background: #cfcfcf; /* default: #866b4c */
        
    /* Nagłówek tekst */
    /* Nagłówek główny tekst */
    --color-header-main: #ffffff; /* default: #ffffff; */
    /* Nagłówek tekst */
    --color-header: #ffffff; /* default: #ffffff; */
    
    /* Modal */
    /* Modal background */
    --color-modal-background: #cfcfcf; /* default: #866b4c; */
    /* Modal border */
    --color-modal-border: rgba(0, 0, 0, 0.15); /* default: rgba(0, 0, 0, 0.15); */
    
    /* Tabela */
    /* Tabela tło nagłówka */
    --color-table-thead-background: #866b4c; /* default: #866b4c; */
    /* Tabela tło */
    --color-table-tbody-background: #ffffff; /* default: #5b4a35; */
    /* Tabela nagłówek tekst */
    --color-table-thead: #ffffff; /* default: #ffffff; */
    /* Tabela tekst */
    --color-table: #000000; /* default: #ffffff; */
    
    /* Taby (np. na podstronie Członkostwo) */
    /* Nieaktywny tab obramowanie */
    --color-tabs-item-border: #866b4c; /* default: #3e3224; */
    /* Nieaktywny tab tło */
    --color-tabs-item-background: #705a3e; /* default: #5b4a35; */
    
    /* Sekcja/box na podstronie Członkostwo */
    /* Sekcja header tło */
    --color-agreement-section-header-background: #e6e7e8; /* default: --color-panel-header-background #eee */
    /* Sekcja header tekst */
    --color-agreement-section-header: #120d0d; /* default: #ffffff */
    
    /* Panel przy zakupie karnetu (krok płatności) + panel usług */
    /* Panel header tło */
    --color-panel-header-background: #e6e7e8; /* default: #866b4c */
    /* Panel header tekst */
    --color-panel-header: #0c0a0a; /* default: #ffffff */

    /* Lista kroków przy zakupie karnetu/prezentu */
    /* Nazwa kroku tekst */
    --color-step-list: #000000; /* default: #9B9B9B; */
    /* Nazwa kroku tekst - aktywny */
    --color-step-list-active: #000000; /* default: #ffffff */
    /* Nazwa kroku tekst - ukończony */
    --color-step-list-completed: #020101; /* default: #8bc34a; */
    /* Checkbox ikona */
    --color-step-list-icon: #e6e7e8; /* default: #fff */
    /* Checkbox ikona - aktywny */
    --color-step-list-icon-active: #000000; /* default: #fff */
    /* Checkbox ikona - ukończony */
    --color-step-list-icon-completed: #000000; /* default: #fff */
    /* Checkbox tło */
    --color-step-list-circle-background: #000000; /* default: #9B9B9B; */
    /* Checkbox tło - aktywny */
    --color-step-list-circle-background-active: #ffffff; /* default: #ffffff */
    /* Checkbox tło - ukończony */
    --color-step-list-circle-background-completed: #ffffff; /* default: #8bc34a; */

    /* Footer */
    /* Footer box-shadow */
    --color-footer-box-shadow: rgba(0, 0, 0, 0); /* default: transparent */
    /* Footer eFitness ad tekst */
    --color-footer-advert: #ffffff; /* default: #4A4A4A*/
    /* Footer eFitness ad tło */
    --color-footer-advert-background: rgba(134, 107, 76, 0);/* default: #fff */

}

body {
    background: #5b4a35 url('img/kozieg.jpg') no-repeat center fixed;
}

header .logo {
    background:  no-repeat scroll center center transparent;
    background-position-x: ;
}


header nav {
    margin-top: ;
}

@media screen and (max-width: 991px){
    header .logo {
        background-image:  ;
        background-position-x: ;
    }
}

.steps {
    background-color: ;
    border-color: ;    
    box-shadow: [steps_box_content_shadow];
}

#OverlayEvent .photo img {
    border-radius: 0;
}