/* primary color rgb(100, 0, 0) & rgba(100, 0, 0, 0.8) secondary color rgb(0, 0, 0) text color rgb(120, 120, 120)*/
@import url('reset.min.css');
@import url('menu.css');

/**
 * Arkusz stylów dla nowoczesnego podsumowania zamówienia.
 * Przywrócono styl "Premium" (Inter, Blue/Emerald) z poprawką szerokości kontenerów.
 * * AKTUALIZACJA:
 * - Bardzo kompaktowy wygląd danych nabywcy
 * - Ukrycie jednostek (ST/PAK) i sekcji rabatów
 */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

.summary-wrapper {
    font-family: 'Inter', -apple-system, sans-serif;
    color: #334155;
    max-width: 800px; /* Dopasowane do Twojej ArticleContent */
    margin: 10px auto;
    line-height: 1.4; /* Zmniejszony interlinia dla większej zwartości */
    text-align: left;
    box-sizing: border-box;
}

/* Zapobieganie dziedziczeniu floatów z Twojego głównego CSS */
.summary-wrapper * {
    box-sizing: border-box;
    float: none !important;
}

/* Nagłówek główny */
.summary-main-heading {
    font-size: 20px;
    font-weight: 800;
    color: #1e293b;
    margin-bottom: 15px;
    padding-bottom: 8px;
    border-bottom: 3px solid #F29F05;
    display: block;
    width: 100%;
}

/* Sekcje */
.buyer-section, .order-summary-section {
    margin-bottom: 20px;
    width: 100%;
    display: block;
}

.section-title {
    font-size: 13px;
    font-weight: 700;
    color: #64748b;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* Karty Nabywcy - BARDZO KOMPAKTOWE */
.client-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 12px 16px; /* Znacznie mniejszy padding */
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    width: 100%;
}

.client-card.partner-border { border-left: 4px solid #10b981; }
.client-card.admin-border { border-left: 4px solid #8b5cf6; }

.card-header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 2px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding-bottom: 0px;
}

.card-header h3 {
    margin: 0;
    font-size: 14px;
    color: #64748b;
    font-weight: 700;
    border: none;
    text-transform: none;
}

.client-name {
    font-size: 16px;
    font-weight: 700;
    color: #0f172a;
    margin: 0;
}

.client-meta {
    font-size: 12px;
    color: #64748b;
	padding: 0;
	margin: 0;
	margin-top: -10px;
}

.client-address {
    font-size: 12px;
    line-height: 1.3;
}

.client-contact {
    display: flex;
    gap: 12px;
    font-size: 12px;
    font-weight: 600;
    color: #640000;
}

.client-contact p {
    margin: 0;
	padding: 0;
}

.user-notes-box, .licensing-extra {
    margin-top: 8px;
    padding: 16px;
    background: rgba(0, 0, 0, 0.03);
    border-radius: 6px;
    border: 1px dashed #cbd5e0;
    font-size: 11px;
}

/* Lista Produktów */
.order-items-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

.item-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 14px;
    width: 100%;
    display: block;
    transition: transform 0.2s, border-color 0.2s;
}

.item-card:hover {
    border-color: #3b82f6;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.item-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 10px;
    width: 100%;
}

.item-title {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: #1e293b;
	line-height: 12px; 
	padding: 8px 0px;
}

.item-badges {
    display: flex;
    gap: 4px;
    margin-top: 8px;
}

.item-sku {
    font-size: 10px;
    color: #94a3b8;
    font-weight: 600;
	display: none;
}

/* Grid detali produktu - 3 KOLUMNY */
.item-details-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    padding-top: 10px;
    border-top: 1px solid #f1f5f9;
    width: 100%;
}

.grid-col {
    display: flex;
    flex-direction: column;
}

/* UKRYCIE KOLUMNY RABATÓW */
.grid-col:nth-child(3) {
    display: none !important;
}

.grid-col.right { 
    text-align: right; 
    grid-column: 3;
}

.lbl {
    font-size: 9px;
    font-weight: 800;
    color: #94a3b8;
    text-transform: uppercase;
    margin-bottom: 2px;
}

.val {
    font-size: 12px;
    font-weight: 600;
    color: #334155;
}

.val.total {
    font-size: 14px;
    color: #640000;
    font-weight: 800;
}

/* Badge System */
.ui-badge {
    padding: 2px 8px;
    border-radius: 20px;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
}

.item-notice {
    margin-top: 10px;
    padding-top: 8px;
    border-top: 1px dashed #e2e8f0;
    font-size: 11px;
    color: #64748b;
    font-style: italic;
    width: 100%;
}

/* UKRYCIE JEDNOSTEK (ST/PAK) */
.ui-badge.seats { 
    display: none !important; 
}

