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

/* OGÓLNE */
    /* #a2072e - Kolor przewodni (przyciski, zakladki, ...) */
    --color-main: #a2072e;
    /* rgba(225, 17, 70, 0.86) - Kolor przewodni po najechaniu myszka */
    --color-alt: rgba(225, 17, 70, 0.86);
    /* #000000 - Kolor tekstu */
    --color-body: #000000;
    --color-main-p: #000000;
    --color-input: #000000;
    --color-ticket-step-form-label: #000000;
    --color-agreement-ticketname: #000000;
    --color-legend: #000000;
    --color-tabs-item: #000000;
    --color-ticket-box-text: #000000;
    --color-agreement-balance: #000000;
    /* #ffffff - Kolor tekstu dla koloru przewodniego */
    --color-button: #ffffff;    
    /* rgba(255, 255, 255, 0) - Kolor podkreślenia */
    --color-line-separator: rgba(255, 255, 255, 0);
    /* #ffffff - Tło */
    --color-body-background: #ffffff;
    --color-ticket-box-background: #ffffff;
    --color-ticket-box-text-background-active: #ffffff;
    /* #ffffff - Tło logo */
    --color-topbanner-container-background: #ffffff;
    /* #ffffff - Tło nawigacja */
    --color-menu-container-background: #ffffff;
    --color-datepicker-background: #ffffff;
    /* rgba(0, 0, 0, 0) - Ramka nawigacja */
    /* --color-menu-container-border: rgba(0, 0, 0, 0); */ /* zakomentowane, bo źle wygląda z ramką default */
    --color-menu-submenu-border: rgba(0, 0, 0, 0);
    /* #000000 - Kolor tekstu nawigacja */
    --color-menu-item: #000000;
    --color-menu-mobile-item: #000000;
    /* rgba(0, 0, 0, 0) - Tło stopka */
    --color-footer-background: rgba(0, 0, 0, 0);
    /* #000000 - Kolor tekstu stopka*/
    --color-footer: #000000;
    /* rgba(0, 0, 0, 0) - Ramka stopka */
    --color-footer-border: rgba(0, 0, 0, 0);
    /* rgba(125, 126, 127, 0.4) - Tło niezaznaczony karnet (kup karnet) */ 
    --color-ticket-box-header-background: rgba(125, 126, 127, 0.4);
    --color-ticket-box-border: rgba(125, 126, 127, 0.4);
    --color-ticket-box-border-hover: rgba(125, 126, 127, 0.4);
    /* #ffffff - Kolor niezaznaczony karnet (kup karnet) */
    --color-ticket-box-header: #ffffff;
    
/* KALENDARZ */
    /* #ffffff - Tło dziś */
    --color-calendar-table-currentday-background: #ffffff;
    /* #a2072e - Kolor dziś */
    --color-calendar-table-currentday: #a2072e;
    /* #000000 - Tło dni (nagłówek) */
    --color-calendar-table-thead-background: #000000;
    /* rgba(255, 255, 255, 0.8) - Kolor dni (nagłówek) */
    --color-calendar-table-thead: rgba(255, 255, 255, 0.8);
    --color-calendar-table-thead-hover: rgba(255, 255, 255, 0.8);
    
/* POLA DLA V1 */
    /* Boks (główne kontenery) */
    /* Boks tło */
    --color-box-background: #ffffff; /* default: #ffffff; */
    /* Boks border */
    --color-box-border: rgba(0, 0, 0, 0); /* default: rgba(0, 0, 0, 0); */
    /* Boks box-shadow */    
    --color-box-shadow: rgba(0, 0, 0, 0);
    
    /* Header strony */
    /* Tło logo - cała szerokość */
    --color-topbanner-background: #ffffff; /* default: #ffffff; */
    /* Tło przycisk logowania */
    --color-menu-login-background: rgba(11, 11, 11, 0); /* default: transparent; */
    /* Tło przycisk logowania hover */
    --color-menu-login-background-hover: rgba(223, 33, 33, 0); /* default: transparent; */
    
    /* Różne */
    /* Tło główne submenu mobile */
    --color-menu-mobile-submenu-background: rgba(255, 252, 252, 0.8); /* default: #ffffff; */
    /* Tło select dropdown */
    --color-input-select-dropdown-background: #c9c8c8; /* default: #ffffff */
        
    /* Nagłówek tekst */
    /* Nagłówek główny tekst */
    --color-header-main: #030303; /* default: #000000; */
    /* Nagłówek tekst */
    --color-header: #010101; /* default: #000000; */
    
    /* Modal */
    /* Modal background */
    --color-modal-background: #ffffff; /* default: #ffffff; */
    /* Modal border */
    --color-modal-border: rgba(6, 5, 5, 0); /* default: rgba(0, 0, 0, 0); */
    
    /* Tabela */
    /* Tabela tło nagłówka */
    --color-table-thead-background: #ffffff; /* default: #000000; */
    /* Tabela tło */
    --color-table-tbody-background: #e9e6e6; /* default: #ffffff; */
    /* Tabela nagłówek tekst */
    --color-table-thead: #080707; /* default: #000000; */
    /* Tabela tekst */
    --color-table: #040404; /* default: #000000; */
    
    /* Taby (np. na podstronie Członkostwo) */
    /* Nieaktywny tab obramowanie */
    --color-tabs-item-border: #a4052d; /* default: #a2072e; */
    /* Nieaktywny tab tło */
    --color-tabs-item-background: #edecec; /* default: #ffffff; */
    
    /* Sekcja/box na podstronie Członkostwo */
    /* Sekcja header tło */
    --color-agreement-section-header-background: #ffffff; /* default: --color-panel-header-background #eee */
    /* Sekcja header tekst */
    --color-agreement-section-header: #060606; /* default: #000000 */
    
    /* Panel przy zakupie karnetu (krok płatności) + panel usług */
    /* Panel header tło */
    --color-panel-header-background: #ffffff; /* default: #ffffff */
    /* Panel header tekst */
    --color-panel-header: #050404; /* default: #010101 */

    /* Lista kroków przy zakupie karnetu/prezentu */
    /* Nazwa kroku tekst */
    --color-step-list: #aaa7a7; /* default: #9B9B9B; */
    /* Nazwa kroku tekst - aktywny */
    --color-step-list-active: #030303; /* default: #000000 */
    /* Nazwa kroku tekst - ukończony */
    --color-step-list-completed: #8fc64e; /* default: #8bc34a; */
    /* Checkbox ikona */
    --color-step-list-icon: #f4f4f4; /* default: #fff */
    /* Checkbox ikona - aktywny */
    --color-step-list-icon-active: #f4f4f4; /* default: #fff */
    /* Checkbox ikona - ukończony */
    --color-step-list-icon-completed: #f2f2f2; /* default: #fff */
    /* Checkbox tło */
    --color-step-list-circle-background: #9f9c9c; /* default: #9B9B9B; */
    /* Checkbox tło - aktywny */
    --color-step-list-circle-background-active: #0a0909; /* default: #000000 */
    /* Checkbox tło - ukończony */
    --color-step-list-circle-background-completed: #88c146; /* default: #8bc34a; */

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

}

body {
    background: #ffffff  no-repeat center fixed;
}

header .logo {
    background: url('img/Form-Factory_LOGO_CMYK_CZ.png') no-repeat scroll center center transparent;
    background-position-x: ;
}


header nav {
    margin-top: 0px;
}

@media screen and (max-width: 991px){
    header .logo {
        background-image:  url('img/Factory.png');
        background-position-x: ;
    }
}

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

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