@font-face {
    font-family: "Source Sans Pro";
    src: local("Source Sans Pro Light"), local("SourceSansPro-Light"), url("https://fonts.gstatic.com/s/sourcesanspro/v14/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdu.woff2") format("woff2");
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Source Sans Pro";
    src: local("Source Sans Pro Light"), local("SourceSansPro-Light"), url("https://fonts.gstatic.com/s/sourcesanspro/v14/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmRduz8A.woff2") format("woff2");
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}


@font-face {
    font-family: "Source Sans Pro";
    src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2") format("woff2");
    font-style: normal;
    font-weight: 400;
    unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Source Sans Pro";
    src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lqDY.woff2") format("woff2");
    font-style: normal;
    font-weight: 400;
    unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "Source Sans Pro";
    src: local("Source Sans Pro Italic"), local("SourceSansPro-Italic"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7nsDI.woff2") format("woff2");
    font-style: italic;
    font-weight: 400;
    unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Source Sans Pro";
    src: local("Source Sans Pro Italic"), local("SourceSansPro-Italic"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7psDJT9g.woff2") format("woff2");
    font-style: italic;
    font-weight: 400;
    unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "Source Sans Pro";
    src: local("Source Sans Pro SemiBold"), local("SourceSansPro-SemiBold"), url("https://fonts.gstatic.com/s/sourcesanspro/v14/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlxdu.woff2") format("woff2");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Source Sans Pro";
    src: local("Source Sans Pro SemiBold"), local("SourceSansPro-SemiBold"), url("https://fonts.gstatic.com/s/sourcesanspro/v14/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmRduz8A.woff2") format("woff2");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "Source Sans Pro";
    src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"), url("https://fonts.gstatic.com/s/sourcesanspro/v14/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlxdu.woff2") format("woff2");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Source Sans Pro";
    src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"), url("https://fonts.gstatic.com/s/sourcesanspro/v14/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmRduz8A.woff2") format("woff2");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "Sanuk";
    src: url("../fonts/SanukPro-Medium.ttf") format("truetype");
}

body {
    background-color: #F5FAFF;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #003767;
    font-family: 'Sanuk', Helvetica, Arial, Lucida, sans-serif;
    font-weight: 500;
}

h1 {
    font-size: 2rem;
}

h2 {
    font-size: 1.8rem;
}

h3 {
    font-size: 1.4rem;
}

h4 {
    font-size: 1.4rem;
}

h5 {
    font-size: 1rem;
}

h6 {
    padding-bottom: 10px;
    line-height: 1.4em;
    font-weight: 500;
    color: #003767;
    font-family: 'Sanuk', Helvetica, Arial, Lucida, sans-serif;
}

table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    background-color: transparent !important;
}

table-striped tr,
.table-striped tr td {
    background-color: transparent !important;
    color: #003767;
}


.mr-0 {
    margin-right: 0;
}

.mr-1 {
    margin-right: 1rem;
}

.mr-2 {
    margin-right: 2rem;
}

.mr-3 {
    margin-right: 3rem;
}

.mr-4 {
    margin-right: 4rem;
}

.mr-5 {
    margin-right: 5rem;
}

.mr-6 {
    margin-right: 6rem;
}

.ml-0 {
    margin-left: 0;
}

.ml-1 {
    margin-left: 1rem;
}

.ml-2 {
    margin-left: 2rem;
}

.ml-3 {
    margin-left: 3rem;
}

.ml-4 {
    margin-left: 4rem;
}

.ml-5 {
    margin-left: 5rem;
}

.mb-0 {
    margin-bottom: 0;
}

.mb-1 {
    margin-bottom: 1rem;
}

.mb-2 {
    margin-bottom: 2rem;
}

.mb-3 {
    margin-bottom: 3rem;
}

.mb-4 {
    margin-bottom: 4rem;
}

.mt-0 {
    margin-top: 0;
}

.mt-1 {
    margin-top: 1rem;
}

.mt-2 {
    margin-top: 2rem;
}

.mt-3 {
    margin-top: 3rem;
}

.mt-4 {
    margin-top: 4rem;
}


.sanuk {
    font-family: 'Sanuk', Helvetica, Arial, Lucida, sans-serif;
}


#navbarText.show {
    background-color: #042b46;
    padding: 0 1em 1em 1em;
}