.ui-badge.partner { background: #dcfce7; color: #166534; }
.ui-badge.ifirma { background: #fee2e2; color: #991b1b; }
.ui-badge.crm { background: #dbeafe; color: #1e40af; }
.ui-badge.time { background: #f1f5f9; color: #475569; }

/* Karta Podsumowania Finansowego */
.financial-summary-card {
    background: #640000;
    color: #ffffff;
    padding: 20px;
    border-radius: 12px;
    margin-top: 20px;
    width: 100%;
}

.summary-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 6px;
    font-size: 13px;
    color: #ffffff;
}

.summary-row.grand-total {
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid #ffffff;
    font-size: 20px;
    color: #ffffff;
}

.grand-total strong {
    color: #ffffff;
    font-weight: 900;
}

/* Formularz i przyciski */
.checkout-form {
    margin-top: 25px;
    background: rgba(0, 0, 0, 0.01);
    padding: 20px;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    width: 100%;
}

.ui-submit-btn {
    background: #F29F05;
    color: white;
    padding: 12px 35px;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 700;
    border: none;
    cursor: pointer;
    transition: all 0.2s;
    width: auto;
    text-transform: uppercase;
}

.ui-submit-btn:disabled {
    background: rgba(0, 0, 0, 0.1);
    cursor: wait;
}

.ui-submit-btn:hover:not(:disabled) {
    background: #640000;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(37, 99, 235, 0.3);
}

.terms-acceptance {
    font-size: 12px;
    color: #64748b;
    margin-bottom: 20px;
    padding-left: 12px;
    border-left: 4px solid rgba(0, 0, 0, 0.05);
}

.terms-acceptance p{
	line-height: 16px;
}

.submit-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    width: 100%;
}

/* Responsywność */
@media (max-width: 768px) {
    .item-details-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .grid-col.right {
        grid-column: auto;
    }

    .submit-wrapper {
        flex-direction: column;
        align-items: center;
    }
}








/**
 * Nowoczesny arkusz stylów dla formularza NIP - Wersja Sharp
 * Charakterystyka: Brak zaokrągleń, mniejszy font, precyzyjne odstępy.
 */

/* Kontener główny - dopasowany do max-width: 800px Twojej strony */
.summary-wrapper {
    font-family: 'Inter', -apple-system, sans-serif;
    color: #334155;
    max-width: 800px;
    margin: 20px auto;
    text-align: left;
}

/* Nagłówek sekcji formularza */
.summary-main-heading {
    font-size: 22px;
    font-weight: 800;
    color: rgb(100, 0, 0); /* Primary */
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 4px solid rgb(242, 159, 5); /* Accent */
    text-transform: uppercase;
}

/* Układ sekcji z ikoną po lewej */
.section-row {
    display: flex;
    gap: 20px;
    margin-bottom: 35px;
    align-items: flex-start;
}

/* Kwadratowy boks ikony */
.section-icon-box {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    background: white;
    border: 1px solid #cbd5e0;
    border-radius: 0 !important; /* Całkowicie ostre rogi */
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgb(100, 0, 0);
    box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.05);
}

.section-icon-box svg {
    width: 20px;
    height: 20px;
}

.section-content {
    flex-grow: 1;
}

/* Tytuł danej sekcji (np. DANE NABYWCY) */
.section-title {
    font-size: 13px;
    font-weight: 800;
    color: #1e293b;
    margin-bottom: 15px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* Karta zawierająca pola formularza */
.input-card {
    background: rgba(0, 0, 0, 0.01);
    border: 1px solid #cbd5e0;
    border-radius: 0 !important;
    padding: 25px;
}

/* Małe etykiety nad polami */
.lbl {
    font-size: 10px;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    margin-bottom: 6px;
    display: block;
}

/* Pola wprowadzania danych - Sharp Design */
.input-card input, 
.input-card textarea,
.input-card select {
    width: 100% !important;
    padding: 10px 14px !important; /* Większy padding */
    border: 1px solid #cbd5e0 !important;
    border-radius: 0 !important; /* Ostre rogi */
    font-size: 13px !important; /* Mniejszy font */
    transition: all 0.2s;
    outline: none;
    background: #fff;
    margin-bottom: 15px;
}

.input-card input:focus, 
.input-card textarea:focus {
    border-color: rgb(100, 0, 0) !important;
    background: #fafafa;
}

/* Siatka dla pól wewnątrz karty */
.grid-layout-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

.grid-layout-3 {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    gap: 15px;
}

/* Dolna sekcja zgód i przycisku */
.footer-actions {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 20px;
    margin-top: 30px;
}

/* Boks zgody (checkbox) */
.terms-panel {
    background: #fff;
    padding: 15px;
    border-radius: 0;
    border: 1px solid #cbd5e0;
    display: flex;
    gap: 15px;
    align-items: flex-start;
    width: 100%;
}

.terms-panel input[type="checkbox"] {
    width: 18px;
    height: 18px;
    border-radius: 0;
    accent-color: rgb(100, 0, 0);
    flex-shrink: 0;
    margin-top: 2px;
}

.terms-panel label {
    font-size: 10px;
    line-height: 1.4;
    color: #64748b;
    font-weight: 500;
}

/* Przycisk Dalej - Sharp & Bold */
.ui-submit-btn {
    background: rgb(100, 0, 0);
    color: white;
    padding: 15px 45px;
    border-radius: 0 !important;
    font-size: 14px;
    font-weight: 800;
    border: 1px solid rgb(100, 0, 0);
    cursor: pointer;
    transition: all 0.3s;
    text-transform: uppercase;
}

.ui-submit-btn:hover {
    background: #000;
    border-color: #000;
    box-shadow: 4px 4px 0px rgb(242, 159, 5); /* Akcent po najechaniu */
}

/* RWD - Dostosowanie do urządzeń mobilnych */
@media (max-width: 640px) {
    .section-row {
        flex-direction: column;
    }
    .section-icon-box {
        display: none; /* Ukrywamy ikony na małych ekranach dla oszczędności miejsca */
    }
    .grid-layout-2, 
    .grid-layout-3 {
        grid-template-columns: 1fr;
    }
}








.summary-wrapper {
    font-family: 'Inter', -apple-system, sans-serif;
    color: #334155;
    max-width: 900px;
    margin: 20px auto;
    text-align: left;
}

/* Nagłówek główny */
.summary-main-heading {
    font-size: 22px;
    font-weight: 800;
    color: rgb(100, 0, 0);
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 4px solid rgb(242, 159, 5);
    text-transform: uppercase;
}

/* --- PRODUKTY STANDARDOWE (KARTY) --- */
.product-card {
    background: #fff;
    border: 1px solid #cbd5e0;
    margin-bottom: 12px;
    display: flex;
    flex-direction: column;
    transition: all 0.2s;
    border-radius: 0 !important;
}

/* Stan aktywny karty (zaznaczony checkbox) */
.product-card.active {
    border: 1px solid rgb(100, 0, 0);
    box-shadow: 4px 4px 0px rgba(100, 0, 0, 0.05);
}

.card-main {
    padding: 15px 20px;
    display: flex;
    align-items: center;
    gap: 15px;
    cursor: pointer;
    user-select: none;
}

.product-card.active .card-main {
    background: rgba(0, 0, 0, 0.04);
}

/* Własny boks checkboxa */
.custom-checkbox {
    width: 20px;
    height: 20px;
    border: 2px solid #cbd5e0;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    position: relative;
    border-radius: 0 !important;
}

.product-card.active .custom-checkbox {
    background: rgb(100, 0, 0);
    border-color: rgb(100, 0, 0);
}

.product-card.active .custom-checkbox::after {
    content: '✓';
    color: white;
    font-size: 14px;
    font-weight: bold;
}

.product-label b {
    font-size: 15px;
    color: #1e293b;
    display: block;
}

.product-label span {
    font-size: 12px;
    color: #64748b;
    line-height: 1.4;
}

/* --- PANEL SZCZEGÓŁÓW (DETAIL BOX) --- */
.detail-box {
    padding: 20px;
    background: #fdfdfd;
    border-top: 1px solid #f1f5f9;
    display: none; /* Sterowane przez JS */
}

.product-card.active .detail-box {
    display: block;
}

.detail-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 20px;
    align-items: flex-end;
}

/* Etykiety i pola wewnątrz detali */
.lbl {
    font-size: 10px;
    font-weight: 700;
    color: #94a3b8;
    text-transform: uppercase;
    margin-bottom: 6px;
    display: block;
}

.detail-box select, 
.detail-box input[type="text"], 
.detail-box input[type="number"] {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid #cbd5e0;
    border-radius: 0 !important;
    font-size: 13px;
    background: #fff;
    outline: none;
    color: #334155;
}

.detail-box select:focus, 
.detail-box input:focus {
    border-color: rgb(100, 0, 0);
}

/* Podgląd ceny netto pod pozycją */
.price-preview {
    text-align: right;
    margin-top: 15px;
    font-size: 14px;
    font-weight: 700;
    color: rgb(100, 0, 0);
}

/* --- PANEL ADMINISTRATORA (GRUPOWANIE) --- */
.admin-container {
    margin-top: 50px;
    border: 2px dashed #cbd5e0;
    padding: 30px;
    background: #f1f5f9;
    border-radius: 0 !important;
}

.admin-badge {
    background: #1e293b;
    color: white;
    padding: 4px 12px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 25px;
    display: inline-block;
}

.admin-group-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

.group-title {
    font-size: 12px;
    font-weight: 800;
    color: #475569;
    border-bottom: 1px solid #cbd5e0;
    padding-bottom: 6px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.admin-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* Pojedynczy element w liście admina */
.admin-item {
    background: #fff;
    border: 1px solid #e2e8f0;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    font-size: 12px;
    transition: all 0.2s;
    border-radius: 0 !important;
}

.admin-item:hover {
    border-color: rgb(100, 0, 0);
}

.admin-item.active {
    border-color: rgb(100, 0, 0);
    background: #fffafb;
}

.admin-item input[type="checkbox"] {
    width: 16px;
    height: 16px;
    accent-color: rgb(100, 0, 0);
}

/* Przycisk Dalej */
.ui-submit-btn {
    background: rgb(100, 0, 0);
    color: white;
    padding: 16px 50px;
    border: 1px solid rgb(100, 0, 0);
    border-radius: 0 !important;
    font-weight: 800;
    text-transform: uppercase;
    cursor: pointer;
    margin-top: 40px;
    float: right;
    transition: all 0.3s;
}

.ui-submit-btn:hover {
    background: #000;
    border-color: #000;
    box-shadow: 4px 4px 0px rgb(242, 159, 5);
}

/* Ukrycie domyślnych checkboxów w kartach */
.hidden { display: none; }
.clear-both { clear: both; }

/* RWD */
@media (max-width: 768px) {
    .admin-group-grid {
        grid-template-columns: 1fr;
    }
    .detail-grid {
        grid-template-columns: 1fr;
    }
}









.Container, .Content {width: 100%; float: left;}
.Item{width: 95%; margin: 0 auto;}
.ArticleContent{float: left; width: 800px; display: block; margin: 0px calc((100% - 800px)/2); padding: 20px 0px;}

body{overflow-x: hidden;}
body, input, select, textarea, td{font-family: 'Lato', Arial, sans-serif; font-size: 15px; color: rgb(120, 120, 120);}
body{line-height: 130%; text-align: justify;}

  .js-warning{
    padding: 22px 20px;
    background: rgb(100, 0, 0);
    color: white;
    font: 16px/1.45 system-ui, Arial, sans-serif;
    text-align: center;
  }

h1, h2, h3, h4, h5, h6{text-align: left; display: block; float: left; width: calc(100% - 0px); padding: 20px 0px; margin: 10px 0px 20px; color: rgb(100, 0, 0); font-weight: bold; text-transform: uppercase; border-bottom: 1px solid rgb(100, 0, 0);}
h1{font-size: 25px; line-height: 35px; padding: 10px 0px;}
h2{font-size: 21px; line-height: 26px; padding: 10px 0px;}
h3{font-size: 17px; line-height: 22px; padding: 10px 0px;}
h4{font-size: 14px; line-height: 19px; padding: 10px 0px;}
h5{font-size: 12px; line-height: 17px; padding: 10px 0px;}
h6{font-size: 10px; line-height: 15px; padding: 10px 0px;}
p{padding: 10px 0; line-height: 22px;}
b, strong{font-weight: bold;}
i{font-style: italic;}
.BlockTitle{display: block; float: left; padding: 30px 50px; margin: 30px 0; width: calc(100% - 100px); text-align: center; font-size: 25px; line-height: 35px; color: white; text-transform: uppercase; background: rgb(100, 0, 0);}
.BlockTitleAlt{display: block; float: left; padding: 30px 50px; margin: 30px 0; width: calc(100% - 100px); text-align: center; font-size: 25px; line-height: 35px; color: rgb(100, 0, 0); text-transform: uppercase; background: white; border: 1px solid rgb(100, 0, 0);}

a{text-decoration: none; color: rgb(242, 159, 5); display: inline-block;}
a:hover{color: rgb(120, 120, 120);}
.Button{display: inline-block; float: left; padding: 12px 30px; margin: 5px; font-weight: bold; color: rgb(100, 0, 0); border: 1px solid rgb(100, 0, 0); font-size: 12px; text-transform: uppercase;}
.Button:hover{box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6); color: white; background: rgb(100, 0, 0); transition: all 0.4s ease;}
.ButtonAlt{display: inline-block; float: left; padding: 12px 30px; margin: 5px; font-weight: bold; color: white; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6); background: rgb(100, 0, 0); border: 1px solid rgb(100, 0, 0); font-size: 12px; text-transform: uppercase;}
.ButtonAlt:hover{box-shadow: none; color: rgb(100, 0, 0); background: white; transition: all 0.4s ease;}

