:root {
    --banner-height: 250px;

/* OGÓLNE */
    /* #ff0000 - Kolor przewodni (przyciski, zakladki, ...) */
    --color-main: #ff0000;
    /* #ff0000 - Kolor przewodni po najechaniu myszka */
    --color-alt: #ff0000;
    /* #4a4a4a - Kolor tekstu */
    --color-body: #4a4a4a;
    --color-main-p: #4a4a4a;
    --color-input: #4a4a4a;
    --color-ticket-step-form-label: #4a4a4a;
    --color-agreement-ticketname: #4a4a4a;
    --color-legend: #4a4a4a;
    --color-tabs-item: #4a4a4a;
    --color-ticket-box-text: #4a4a4a;
    --color-agreement-balance: #4a4a4a;
    /* #ffffff - Kolor tekstu dla koloru przewodniego */
    --color-button: #ffffff;    
    /* #f1f1f1 - Kolor podkreślenia */
    --color-line-separator: #f1f1f1;
    /* #f5f5f5 - Tło */
    --color-body-background: #f5f5f5;
    --color-ticket-box-background: #f5f5f5;
    --color-ticket-box-text-background-active: #f5f5f5;
    /* rgba(0, 0, 0, 0) - Tło logo */
    --color-topbanner-container-background: rgba(0, 0, 0, 0);
    /* #ffffff - Tło nawigacja */
    --color-menu-container-background: #ffffff;
    --color-datepicker-background: #ffffff;
    /* 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);
    /* #4a4a4a - Kolor tekstu nawigacja */
    --color-menu-item: #4a4a4a;
    --color-menu-mobile-item: #4a4a4a;
    /* #ff0000 - Tło stopka */
    --color-footer-background: #ff0000;
    /* #ffffff - Kolor tekstu stopka*/
    --color-footer: #ffffff;
    /* rgba(0, 0, 0, 0) - Ramka stopka */
    --color-footer-border: rgba(0, 0, 0, 0);
    /* #cccccc - Tło niezaznaczony karnet (kup karnet) */ 
    --color-ticket-box-header-background: #cccccc;
    --color-ticket-box-border: #cccccc;
    --color-ticket-box-border-hover: #cccccc;
    /* #000000 - Kolor niezaznaczony karnet (kup karnet) */
    --color-ticket-box-header: #000000;
    
/* KALENDARZ */
    /* #ff0000 - Tło dziś */
    --color-calendar-table-currentday-background: #ff0000;
    /* #ffffff - Kolor dziś */
    --color-calendar-table-currentday: #ffffff;
    /* #ffffff - Tło dni (nagłówek) */
    --color-calendar-table-thead-background: #ffffff;
    /* #ff0000 - Kolor dni (nagłówek) */
    --color-calendar-table-thead: #ff0000;
    --color-calendar-table-thead-hover: #ff0000;
    
/* POLA DLA V1 */
    /* Boks (główne kontenery) */
    /* Boks tło */
    --color-box-background: #ffffff; /* default: #f5f5f5; */
    /* Boks border */
    --color-box-border: rgba(0, 0, 0, 0); /* default: rgba(0, 0, 0, 0.15); */
    /* Boks box-shadow */    
    --color-box-shadow: rgba(0, 0, 0, 0.09);
    
    /* 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: #f6fdff; /* default: #ffffff; */
    /* Tło select dropdown */
    --color-input-select-dropdown-background: #ffffff; /* default: #ffffff */
        
    /* Nagłówek tekst */
    /* Nagłówek główny tekst */
    --color-header-main: #4a4a4a; /* default: #4a4a4a; */
    /* Nagłówek tekst */
    --color-header: #000000; /* default: #4a4a4a; */
    
    /* Modal */
    /* Modal background */
    --color-modal-background: #ffffff; /* default: #ffffff; */
    /* Modal border */
    --color-modal-border: #cccccc; /* default: rgba(0, 0, 0, 0.15); */
    
    /* Tabela */
    /* Tabela tło nagłówka */
    --color-table-thead-background: #f7f7f7; /* default: #ffffff; */
    /* Tabela tło */
    --color-table-tbody-background: #ffffff; /* default: #f5f5f5; */
    /* Tabela nagłówek tekst */
    --color-table-thead: #000000; /* default: #4a4a4a; */
    /* Tabela tekst */
    --color-table: #000000; /* default: #4a4a4a; */
    
    /* Taby (np. na podstronie Członkostwo) */
    /* Nieaktywny tab obramowanie */
    --color-tabs-item-border: #f7f7f7; /* default: #ff0000; */
    /* Nieaktywny tab tło */
    --color-tabs-item-background: #f7f7f7; /* default: #f5f5f5; */
    
    /* Sekcja/box na podstronie Członkostwo */
    /* Sekcja header tło */
    --color-agreement-section-header-background: #eeeeee; /* default: --color-panel-header-background #eee */
    /* Sekcja header tekst */
    --color-agreement-section-header: #000000; /* default: #4a4a4a */
    
    /* Panel przy zakupie karnetu (krok płatności) + panel usług */
    /* Panel header tło */
    --color-panel-header-background: #eeeeee; /* default: #ffffff */
    /* Panel header tekst */
    --color-panel-header: #000000; /* default: #000000 */

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

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

}

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

header .logo {
    background: url('img/logo_raster_high.png') 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;
}