@charset "utf-8";

@font-face {
    font-family: "RobotoCondensed";
    font-style: normal;
    font-weight: 700;
    src: local("RobotoCondensed-Bold"),
        url("../fonts/RobotoCondensed-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "RobotoCondensed";
    font-style: italic;
    font-weight: 700;
    src: local("RobotoCondensed-BoldItalic"),
        url(../fonts/RobotoCondensed-BoldItalic.ttf) format("truetype");
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    src: local("Roboto-Regular"),
        url(../fonts/Roboto-Regular.ttf) format("truetype");
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    src: local("Roboto-Bold"), url(../fonts/Roboto-Bold.ttf) format("truetype");
}

@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 400;
    src: local("Roboto-Italic"),
        url(../fonts/Roboto-Italic.ttf) format("truetype");
}

*,
*::before,
*::after {    
    -webkit-box-sizing: inherit;    
    box-sizing: inherit;
}

* {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

::-moz-focus-inner {
    border: 0;
    padding: 0;
}

@-ms-viewport {
    width: device-width;
}

/*!* Fix * Version 0.1.1 * https://github.com/jaydenseric/Fix */
html {    
    -webkit-box-sizing: border-box;    
    box-sizing: border-box;
    -ms-overflow-style: scrollbar;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;    
    -webkit-tap-highlight-color: transparent;
}

body {
    line-height: 1;
    font-family: sans-serif;
}

ul,
ol {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
}

li {
    display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: inherit;
}

blockquote {
    margin: 0;
    padding: 0;
}

p {
    margin-top: 0;
    margin-bottom: 0;
}

sup {
    position: relative;
    top: -0.5em;
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
}

strong {
    font-weight: bold;
}

figure {
    margin: 0;
}

img {
    border: 0;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

a {
    text-decoration: none;
    color: inherit;
}

button {
    border: 0;
    margin: 0;
    padding: 0;
    text-align: inherit;
    text-transform: inherit;
    font: inherit;
    -webkit-font-smoothing: inherit;
    letter-spacing: inherit;
    background: 0;
    cursor: pointer;
    overflow: visible;
}

.clearfix :after {
    content: " ";
    display: block;
    clear: both;
}

article,
div,
figure,
figcaption,
footer,
header,
html,
nav,
section {
    display: block;
}

html {
    overflow-y: scroll;
    background: #f8f7f5;
    font-size: 100%;
    font-size: 16px;
    font-size: 1em;
    line-height: 1.667;
    font-family: "Roboto", Roboto, sans-serif;
    font-weight: 400;
}

body {
    background-color: rgba(27, 93, 57, 1);
    min-height: 100vh;
}

body,
p,
span,
figcaption,
small,
.small {
    font-family: "Roboto", Roboto, sans-serif;
    font-style: normal;
    line-height: 1.667;
    font-weight: 400;
}

small,
.small {
    color: rgba(0, 0, 0, 0.75);
    font-size: 0.75em;
}

h1,
a h1,
a h2.h1 {
    font-family: "RobotoCondensed", "Roboto", sans-serif;
    line-height: 1.667;
    font-style: normal;
    font-weight: 700;
}

h2,
h3,
h4,
h5,
h6,
strong,
b,
.strong {
    font-family: "RobotoCondensed", "Roboto", sans-serif;
    line-height: 1.667;
    font-style: normal;
    font-weight: 700;
}

[hidden],
.hidden {
    display: none;
    visibility: hidden;
}

[rel~="nofollow"] {
    outline: 0 !important;
}

p {
    margin-bottom: 1em;
    display: inline-block;
}

.italic {
    font-style: italic;
}

a {
    color: #c22463;
    text-decoration: none;
}

a:hover,
a:focus {
    color: #62544b;
    text-decoration: none;
}

a:active,
a:visited {
    position: relative;
    color: #451108;
    text-decoration: none;
}

.color--his {
    color: #c94174;
    padding: 0.5rem 0 0;
}
.color--his:hover {
    color: #414;
}

.readmore {
    background-color: #881945;
    border: 1px solid #fffaff;
    border-radius: 0 0 1.25em 0;
    color: #fcffff;
    padding: 0.75rem;
    float: right;
    margin: 1.75rem 0 0 !important;
}

.readmore:hover {
    background-color: #ff3232;
}

.readmore-bottom > a {
    padding: 0.5rem;
    margin: 1rem 1rem 0;
    line-height: 0;
}

.readmore-home {
    background-color: #db889b;
    border: 1px solid #451108;
    border-radius: 0 0 1.25em 0;
    color: #340c06;
    font-size: 0.875em;
    padding: 0.25em 1em 0.5em;
    float: right;
    /*margin: -.125em .125em 1em;*/
    margin: 1.825rem -0.15rem -1rem 0;
    position: relative;
    z-index: 1000;
}

.readmore-home:hover {
    background-color: #451108;
    border: 1px solid #340c06;
    color: #9ed49b;
}

@media (max-width: 35.4375em) {
    .readmore-home {
        font-size: 0.875em;
        padding: 0.125em 0.75em;
    }
}

.category--color-0 {
    border: 1.5px solid rgba(194, 36, 99, 1);
    background-color: rgba(194, 36, 99, 0.9);
    color: #fff;
}

.category--bgh-color-1 {
    background-color: #821842;
}
nav > .category--color-0 {
    background-color: rgba(194, 36, 99, 1);
}

.category--color-1 {
    border: 1.5px solid rgba(27, 93, 57, 1);
    background-color: rgba(27, 93, 57, 0.9);
    color: #fff;
}

.category--bgh-color-1 {
    background-color: #14482c;
}

nav > .category--color-1 {
    background-color: rgba(27, 93, 57, 1);
}

.category--color-2 {
    border: 1.5px solid rgba(91, 74, 67, 1);
    background-color: rgba(91, 74, 67, 0.9);
    color: #fff;
}

nav > .category--color-2 {
    background-color: rgba(91, 74, 67, 1);
}

.category--bgh-color-2 {
    background-color: #473934;
}

.category--color-3 {
    border: 1.5px solid rgba(133, 83, 51, 1);
    background-color: rgba(133, 83, 51, 0.9);
    color: #fff;
}

.category--bgh-color-3 {
    background-color: #52331f;
}

nav > .category--color-3 {
    background-color: rgba(133, 83, 51, 1);
}

.category--color-4 {
    border: 1.5px solid rgba(0, 66, 133, 1);
    background-color: rgba(0, 66, 133, 0.9);
    color: #fff;
}

.category--bgh-color-4 {
    background-color: #012f5d;
}

nav > .category--color-4 {
    background-color: rgba(0, 66, 133, 1);
}

.category--color-5 {
    border: 1.5px solid rgba(230, 87, 29, 1);
    background-color: rgba(239, 57, 57, 0.9);
    color: #fff;
}

.category--bgh-color-5 {
    background-color: #852123;
}

nav > .category--color-5 {
    background-color: rgba(239, 57, 57, 1);
}

.category--color-6 {
    border: 1.5px solid rgba(97, 189, 138, 1);
    background-color: rgba(97, 189, 138, 0.9);
    color: #000;
}

.category--color-6 h2 {
    color: #000;
}

.category--bgh-color-6 {
    background-color: #2f5b44;
}

nav > .category--color-6 {
    background-color: rgba(97, 189, 138, 1);
}

.category--color-7 {
    border: 1.5px solid rgba(31, 165, 228, 1);
    background-color: rgba(31, 165, 228, 0.9);
    color: #fff;
}

.category--bgh-color-7 {
    background-color: #115a7d;
}

nav > .category--color-7 {
    background-color: rgba(31, 165, 228, 1);
}
nav > .category--color-bazapilkarska,
.category--color-bazapilkarska {
    background-color: rgba(251, 222, 24, 1);
}
.baza,
.bazapilkarska--nav {
    background-color: #fff779;
}
.category--color-baza-lista-a {
    background-color: rgb(250, 250, 220);
}
.category--color-8 {
    background-color: rgb(251, 250, 200);
}
.category--color-9 {
    background-color: rgb(251, 246, 171);
}
.category--color-10 {
    background-color: rgb(251, 236, 151);
}
.category--color-11 {
    background-color: rgb(251, 226, 131);
}
.category--color-12 {
    background-color: rgb(251, 216, 111);
}
.category--color-13 {
    background-color: rgb(251, 206, 101);
}
.category--color-adm-about{
    background-color: rgba(18, 30, 49, .25);
    margin-top: 1.5rem;
}
.category--color-adm-about-a{
    background-color: rgba(18, 30, 49, .3);
}
.color--pl {
    color: rgba(239, 57, 57, 0.75);
}
.baza--lista a .color--black {
    color: rgba(9, 7, 7, 1);
}
.baza--lista a:hover .color--black {
    color: rgba(255,255,255, 1);
}
.category--bgh-color-polityka {
    background-color: rgba(255, 254, 0, 0);
}

.category--color-polityka {
    border: 1.5px solid rgba(55, 54, 53, 0.25);
    background-color: rgba(255, 254, 0, 0.15);
    color: #000;
}

.category--color-polityka h1 {
    color: #7e8480;
}

figure {
    overflow: hidden;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
}

figure img {
    width: 100%;
    max-width: 100%;
    margin: .5rem;
    padding: 0;
    text-align: center;
}

a img {
    border: 0;
    margin: 0;
    padding: 0;
}
.foto-gallery {
    padding: 1.5rem;
}
figcaption,
a > figcaption {
    color: rgba(0, 0, 0, 0.85) !important;
    font-size: .875rem;
    text-align: center;
    margin: 0 0.5rem;
    padding: 0;
}
.foto-create figure {
    background-color: rgba(4, 3, 4, 0.15);
    border-radius: 1.25rem;
    border: 1px solid rgba(0, 0, 0, 0.33);
}
.justify {
    text-align: left;
}

hr,
.hr {
    border: 0;
    border-top: 1px solid #ccc;    
    -webkit-box-sizing: content-box;    
    box-sizing: content-box;
    clear: both;
    display: block;
    height: 3px;
    margin: 2px 0;
    padding: 1px 0 0;
}

img {
    clear: both;
    border: 0;
    border-radius: 0.125em;    
    -webkit-box-sizing: border-box;    
    box-sizing: border-box;
    display: block;
    max-height: 100%;
    margin: .25rem;
    padding: 0;
    max-width: 100%;
}
.text-2x {
    font-size: 150%;
    padding: 0 1rem;
}
.white{
    color: #fff;
}
.red {
    color: #ea205e;
}

.green {
    color: #1f5b39;
}

.blue-dark {
    color: #004181;
}

.blue {
    color: #1ba6e7;
}

em {
    font-size: 0.875em;
    font-style: italic;
    font-weight: 200;
}

.text-to-left {
    text-align: left !important;
}

.text-to-right {
    text-align: right !important;
}

.podpis-to-right {
    text-align: right !important;
    float: right;
    margin-right: 3rem;
    font-size: 1.0625em;
    font-weight: 600;
    color: #3e2f2a;
}

.border-bottom {
    border-bottom: 3px solid #3f5c9a;
    margin-bottom: 1em;
}

/*! * Eixample * Version 1.0.1 * A CSS flex grid made with love in Barcelona by Mobile Jazz. * mobilejazz.com * Licensed under the Apache License, Version 2.0 (the "License") * http://www.apache.org/licenses/LICENSE-2.0 * */
html,
body,
.container,
.row,
.column {      
    -webkit-box-sizing: border-box;      
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.container {
    background: #f5edd6;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    overflow: auto;
    text-align: center
}

.container.fluid {
    max-width: none;
}

.container.edge {
    padding-left: 0;
    padding-right: 0;
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.row:not(.gutter-remove) {
    margin-left: -0.9375em;
    margin-right: -0.9375em;
}
.row.gutter-remove {
    margin-left: 0;
    margin-right: 0;
}
.row.wrap-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.row.wrap-nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.row.wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
}

.row.direction-normal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.row.direction-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.row.direction-down {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.row.direction-up {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

.row.align-start {
    
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
}

.row.align-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.row.align-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.row.align-justify {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.row.align-equally {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.row.valign-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.row.valign-bottom {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.row.valign-middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.row.valign-baseline {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.row.valign-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.row.valign-wrapped-top {
    -ms-flex-line-pack: start;
    align-content: flex-start;
}

.row.valign-wrapped-bottom {
    -ms-flex-line-pack: end;
    align-content: flex-end;
}

.row.valign-wrapped-middle {
    -ms-flex-line-pack: center;
    align-content: center;
}

.row.valign-wrapped-stretch {
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.row.valign-wrapped-justify {
    -ms-flex-line-pack: justify;
    align-content: space-between;
}

.row.valign-wrapped-equally {
    -ms-flex-line-pack: distribute;
    align-content: space-around;
}

.column {
    min-width: 0;
    position: relative;
}

.column.valign-top {
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.column.valign-bottom {
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.column.valign-middle {
    -ms-flex-item-align: center;
    align-self: center;
}

.column.valign-baseline {
    -ms-flex-item-align: baseline;
    align-self: baseline;
}

.column.valign-stretch {
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

.column.xs-auto {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}

.column.justify-content-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.column.xs-1 {
    -ms-flex-preferred-size: 8.33333%;
    flex-basis: 8.33333%;
}
.column.xs-1-2 {
    -ms-flex-preferred-size: 14.2857%;
    flex-basis: 14.2857%;
}
.column.xs-2 {
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%;
}

.column.xs-20 {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
}

.column.xs-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
}

.column.xs-4 {
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
}

.column.xs-5 {
    -ms-flex-preferred-size: 41.66667%;
    flex-basis: 41.66667%;
}

.column.xs-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}

.column.xs-7 {
    -ms-flex-preferred-size: 58.33333%;
    flex-basis: 58.33333%;
}

.column.xs-8 {
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
}
.column.xs-80 {
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%;
}
.column.xs-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
}

.column.xs-10 {
    -ms-flex-preferred-size: 83.33333%;
    flex-basis: 83.33333%;
}

.column.xs-11 {
    -ms-flex-preferred-size: 91.66667%;
    flex-basis: 91.66667%;
}

.column.xs-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}



@media (min-width: 35.5em /*568px*/) {
    .column.sm-auto {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }

    .column.sm-1 {
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
    }

    .column.sm-1-2 {
        -ms-flex-preferred-size: 14.2857%;
        flex-basis: 14.2857%;
    }
    .column.sm-2 {
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
    }

    .column.sm-20 {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    }

    .column.sm-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    }
    .column.sm-192 {
        -ms-flex-preferred-size: 200px;
        flex-basis: 200px;
    }
    .column.sm-r192 {
        -ms-flex-preferred-size: calc(100% - 200px);
        flex-basis: calc(100% - 200px);
    }
    .column.sm-4 {
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
    }

    .column.sm-5 {
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
    }

    .column.sm-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }

    .column.sm-7 {
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
    }

    .column.sm-8 {
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
    }

    .column.sm-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    }

    .column.sm-10 {
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
    }

    .column.sm-11 {
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
    }

    .column.sm-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

@media (min-width: 56.25em /*900px*/) {
    .column.md-auto {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }

    .column.md-1 {
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
    }

    .column.md-1-2 {
        -ms-flex-preferred-size: 14.2857%;
        flex-basis: 14.2857%;
    }
    .column.md-2 {
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
    }

    .column.md-20 {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    }

    .column.md-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    }

    .column.md-4 {
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
    }

    .column.md-5 {
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
    }

    .column.md-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }

    .column.md-7 {
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
    }

    .column.md-8 {
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
    }

    .column.md-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    }

    .column.md-10 {
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
    }

    .column.md-11 {
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
    }

    .column.md-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

@media (min-width: 75em /*1200px*/) {
    .container {
        width: 64em
    }

    .column.lg-auto {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }

    .column.lg-1 {
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
    }

    .column.lg-1-2 {
        -ms-flex-preferred-size: 14.2857%;
        flex-basis: 14.2857%;
    }
    .column.lg-2 {
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
    }

    .column.lg-20 {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    }

    .column.lg-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    }

    .column.lg-4 {
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
    }

    .column.lg-5 {
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
    }

    .column.lg-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }

    .column.lg-7 {
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
    }

    .column.lg-8 {
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
    }

    .column.lg-80 {
        -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
    }

    .column.lg-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    }

    .column.lg-10 {
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
    }

    .column.lg-11 {
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
    }

    .column.lg-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

@media (min-width: 93.75em) {
    .column.xl-auto {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }

    .column.xl-1 {
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
    }

    .column.xl-1-2 {
        -ms-flex-preferred-size: 14.2857%;
        flex-basis: 14.2857%;
    }
    .column.xl-2 {
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
    }

    .column.xl-20 {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    }

    .column.xl-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    }

    .column.xl-4 {
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
    }

    .column.xl-5 {
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
    }

    .column.xl-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }

    .column.xl-7 {
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
    }

    .column.xl-8 {
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
    }

    .column.xl-80 {
        -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
    }

    .column.xl-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    }

    .column.xl-10 {
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
    }

    .column.xl-11 {
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
    }

    .column.xl-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

.row.gutter-remove .column {
    padding-left: 0;
    padding-right: 0;
}

.block-padding {
    padding-left: 1em;
    padding-right: 1em;
}

@media (max-width: 37.4375em) {
    .xs-hide {
        display: none;
    }
}

@media (min-width: 37.5em) and (max-width: 56.1875em) {
    .sm-hide {
        display: none;
    }
}

@media (min-width: 56.25em) and (max-width: 74.9375em) {
    .md-hide {
        display: none;
    }
}

@media (min-width: 85em) and (max-width: 93.6875em) {
    .lg-hide {
        display: none;
    }
}

@media (min-width: 93.75em) {
    .xl-hide {
        display: none;
    }
}

@media (min-width: 37.5em) {
    .xs-show {
        display: none;
    }
}

@media (max-width: 37.4375em) and (min-width: 75em) {
    .sm-show {
        display: none;
    }
}

@media (max-width: 56.1875em) and (min-width: 85em) {
    .md-show {
        display: none;
    }
}

@media (max-width: 74.9375em) and (min-width: 93.75em) {
    .lg-show {
        display: none;
    }
}

@media (max-width: 74.9375em) {
    .xl-show {
        display: none;
    }
}

.category-blog h1 {
    font-size: 1.75em;
}

h2,
a h2 {
    font-size: 1.0625em;
    line-height: 0.75;
    padding: 0 1em;
    text-align: left;
    margin: 0 auto;
}

h3,
a h3 {
    font-size: 1.125em;
    line-height: 1.25;
    padding: 0.75em 1em;
    text-align: left;
    margin: 0 auto;
}

h4 {
    font-size: 1.125em;
    padding: 0 1rem 0.5rem;
}

h4 > span {
    color: rgba(0, 0, 0, 0.75);
}

h5 {
    font-size: 1.1em;
}

h6 {
    font-size: 1em;
}

header {
    background-color: #f5edd6;
    padding: 0;
}

.header--historia {
    background-color: #000;
}
.header--bazapilkarska {
    background-color: transparent;
    z-index: 100;
}
.header--bazapilkarska-nav {
    background-color: #fff779;
}
.header--bazapilkarska-nav2 {
    background-color: #fbde18
}

header > a {
    display: inline-block;
    padding: 0;
    margin: 0;
}

a h1,
a h2.h1 {
    text-align: center;
    padding: 0;
    margin: 0 auto;
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1;
    width: 100%
}

a h1 span,
a h2.h1 span {
    margin: 0;
    padding: 0;
    text-align: left;
    display: inline-block;
    /*float: left;*/
}

@media (min-width: 767px) {
    a h1,
    a h2.h1 {
        font-size: 3.75em;
        line-height: 1.0625;
    }
}

@media (min-width: 567px) {
    a h1,
    a h2.h1 {
        font-size: 2.25em;
        line-height: 1.0625;
    }
}

h1,
h2.h1 {
    line-height: 1.0625 !important;
    text-shadow: 0.075rem 0.075rem 0.025rem #000;
    text-align: center;
    margin: 0 auto;
    padding: 0;
}

.header figure {
    padding: 0;
    /*margin: -2.5rem 0 0;*/
    z-index: 1;
}

.logo-img {
    border: 0;
    margin: 0;
    padding: 0 0 0 1rem;
    text-align: center;
}

nav {
    display: block;
}

.nav {
    background-color: #f5edd6;
    text-align: center;
    margin-top: 0.5em;
    padding: 1em 0 0;
}

.nav div {
    border-radius: 0;
    margin: 0;
}

.nav div.column {
    padding: 1.25em 0.25em;
}

@media (min-width: 35.5em) {
    .nav div {
        border-radius: 0.5em 2em 0 0;
        margin: 0;
    }
}

.nav .column a {
    margin: 0.75em auto 0;
    padding: 0;
    text-align: center;
    font-size: 1.25em;
    font-family: "RobotoCondensed", "Roboto", sans-serif;
    line-height: 1.25;
    font-style: normal;
    font-weight: 700;
    color: #fff !important;
    text-shadow: 0.05em 0.05em 0.025em rgba(0, 0, 0, 0.75);
}

@media (min-width: 56.25em) {
    a,
    nav a:link,
    nav a:hover,
    nav a:focus {
        padding: 0 !important;
        font-size: 0.9625em !important;
    }
}

@media (min-width: 93.75em) {
    a,
    nav a:link,
    nav a:hover,
    nav a:focus {
        font-size: 1.0625em !important;
    }
}

.content-home {
    display: block;
    width: 100%;
    margin: 0 auto;
}

article {
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 3rem 0 1rem !important;
    padding: 0;
}

@media (min-width: 74.9375em) {
    article {
        margin: 3rem 0 0 0 !important;
    }

    article.baza--art {
        margin-right: 0 !important;
    }
}
article .infotag{
    background-color: rgb(201, 65, 116);
    color: rgb(255,255,255);
    font-size: 1.1rem;
    font-style: italic;
}
article .infotag strong{
    color: rgb(255, 255, 127);
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 500;
    margin: 0 1.5rem
}
article header {
    border-radius: 0 2.5rem 0 0;
    color: #fff;
    margin: 0;
    padding: 0;
    text-align: left;
}

.category-header {
    border-bottom: 1px solid #eae2c5;
    color: #fff;
    font-size: 1.25em;
    padding: 0.5em;
    margin-bottom: 1em;
}

.category-blog a {
    color: #fff;
}

a.category-blog:hover {
    color: #ff0;
}

.category-blog h2,
article header h2,
article header h3 {
    color: #fff;
    display: inline-block;
    margin: 1em 0;
    padding: 0 1em;
    text-align: left;
    text-transform: uppercase;
    line-height: 1.25;
}
.baza--art header h3 strong {
    color: rgb(255, 65, 68);
    display: inline-block;
    font-size: 2.5rem;
    margin: .25em 0;
    padding: 0 3em 0 .5em;
    text-align: left;
    text-transform: none;
    line-height: 1.25;
}
.article-r {
    margin-right: 1rem;
}

.article--data {
    color: #fff;
    display: inline-block;
    font-weight: 400;
    margin: 0.25em auto;
    padding: 0 2em;
    font-size: 0.75em !important;
}

@media screen and (max-width: 47.9375em) {
    .article--data {
        padding: 0 0.25em;
    }
}

article ul,
article ol {
    background: #fff !important;
    display: block;
    float: left;
    list-style: none;
    margin: 0 auto;
    padding: 0.5rem 1.5em;
}

article ul li,
article ol li {
    display: block;
    float: left;
    font-size: 0.9375rem;
    font-weight: 300;
    line-height: 1.4375em !important;
    margin: 0 auto 0 1.5rem;
    padding: 0;
    width: 100%;
}

article ul li {
    list-style: circle;
}

.article--historia-book ol,
.article--historia-book ul {
    background: transparent !important;
}

article figure {
    padding: 0;
    margin: 0 .25rem;
}

article figure img {
    display: block;
    margin: .5rem;
    padding: .5rem;
    max-width: 99%;
}
.img-glowka{
    max-width: 192px !important;
    max-height: 240px;
}
.img-sylwetka{
    max-width: 194px !important;
    max-height: 485px !important;
}
.img-druzyna{
    max-width: 320px !important;
    max-height: 212px;
}
/*
***** bazapilkarska ******************************
*/

.baza--art {
    margin: 0;
    padding: 0;
    width: 100%;
}
.baza--art-about .opis > p {
    text-indent: 1.5rem;
    padding: 0.5rem 2em;
}
.baza--art-about header,
.baza--art header {
    background-color: #fff779;
    padding: 1rem;
    line-height: 1.25;
    width: 100%;
}
.baza--art-header {
    border-bottom: 1px solid #949ca2;
    border-top: 1px solid #949ca2;
    background-color: #fcfcfc;
    padding: 0.5rem;
    line-height: 0.75;
    width: 100%;
}
.baza--art-about h3,
.baza--art h3 {
    color: rgb(201, 65, 116);
    font-size: 1.75rem;
    margin: 0.75em 1em 0.5em;
}

.baza--img {
    padding: 2%;
    width: 96%;
}

.baza--tagi {
    background-color: rgba(251, 222, 24, 1);
    color: rgba(55, 55, 55, 1);
    font-size: 0.875em;
}

.baza--lista-a {
    padding: 1rem;
    line-height: 1.25;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.baza--lista-a a {
    -ms-flex-item-align: center;
    align-self: center;
    border: 0.0125rem solid #949ca2;
    border-radius: 0.5rem;
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 3.33%;
    flex: 0 1 3.33%;
    font-weight: 700;
    line-height: 1.75;
}

@media (max-width: 40em /*640px*/) {
    .baza--lista-a a {
        min-height: 2.5em;
        min-width: 3em;
    }
}
.alista{
    margin: 0 1rem
}
a.alista:hover,
.baza--lista-a a:hover {
    background-color: #000 !important;
    color: #fff;
    display: block;
}

.baza--tagi a {
    padding: 0 1rem;
}
.baza--lista {
    text-align: left;
    margin: .25rem 2.5rem;
    padding: 0 1rem;
    background-color: rgba(235, 255, 240, .75);
}

.baza--lista img{
    margin: .5rem;
}
article .opis {
    display: inline-block;
    text-align: left !important;
    padding: 2em;
    width: 100%;
}

article .opis > p {
    padding: 2em;
}
.image-link-glowka img{
    max-width: 192px !important;
}
.historia,
.historia--nav {
    background-color: #040609;
}

.ksiazki--nav {
    background-color: #cbbba0;
}

.autorzy--nav {
    background-color: #000;
}

.blog--nav {
    background-color: rgba(194, 36, 99, 0.85);
}

.sklep--nav {
    background: rgba(239, 152, 71, 0.35);
}
.header--bazapilkarska-nav{
    padding: 2.5rem 0 2.5rem;
}
a.header--bazapilkarska-nav {
    color: #a32e39;
    font-weight: 700;
    padding: 0;
}
.header--bazapilkarska-nav2 a {
    color: #a32e39;
    font-weight: 700;
    padding: 0 1em;
    display: inline-block;
    width: 100%;
}
.header--bazapilkarska-nav2 a:hover{
    color: #fff;
    background-color: #000;
}

.header--bazapilkarska-adm {
    background-color: rgba(251, 222, 24, 1);
    color: #a32e39;
    padding: 0 1em;
}
a.historia--nav,
a.blog--nav {
    color: #fff !important;
    font-size: 1.5em;
    font-weight: 700;
    line-height: 2.5;
}

a.sklep--nav{
    color:#c94174;
    font-size: 1.5em;
    font-weight: 700;
    line-height: 2.5;
}


a.blog--nav:hover {
    background-color: rgba(255,255,255,1);
    color: rgba(201, 65, 116, 1) !important;
}
a.historia--nav:hover{
    background-color: rgba(255,255,255,1);
    color: #451108 !important;
}
a.sklep--nav:hover{
    background-color: rgba(255,255,255,1);
    color: rgba(126, 75, 50, 1) !important;
}
.article--historia {
    background-color: #505356;
    padding: 1rem;
}

@media (min-width: 35.5em) {
    a.blog--nav,
    a.sklep--nav{
        padding: 0.75em 1.5em;
    }
}

.sorry {
    padding: 1.5em 0 3em;
    font-size: 1.25em;
    line-height: 3em;
}

.sklep {
    background-color: rgb(244, 208, 164);
}
.patronat {
    background: #fff;
    border-top: 12px solid rgba(23, 64, 9, 0.85);
    border-bottom: 12px solid rgba(23, 64, 9, 0.85);
}

.patronat strong {
    color: #174009;
    font-size: 1.75em;
    font-weight: 500;
    padding: 0 0.5em;
    word-spacing: 0.375em;
    letter-spacing: 0.0375em;
    text-shadow: 0.0125em 0.0125em 0.0125em rgba(50, 50, 50, 1);
}

.patronat figure {
    margin: 8% 12% 4%;
    width: 75% !important;
}

.polityka {
    background-color: #fff;
    padding: 1em;
}

.polityka header {
    background-color: #56092a;
}

.polityka .opis {
    color: #191919;
    margin: 0.5em 2em;
}

.about {
    background: #c5af8b;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    font-weight: 300;
}

.about h4 {
    text-align: left;
    padding: 1.5em 2.5em 0;
}

.about .opis {
    text-align: left;
    padding: 1em 2.5em;
}

.kontakt {
    background: #b8a482;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    font-weight: 500;
    color: #174009;
}

.kontakt fieldset {
    border-radius: 1em;
    margin: 1em;
    padding: 1em;
}

.kontakt legend {
    font-size: 1.125em;
    font-weight: 700;
    padding: 0 1em;
}

.mail,
.phone {
    min-height: 3em;
}

.footer {
    background: #5b4a43;
    border-top: 4px solid rgba(0, 0, 0, 0.95);
    color: #fff;
    font-weight: 300;
    letter-spacing: 0.15em;
    line-height: 2em;
    margin: 1em auto;
    padding: 0;
    text-align: center;
    text-shadow: 1px 1px 1px #000;
}

.copyright strong {
    color: #71ba8f;
}

.footer small {
    color: #fff !important;
    letter-spacing: -0.025em;
}

.facet img,
.swirgol img {
    text-align: center;
    padding: 0 1em;
    margin: 0 auto;
}

.link-p {
    color: #71ba8f;
    padding: 0 2rem !important;
}

.link-p:hover {
    color: #fc2378;
}

.cookie {
    color: #fff;
    font-size: 0.75rem;
    margin: 0 auto;
    padding: 0 0.5rem;
    text-align: center;
    text-shadow: none;
}

#och a,
.cookie a {
    color: #71ba8f;
    font-size: 1rem;
    padding: 0 1rem;
    text-shadow: none;
}

#och a:hover,
.cookie a:hover {
    color: #fc2378;
}

#och {
    font-size: 0.75rem;
    font-weight: 300;
    padding: 0 0.125rem;
    text-shadow: none;
}

.login-page {
    margin: 3rem auto 0;
    width: 50vw;
    text-align: center;
}
.login-box {
    color: #fff;
}
.login-box input {
    margin: 3rem auto;
    max-width: 50%;
}
.red-bg {
    border: 1px solid rgb(110, 110, 110);
    background-color: rgb(236, 92, 91);
    color: rgb(255, 255, 255);
    padding: 0.25em 0.5em;
    border-radius: 1em;
}
.red-delete {
    background-color: rgb(239, 57, 57);
    color: rgb(255, 255, 255) !important;
    padding: 0.25em 0.5em;
    border: 1px solid rgba(0, 0, 0, 0.75);
    border-radius: 1em;
}
.red-delete:hover {
    background-color: rgb(171, 15, 39);
}
.green-bg {
    border: 1px solid rgb(110, 110, 110);
    background-color: rgb(170, 221, 34);
    color: rgb(55, 55, 55);
    padding: 0.25em 0.5em;
    border-radius: 1em;
}
.ask {
    background: rgb(215, 18, 49);
}
a.ask {
    padding: 0.25em 0.625em !important;
    min-width: 1em;
    font-weight: 700;
}

.question {
    position: absolute;
    display: inline;
    text-align: center;
    width: 174px;
    height: 78px;
    font-size: 13px;
    line-height: 1.5em;
    background: url(../images/bubble.svg) no-repeat;
    padding: 10px 0 0 0;
    /*text-shadow: 0px 1px 0px #fff;*/
    margin-left: -14em;
    margin-top: -6em;
    opacity: 0;
}

.yes {
    margin-top: 0.5em;
    margin-right: 0.5em;
    cursor: pointer;
    display: inline-block;
    width: 63px;
    height: 21px;
    color: #000;
    text-shadow: 0px 1px 0px #fff;
    font-weight: 900;
    /*background: url(../images/buttony.png) left top no-repeat;*/
}
.cancel {
    margin-top: 0.5em;
    margin-right: 0.5em;
    cursor: pointer;
    display: inline-block;
    width: 63px;
    height: 21px;
    color: #fff;
    text-shadow: 0px 1px 0px #000;
    font-weight: 900;
    /*background: url(../images/buttonn.png) left top no-repeat;*/
}
.yes:hover {
    color: #fff;
    background-color: #f00;
    text-shadow: 0px 1px 0px #000;


}
.cancel:hover {
    background-color: #55ff00;
    color: #000;
}

button{
    border: 1px solid rgb(0, 0, 0);
    background-color: rgb(254, 167, 15);
    border-radius: 1rem;
    color: rgb(0, 0, 0);
    padding: 0 1rem;
    font-weight: 700;
    width: 100%
}

button:hover {
    border: 1px solid rgba(0, 0, 0, 0.5);
    background-color: rgb(254, 254, 254);
    color: rgb(0, 0, 0);
    -webkit-box-shadow: inset 0.25em 0.25em 0.125em 0 rgba(0, 0, 0, 0.5);
    box-shadow: inset 0.25em 0.25em 0.125em 0 rgba(0, 0, 0, 0.5);
    background-color: rgba(87, 141, 37, 0.85);
}
input {
    display: table;
    width: 98%;
    margin: 0em 1%;
    padding: 0em;
}
input.tekst {
    padding: 0em;
}
textarea {
    display: table;
    width: 100%;
    margin: 0.5rem 0em;
    padding: 0 1em;
}
.inline span,
.inline input {
    display: block;
    float: left;
}
.form_wrapper {
    background-color: inherit;
}
.form_wrapper input[type=text]{    
    font-size: 16px !important;    
    width: 100%;
}


.form_wrapper input {
    display: block;
    border: 1px solid rgba(44, 143, 232, .5);
    border-radius: .5rem;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 5%, 0 0;
    background-size: .65em auto, 100%;
    padding: .25rem .5rem
}
.error span{
    display: block;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    padding: .125rem .5rem;
    background-color: rgb(255,0,0);
    color:rgb(255,255,255);
    font-weight: 700
}
.admin.container{
    width: 98%;
}
.admin header{
    background-color: rgba(49, 54, 59, .125)
}
.admin nav {
    background-color: rgba(49, 54, 59, .125);
    color: #fff;
}

.admin nav ul{
    background-color: rgba(49, 54, 59, .75);
    color: #fff;
    font-weight: 500;
    font-size: 1.125rem
}
.admin nav ul:nth-child(odd){
    background-color: rgba(49, 54, 59, .25);
    color: #fff;
}
.admin nav ul li a{
    color: #fff;
    font-size: 1rem
}
.admin nav ul li a:hover{
    color: rgba(21, 22, 24, 1);
}
.admin .bazapilkarska{
    margin: 3rem auto 1rem;
}
.admin .header--bazapilkarska-nav2{
    margin: -3rem auto 1rem;
}
.grupa{
    -ms-flex-item-align: center;
    align-self: center;
}

#table figure img {
    width: 65px;
    max-width: 95px;
    margin: 0 auto;
    padding: 0.05em;
    text-align: center;
}
#table td{
    text-align: left
}
#table td.center{
    text-align: center;
    margin: 0 auto
}