input, select, textarea{width: calc(100% - 30px); margin: 0; padding: 15px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 1px; margin: 5px 0;}
select{width: 100%;}
textarea{height: 150px;}
input[type=checkbox]{width: 16px; height: 16px; padding: 0; margin: 2px 10px 0px 0; }
form{display: inline-block; float: left; width: 100%; padding: 0; margin: 0;}
.FormButton, .FormButton:disabled{display: inline-block; background: rgb(100, 0, 0); color: white; width: auto; padding: 20px 30px; margin: 20px 5px; border: 1px solid rgb(100, 0, 0); border-radius: 1px; text-align: center; cursor: pointer;}
.FormButton:hover{background: white; color: rgb(100, 0, 0); transition: all 0.4s ease;}
.FormButton:disabled{background: rgb(0, 0, 0); cursor: wait;}

th, td{padding: 10px 20px;}
th{background: rgb(100, 0, 0); color: white;}
td{vertical-align: middle; text-align: center;}

ul{list-style-type: square;}
ol{list-style-type: decimal;}
li{margin-left: 30px; padding: 1px 0 1px 20px;}

blockquote{display: block; float: left; width: calc(100% - 50px); padding: 0 0 0 45px; margin: 20px 0; color: rgb(100, 0, 0); border-left: 5px solid rgb(100, 0, 0); font-style: italic;}

hr{display: block; height: 1px; border: 0; border-top: 1px solid rgb(100, 0, 0); margin: 20px 0; width: 100%;}


.RightContent{display: block; float: left; width: 100%; text-align: right;}
.PriceDesc{display: inline-block; }
.Price{display: inline-block; font-size: 25px; line-height: 30px; margin: 0 0 0 10px;}
.RabatDesc, .Rabat2Desc, .LicCountDesc{display: inline-block; }
.Rabat, .Rabat2, .LicCount{display: inline-block; font-size: 25px; line-height: 30px; margin: 0 0 0 10px;}
.SmallInput{font-size: 10px;}

.KeyError{display: block; float: left; width: 100%; padding: 0 0 20px 0; font-size: 10px; color: rgb(100, 0, 0);}

.Bread{display: block; float: left; width: calc(100%/3 - 40px); padding: 2px 20px; background: rgb(242, 159, 5); text-align: center; color: white;}
.BreadActive{background: rgb(100, 0, 0);}

input.form_error{border: 1px solid red;}
label.form_error{color: rgb(150, 0, 0); display: block; float: right; margin: -38px 20px 0px 0; z-index: 999999999999999999; position: relative;}





.ToggleContainer{
	padding-left: 30px;
	margin-bottom: 30px;
}