.navbar-heading {
    flex: 0 0 auto;
}


.nav-link {
    color: #ffffff;
}

/* text-decoration (not border-bottom) so the mark always hugs the label
   text, whether .nav-link renders inline (desktop navbar) or as a
   full-width tap target (collapsed mobile menu) */
#TopMainMenu .nav-link.current {
    text-decoration: underline;
    text-decoration-color: #DF004C;
    text-decoration-thickness: 3px;
    text-underline-offset: 6px;
}


h1.page_title {
    font-size: 28px;
    margin-top: 0;
}




li.nav-item.dropdown ul.dropdown-menu.show {
    background-color: #003767;
}

li.nav-item.dropdown ul.dropdown-menu.show a {
    color: #ffffff;
    font-family: 'Source Sans Pro', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px !important;
}

li.nav-item.dropdown ul.dropdown-menu.show a:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #001c35;
}

@media (max-width: 1199.98px) {
    .navbar-heading {
        width: 100%;
    }

    /* .dropdown-menu is a floating popup by default (position: absolute,
       min-width: 10rem) sized to its unwrapped .dropdown-item text
       (white-space: nowrap) -- correct for the desktop navbar, but on the
       collapsed mobile menu it needs to behave as an inline accordion
       panel that stacks in flow and wraps long labels instead of pushing
       off the right edge. */
    #TopMainMenu .navbar-nav .dropdown-menu {
        position: static !important;
        inset: auto !important;
        transform: none !important;
        width: 100%;
        min-width: 0;
        margin-top: 0;
    }

    #TopMainMenu .dropdown-item {
        white-space: normal;
    }

    /* the search field and language switcher sit beside the nav links in
       the desktop row; make sure they stay within the column's width once
       the menu stacks on mobile instead of keeping a desktop-row size */
    #navbarText form#Form_TASKSearchForm,
    #navbarText .form-control {
        max-width: 100%;
        width: 100%;
    }

    #navbarText form#Form_TASKSearchForm {
        margin-top: 0.75rem;
    }

    #navbarText .form-control,
    #navbarText .btn-outline-light {
        min-height: 44px;
    }

    #navbarText > .ml-1 {
        margin-top: 0.75rem;
        margin-left: 0;
    }
}



.breadcrumbs {
    padding: 1.5rem 4rem 2.5rem 1rem;
    margin-bottom: 4rem;
    border-bottom: solid 1px #d4dde6;
}

.breadcrumb-item.active,
.breadcrumb-item a {
    color: #00001a;
    text-decoration: none;
}


.page-menu {
    margin-top: 12px
}

.page-menu a {
    color: #003767 !important;
}

.page-menu_list {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 14px !important;
    font-family: 'Source Sans Pro', Helvetica, Arial, Lucida, sans-serif;
}

.page-menu_list li ul.secondary,
.page-menu_list li ul.secondary li ul.tertiary {
    list-style: none;
    padding-left: 20px;
    margin: 0;
}


li.page-menu_list-item {
    margin: 5px 0;
}

li.current>a,
ul.primary>li>a.current {
    border-left: solid 5px #DF004C;
    padding-left: 6px;
}


h3.col-right {
    font-family: 'Sanuk', Helvetica, Arial, Lucida, sans-serif;
    font-size: 15px !important;
    text-transform: uppercase;
    color: #003767 !important;
    letter-spacing: 5px;
    margin-bottom: 20px;
}



.right-column {
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    font-family: 'Source Sans Pro', Helvetica, Arial, Lucida, sans-serif;
    color: #003767 !important;
    font-size: 14px !important;
    line-height: 1.4em !important;
    padding: 0 30px;
    margin-top: 4px;
}


.right-column a {
    font-family: 'Source Sans Pro', Helvetica, Arial, Lucida, sans-serif;
    line-height: 1.4em;
    color: #0063A6;
    text-decoration: none;
    font-weight: 700;
    font-size: 19px;
}

table,
.table {
    background-color: transparent !important;
}