#table .category--color-7 {
    background-color: rgba(31, 165, 228, .25);
}

#table .category--color-bazapilkarska {
    background-color: rgba(251, 222, 24, .25)
}

/*! Magnific Popup CSS */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    /*-webkit-backface-visibility: hidden*/
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;    
    -webkit-box-sizing: border-box;    
    box-sizing: border-box;
}

.mfp-container:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}

.mfp-preloader a {
    color: #ccc;
}

.mfp-preloader a:hover {
    color: #fff;
}

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
}

.mfp-close:hover,
.mfp-close:focus {
    opacity: 1;
}

.mfp-close:active {
    top: 1px;
}

.mfp-close-btn-in .mfp-close {
    color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
    margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent;
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7;
}

.mfp-arrow-left {
    left: 0;
}

.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px;
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
    right: 0;
}

.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px;
}

.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
    top: -40px;
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000;
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;         
    -webkit-box-sizing: border-box;         
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}

.mfp-figure {
    line-height: 0;
}

.mfp-figure:after {
    content: "";
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444;
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px;
}

.mfp-figure figure {
    margin: 0;
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;                                           
        -webkit-box-sizing: border-box;                                           
        box-sizing: border-box;
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0;
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}

@media screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;      
        -webkit-box-sizing: border-box;      
        box-sizing: border-box;
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0;
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }
}