#TCPP2, #TCPPMAG, #TCPPMAGNEXO, #TCPPALL, #TCS2SGT, #TCWSP, #TCWDR, #jestemKlientemPP2Container, #jestemKlientemPPMAGContainer, #jestemKlientemPPMAGNEXOContainer, #jestemKlientemPPALLContainer, #jestemKlientemS2SGTContainer, #TCINS, #TCROZ, #TCPPMAGKOL, #TCPPMAGKOLNEW, #TCPPMAGKOLNEWMYPRICE, #TCPPMAGKOLFULL, #TCPPMAGKOLFULLNEW, #TCPPMAGKOLFULLNEWMYPRICE, #TCPPMAGDOD, #TCPPMAGDODNEW, #TCPPMAGDODNEWMYPRICE, #TCPPKOL, #TCPPKOLNEW, #TCPPKOLNEWMYPRICE, #TCPPETYLIS, #TCPPETYPP, #TCPPETYAUT, #TCPPETYKUR, #TCDOPSTA, #TCDOPPRE, #TCDOPPRO, #TCDOPPELKOL, #TCDODLICSTA, #TCDODLICPRE, #TCDODLICPRO, #TCPPMAGDODLICFULL, #TCPPMAGDODLICBASE, #TCPPMAGDODLICDESK, #TCPPMAGDODLICKOL {
	display: none;
}




/*header*/
.Header{background: rgb(0, 0, 0); color: white;}
/*.Logo{float: left; display: block; padding: 15px 30px; color: white; font-size: 50px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);}
.Logo img{width: 130px;}
.MainMenuLocked .Logo{float: left; display: block; padding: 10px 30px; color: rgb(100, 0, 0); font-size: 20px; text-shadow: none;}
.MainMenuLocked .Logo img{height: 22px; width: auto;}*/
.Logo{float: left; display: block; padding: 5px 30px 10px; position: absolute; z-index: 9; margin: 0px 50px 0px; background: white; }
.Logo img{width: 140px;}
.MainMenuLocked .Logo{float: left; display: block; padding: 3px 20px 9px; position: absolute; margin: 0px 50px 0px; display: none;}
.MainMenuLocked .Logo img{width: 80px; }
.LogoImage{width: 270px;}
.HeaderContent{float: left; padding: 45px 20px 0px;}
.Languages{float: right; text-align: right; margin: 15px 15px 0 0;}
.Languages img{width: 24px; margin: 5px 3px; border: 1px solid rgba(255, 255, 255, 0.5); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8); border-radius: 0px;}





/*Burger Menu*/
.BurgerMenuContainer{position: absolute; top: 0; left: 0;}
.BurgerLogo{position: absolute; top: 20px; left: 20px; background: white;}
.BurgerLogo img{width: 150px; padding: 15px 30px 15px;}
.BurgerSwitch{position: fixed; top: 20px; right: 20px; background: rgba(0, 0, 0, 0.8); cursor: pointer; z-index: 99;}
.BurgerSwitch img{float: left; width: 30px; padding: 20px; border: 1px solid white;}
.BurgerMenuContent{text-align: left; padding: 0px 50px; width: calc(100% - 100px); float: left; display: none;}
.BurgerMenu{background: rgba(0, 0, 0, 0.7); width: 300px; float: right; position: fixed; top: 0; right: 0;}
.BurgerMenu li a {padding: 20px 50px; width: 200px; font-size: 12px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6); text-transform: uppercase;}
.BurgerMenu li a, .BurgerMenu li a:hover, .BurgerMenu li ul li, .BurgerMenu li ul li a, .BurgerMenu li ul li a:hover {color: white;}
.BurgerMenu li a:hover {background: rgb(100, 0, 0); transition: all 0.4s ease;}
.BurgerMenu li ul li a:hover {background: rgb(100, 0, 0); transition: all 0.4s ease;}
.BurgerMenu li ul {background: black; text-align: right;}
.BurgerMenu li:hover > ul {background: rgb(0, 0, 0);}
.BurgerMenu li ul li a {width: 200px; border-bottom: 1px solid rgba(255, 255, 255, 0.4);}






/*Zdjęcie główne witryny*/
.MainPageMainFotoBig, .MainPageMainFotoSmall{display: block; float: left; width: 100%; background-size: cover; margin: 0 0 30px 0; padding: 0px 0;}
.MainPageMainFotoBigTitle, .MainPageMainFotoBigSubTitle, .MainPageMainFotoBigContent, .MainPageMainFotoSmallTitle, .MainPageMainFotoSmallSubTitle, .MainPageMainFotoSmallContent{display:block; float: left; color: white; width: calc(100% - 100px); text-align: center; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8); background: rgba(0, 0, 0, 0.6);}
.MainPageMainFotoBigTitle, .MainPageMainFotoSmallTitle{border-top: 1px solid rgba(255, 255, 255, 0.4); box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.2);}
.MainPageMainFotoBigSubTitle, .MainPageMainFotoSmallSubTitle{border-bottom: 1px solid rgba(255, 255, 255, 0.4); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4); color: rgb(160, 0, 0);}
.MainPageMainFotoBigContent .MainPageMainFotoSmallContent{}

.MainPageMainFotoBig{height: 350px; box-shadow: 0px 45px 30px -50px rgba(0, 0, 0, 0.95);}
.MainPageMainFotoBigTitle{font-size: 40px; line-height: 50px; margin-top: 90px; padding: 30px 50px 10px;}
.MainPageMainFotoBigSubTitle{font-size: 30px; line-height: 40px; padding: 10px 50px 30px;}
.MainPageMainFotoBigContent{}

.MainPageMainFotoSmall{height: 295px;}
.MainPageMainFotoSmallTitle{font-size: 30px; line-height: 40px; margin-top: 10px; padding: 30px 50px 10px;}
.MainPageMainFotoSmallSubTitle{font-size: 20px; line-height: 30px; padding: 10px 50px 30px;}
.MainPageMainFotoSmallContent{}




/*slider*/
#Slider{width: 100%; box-shadow: 0px 60px 30px -70px rgba(0, 0, 0, 0.7); border-bottom: 1px solid white; margin: 0 0 30px 0;}
#Slider img{}
/* tu działa ten bardziew na środku.nivo-caption{width: 510px; left: 150px; top: 70px; height: 350px; background: rgba(0, 0, 0, 0.6); opacity: 1; text-transform: uppercase; padding: 30px 50px;}
.nivo-caption h2{padding: 0; margin: 0; border: none; font-size: 80px; line-height: 80px;}
.nivo-caption h3{padding: 20px 0; margin: 0; border: none; font-size: 30px; line-height: 30px; text-align: center;}
.nivo-caption p{padding: 0px; text-align: right; font-size: 50px; line-height: 50px;}*/
.nivo-caption{width: 100%; left: 0%; bottom: 0px; margin: 0; background: none; opacity: 1; padding: 120px 50px; text-align; right;}
.nivo-caption h2, .nivo-caption h3, .nivo-caption p{width: calc(100% - 40px); display: block; float: left; padding: 3px 20px; margin: 0; text-align: left; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); background: none;}
.nivo-caption h2{font-size: 35px; line-height: 45px; color: rgb(120, 120, 120); border: none;}
.nivo-caption h3{font-size: 20px; line-height: 28px; color: rgb(100, 0, 0); border: none; background: none; box-shadow: none;}
.nivo-caption p{font-size: 14px; line-height: 18px; color: rgb(120, 120, 120); border: none; padding: 20px 100px; width: calc(100% - 200px);}
.nivo-caption a{color: white;}
.nivo-caption .HiddenButton{display: none !important; padding: 5px 20px; border: 1px solid white; width: 180px; text-align: center; margin: 0 auto; margin-bottom: 10px; border-radius: 2px;}
.nivo-controlNav{text-align: right; margin: 0 5px 0px 0; display: none;}
.nivo-directionNav{font-size: 40px; font-family: Times; display: none;}
.nivo-prevNav, .nivo-nextNav{top: 40%; margin-top: -100px; opacity: 0.5;}
.nivo-prevNav img, .nivo-nextNav img{padding: 100px 50px;}
.nivo-nextNav img{margin-left: -120px;}
.nivo-prevNav:hover, .nivo-nextNav:hover{color: white; opacity: 0.9;}
.nivo-control{background: rgb(100, 0, 0); padding: 3px 7px; margin: 2px; color: white; border-radius: 1px; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);}
.nivo-control.active{background: rgb(100, 0, 0);}