/* RWD: the main content column stays narrower than the viewport (a sidebar
   shares the row and Bootstrap caps the container at 1320px), so a table
   with several columns can overflow it even on a wide desktop. Query the
   column's own width instead of the viewport, so tables never fall back to
   horizontal scrolling regardless of screen size. */
.col-md-8,
.page__content {
    container-type: inline-size;
}

/* Below the container threshold, tables with class .table stack into
   labelled cards instead of scrolling horizontally. responsive-tables.js
   marks the header row with data-table-header and copies each column's
   header text onto its data cells as data-label. The header row stays in
   the DOM (visually-hidden, not display:none) so screen readers still get
   it. */
@container (max-width: 900px) {
    .table,
    .table tbody,
    .table tr,
    .table td {
        display: block;
        width: 100%;
    }

    .table tr[data-table-header] {
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        white-space: nowrap !important;
        border: 0 !important;
        position: absolute !important;
    }

    .table tr:not([data-table-header]) {
        margin-bottom: 1rem;
        background-color: #fff;
        border-radius: 8px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
        overflow: hidden;
    }

    .table td {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        gap: 1rem;
        padding: 0.5rem 0.75rem;
        text-align: right;
        overflow-wrap: anywhere;
        border-bottom: 1px solid rgba(0, 55, 103, 0.1);
    }

    .table td:last-child {
        border-bottom: 0;
    }

    .table td[data-label]::before {
        content: attr(data-label);
        flex-shrink: 0;
        margin-right: auto;
        font-weight: 700;
        text-align: left;
        color: #003767;
    }
}

tr.Num3Kier {
    font-weight: 500;
    font-size: 14px;
    padding: 0;
}

tr.Num3Kier>td {
    margin: 0;
    padding-bottom: 20px !important;
}


table.Numbers3 tr {
    padding: 0;
    margin: 0;
}

table.Numbers3 tr>td {
    border-top: none;
    padding: 3px 0 0 0;
}

table.Numbers3 tr>td.Num3,
h4.labNum {
    font-family: 'Sanuk', Helvetica, Arial, Lucida, sans-serif;
    font-size: 40px;
    color: rgba(0, 55, 103, 0.12) !important;
    padding: 12px 8px 0 0;
}

table.Numbers3 tr>td a {
    font-family: 'Source Sans Pro', Helvetica, Arial, Lucida, sans-serif;
    color: #003767;
}


#main h4.labNum {
    font-family: 'Sanuk', Helvetica, Arial, Lucida, sans-serif;
    font-size: 40px !important;
    color: rgba(0, 55, 103, 0.12) !important;
    padding: 0 8px 0 0;
    margin-top: 3rem;
}

h3.seeDetails {
    white-space: normal;
    padding-right: 30px
}


.seeDetails {
    font-family: 'Source Sans Pro', Helvetica, Arial, Lucida, sans-serif;
    font-weight: 600;
    line-height: 1em;
    color: #003767 !important;
    font-size: 17px !important;
    color: #003767;
    white-space: normal;
}



h3.seeDetails {
    font-size: 17px;
}


.footer {
    background-color: #003767;
    color: #fff;
    padding-bottom: 4rem;
    padding-top: 5rem;
}

hr.footer-line {
    border-top: 1px solid #fff;
    margin: 20px 0;
}

.footer a {
    color: #FFFFFF;
    font-family: 'Source Sans Pro', Helvetica, Arial, Lucida, sans-serif;
}

.footer a:hover {
    color: #E8F4FF;
    text-decoration: none;
}

.footer h2 {
    color: #FFFFFF;
    font-size: 18px;
    line-height: 150%;
    margin-top: 10px;
}

.footer ul {
    list-style: none;
    color: #FFFFFF;
    font-size: 18px;
    margin-top: 10px;
}

.footer p {
    margin-top: 10px;
    font-family: 'Source Sans Pro', Helvetica, Arial, Lucida, sans-serif;
    line-height: 1.6em;
    color: #FFFFFF;
    font-size: 14px;
}


p.counterBox {
    font-family: 'Sanuk', Helvetica, Arial, Lucida, sans-serif;
    font-size: 40px;
    color: #003767 !important;
}