/*slider full screen*/
.FsSlider, .FsSlider img{width: 100%; display: block;}
.OwlFullScreenSlider{width: 100%; display: block;}
.SliderFsSlideContainer{width: 100%; display: block;}
.SliderFsSlideContent{display: block; text-align: center; padding: 0px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); color: white;}
.SliderFsOverlay{}
.SliderFsContentText{display: block; position: absolute; left: 50%; top: 150px; background: rgba(100, 0, 0, 0.8); border-radius: 50%; padding: 20px; width: 500px; height: 500px; margin: 0px 0 0 -270px; border: 2px solid rgba(255, 255, 255, 0.4); box-shadow: 0px 20px 30px -20px rgba(0, 0, 0, 0.9);}
.SliderFsContentTitle, .SliderFsContentSubTitle{display: block; width: 80%; margin: 10%; color: rgb(255, 255, 255);}
.SliderFsContentTitle{font-size: 48px; line-height: 52px; margin-top: 130px;}
.SliderFsContentSubTitle{font-size: 33px; line-height: 38px; margin-top: 40px;}
.SliderFsContentContent{}
.SliderFsContentLink{}
.SliderFsButton{}





/*artykuły*/
.ArticleMainFotoContainer{display: block; width: 100%; max-height: 400px; overflow: hidden; text-align: center; margin: 0 0 30px 0;}
.ArticleMainFoto{width: 100%; margin-top: -150px;}
.ArticleContent img{margin: 8px 30px; max-width: calc(100% - 60px); height: auto !important; vertical-align: middle;}
.ContactForm{text-align: center; width: 80%; margin: 0 10%;}
.Odd{background: white;}
.Even{background: rgba(0, 100, 200, 0.05) url(../images/noise.png);}
/*Animacje*/
.AnimateMeHorizontalLeft{opacity: 0; -moz-transition: all 800ms linear; -webkit-transition: all 800ms linear; -o-transition: all 800ms linear; transition: all 800ms linear;
	-moz-transform: translate3d(-200px, 0px, 0px); -webkit-transform: translate3d(-200px, 0px, 0px); -o-transform: translate(-200px, 0px); -ms-transform: translate(-200px, 0px); transform: translate3d(-200px, 0px, 0px);}
.AnimateMeHorizontalLeftShownElement{opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px);}

.AnimateMeHorizontalRight{opacity: 0; -moz-transition: all 800ms linear; -webkit-transition: all 800ms linear; -o-transition: all 800ms linear; transition: all 800ms linear;
	-moz-transform: translate3d(200px, 0px, 0px); -webkit-transform: translate3d(200px, 0px, 0px); -o-transform: translate(200px, 0px); -ms-transform: translate(200px, 0px); transform: translate3d(200px, 0px, 0px);}
.AnimateMeHorizontalRightShownElement{opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px);}

.AnimateMeVertical{opacity: 0; -moz-transition: all 1200ms linear; -webkit-transition: all 1200ms linear; -o-transition: all 1200ms linear; transition: all 1200ms linear;}
.AnimateMeVerticalShownElement{opacity: 1;}

.AnimateMeVerticalDown{opacity: 0; -moz-transition: all 800ms linear; -webkit-transition: all 800ms linear; -o-transition: all 800ms linear; transition: all 800ms linear;
	-moz-transform: translate3d(0px, -100px, 0px); -webkit-transform: translate3d(0px, -100px, 0px); -o-transform: translate(0px, -100px); -ms-transform: translate(0px, -100px); transform: translate3d(0px, -100px, 0px);}
.AnimateMeVerticalDownShownElement{opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px);}

.AnimateMeVerticalUp{opacity: 0; -moz-transition: all 800ms linear; -webkit-transition: all 800ms linear; -o-transition: all 800ms linear; transition: all 800ms linear;
	-moz-transform: translate3d(0px, 100px, 0px); -webkit-transform: translate3d(0px, 100px, 0px); -o-transform: translate(0px, 100px); -ms-transform: translate(0px, 100px); transform: translate3d(0px, 100px, 0px);}
.AnimateMeVerticalUpShownElement{opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px);}





/*formularz kontaktowy*/
.Hidden{display: none;}
.Capt{display: block; float: none; width: 100%;}
.Capt p{display: block; float: none; width: 100%; text-align: center; padding: 20px 0 40px;}
.Thanks{display: block; text-align: center; color: white; background: rgb(184, 204, 228); padding: 20px; font-size: 20px; line-height: 25px; }





/*pole specjalne*/
.SpecjalField, .SmallArticle{padding: 60px 150px; width: calc(100% - 300px); text-align: center; background: rgba(0, 0, 0, 0.03); margin: 30px 0;}





/*dokumentyy do pobrania*/
.DocumentsContainer{float: left; width: calc(100% - 140px); display: block; margin: 0px 70px 20px; padding: 0px 0px 30px;}
.DocumentsContainer h2{border-bottom: 1px solid rgb(100, 0, 0); text-align: left; padding: 10px 0; margin: 10px 0 30px; width: 100%;}





/*galeria*/
.GalleryContainer{padding: 10px 70px; width: calc(100% - 140px); text-align: center;}
.GalleryItemContainer{position: relative; display: inline-block; margin: 10px; padding: 0; width: calc(100%/4 - 22px); border: 1px solid rgba(255, 255, 255, 0.4);}
.GalleryItemContainer img{width: 100%;}
.GalleryItemContainer:hover{box-shadow: 0px 20px 30px -20px rgba(0, 0, 0, 0.8); transition: all 0.4s ease;}
.GalleryItem{display: block; vertical-align: top;}
/*.GalleryItemTitle{position: absolute; bottom: 0; color: white; display: block; width: calc(100% - 20px); padding: 6px 10px; font-size: 12px; text-transform: uppercase; text-align: left;}*/
.GalleryItemContent{position: absolute; top: 0; right: 0; background: rgba(100, 0, 0, 0.7); padding: 10px; width: 50px; color: white; height: 18px; overflow: hidden; border: 1px solid white; box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.6);}
.GalleryItemContent:hover{width: calc(100% - 20px); height: auto; min-height: 18px; background: rgba(0, 0, 0, 0.7); box-shadow: none; border: none; transition: all 0.4s ease;}
.GalleryItemContent span{font-size: 10px;}
.GalleryItemContent:hover span{display: none;}
.GalleryItemContent p{font-size: 9px; line-height: 11px;}





/*bloki*/
.Blocks{width: calc(100% - 100px); margin: 80px 50px;}
.BlocksTitle{display: block; display: none; width: 100%; text-align: center; padding: 20px 50px; width: calc(100% - 100px); font-size: 25px; color: rgb(66, 66, 66); text-transform: uppercase; background: rgb(222, 222, 222); margin: 30px 0 0;}
.BlockContainer{display: inline-block; width: calc(25% - 100px); margin: 20px 30px; padding: 20px; text-align: center; box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.1);}
/*.BlockTitle{font-size: 25px; color: rgb(195, 185, 68); line-height: 35px; padding: 20px; background: rgba(0, 0, 0, 0.03); border-radius: 2px;}*/
.BlockContent{font-size: 14px; padding: 20px;}





/*referencje na stronie głównej (przewijane)*/
.ReferenceMain{display: block; width: 100%; margin: 50px 0;}
.ReferenceMainPageMainTitle{display: block; text-align: center; padding: 20px 0; font-size: 25px; color: white; text-transform: uppercase; background: rgb(195, 185, 68); margin: 30px 10% 0; width: calc(100% - 20%);}
.ReferenceMainTitle{display: block; font-size: 30px; padding: 20px; line-height: 35px; color: rgb(195, 185, 68);}
.ReferenceMainContent{display: block; font-size: 14px; padding: 20px 25%; cursor: pointer;}
.nbs-flexisel-inner{width: 100%; float: left; padding: 50px 0;}





/*oferta na stronie głównej*/
.ProductsCategories{text-align: center;}
.ProductsContainer{display: inline-block; width: calc(100%/2 - 40px); height: 260px; margin: 20px; padding: 0; vertical-align: top; background: rgb(184, 204, 228); box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2); border-radius: 0px 0px 50px 5px;}
.ProductsContent{display: block; color: white;}
.ProductsFotoContainer{display: block; position: relative; border-bottom: 1px solid white;}
.ProductsFotoContainer img{width: 100%;}
.ProductsTitle{display: block; background: rgba(0, 0, 0, 0.5); color: rgb(184, 204, 228); font-size: 20px; line-height: 28px; padding: 20px 40px; width: calc(100% - 80px); text-transform: uppercase; text-align: center; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);}
.ProductsContentContainer{padding: 30px 40px; text-align: justify; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);}





/*produkty na podstronach - lista kategorii*/
.ProductsCategoriesContainer{background: rgb(184, 204, 228); padding: 50px; width: calc(100% - 100px); text-align: center;}
.ProductCategoryTitle a{float: left; padding: 15px 20px 20px; color: white; background: rgba(0, 0, 0, 0.4); width: calc(100%/4 - 80px); margin: 20px; text-align: left; font-size: 18px; line-height: 20px; border-bottom: 1px solid white; margin-bottom: 5px;}
.ProductCategoryTitle a:hover{background: red;}





/*produkty na podstronach - lista produktów*/
.ProductsListContainer{background: rgb(184, 204, 228); padding: 50px; width: calc(100% - 100px); text-align: center;}
.ProductBox{width: calc(100%/5 - 32px); display: inline-block; float: left; margin: 15px; border: 1px solid rgba(255, 255, 255, 0.1);}
.ProductBox:hover{transform: scale(0.95); transition: 1.6s;}
.ProductBoxFotoContainer{display: block; position: relative; border-bottom: 1px solid white;}
.ProductBoxFotoContainer img{width: 100%;}
.ProductBoxTitle{display: block; background: rgba(255, 255, 255, 0.7); color: black; font-size: 14px; line-height: 18px; position: absolute; bottom: 0; padding: 10px; width: calc(100% - 20px); font-variant: small-caps;}
.ProductBoxContentContainer{padding: 10px 15px 0px; text-align: center; color: white; background: rgba(0, 0, 0, 0.2);}
.ProductBoxContentContainer p{font-size: 12px; line-height: 14px;}





/*aktualności na stronie głównej*/
.NewsCategories{background: rgb(184, 204, 228); text-align: center; padding: 30px 0; border-radius: 2px;}
.CategoryContainer{display: block; float: left; width: 100%;}
.CategoryTitle{display: block; color: white; padding: 0; font-size: 30px; line-height: 35px; font-variant: small-caps; margin-bottom: 60px; padding: 0px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); border-bottom: 1px solid red;}
.CategoryTitle:hover{border-bottom: 1px solid white;}
.CategoryContent{width: calc(100% - 60px); margin: 0 30px; display: block; text-align: left;}
.NewsContent{display: block; float: left; text-align: justify; color: white;}
.NewsContent:hover{transform: scale(0.9); transition: 1.6s;}
.NewsFotoContainer{max-width: 400px; float: left; display: block; background: red; padding: 0; margin: 0 20px 20px 0; max-height: 190px; overflow: hidden;}
.NewsFotoContainer img{float: left; margin: -20px 0 0 0;}
.NewsTitle{display: block; font-size: 22px; font-variant: small-caps;}
.NewsDate{display: block; color: red; padding: 10px 0; font-size: 10px;}





/*aktualności lista*/
.NewsListContainer{display: block; background: rgb(184, 204, 228); text-align: center; padding: 50px; margin: 50px 0 0; width: calc(100% - 100px);}
.NewsListCategoryTitle a{display: block; color: white; padding: 0; font-size: 30px; line-height: 35px; font-variant: small-caps; margin-bottom: 20px; padding: 0 0 10px 0; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); border-bottom: 1px solid white; text-align: left;}
.NewsListCategoryTitle a{color: white}
.NewsListContent{width: calc(100%/5 - 32px); display: inline-block; float: left; margin: 15px; border: 1px solid rgba(255, 255, 255, 0.1);}
.NewsListContent:hover{transform: scale(0.95); transition: 1.6s;}
.NewsListFotoContainer{display: block; position: relative; border-bottom: 1px solid white;}
.NewsListFotoContainer img{width: 100%;}
.NewsListTitle{display: block; background: rgba(255, 255, 255, 0.7); color: black; font-size: 14px; line-height: 18px; position: absolute; bottom: 0; padding: 10px; width: calc(100% - 20px); font-variant: small-caps;}
.NewsListContentContainer{padding: 10px 15px 0px; text-align: center; color: white; background: rgba(0, 0, 0, 0.2);}
.NewsListContentContainer p{font-size: 12px; line-height: 14px;}
.IconMoreSmall{font-size: 8px; float: right; margin: 0; padding: 0;}