.promo-box {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 30px 0;
    text-align: center;
    background-color: #ffffff;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease-in-out;
}

.promo-box p {
    text-align: center !important;
    margin: 2px 0;
}


.promo-box:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    opacity: 0;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: opacity 0.3s ease-in-out;
}

.promo-box:hover {
    transform: scale(1.05, 1.05);
}

.promo-box:hover:after {
    opacity: 1;
}

.contact-box {
    border-radius: 0;
    padding: 18px 0;
    margin-bottom: 30px;
    border-bottom: solid 2px transparent;
}

.contact-box:after,
.number-box:after,
.news-box:after {
    border-radius: 0;
}

.contact-box:hover,
.news-box:hover {
    border-bottom: solid 2px #DF004C;
}

.contact-box h4 {
    font-size: 18px;
}

#main .contact-box p {
    text-align: center;
}

.number-box {
    margin-bottom: 30px;
    border-radius: 0;
}

ol.Numbers {
    list-style: none;
    counter-reset: item;
    display: flex;
    flex-wrap: wrap;
}

ol.Numbers li {
    counter-increment: item;
    display: block;
    position: relative;
    margin-bottom: 30px;
    margin-top: 14px;
}

ol.Numbers li:before {
    content: counter(item);
    font-family: 'Sanuk', Helvetica, Arial, Lucida, sans-serif;
    font-size: 70px;
    color: rgba(0, 55, 103, 0.33) !important;
    text-align: center;
    display: inline-block;
    position: absolute;
    left: -46px;
    top: 18px;
}

ol.nonFloat>li {
    width: 99%;
}

ol.Half>li {
    width: 40%;
    margin-right: 10%;
}

ol.Third>li {
    width: 24%;
    margin-right: 9%;
}

ol.Numbers h3 {
    margin: 0;
    font-size: 18px;
    padding-bottom: 4px;
}



.ib-element {
    margin: 20px 0;
    text-align: left;
}

.icon-boxes,
.icon-boxes p {
    text-align: left;
}

div.icon-boxes>div {
    margin-top: 2em;
}

#main div.icon-boxes h4 {
    margin-top: 0.5em;
}

div.icon-boxes div a {
    color: #003767;
}

div.icon-boxes div a:hover {
    color: #DF004C;
    text-decoration: none;
}

.historyBox {
    padding: 0 0 0 30px;
}

.historyBox .row {
    border-left: solid 1px #8FA7BB;
    padding: 0 0 100px 80px;
}

.pricesBox .row {
    border: 0
}


.historyBox a {
    text-decoration: none;
    color: #0063A6;

}

.historyBox .row {
    position: relative;
    padding-bottom: 30px
}


.historyBox .wpDots span {
    font-size: 32px;
    text-align: center;
    display: block;
    width: 52px;
    height: 52px;
    background-color: #003767;
    color: #FFFFFF;
    border-radius: 50%;
    padding-top: 12px;
}

.historyBox .wpDots {
    position: absolute;
    left: -36px;
    top: 8px;
    z-index: 3100;
    border-radius: 50%;
    background-color: transparent;
    padding: 10px;
}

.pricesBox .cupIcons {
    background-size: contain;
    position: absolute;
    left: -40px;
    top: 8px;
    z-index: 3100;
    background-image: url(../images/nagrody3.png) !important;
    background-repeat: no-repeat;
    width: 100px !important;
    height: 100px !important;
}

a.btn-danger,
.btn-danger {
    border-radius: 0;
    color: #fff !important;
    background-color: #DF004C;
}

.btn-danger:focus,
.btn-danger.focus {
    color: #fff;
    background-color: #003767 !important;
    border-color: #003767;
}

.btn-danger:hover {
    color: #fff;
    background-color: #003767 !important;
    border-color: #003767;
}

.pdfListHalf>div {
    font-size: 17px;
    padding-left: 48px;
    position: relative;
}

.pdfListHalf>div>h3 {
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 17px;
}


.pdfListHalf>div>h3:before {
    content: '';
    display: block;
    position: absolute;
    left: 1px;
    top: 18px;
    width: 40px;
    height: 40px;
    background-size: contain;
    background-image: url(../images/pdf_icon.png) !important;
    z-index: 3200;
}