/*oferty pracy*/
.responsive-accordion{list-style: none;}
li.ResAccList{padding: 0; margin: 0;}
.responsive-accordion-head{background: rgb(184, 204, 228); color: white; padding: 15px 30px; font-size: 14px; font-variant: small-caps; cursor: pointer; border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
.responsive-accordion-head:hover{color: red;}
.responsive-accordion-panel{}
.Reference{padding: 20px 0;}
.ReferenceContent{display: block; padding: 10px 20px;}
.Position{display: block; padding: 5px 0 10px; font-size: 25px; line-height: 28px;font-weight: bold; border-bottom: 1px solid red; margin: 0 0 10px 0;}
.RefNo{display: block; font-size: 12px;}
.Departament{display: block;}
.Place{display: block;}
.ClausContent{font-size: 12px; display: block; border: 1px solid red; margin: 30px 0; padding: 20px 250px; text-align: center;}
.AppliButton{display: block; color: white; background: rgb(184, 204, 228); padding: 12px 30px; cursor: pointer; border-radius: 1px; width: 100px; text-align: center; margin: 0 auto; margin-bottom: 20px; border: 1px solid rgb(184, 204, 228);}
.AppliButton:hover{background: white; color: rgb(184, 204, 228); border: 1px solid rgb(184, 204, 228);}

.FormFieldTitle{display: block; width: 380px; margin: 0 auto; text-align: left; font-size: 12px;}
.FileField{background: rgb(184, 204, 228); color: white; cursor: pointer;}
input[type="file" i]::-webkit-file-upload-button {background: rgba(0, 0, 0, 0.4); color: white; border: 1px solid white; padding: 10px 20px; cursor: pointer;}





/*ikonki*/
@font-face {font-family: 'mfg'; 
src: url('../../mtmadmin/views/css/font/mfglabsiconset-webfont.eot'); 
src: url('../../mtmadmin/views/css/font/mfglabsiconset-webfont.svg#mfg_labs_iconsetregular') format('svg'),
url('../../mtmadmin/views/css/font/mfglabsiconset-webfont.eot?#iefix') format('embedded-opentype'), 
url('../../mtmadmin/views/css/font/mfglabsiconset-webfont.woff') format('woff'), 
url('../../mtmadmin/views/css/font/mfglabsiconset-webfont.ttf') format('truetype');
font-weight: normal; font-style: normal;}
.Icon {font-family: 'mfg'; font-style: normal; font-weight: normal; font-size: 15px;}
.IconBackToTop{font-family: 'mfg'; font-style: normal; font-weight: normal; font-size: 25px; padding: 0; margin: 0;}
.IconDownload{font-size: 15px; margin: 0 30px 0 0;}
.IconSliderFs{font-family: 'mfg'; font-style: normal; font-weight: normal; font-size: 20px; float: right; padding: 1px 0 0 0;}
.IconRA{font-family: 'mfg'; font-style: normal; font-weight: normal; font-size: 10px; float: left; padding: 0 20px 0 0;}
.icon-chevron_right:before { content: "\f006"; }
.icon-chevron_up:before { content: "\f005"; }
.icon-cloud_download:before { content: "\f015"; }
.icon-file_open:before { content: "\F4C2"; }
.icon-file_alt:before { content: "\f068"; }
.icon-attachment:before { content: "\f06a"; }
.icon-check:before { content: "\2713"; }





/*stopka*/
.Footer{/*background: url(../images/bgfooter.jpg) no-repeat; background-size: cover;*/background: rgb(0, 0, 0); color: white; text-align: center; padding: 80px 40px; width: calc(100% - 80px); font-size: 12px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#320000+0,000000+70 */
background: #320000; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #320000 0%, #000000 70%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  #320000 0%,#000000 70%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  #320000 0%,#000000 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#320000', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}





/*menu główne*/
.MainMenuContainer{background: rgb(255, 255, 255); border-bottom: 1px solid rgba(100, 0, 0, 0.1); -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -o-transition: all 1.5s ease; transition: all 1.5s ease;}
.MainMenuContent{text-align: right;}
#MainMenu li a {padding: 40px 20px; font-size: 12px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); text-transform: uppercase;}
#MainMenu li a, #MainMenu li a:hover, #MainMenu li ul li, #MainMenu li ul li a, #MainMenu li ul li a:hover {color: rgb(100, 0, 0);}
#MainMenu li a:hover {background: rgb(100, 0, 0); transition: all 0.4s ease; color: white;}
#MainMenu li ul li a:hover {background: rgb(0, 0, 0); transition: all 0.4s ease; color: white;}
#MainMenu li ul {background: black; text-align: right;}
#MainMenu li:hover > ul {background: rgb(100, 0, 0);}
#MainMenu li ul li a {width: 200px; border-bottom: 1px solid rgba(255, 255, 255, 0.4); color: white;}
/*wersja zablokowana*/
.MainMenuLocked{background: rgb(255, 255, 255); border-bottom: 1px solid rgba(255, 255, 255, 0.5); position: fixed; top: 0; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -o-transition: all 1.5s ease; transition: all 1.5s ease; z-index: 9;}
.MainMenuLocked .MainMenuContent{text-align: right;}
.MainMenuLocked #MainMenu li a {padding: 10px 20px 10px; font-size: 11px; text-transform: uppercase; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);}
.MainMenuLocked #MainMenu li a, .MainMenuLocked #MainMenu li a:hover, .MainMenuLocked #MainMenu li ul li, .MainMenuLocked #MainMenu li ul li a, .MainMenuLocked #MainMenu li ul li a:hover {color: rgb(100, 0, 0);}
.MainMenuLocked #MainMenu li a:hover {color: white; background: rgb(0, 0, 0); transition: all 0.4s ease;}
.MainMenuLocked #MainMenu li ul li a:hover {color: white; background: rgb(0, 0, 0); transition: all 0.4s ease; color: white;}
.MainMenuLocked #MainMenu li ul {background: black; text-align: right;}
.MainMenuLocked #MainMenu li:hover > ul {background: rgb(100, 0, 0);}
.MainMenuLocked #MainMenu li ul li a {width: 200px; color: white;}

/*menu stopki*/
.FooterMenuContainer{border-bottom: 1px solid white; background: rgb(100, 0, 0); margin: 40px 0 0 0;}
.FooterMenuContent{text-align: center;}
#FooterMenu li a {padding: 10px 20px 10px; font-size: 12px; text-transform: uppercase; text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);}
#FooterMenu li a, #FooterMenu li a:hover, #FooterMenu li ul li, #FooterMenu li ul li a, #FooterMenu li ul li a:hover {color: white;}
#FooterMenu li a:hover {color: white; background: rgba(0, 0, 0, 0.6); transition: all 0.4s ease;}
#FooterMenu li ul li a:hover {color: white; background: rgb(100, 0, 0); transition: all 0.4s ease;}
#FooterMenu li ul {background: black; text-align: left;}
#FooterMenu li:hover > ul {background: rgb(40, 0, 0);}
#FooterMenu li ul li a {width: 200px; border-bottom: 1px solid rgba(255, 255, 255, 0.4);}

/*menu dla wersji mobilnej*/
.sb-slidebar{background: rgb(0, 0, 0);}
.sb-toggle-left{position: fixed; left: 0; top: 0; background: rgba(100, 0, 0, 0.8); z-index: 99; width: 100%;}
.ResponsiveMenuButton{width: 35px; margin: 10px; cursor: pointer; border: 2px solid white; padding: 10px; float: left;}
.ResponsiveMenuSign{display: block; float: left; margin: 20px 0 0 0; font-size: 14px; cursor: pointer; color: white; text-transform: uppercase;}
#ResponsiveMenu{display: block; margin-bottom: 20px; list-style: none;}
#ResponsiveMenu li{margin: 0; padding: 0;}
#ResponsiveMenu a{display: block; padding: 10px 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.5); color: white; text-transform: uppercase; font-size: 12px;}
#ResponsiveMenu a:hover{background: rgb(100, 0, 0);}
.ResponsiveSubmenu{background: rgba(100, 0, 0, 0.1);}










/******************************************************
stays 4ever - shared
******************************************************/
/*general*/
#sb-site{background: none !important;}
#sb-site{background: white;}
.One{width: 100%; padding: 0; float: left; display: block;}
.TwoLeft{width: 48%; padding: 0 2% 0 0; float: left; display: block;}
.TwoRight{width: 48%; padding: 0 0 0 2%; float: left; display: block;}
.ThreeLeft{width: 31%; padding: 0 2% 0 0; float: left; display: block;}
.ThreeMiddle{width: 31%; padding: 0 1.5%; float: left; display: block;}
.ThreeRight{width: 31%; padding: 0 0 0 2%; float: left; display: block;}
.FourLeft{width: 23%; padding: 0 2% 0 0; float: left; display: block;}
.FourMiddle{width: 23%; padding: 0 1%; float: left; display: block;}
.FourRight{width: 23%; padding: 0 0 0 2%; float: left; display: block;}

/*przewijanie do szczytu*/
#scroll-to-top{display:block; position:fixed; bottom:30px; right:30px; opacity: 0.4; background: rgb(0, 0, 0); display: none; color: white; padding: 16px 20px; z-index: 99999999; border-radius: 2px;}
#scroll-to-top:hover{opacity:1;}

/*przycisk powrót do mtmadmin liveview*/
.BackToAdmin{background: rgb(0, 0, 0); display: block; float: left; width: 100%; position: fixed; left: 0; bottom: 0; z-index:9999999999; border-top: 1px solid white; box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);}
.BackToAdmin a{display: inline-block; float: left; text-decoration: none; color: white; padding: 4px 20px; margin: 20px; font-family: Arial; border: 1px solid white; font-size: 11px;}
.BackToAdmin form{display: inline-block; float: left; margin: 0; padding: 0; width: auto; height: auto;}
.ControlFormButton{display: inline-block; float: left; padding: 8px 20px; margin: 20px 5px; font-family: Arial; color: white; font-size: 11px; border: 1px solid white; background: black; width: auto; height: auto; cursor: pointer;}

/*moja reklama*/
.Commercial{position: fixed; right: 0px; bottom: 0px; z-index: 999999; background: rgba(255, 255, 255, 0.2); font-size: 10px; padding: 2px 20px 3px; color: rgb(1, 131, 186); font-family: 'Segoe UI Light', 'Helvetica', Arial; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);}
.Commercial a{text-decoration: none; color: rgb(1, 131, 186); font-size: 10px; font-family: 'Segoe UI Light', 'Helvetica', Arial;}










/******************************************************
responsive
******************************************************/
@media all and (max-width: 1366px) {
}

@media all and (max-width: 1280px) {
}

@media all and (max-width: 1024px) {
	.GalleryItemContainer{width: calc(100%/3 - 22px);}
	#MainMenu li a {padding: 18px 15px 16px; font-size: 10px;}
	.MainMenuLocked #MainMenu li a {padding: 10px; font-size: 10px;}
	.Logo{float: left; display: block; padding: 5px 30px 15px; position: absolute; z-index: 9; margin: 0px 20px 0px; background: white;}
}

@media all and (max-width: 980px) {
}

@media all and (max-width: 800px) {
	.One, .TwoLeft, .TwoRight, .ThreeLeft, .ThreeMiddle, .ThreeRight, .FourLeft, .FourMiddle, .FourRight{width: 96%; padding: 0 2%;}
	.DocumentsContainer{width: calc((100% - 140px) * 0.96); margin: 0px 70px 50px; padding: 20px 2%;}
	.MainMenuContainer, .FooterMenuContainer{display: none;}
	.BurgerSwitch{display: none;}
	.BurgerLogo{top: 73px; left: 50%; width: 200px; margin: 0 0 0 -100px;}
	.BurgerLogo img{width: 120px; padding: 10px 40px}
	.MainPageMainFotoBigTitle{font-size: 40px; line-height: 50px; margin-top: 120px; padding: 30px 50px 10px;}
}

@media all and (max-width: 768px) {
	.ArticleContent{width: 90%; margin: 20px 5%; padding: 30px 0px;}
	.DocumentsContainer{width: 86%; margin: -20px 0 50px 0; padding: 0px 7%;}
	.GalleryItemContainer{width: calc(100%/2 - 22px);}
}

@media all and (max-width: 640px) {
	html, body {width: 100%; overflow-x: hidden;}
}

@media all and (max-width: 480px) {
	.ArticleContent{width: 80%; margin: 20px 10%; padding: 10px 0px;}
	.ArticleContent img{float: none !important; max-width: 100% !important; height: auto !important; margin: 20px 0;}
	.GalleryItemContainer{width: calc(100% - 22px);}
	h1, h2, h3, h4, h5, h6{width: calc(100% - 40px); padding: 20px; margin: 10px 0px 20px;}
	h1{font-size: 25px; line-height: 35px; padding: 20px 19px; border: 1px solid rgb(100, 0, 0);}
	h2{font-size: 21px; line-height: 26px; padding: 18px 20px;}
	h3{font-size: 17px; line-height: 22px; padding: 16px 20px;}
	h4{font-size: 14px; line-height: 19px; padding: 14px 20px;}
	h5{font-size: 12px; line-height: 17px; padding: 12px 20px;}
	h6{font-size: 10px; line-height: 15px; padding: 10px 20px;}
	
.MainPageMainFotoBigTitle, .MainPageMainFotoBigSubTitle, .MainPageMainFotoBigContent, .MainPageMainFotoSmallTitle, .MainPageMainFotoSmallSubTitle, .MainPageMainFotoSmallContent{width: calc(100% - 60px);}
.MainPageMainFotoBigTitle{font-size: 30px; line-height: 40px; margin-top: 90px; padding: 30px 30px 10px;}
.MainPageMainFotoBigSubTitle{font-size: 20px; line-height: 30px; padding: 10px 30px 30px;}
}

@media all and (max-width: 360px) {
	.GalleryContainer{padding: 10px 30px; width: calc(100% - 60px); text-align: center;}
	.ArticleContent{text-align: left;}
}

@media all and (max-width: 320px) {
	.MainPageMainFotoSmallTitle{font-size: 18px; line-height: 23px; margin-top: 187px; padding: 20px 50px 5px;}
	.MainPageMainFotoSmallSubTitle{font-size: 14px; line-height: 19px; padding: 5px 50px 20px;}
}