p.portaleName {
    margin-top: 3rem;
    border-top: solid 1px #8FA7BB;
    padding-top: 3rem;
}

h3.widgetTitle {
    font-size: 15px !important;
    text-transform: uppercase;
    color: #003767 !important;
    letter-spacing: 5px;
}

ul.projList {
    list-style: none;
    padding-left: 10px;
    width: 100%;
}

ul.projList li {
    margin-bottom: 6px;
}

ul.projList li a {
    font-size: 14px;
    color: #003767;
    font-weight: normal;
    padding-left: 5px;
}

ul.projList li>a.active {
    border-left: solid 5px #DF004C;
}


/* hpc */
.circle {
    width: 200px;
    text-align: center;
    position: relative;
}

.circle>.circle-body {
    position: absolute;
    top: 60px;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 3500;
    background: transparent;
}

.circle span {
    font-size: 50px;
    font-weight: 700;
    text-align: center;

}


/* news */




#wrapper-h {
    background-color: #042b46;
    min-height: 20.5rem;
}

hr.hr-h {
    border: 0;
    height: 1px;
    background-color: #d6d6d6;
    margin: 0;
}

#main p {
    text-align: left;
    width: auto;
    font-weight: 500;
    line-height: 1.4em;
    -webkit-box-sizing: initial;
    -moz-box-sizing: initial;
    box-sizing: initial;
}

#main a,
#main a:hover {
    text-decoration: none;
    color: #0063A6;
}

#main-header {
    max-width: 1920px;
    width: 80%;
    color: #fff;
    padding: 4rem 2rem;
}


#main-header h1.pageTitle {
    font-family: 'Sanuk', Helvetica, Arial, Lucida, sans-serif;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 32px;
    line-height: 1.1em;
    padding: 96px 0 0 0;
}

@media (max-width: 1199.98px) {
    /* below navbar-expand-xl the menu collapses inline above the title;
       the fixed desktop gap is no longer needed to separate them and only
       pushes the page further down, worse still with the menu expanded */
    #main-header h1.pageTitle {
        padding-top: 2.5rem;
    }
}

#main p.caption {
    text-align: center;
}



#main {
    padding: 1rem 2rem 4rem 2rem;
    max-width: 1920px;
    width: 80%;
    font-family: 'Source Sans Pro', Helvetica, Arial, Lucida, sans-serif;
    color: #003767 !important;
    font-size: 17px;
    line-height: 1.6em;
}

#main h3 {
    font-size: 22px;
}

#main h4 {
    font-size: 18px;
    margin: 20px 0 10px 0;
}


#main strong {
    font-weight: 700;
}

#main span.h4 {
    padding-bottom: 10px;
    line-height: 2.3rem;
    font-weight: 500;
    font-family: "Sanuk", Helvetica, Arial, Lucida, sans-serif;
    font-size: 18px;
    display: block;
}



.staffList {
    list-style: none;
}

.staffList {
    position: relative;
    text-align: left;
    clear: left;
    margin-bottom: 60px;
}

.staffList>h3 {
    font-family: 'Sanuk', Helvetica, Arial, Lucida, sans-serif;
    font-size: 18px;
    color: #003767 !important;
    margin: 0;
    padding: 14px 0 6px 0;
}

.staffList>p {
    font-size: 18px;
    margin: 0;
}


.staffList>p.staffMail a {
    color: #0063A6;
}

.staffList>p.staffMail a:hover {
    text-decoration: none;
}

.img-wrap {
    line-height: 0;
    box-sizing: border-box;
    float: left;
    padding: 0;
    outline: 0;
    font-size: 100%;
    background: transparent;
    border: 0 solid #333;
    display: block;
    margin: 0 30px 10px 0;
    border-radius: 500px 500px 500px 500px;
    overflow: hidden;
    width: 100px;
}


.img-wrap:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;

}


.img-wrap:hover:after {
    opacity: 1;
}

.BigLetter {
    font-family: 'Sanuk', Helvetica, Arial, Lucida, sans-serif;
    font-size: 70px;
    color: rgba(0, 55, 103, 0.5) !important;
}




.ruList2 {
    margin-bottom: 4rem;
    padding-bottom: 3rem;
    border-bottom: solid 1px #8FA7BB;
}

.regulamin h3 {
    margin-top: 3rem;
    margin-bottom: 0;
    text-align: center;
}


#toTop {
    background: url("../images/totop.png") no-repeat scroll left top transparent;
    width: 42px !important;
    height: 42px !important;
    position: fixed;
    bottom: 15px;
    right: 15px;
    border-radius: 5px;
    display: none;
    color: transparent;
}

#toTopHover {
    background: url("../images/totop.png") no-repeat scroll left top transparent;
    display: block;
    width: 42px !important;
    height: 42px !important;
    border-radius: 5px;
}

#toTop:active,
#toTop:hover {
    background: url("../images/totop.png") no-repeat scroll right top transparent;
}

#toTop:focus {
    outline: none;
    background: url("../images/totop.png") no-repeat scroll right top transparent;
}


/* froms */
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}

input[type="text"].readonly {
    background-color: transparent !important;
    color: #003767;
    border: solid 1px #dbdbdb;
}

.required>label:after,
label.required:after {
    color: #B22323;
    font-weight: 700;
    content: '*';
}

.HolderHidden {
    display: none;
}

.form-group {
    margin-bottom: 0.8rem;
}

label.control-label {
    font-family: 'Source Sans Pro', Helvetica, Arial, Lucida, sans-serif;
    font-size: 14px;
    color: #003767;
    font-weight: 400;
}

label.small-label {
    font-size: 16px;
    padding: 12px 0 0 1px;
    font-weight: 500;
    color: #003767;
    font-family: 'Sanuk', Helvetica, Arial, Lucida, sans-serif;
}

label.kdm-form-label {
    font-size: 18px;
    padding: 10px 0;
    font-weight: 500;
    color: #003767;
    font-family: 'Sanuk', Helvetica, Arial, Lucida, sans-serif;
}



p.message {
    font-size: 1rem;
    color: #fff;
    font-weight: bold;
    margin: 1rem 1rem 2rem 0;
    padding: 2rem;
}

p.message.good {
    background-color: #0063A6;
}

p.message.bad {
    background-color: #DF004C;
}

p.message.info {
    background-color: #8FA7BB;
}

p.help-block,
ul.parsley-errors-list.filled li {
    /* validation error */
    list-style: none;
    color: #DF004C;
    font-size: 0.8rem;
    margin: 0.5rem 0 0 0;
    padding: 0.5rem;
    font-weight: 400;
    background-color: #F5FAFF;
    border-radius: 5px;
    border: solid 1px #DF004C;
}

ul.parsley-errors-list.filled {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Home page */


h2.home_h2_light {
    font-family: 'Sanuk', Helvetica, Arial, Lucida, sans-serif;
    font-size: 65px;
    color: #FFFFFF !important;
    letter-spacing: 1px;
    text-align: left;
    line-height: 1.3em;
    font-weight: 500;
    text-shadow: 0 1px 2px rgba(0, 55, 103, 0.5);
}


h2.home_h2 {
    font-family: 'Sanuk', Helvetica, Arial, Lucida, sans-serif;
    font-size: 65px;
    color: #003767 !important;
    letter-spacing: 1px;
    text-align: left;
    line-height: 1.3em;
    font-weight: 500;
}

h6.home_h6 {
    font-family: 'Source Sans Pro', Helvetica, Arial, Lucida, sans-serif;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    color: #DF004C !important;
    letter-spacing: 2px;
    line-height: 1.5em;
    text-align: left;
}

h6.home_h6_light {
    font-family: 'Source Sans Pro', Helvetica, Arial, Lucida, sans-serif;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    color: #ffdfdf !important;
    letter-spacing: 2px;
    line-height: 1.5em;
    text-align: left !important;
}


p.home_p {
    line-height: 1.6em;
    text-align: left;
    padding-bottom: 0;
    color: #003767 !important;
}

.home_button {
    color: #FFFFFF !important;
    border-width: 0px !important;
    border-radius: 2px;
    letter-spacing: 1px;
    font-size: 16px;
    font-family: 'Source Sans Pro', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    background-color: #DF004C;
    padding-top: 10px !important;
    padding-right: 24px !important;
    padding-bottom: 10px !important;
    padding-left: 24px !important;
    margin-top: 30px !important;
    margin-bottom: 30px !important;
    display: inline-block;
}

a.home_ah {
    font-family: 'Sanuk', Helvetica, Arial, Lucida, sans-serif;
    font-size: 20px;
    color: #003767 !important;
    text-align: left;
    transition: color 300ms ease 0ms;
    text-decoration: none;
}


.home_section {
    background-size: cover;
    padding: 50px 0 80px 0;
    margin-bottom: 0;
    border-bottom: solid 1px #e1e7ec;
}

#home_section_1 {
    background-image: url('../images/tryton_v2.jpg') !important;
    color: rgb(255, 255, 255) !important;
    background-size: cover;
    padding: 160px 0 180px 0;
}

#home_section_3 {
    background-image: url('../images/bgs2.png') !important;
}

#home_section_2,
#home_section_5 {
    background-image: url('../images/bgs3.png') !important;
}

#home_section_4 {
    background-image: url('../images/bgs4.png') !important;
}




p.news-date {
    font-family: 'Source Sans Pro', Helvetica, Arial, Lucida, sans-serif;
    font-size: 14px;
    font-style: italic;
    color: #edf4fa !important;
}

p.news-prev {
    font-family: 'Source Sans Pro', Helvetica, Arial, Lucida, sans-serif;
    font-size: 14px;
    color: #edf4fa !important;
    text-align: left;
    line-height: 1.2em;
    font-weight: 400;
}

#HomeNewsBox {
    border: solid 1px #405668;
    background-color: #00376762;


    padding: 30px;
}

#home_section_1.home_section div.rc-rcbrand-container div.rc-rcbrand-inner div.rc-rcbrand-nav-left,
#home_section_1.home_section div.rc-rcbrand-container div.rc-rcbrand-inner div.rc-rcbrand-nav-right {
    display: none !important;
}

#HomeHighLights li {
    text-align: left;
}

#HomeHighLights li a.home_button {
    padding: 20px !important;
}





.toggleContainer>div>p {
    width: 100%;
    height: 90px;
    text-align: center;
    padding: 1rem !important;
    background-color: #ffffff;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease-in-out;
    border-radius: 0;
    border-bottom: solid 2px transparent;
}

.toggleContainer>div>p a {
    text-align: center;
    font-family: 'Sanuk', Helvetica, Arial, Lucida, sans-serif;
    font-size: 18px;
    padding: 3rem;
    display: block !important;
    color: #003767 !important;
}

.toggleContainer>div>p a:hover {
    text-decoration: none;
}

.toggleContainer>div>p:hover {
    transform: scale(1.03, 1.03);
    border-bottom: solid 2px #E02B20;
}

pre {
    box-sizing: border-box;
    max-width: 100%;
    font-size: 14px;
    background: rgb(255, 255, 255);
    padding: 20px !important;
    border-radius: 5px;
    line-height: 1.3em;
    margin: 12px 0px;
    font-family: Courier New, monospace;
    border: none;
    color: #003767 !important;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: pre;
    -webkit-overflow-scrolling: touch;
}
/* Code copy button for pre blocks */
pre.code-block {
    position: relative;
}

.code-block > code {
    display: block;
    padding-right: 2.75rem;
    overflow: visible;
}

.code-copy-btn {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    z-index: 2;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 6px;
    background: #ffffff;
    color: #222222;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

.code-copy-btn:hover {
    background: #f5f5f5;
    border-color: rgba(0, 0, 0, 0.2);
}

.code-copy-btn:active {
    transform: scale(0.96);
}

.code-copy-btn svg {
    width: 18px;
    height: 18px;
    fill: currentColor;
}

.code-copy-btn.is-copied::after {
    content: attr(data-copied);
    position: absolute;
    right: 0;
    bottom: calc(100% + 10px);
    z-index: 3;
    background: #ffffff;
    color: #111111;
    border: 1px solid rgba(0, 0, 0, 0.12);
    font-size: 12px;
    padding: 6px 8px;
    border-radius: 4px;
    white-space: nowrap;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}