@charset "CP852";
@-ms-viewport {
    width: device-width
}
@-o-viewport {
    width: device-width
}
@viewport {
    width: device-width
}
::selection {
    background: #293935;
    color: #fff
}
::-moz-selection {
    background: #293935;
    color: #fff
}
body {
    background: #F8F8F8;
    font-family: brandon_grotesquemedium, Helvetica, Arial, sans-serif;
    color: #333;
    padding: 0;
    font-size: 17px
}
h1,
h2,
h3 {
    font-weight: 400
}
.absolute {
    position: absolute
}
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
body {
    margin: 0
}
.choise>.left {
    float: left;
    padding-left: 20px
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}
audio:not([controls]) {
    display: none;
    height: 0
}
[hidden],
template {
    display: none
}
a {
    background: 0 0
}
a:active,
a:hover {
    outline: 0
}
abbr[title] {
    border-bottom: 1px dotted
}
b,
strong {
    font-weight: 700
}
dfn {
    font-style: italic
}
h1 {
    font-size: 2em;
    margin: 0
}
mark {
    background: #ff0;
    color: #000
}
small {
    font-size: 80%
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sup {
    top: -.5em
}
sub {
    bottom: -.25em
}
img {
    border: 0;
    font-size: 0
}
svg:not(:root) {
    overflow: hidden
}
figure {
    margin: 1em 40px
}
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}
pre {
    overflow: auto
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}
button {
    overflow: visible
}
button,
select {
    text-transform: none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}
button[disabled],
html input[disabled] {
    cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}
input {
    line-height: normal
}
input[type=checkbox],
input[type=radio] {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}
input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=date] {
    -webkit-appearance: none
}
fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}
legend {
    border: 0;
    padding: 0
}
textarea {
    overflow: auto
}
optgroup {
    font-weight: 700
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
td,
th {
    padding: 0
}
@font-face {
    font-family: brandon_grotesquebold;
    src: url(http://mnk.pl/styles/fonts/brandon_bld-webfont.eot);
    src: url(http://mnk.pl/styles/fonts/brandon_bld-webfont.eot?#iefix) format("embedded-opentype"), url(http://mnk.pl/styles/fonts/brandon_bld-webfont.woff) format("woff"), url(http://mnk.pl/styles/fonts/brandon_bld-webfont.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: brandon_grotesquemedium;
    src: url(http://mnk.pl/styles/fonts/brandon_med-webfont.eot);
    src: url(http://mnk.pl/styles/fonts/brandon_med-webfont.eot?#iefix) format("embedded-opentype"), url(http://mnk.pl/styles/fonts/brandon_med-webfont.woff) format("woff"), url(http://mnk.pl/styles/fonts/brandon_med-webfont.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: brandon_grotesquelight;
    src: url(http://mnk.pl/styles/fonts/brandon_light-webfont.eot);
    src: url(http://mnk.pl/styles/fonts/brandon_light-webfont.eot?#iefix) format("embedded-opentype"), url(http://mnk.pl/styles/fonts/brandon_light-webfont.woff) format("woff"), url(http://mnk.pl/styles/fonts/brandon_light-webfont.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: brandon_grotesqueregular;
    src: url(http://mnk.pl/styles/fonts/brandon_reg-webfont.eot);
    src: url(http://mnk.pl/styles/fonts/brandon_reg-webfont.eot?#iefix) format("embedded-opentype"), url(http://mnk.pl/styles/fonts/brandon_reg-webfont.woff) format("woff"), url(http://mnk.pl/styles/fonts/brandon_reg-webfont.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: brandon_grotesquethin;
    src: url(http://mnk.pl/styles/fonts/brandon_thin-webfont.eot);
    src: url(http://mnk.pl/styles/fonts/brandon_thin-webfont.eot?#iefix) format("embedded-opentype"), url(http://mnk.pl/styles/fonts/brandon_thin-webfont.woff) format("woff"), url(http://mnk.pl/styles/fonts/brandon_thin-webfont.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: brandon_grotesqueMdIt;
    src: url(http://mnk.pl/styles/fonts/brandon_med_it-webfont.eot);
    src: url(http://mnk.pl/styles/fonts/brandon_med_it-webfont.eot?#iefix) format('embedded-opentype'), url(http://mnk.pl/styles/fonts/brandon_med_it-webfont.woff2) format('woff2'), url(http://mnk.pl/styles/fonts/brandon_med_it-webfont.woff) format('woff'), url(http://mnk.pl/styles/fonts/brandon_med_it-webfont.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: brandon_grotesqueRgIt;
    src: url(http://mnk.pl/styles/fonts/brandon_reg_it-webfont.eot);
    src: url(http://mnk.pl/styles/fonts/brandon_reg_it-webfont.eot?#iefix) format('embedded-opentype'), url(http://mnk.pl/styles/fonts/brandon_reg_it-webfont.woff2) format('woff2'), url(http://mnk.pl/styles/fonts/brandon_reg_it-webfont.woff) format('woff'), url(http://mnk.pl/styles/fonts/brandon_reg_it-webfont.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}
em {
    font-family: brandon_grotesqueRgIt;
    font-style: normal
}
strong {
    font-weight: 400;
    font-family: brandon_grotesquemedium
}
.lead em {
    font-family: brandon_grotesqueMdIt
}
body {
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto
}
body.full {
    overflow: hidden
}
@media (small: 0) {
    body.full {
        overflow: auto
    }
}
.container {
    margin: 0 auto;
    transition: max-width .3s ease-in-out
}
.content-column {
    float: left;
    padding: 0 0 0 20px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}
.content.page-content {
    position: relative
}
@media (max-width: 1365px) {
    .content-column {
        padding: 20px
    }
}
.text.page-text {
    font-family: brandon_grotesqueregular
}
.detail.page-text {
    padding: 20px
}
.page-text .title {
    text-transform: uppercase;
    margin-top: 6px
}
.page-text a {
    color: #678780;
    text-decoration: none
}
.column75 {
    width: 78.5%
}
.column25 {
    width: 21.5%
}
.container {
    width: 1366px;
    background-color: #fff;
    background-image: url(../images/background/shadow.png);
    background-repeat: no-repeat;
    background-position: top
}
@media (max-width: 1384px) {
    .container {
        width: 100%
    }
}
.container.main {
    background-image: none;
    width: 100%;
    margin: 0 auto
}
.twin,
footer,
header {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.twin {
    width: 50%;
    float: left
}
.triplet {
    width: 33.333%
}
.left {
    float: left
}
.right {
    float: right
}
.center_remain {
    text-align: center;
    overflow: hidden
}
@media (max-width: 766px) {
    .center_remain {
        display: none
    }
    .fluid-copies span {
        margin-left: 0!important
    }
}
@media (small: 0) {
    .center_remain {
        display: none
    }
}
body.image_background {
    background-attachment: fixed;
    background-position: right
}
#background_overlay {
    background: rgba(255, 255, 255, .2)
}
.full footer {
    border-top-style: none
}
footer {
    clear: both;
    height: 40px;
    color: #7f7f7f;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    width: 1366px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    line-height: 38px;
    padding: 0 20px;
    border: 1px solid #d9d9d9;
    background: rgba(255, 255, 255, .87)
}
@media (max-width: 766px) {
    footer {
        line-height: 9px
    }
}
@media (small: 0) {
    footer {
        line-height: 9px
    }
}
@media (max-width: 1364px) {
    footer {
        width: 100%;
        left: 0;
        margin-left: 0
    }
}
footer .content {
    margin: 0 auto
}
footer .divider {
    width: 100%;
    height: 1px;
    background: #e7e7e7
}
footer .text {
    display: inline-block;
    text-decoration: none;
    vertical-align: middle
}
@media (max-width: 766px) {
    footer .text {
        font-size: 7px;
        line-height: 10px
    }
}
@media (small: 0) {
    footer .text {
        font-size: 7px;
        line-height: 10px
    }
}
footer .right .text {
    margin-right: 17px
}
footer .right .text:last-child {
    margin-right: 0
}
@media screen and (max-width: 1315px) {
    footer .right .text {
        margin-right: 15px
    }
}
footer a {
    color: #000
}
.event-content picture {
    float: left
}
footer .block-link {
    height: 32px;
    line-height: 41px;
    float: none;
    padding-left: 6px;
    padding-right: 6px;
    margin-right: 29px
}
@media (max-width: 1364px) {
    footer .block-link {
        padding-left: 0
    }
}
footer .block-link .arr:after {
    width: 7px;
    height: 7px;
    background: 0 0;
    right: -10px;
    top: 7px
}
footer .block-link:hover .arr:after {
    border-color: #6adabd
}
footer .footer-partner {
    text-align: center;
    width: 100%;
    margin-top: 12px;
    margin-bottom: 9px
}
footer .footer-partner a {
    text-decoration: none
}
footer .footer-partner a,
footer .footer-partner h3,
footer .footer-partner img,
footer .footer-partner span {
    display: inline-block;
    vertical-align: middle
}
footer .footer-partner h3 {
    font-size: .7647em;
    line-height: 16px;
    margin: 0
}
footer .footer-partner img {
    height: 18px
}
footer .footer-partner .text.divider {
    margin: 0 7px;
    height: 15px
}
@media (max-width: 766px) {
    footer .footer-partner {
        display: block!important
    }
}
@media (small: 0) {
    footer .footer-partner {
        display: block!important
    }
}
.fluid-copies {
    display: none
}
.fluid-copies span a {
    text-decoration: none;
    color: #7f7f7f
}
@media (max-width: 766px) {
    footer {
        height: 78px;
        background: #fff
    }
    footer .left {
        display: none
    }
    footer .center_remain {
        float: left;
        text-align: left;
        margin-top: 8px
    }
    footer .block-link {
        height: 13px;
        line-height: 13px
    }
    footer .center_remain,
    footer .right {
        width: 50%
    }
    .fluid-copies {
        display: block!important;
        width: auto;
        clear: both;
        text-align: center;
        line-height: 17px
    }
    .fluid-copies span {
        margin-left: 20px
    }
}
@media (small: 0) {
    footer {
        height: 78px;
        background: #fff
    }
    footer .left {
        display: none
    }
    footer .center_remain {
        float: left;
        text-align: left;
        margin-top: 8px
    }
    footer .block-link {
        height: 13px;
        line-height: 13px
    }
    footer .center_remain,
    footer .right {
        width: 50%
    }
    .fluid-copies {
        display: block!important;
        width: 100%;
        clear: both;
        text-align: center;
        line-height: 17px
    }
    .fluid-copies span {
        margin-left: 20px
    }
}
@media (max-width: 766px) {
    footer .left {
        width: 100%;
        text-align: center
    }
    footer .right {
        float: none;
        width: 100%;
        text-align: center
    }
}
@media (small: 0) {
    footer .left {
        width: 100%;
        text-align: center
    }
    footer .right {
        float: none;
        width: 100%;
        text-align: center
    }
}
.full footer {
    z-index: 300;
    bottom: 0;
    margin: 0;
    position: absolute;
    left: 0;
    right: 0
}
@media (min-width: 1365px) {
    .full footer {
        left: 50%;
        margin-left: -683px
    }
}
@media (max-width: 766px) {
    .full footer {
        bottom: -67px;
        height: 67px;
        overflow: hidden
    }
}
@media (small: 0) {
    .full footer {
        bottom: -67px;
        height: 67px;
        overflow: hidden
    }
}
.text-right {
    text-align: right
}
#slider-main {
    clear: both;
    margin: 0;
    width: 100%;
    transition: height .3s
}
#main-banner {
    margin-bottom: 20px
}
@media (min-width: 1365px) {
    #slider-main .content {
        position: absolute;
        bottom: 70px;
        left: 50%;
        margin-left: -683px
    }
}
#slider-main>a {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    text-decoration: none;
    background-position: center
}
#slider-main {
    height: 100vh
}
#slider-main>a {
    display: none
}
.slider-title {
    position: absolute;
    z-index: 900;
    color: #fff;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 34px;
    left: 39px;
    bottom: 167px
}
@media (max-width: 766px) {
    .slider-title {
        bottom: 70px;
        left: 19px
    }
}
@media (max-width: 766px) and (max-height: 310px) {
    .slider-title {
        bottom: 36px
    }
}
@media (small: 0) {
    .slider-title {
        bottom: 70px;
        left: 19px
    }
}
@media (min-width: 767px) {
    .slider-title {
        padding-bottom: 70px;
        width: 70%;
        left: 50px;
        bottom: 74px
    }
    .home #main-item-3 .main-item-inner>.dashboard-menu {
        width: 241px;
        left: -629px
    }
}
@media (min-width: 1365px) {
    .slider-title {
        left: 22px;
        bottom: 5px
    }
}
.slider-extra.empty {
    background: 0 0
}
.slider-event,
.slider-header {
    background: rgba(32, 37, 40, .75);
    width: auto;
    text-transform: uppercase;
    display: block
}
.slider-event,
.slider-extra,
.slider-header {
    float: left;
    clear: both;
    padding: 2px 20px
}
.slider-event {
    font-size: 20px;
    line-height: 34px;
    padding: 0;
    box-shadow: 20px 0 0 rgba(32, 37, 40, .75), -20px 0 0 rgba(32, 37, 40, .75)
}
@media screen and (min-width: 767px) {
    .slider-event {
        height: 34px;
        box-sizing: border-box;
        letter-spacing: .07rem;
        padding-top: 2px
    }
}
@media (max-width: 766px) {
    .slider-event {
        font-size: .764em;
        line-height: 34px;
        box-shadow: 9px 0 0 rgba(32, 37, 40, .75), -9px 0 0 rgba(32, 37, 40, .75);
        display: inline
    }
}
@media (small: 0) {
    .slider-event {
        font-size: .764em;
        line-height: 34px;
        box-shadow: 9px 0 0 rgba(32, 37, 40, .75), -9px 0 0 rgba(32, 37, 40, .75);
        display: inline
    }
}
.slider-data {
    height: 34px;
    position: absolute;
    top: 0
}
.slider-data .mobile-date {
    background: #fff;
    display: inline-block;
    padding: 0 10px;
    color: #000;
    font-size: .764em;
    line-height: 34px;
    margin-left: 9px
}
@media (max-width: 766px) {
    .slider-data {
        left: 0
    }
    .container.main {
        overflow: hidden
    }
}
@media (small: 0) {
    .slider-data {
        left: 0
    }
}
.slider-header {
    font-size: 50px;
    line-height: inherit;
    box-shadow: 20px 0 0 rgba(32, 37, 40, .75), -20px 0 0 rgba(32, 37, 40, .75);
    padding: 0;
    display: inline;
    float: none;
    -ms-box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone
}
@media (max-width: 1384px) {
    .slider-header {
        font-size: 40px
    }
}
@media (max-width: 766px) {
    .slider-header {
        font-size: 1.294em;
        box-shadow: 9px 0 0 rgba(32, 37, 40, .75), -9px 0 0 rgba(32, 37, 40, .75)
    }
}
@media (small: 0) {
    .slider-header {
        font-size: 1.294em;
        box-shadow: 9px 0 0 rgba(32, 37, 40, .75), -9px 0 0 rgba(32, 37, 40, .75)
    }
}
.slider-header.line-1 {
    padding-bottom: 0;
    line-height: 45px
}
.slider-extra {
    background: rgba(255, 255, 255, .75);
    color: #000;
    display: block;
    padding: 10px 40px 10px 20px;
    min-height: 50px;
    position: absolute;
    bottom: 0;
    left: -20px;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
@media (max-width: 766px) {
    .slider-extra {
        left: -10px
    }
}
@media (small: 0) {
    .slider-extra {
        left: -10px
    }
}
.slider-extra .right {
    padding: 10px 20px;
    white-space: nowrap;
    width: 64%
}
.slider-extra .left {
    max-width: 110px;
    width: 36%;
    box-sizing: border-box;
    padding-left: 5px
}
.slider-extra .left,
.slider-extra .right {
    height: 50px;
    padding-top: 10px
}
.slider-extra.one-child {
    padding-right: 25px
}
.slider-extra.one-child .left,
.slider-extra.one-child .right {
    width: 100%;
    max-width: 250px;
    border-style: none
}
.slider-extra.one-child .right {
    max-width: none
}
.slider-extra.one-child .left br,
.slider-extra.one-child .right br {
    display: none
}
.slider-extra.one-child .left,
.slider-extra.one-child .right {
    padding-top: 21px
}
.slider-extra .left {
    border-right: 1px solid #999;
    font-size: 20px
}
.slider-extra .left span {
    display: block;
    line-height: 19px;
    margin-top: -4px
}
.cycle-pager {
    display: block;
    color: #fff;
    height: 10px;
    position: absolute;
    bottom: 116px;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    z-index: 600
}
.cycle-pager .pagitem {
    height: 10px;
    width: 10px;
    border: 1px solid #fff;
    display: inline-block;
    margin-left: 10px;
    cursor: pointer
}
@media (max-width: 1364px) {
    .cycle-pager {
        bottom: 84px
    }
}
@media (max-width: 766px) {
    .cycle-pager {
        bottom: 19px
    }
}
@media (small: 0) {
    .cycle-pager {
        bottom: 19px
    }
}
@media (min-width: 1365px) {
    .cycle-pager {
        bottom: 83px
    }
}
.no-touch .pagitem:hover,
.pagitem.cycle-pager-active {
    background: #fff
}
#homepage-partner {
    position: absolute;
    z-index: 400
}
#homepage-partner h3 {
    width: 186px;
    padding-right: 12px;
    margin: 0;
    line-height: 63px;
    letter-spacing: 2px
}
#homepage-partner h3:after {
    content: '';
    position: absolute;
    height: 28px;
    width: 1px;
    top: 16px;
    right: 58px;
    background: #999
}
#homepage-partner>a {
    width: 258px;
    background: rgba(255, 255, 255, .75);
    height: 59px;
    color: #000;
    text-transform: uppercase;
    float: right;
    text-decoration: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 13px;
    font-weight: 400;
    display: block
}
#homepage-partner img,
.main-slider-logo {
    position: absolute;
    right: 13px;
    top: 13px;
    width: 36px;
    height: 36px
}
.main-slider-logo {
    background-image: url(../images/icons/icon_random.png);
    background-position: 0 -324px
}
footer .main-slider-logo {
    background-position: -163px -336px;
    display: inline-block;
    height: 18px;
    position: static;
    vertical-align: bottom;
    width: 18px
}
@media (max-width: 1364px) {
    #homepage-partner {
        bottom: 74px;
        right: 30px
    }
}
@media (min-width: 1365px) {
    #homepage-partner {
        bottom: 74px;
        left: 50%;
        margin-left: -683px
    }
}
@media screen and (min-width: 767px) and (max-width: 1020px) {
    #homepage-partner,
    .slider-title {
        bottom: 116px
    }
    .cycle-pager {
        bottom: 99px
    }
}
@media screen and (min-height: 910px) and (min-width: 1680px) {
    .slider-title {
        bottom: 83px
    }
    #homepage-partner {
        bottom: 154px
    }
}
@media (laptop-down: 0) {
    .cright {
        display: none
    }
}
.page-content div {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.mnk-content,
.mnk-sidebar {
    float: left
}
.mnk-content {
    width: 970px
}
@media screen and (min-width: 1276px) {
    .mnk-content {
        padding-right: 31px
    }
}
@media (max-width: 1384px) {
    .mnk-content {
        width: calc(100% - 356px)
    }
    .no-csscalc .mnk-content {
        width: 75%
    }
}
.mnk-sidebar {
    width: 356px;
    float: right
}
.no-csscalc .mnk-sidebar {
    width: 25%
}
.mnk-sidebar.bottom-sidebar {
    margin-top: 13px
}
.mnk-sidebar.bottom-sidebar.stickup {
    margin-top: 0
}
.mnk-sidebar.bottom-sidebar.stickup .menu-links {
    margin-top: 0;
    border-top-style: none
}
footer .text a {
    text-decoration: none;
    color: #7f7f7f
}
footer .text a:hover {
    color: #6adabd
}
.side-block {
    background: #eceeee;
    font-size: .8235em;
    position: relative;
    margin-bottom: 20px
}
.side-block.blogblock h4 {
    text-transform: uppercase;
    font-weight: 400;
    font-family: brandon_grotesquemedium;
    padding: 16px;
    font-size: 14px
}


.low-vision {
    display: none!important
}
.side-block img {
    width: 100%;
    max-height: 212px;
    display: block
}
.side-block .read-more {
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    background: #6d767c;
    text-align: center;
    width: 100%;
    display: block;
    height: 36px;
    line-height: 37px;
    text-transform: uppercase
}
.side-block:hover .read-more {
    color: #fff;
    background: #6adabd
}
.shop-tags {
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 20px;
    border-top: 1px solid #cfcfcf;
    padding-bottom: 20px;
    border-bottom: 1px solid #cfcfcf;
    line-height: 27px;
}
.tags.small.shop-tags a {
    display: block;
    padding: 4px 10px;
    margin-bottom: 4px;
    line-height: 12px;
}
.side-block.has-content:hover img {
    opacity: .8
}
.side-block.shop-item:hover .read-more .card {
    border-color: #fff
}
.side-block .text {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 12px 18px
}
.side-block.shop-item {
    font-size: 12px;
    text-transform: uppercase
}
.side-block.shop-item .short-divider {
    background-color: #000;
    margin: 7px 0
}
.side-block.shop-item img {
    width: 110px;
    height: auto;
    margin: 10px 0 10px 10px;
    float: left
}
.side-block.shop-item .text {
    float: left;
    width: 224px;
    padding-left: 10px;
    font-family: brandon_grotesqueregular;
    color: #333;
    text-decoration: none
}
.side-block.shop-item .title {
    font-size: 14px;
    font-family: brandon_grotesquemedium
}
.side-block.shop-item .read-more {
    clear: both
}
.side-block.shop-item .price {
    position: relative
}
.dashboard-menu li #shop-dashboard .price a:hover {
    color: #fff
}
.side-block.shop-item .card {
    border-left: 1px solid #939a9e;
    float: right!important;
    height: 36px!important
}
.side-block.shop-item .card .card-icon:before {
    background-position: 71% 0!important;
    background-image: url(../images/icons/icons_large_over.png)!important
}
.side-block.shop-item .read-more:hover .card {
    border-left-color: #fff
}
a.side-block {
    text-decoration: none;
    color: #000;
    display: block;
    padding: 20px
}
a.side-block:hover {
    color: #fff;
    background: #6adabd
}
a.side-block:hover .header-date {
    color: #000
}
.side-block.event-item {
    padding: 0;
    font-size: 17px
}
.side-block.event-item .text {
    padding: 20px
}
.side-block .header-m {
    font-size: 17px
}
.sdb-header {
    margin-bottom: 16px
}
.mnk-fullcontent {
    width: 100%
}
@media (max-width: 1364px) {
    footer>.fluid-copies {
        display: none!important
    }
}
@media screen and (max-width: 1020px) {
    footer {
        height: auto
    }
    footer>.left {
        display: none
    }
    footer>.fluid-copies {
        display: block!important;
        text-align: center;
        margin-left: -20px;
        margin-right: -20px;
        clear: both
    }
    footer>.fluid-copies span {
        display: inline-block;
        padding-left: 20px
    }
    footer .center_remain {
        float: left;
        text-align: left
    }
}
@media (max-width: 766px) {
    footer>.left {
        display: block
    }
    footer>.left>.text {
        display: none
    }
    footer>.fluid-copies {
        display: block!important;
        font-size: 7px;
        line-height: 10px
    }
    footer>.fluid-copies span {
        display: block;
        padding-left: 0
    }
    footer .footer-partner h3 {
        font-size: 13px
    }
}
@media (small: 0) {
    footer>.left {
        display: block
    }
    footer>.left>.text {
        display: none
    }
    footer>.fluid-copies {
        display: block!important;
        font-size: 7px;
        line-height: 10px
    }
    footer>.fluid-copies span {
        display: block;
        padding-left: 0
    }
    footer .footer-partner h3 {
        font-size: 13px
    }
}
.bg {
    color: #fff;
    background: #343B3E
}
a.bg:hover,
li.event:hover .bg {
    background: #292B2C
}
.slider-goto.bg,
a.bg {
    text-decoration: none;
    transition: background-color .3s linear
}
.slider-goto.bg:hover,
a.bg:hover {
    color: #fff
}
.list.bg {
    background: #49545b
}
.gmach-glowny.bg {
    background: #9bafc3
}
.slider-goto.gmach-glowny.bg:hover,
a.gmach-glowny.bg.hover,
a.gmach-glowny.bg:hover,
li.event:hover .bg.gmach-glowny {
    background: #829bb4
}
.sukiennice.bg {
    background: #b21e80
}
.slider-goto.sukiennice.bg:hover,
a.sukiennice.bg.hover,
a.sukiennice.bg:hover,
li.event:hover .bg.sukiennice {
    background: #8f1867
}
.atma.bg {
    background: #6fa11c
}
.slider-goto.atma.bg:hover,
a.bg.atma.hover,
a.bg.atma:hover,
li.event:hover .bg.atma {
    background: #577e16
}
.czartoryscy.bg {
    background: #197bc4
}
.slider-goto.czartoryscy.bg:hover,
a.bg.czartoryscy.hover,
a.bg.czartoryscy:hover,
li.event:hover .bg.czartoryscy {
    background: #1464a0
}
.biblioteka.bg {
  background: #197bc4;
}

.slider-goto.biblioteka.bg:hover,
a.bg.biblioteka.hover,
a.bg.biblioteka:hover,
li.event:hover .bg.biblioteka {
    background: #1464a0
}
.branch-location.biblioteka {
  background-image: url(../images/branch_maps/mapki_biblioteka.jpg);
  background-position: 0 -29px;
}
.hutten.bg {
    background: #2e8c7c
}
.slider-goto.hutten.bg:hover,
a.bg.hutten.hover,
a.bg.hutten:hover,
li.event:hover .bg.hutten {
    background: #246d61
}
.mehoffer.bg {
    background: #fab300
}
.slider-goto.mehoffer.bg:hover,
a.bg.mehoffer.hover,
a.bg.mehoffer:hover,
li.event:hover .bg.mehoffer {
    background: #d19600
}
.matejko.bg {
    background: #c20a22
}
.slider-goto.matejko.bg:hover,
a.matejko.bg.hover,
a.matejko.bg:hover,
li.event:hover .bg.matejko {
    background: #9b081b
}
.ciolek.bg {
    background: #723286
}
.slider-goto.ciolek.bg:hover,
a.bg.ciolek.hover,
a.bg.ciolek:hover,
li.event:hover .bg.ciolek {
    background: #592768
}
.szolayscy.bg {
    background: #ee6e13
}
.slider-goto.szolayscy.bg:hover,
a.bg.szolayscy.hover,
a.bg.szolayscy:hover,
li.event:hover .bg.szolayscy {
    background: #ca5c0f
}
.europeum.bg {
    background: #23a5a7
}
.slider-goto.europeum.bg:hover,
a.bg.europeum.hover,
a.bg.europeum:hover,
li.event:hover .bg.europeum {
    background: #1c8485
}
header#siteheader {
    height: 147px;
    width: 1366px;
    margin: 0 auto
}
@media (max-width: 1364px) {
    header#siteheader {
        width: 100%
    }
}
.full #siteheader {
    z-index: 400;
    left: 50%;
    position: absolute;
    margin-left: -683px
}
@media (max-width: 1364px) {
    .full #siteheader {
        margin-top: 0;
        left: 0;
        right: 0;
        margin-left: 0;
        width: 100%
    }
}
#header-logo {
    display: block;
    width: 147px;
    height: 147px;
    background-color: #4b565c;
    position: relative;
    float: left;
    background-position: 0 0;
    transition: width .3s ease-in-out, height .3s linear;
    text-align: center
}
.page #header-logo svg {
    display: inline-block;
    width: 84px;
    height: 94px;
    margin-top: 24px
}
.page #header-logo svg.kir-logo{
    display: none;
}
.mourn .page #header-logo svg.kir-logo{
    display: inline-block;
}
#header-logo .logo.page {
    height: 103px
}
#header-content {
    height: 147px;
    float: left;
    width: 1219px;
    position: relative;
    background-color: #fff;
    background-image: url(../images/grawer.gif);
    background-repeat: no-repeat;
    background-position: center
}
@media (max-width: 1384px) {
    #header-content {
        width: auto;
        float: none;
        position: absolute;
        left: 147px;
        right: 0
    }
}
@media (max-width: 766px) {
    #header-content {
        position: absolute;
        background: 0 0;
        left: 0;
        right: 0;
        padding: 0;
        margin: 0!important;
        height: auto
    }
    #header-content.is-expanded {
        background: rgba(0, 0, 0, .7)!important;
        z-index: 99;
        position: fixed;
        bottom: 0;
        top: 0;
        overflow: scroll!important
    }
    #header-content.is-expanded #functions {
        display: block;
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-sizing: border-box;
        box-sizing: border-box;
        padding-right: 114px
    }
}
@media (small: 0) {
    #header-content {
        position: absolute;
        background: 0 0;
        left: 0;
        right: 0;
        padding: 0;
        margin: 0!important;
        height: auto
    }
    #header-content.is-expanded {
        background: #fff
    }
    #header-content.is-expanded #functions {
        display: block;
        width: 100%;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: 114px
    }
}
.page #header-content {
    background: 0 0
}
@media (max-width: 1384px) {
    .page #header-content {
        overflow: visible
    }
}
@media (max-width: 766px) {
    .page #siteheader {
        height: 100px;
        position: absolute;
        z-index: 100
    }
}
@media (small: 0) {
    .page #siteheader {
        height: 100px;
        position: absolute;
        z-index: 100
    }
}
.full #header-over #header-logo {
    transition: height .6s ease-in-out, border .6s ease-in-out
}
@media (min-width: 1276px) {
    .full #header-over #header-logo {
        height: 80px;
        border-top: 8px solid #4b565c
    }
    .full #header-content {
        transition: margin-top .6s ease-in-out;
        margin-top: -60px
    }
    .full #header-over:hover #siteheader,
    .full #siteheader.is-expanded {
        margin-top: 0
    }
    #siteheader.is-expanded #header-logo,
    .full #header-over:hover #header-logo {
        height: 135px;
        border-top: 12px solid #4B565C
    }
    #header-over:hover #header-content,
    #siteheader.is-expanded #header-content {
        margin-top: 0;
        overflow: visible
    }
    .full #header-over #siteheader.is-expanded .logo,
    .full #header-over:hover #siteheader .logo {
        height: 94px;
        background-position: -14px -37px;
        top: 18px
    }
}
.full #header-over {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 66.666%;
    z-index: 700
}
@media (max-width: 766px) {
    .full #header-over {
        z-index: 902
    }
}
@media (small: 0) {
    .full #header-over {
        z-index: 902
    }
}
@media (max-width: 766px) {
    #header-content.is-expanded #menu-top {
        background: #fff
    }
    .dashboard-menu a,
    .touch-link h2 {
        margin-top: 0!important
    }
}
@media (small: 0) {
    #header-content.is-expanded #menu-top {
        background: #fff
    }
    .dashboard-menu a,
    .touch-link h2 {
        margin-top: 0!important
    }
}
@media (small: 0) {
    #header-logo,
    .full #header-over #header-logo {
        width: 100px;
        height: 100px;
        border-style: none
    }
    #header-logo .logo {
        height: 66px;
        width: 66px;
        background-position: -30px -31px;
        background-size: 130px auto;
        top: 50%;
        left: 50%;
        margin-top: -33px;
        margin-left: -33px
    }
}
#menu-main {
    height: 101px;
    text-align: center;
    width: 1023px;
    margin: 0 0 0 95px;
    padding-left: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
#menu-main img {
    opacity: 0;
    transition: opacity .3s linear
}
#menu-main img.loaded {
    opacity: 1
}
@media (max-width: 766px) {
    #menu-main {
        width: 100%;
        margin: 0;
        height: auto
    }
}
@media (small: 0) {
    #menu-main {
        width: 100%;
        margin: 0;
        height: auto
    }
}
@media (min-width: 767px) {
    #menu-main {
        display: block
    }
}
#menu-main.page-menu {
    margin: 0;
    width: 100%
}
#menu-filler {
    width: 100%;
    height: 1px;
    padding: 0;
    pointer-events: none;
    border-style: none!important
}
#menu-main.overflowing {
    overflow: visible;
    position: absolute;
    z-index: 3;
    left: 0;
    right: 0;
    padding-top: 8px
}
.full #menu-main {
    background: 0 0
}
#menu-main>li {
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    padding: 19px 12px;
    margin: 0 15px 0 0;
    cursor: pointer;
    vertical-align: top;
    border: 1px solid transparent;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}
#menu-main>li:last-child {
    margin-right: 0
}
@media (max-width: 766px) {
    #menu-main>li {
        margin-right: 0;
        overflow: hidden
    }
}
@media (small: 0) {
    #menu-main>li {
        margin-right: 0;
        overflow: hidden
    }
}
.exhibition .depiction a {
    color: #333
}
.exhibition .depiction {
    transition: background-color .3s linear 0s
}
.exhibition .depiction:hover {
    background: #d5d7d6
}
@media (min-width: 1276px) {
    #menu-main>li.selected,
    #menu-main>li:hover {
        padding: 0
    }
    #menu-main>li.selected .main-item-inner,
    #menu-main>li:not(.selected):hover .main-item-inner {
        border: 1px solid #CFCFCF;
        border-bottom: 1px solid #fff;
        border-top: 1px solid #CFCFCF;
        margin-top: 6px;
        padding: 23px 11px 0;
        position: relative;
        background: #fff;
        width: auto;
        height: 36px
    }
    #menu-main.home>li:hover .main-item-inner {
        margin-top: -5px
    }
}
#menu-main>li .inner-shadow {
    position: absolute;
    height: 58px;
    width: 4px;
    right: -4px;
    top: 4px
}
#menu-main>li h2,
#menu-main>li h3 {
    font-weight: 400;
    margin: 0
}
@media (max-width: 766px) {
    .no-touch .touch-link {
        pointer-events: auto
    }
}
@media (small: 0) {
    .no-touch .touch-link {
        pointer-events: auto
    }
}
#menu-main .touch-link {
    text-decoration: none;
    color: #333
}
.touch-link h2 {
    font-size: 1.294em;
    line-height: 20px;
    font-family: brandon_grotesquebold;
    letter-spacing: .11em;
    text-decoration: none
}
@media (max-width: 766px) {
    #menu-main li {
        position: relative
    }
    #menu-main>li {
        width: 100%;
        padding: 0;
        text-align: left;
        border-style: none;
        background: #fff
    }
    #menu-main>li h3 {
        display: none
    }
    .touch-link {
        display: block;
        padding-left: 18px;
        background: #f5f5f5;
        position: relative;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .touch-link h2 {
        font-size: 1.176em;
        letter-spacing: .08em
    }
    .dashboard-menu a,
    .touch-link h2 {
        height: 63px;
        line-height: 63px
    }
    .dashboard-menu a,
    .touch-link {
        border-bottom: 1px solid #cfcfcf
    }
    .dashboard-menu a {
        padding-left: 38px
    }
}
@media (small: 0) {
    #menu-main li {
        position: relative
    }
    #menu-main>li {
        width: 100%;
        padding: 0;
        text-align: left;
        border-style: none;
        background: #fff
    }
    #menu-main>li h3 {
        display: none
    }
    .touch-link {
        display: block;
        padding-left: 18px;
        background: #f5f5f5;
        position: relative;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .touch-link h2 {
        font-size: 1.176em;
        letter-spacing: .08em
    }
    .dashboard-menu a,
    .touch-link h2 {
        height: 63px;
        line-height: 63px
    }
    .dashboard-menu a,
    .touch-link {
        border-bottom: 1px solid #cfcfcf
    }
    .dashboard-menu a {
        padding-left: 38px
    }
}
#menu-main>li h3 {
    font-size: .578em;
    letter-spacing: 2px
}
@media (min-width: 1002px) and (max-width: 1275px) {
    #menu-main {
        width: 86%;
        margin: 0 auto;
        text-align: justify
    }
    #menu-main.page-menu {
        margin: 0 auto;
        width: 86%
    }
}
@media (min-width: 767px) and (max-width: 1001px) {
    #menu-main {
        width: 99%;
        margin: 0 auto;
        text-align: justify
    }
    #menu-main.page-menu {
        margin: 0 auto;
        width: 99%
    }
}
@media (min-width: 851px) and (max-width: 1001px) {
    #menu-main,
    #menu-main.page-menu {
        width: 96%
    }
}
@media (min-width: 1002px) and (max-width: 1350px) {
    #menu-main {
        width: 86%;
        margin: 0 auto
    }
}
@media (min-width: 767px) and (max-width: 1364px) {
    .touch-link h2 {
        font-size: .9411em
    }
    #menu-main>li {
        margin-right: 0;
        padding-left: 0;
        display: inline-block;
        padding-right: 0;
        max-width: none
    }
    #menu-main>li#menu-filler {
        max-width: none
    }
    #menu-main>li#main-item-2 {
        max-width: 197px
    }
    #menu-main>li h3 {
        font-size: .458em
    }
    #menu-main>li h3 span {
        display: block
    }
}
@media screen and (min-width: 767px) and (max-width: 1364px) and (max-width: 800px) {
    #menu-main {
        padding-left: 8px;
        padding-right: 8px
    }
}
@media (min-width: 1276px) and (max-width: 1364px) {
    #menu-main>li {
        padding: 19px 12px;
        max-width: none
    }
    #menu-main>li#main-item-2 {
        max-width: none
    }
    .touch-link h2 {
        font-size: 1.294em
    }
    #menu-main>li>h3 {
        font-size: .48em
    }
    #menu-main>li>h3 span {
        display: initial
    }
}
.full #menu-top {
    background: 0 0
}
#menu-top {
    height: 69px;
    padding-top: 22px;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
@media (max-width: 766px) {
    #menu-top {
        height: 48px;
        padding: 8px 0 0
    }
}
@media (small: 0) {
    #menu-top {
        height: 48px;
        padding: 8px 0 0
    }
}
#menu-top #functions {
    float: right;
    margin-right: 20px
}
@media (max-width: 766px) {
    #menu-top #functions {
        display: none;
        float: left
    }
}
@media (small: 0) {
    #menu-top #functions {
        display: none;
        float: left
    }
}
#menu-top #social-icons {
    float: left;
    margin-top: 6px;
    margin-left: 14px
}
#social-icons:hover a:not(#hide_more_icons) {
    display: inline-block !important;
}

.sdbr-button.arr:hover:after, .sdbr-button.arr.has-events:after {
    border-color: #fff;
}
@media (max-width: 766px) {
    #menu-top #social-icons {
        display: none
    }
}
@media (small: 0) {
    #menu-top #social-icons {
        display: none
    }
}
.submenu {
    position: relative;
    width: 1366px;
    margin: 0 auto
}
.top-submenu {
    position: absolute;
    display: block;
    padding-left: 0;
    margin: 0;
    height: 39px;
    width: auto;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .13rem;
    line-height: 39px;
    left: 0;
    bottom: -41px;
    border: 1px solid #cfcfcf;
    box-shadow: 4px 4px 0 0 rgba(0, 0, 0, .15);
    background: #fff
}
.top-submenu>li {
    padding: 0 19px;
    display: inline-block
}
.top-submenu>li.selected,
.top-submenu>li:hover {
    background: #F68830;
    color: #fff
}
.breadcrumb-home {
    text-decoration: none;
    color: #000;
    letter-spacing: .085rem;
    font-size: 12px;
    height: 25px;
    min-width: 10px;
    display: none
}
.breadcrumb-home:hover {
    color: #6adabd
}
@media (min-width: 767px) and (max-width: 1364px) {
    .pg .breadcrumb-home {
        font-size: 8px;
        height: 0;
        margin-bottom: -15px;
        margin-top: 13px
    }
}
@media (min-width: 767px) {
    #menu-main li.selected .breadcrumb-home {
        display: block
    }
}
@media screen and (max-width: 766px) {
    #mobile-menu {
        background: url(../images/icons/menu.png) center center no-repeat #fff
    }
}
#mobile-menu {
    background-size: 29px 20px;
    cursor: pointer;
    height: 48px;
    position: absolute;
    top: 0;
    right: 0;
    border-bottom: 1px solid #cfcfcf
}
#mobile-menu:after,
#mobile-menu:before {
    display: none
}
.is-expanded #mobile-menu {
    background: #a7a7a7
}
.is-expanded #mobile-menu:after,
.is-expanded #mobile-menu:before {
    display: block;
    background-color: #fff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -webkit-transform: -webkit-rotate(45deg)
}
.is-expanded #mobile-menu:after {
    top: 22px;
    left: 15px
}
.is-expanded #mobile-menu:before {
    left: 25px;
    top: 12px
}
.dashboard-menu {
    padding-left: 0
}
@media (max-width: 766px) {
    .dashboard-menu {
        background: #e0e0e0
    }
    .dashboard-menu a {
        display: block;
        text-decoration: none;
        color: #545354;
        font-size: .9411em
    }
}
@media (small: 0) {
    .dashboard-menu {
        background: #e0e0e0
    }
    .dashboard-menu a {
        display: block;
        text-decoration: none;
        color: #545354;
        font-size: .9411em
    }
}
.expander {
    position: absolute;
    top: 0;
    right: 0;
    height: 63px;
    width: 53px;
    border-left: 1px solid #cfcfcf
}
#menu-main .expander:after,
#menu-main .expander:before,
#mobile-menu:after,
#mobile-menu:before {
    content: "";
    position: absolute;
    z-index: 10;
    background: #a7a7a7
}
#menu-main .expander:before,
#mobile-menu:before {
    left: 24px;
    top: 20px;
    width: 3px;
    height: 23px
}
#menu-main .expander:after,
#mobile-menu:after {
    top: 30px;
    left: 14px;
    height: 3px;
    width: 23px
}
#menu-main .is-expanded .main-item-inner>.expander:before,
.dashboard-menu .is-expanded .expander:before {
    display: none
}
.btn.afterinput {
    margin-left: 0;
    border-left-style: none
}
#top-search-phrase {
    height: 33px;
    line-height: 33px;
    font-size: 14px;
    padding-left: 10px!important;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
#top-search .btn {
    float: right
}
#top-search>span {
    display: block;
    overflow: hidden
}
#top-search-phrase {
    width: 100%
}
@media (max-width: 766px) {
    #top-search-holder {
        width: 100%;
        border-style: none
    }
    #top-search-holder>div.icon {
        display: none
    }
}
@media (small: 0) {
    #top-search-holder {
        width: 100%;
        border-style: none
    }
    #top-search-holder>div.icon {
        display: none
    }
}
@media (max-width: 380px) {
    .touch-link h2 {
        font-size: 1em
    }
}
@media (min-width: 767px) {
    #top-search {
        width: 0;
        transition: width .3s linear;
        overflow: hidden;
        position: absolute;
        top: -1px;
        right: -1px
    }
    #top-search.is-expanded {
        width: 236px;
        max-width: none
    }
    #top-search span {
        margin-right: 32px
    }
    #top-search button {
        float: right
    }
    #top-search button .icon {
        margin-top: -2px;
        margin-left: 1px
    }
    #top-search input[type=text] {
        height: 32px;
        line-height: 32px
    }
}
@media screen and (min-width: 1025px) {
    #top-search {
        transition: none
    }
}
#branches-dashboard .slider-control {
    height: 84px;
    margin-top: -11px;
    z-index: 200;
    padding-left: 14px;
    padding-right: 42px;
    width: 28px;
    right: 13px
}
#menu-main #branches-dashboard .slider-control {
    right: 3px
}
#branches-dashboard #branches-dashboard-slider-next {
    padding-right: 17px
}
#branches-dashboard .slider-control:after {
    top: 29px
}
#menu-main #branches-dashboard .slider-control:after {
    top: 14px
}
#branches-dashboard .slider-control.left {
    padding-right: 38px;
    padding-left: 19px;
    left: 0
}
#branches-dashboard .slider-control.left.mobiledash {
    padding-left: 0
}
@media (min-width: 767px) {
    #header-over li#main-item-2 .main-item-inner>.dashboard-menu {
        left: -242px;
        width: 221px
    }
    #header-over li#main-item-2 .main-item-inner>.dashboard-menu .dashboard {
        box-sizing: border-box;
        left: 221px;
        width: 735px
    }
    #menu-main>li.pg .dashboard-menu {
        min-height: 38px;
        width: auto;
        background: #fff;
        font-size: 0;
        border-top-style: none;
        z-index: 1000;
        padding-top: 20px
    }
    #menu-main>li.pg .dashboard-menu li {
        display: inline-block;
        font-size: 17px;
        /*background: 0 0;*/
        letter-spacing: .07em
    }
    #menu-main>li.pg:hover .dashboard-menu li {
        width: 100%
    }
    li.pg .dashboard-menu a {
        border-style: none;
        line-height: 18px;
        display: block;
        padding: 10px 17px;
        margin: 0
    }
    #menu-main>li.pg .dashboard-menu li:before {
        display: none
    }
    #menu-main>li.pg .dashboard-menu li.selected,
    #menu-main>li.pg .dashboard-menu li:hover {
        background: #6adabd
    }
    #menu-main>li.pg .dashboard-menu li.selected a,
    #menu-main>li.pg .dashboard-menu li:hover a {
        color: #fff
    }
    #menu-main>li.pg.under .dashboard-menu {
        display: none!important
    }
}
@media (min-width: 767px) and (min-width: 767px) and (max-width: 1364px) {
    #menu-main>li.pg .dashboard-menu li a {
        margin-left: 13px;
        margin-right: 13px
    }
}
@media (min-width: 767px) {
    li.pg.selected .main-item-inner>.expander.show-for-small {
        background: #fff;
        bottom: 5px;
        top: 51px
    }
}
@media screen and (min-width: 767px) and (max-width: 860px) {
    #menu-main {
        padding-left: 8px;
        padding-right: 8px
    }
    #menu-main>li {
        max-width: 149px
    }
    #menu-main>li#main-item-2 {
        max-width: 156px
    }
}
@media screen and (max-width: 800px) and (min-width: 767px) {
    #menu-main .touch-link h2 {
        font-size: 16px
    }
    #menu-main>li {
        max-width: 126px!important
    }
    #menu-main>li#main-item-2 {
        max-width: 204px!important
    }
    #menu-main>li#menu-filler {
        max-width: 100%!important
    }
    #menu-main {
        padding-left: 13px;
        padding-right: 13px
    }
}
@media screen and (max-width: 1200px) {
    .dashboard-menu {
        text-align: left
    }
}
#sidebar {
    position: fixed;
    top: 0;
    width: 427px;
    height: 100%;
    overflow: hidden;
    right: -362px;
    pointer-events: none;
    transition: right .3s ease-in-out
}
.touch #sidebar {
    pointer-events: none
}
.no-touch #sidebar.half-expanded,
.touch #sidebar {
    right: -339px
}
@media (max-width: 766px) {
    #sidebar {
        display: none
    }
}
@media (small: 0) {
    #sidebar {
        display: none
    }
}
#sidebar.expanded,
#sidebar.expanded:hover {
    right: 0
}
#sidebar.expanded,
.touch #sidebar.expanded {
    pointer-events: auto
}
#sidebar-body {
    float: left;
    background: #fff;
    padding: 0 20px;
    position: absolute;
    left: 88px;
    bottom: 0;
    top: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: -4px 0 0 0 rgba(0, 0, 0, .15);
    border-left: 4px solid #6adabd
}
#sidebar-puller {
    float: left;
    width: 61px;
    height: 61px;
    position: absolute;
    top: 45%;
    left: 27px;
    background: #6adabd;
    pointer-events: auto;
    cursor: pointer;
    box-shadow: -4px 4px 0 0 rgba(0, 0, 0, .15)
}
#sidebar-puller>div {
    background-image: url(../images/icons/info.png);
    background-repeat: no-repeat;
    background-size: 10px 28px;
    width: 10px;
    height: 28px;
    position: absolute;
    top: 16px;
    left: 22px
}
#sidebar {
    z-index: 1002!important
}
#sidebar-body section {
    border-bottom: 1px solid #d4cdcd
}
.sdbr-button,
.sdbr-fields {
    background: #f4f4f4;
    text-align: center;
    width: 100%;
    border: 1px solid #dad6cd;
    margin: 25px 0
}
.sdbr-button {
    display: block;
    height: 58px;
    line-height: 14px;
    box-sizing: border-box;
    padding-top: 20px;
    text-decoration: none;
    transition: background-color .3s linear 0s;
    /* vertical-align: middle; */
}
.sdbr-button.arr:hover:after {
    border-color: #fff
}
.sdbr-button:hover {
    color: #fff;
    background: #60e6c2;
    border-color: #4CC4A6
}
.sdbr-button:after {
    top: 17px;
    right: 20px
}
#sidebar h2,
.sdbr-button {
    text-transform: uppercase;
    color: #5a5252;
    font-size: 18px;
    text-align: center;
    letter-spacing: .16em;
    font-weight: 400;
    font-family: brandon_grotesquebold
}
.sdbr-list a .bg {
    width: 40px;
    height: 6px;
    margin-right: 13px
}
.sdbr-list .bg,
.sdbr-list .bg+span {
    vertical-align: middle;
    display: inline-block
}
.sdbr-list a.bg {
    background: #fff;
    width: 100%;
    margin-left: -20px;
    padding-left: 20px
}
.sdbr-list a.bg:hover .bg {
    background-color: #fff
}
.sidebar-announcement {
    color: #49545b;
    padding-left: 24px;
    line-height: 17px;
    font-size: .88235em;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAOCAIAAABoykFxAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NENDN0Q4NUQxMjcwMTFFNEE1QkZENUZCNkQ3MjI4NkEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NENDN0Q4NUUxMjcwMTFFNEE1QkZENUZCNkQ3MjI4NkEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0Q0M3RDg1QjEyNzAxMUU0QTVCRkQ1RkI2RDcyMjg2QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0Q0M3RDg1QzEyNzAxMUU0QTVCRkQ1RkI2RDcyMjg2QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmvNNSgAAACNSURBVHjajI7BCsIwDIaT0lKz6RMo+P5v4mEMUfEggsKu2stYZ3ZozFoRj/6HJB9/wh8UEQB4hHC53rabNUrWrmljjGpA4Rfzvev6YUBmTiIGcTYRbbM/jmPMs3HO2dWyFknMk1ajayklDTiczs8QiMgizqfqQJYpLT/xw1/9yZpS6oeJFt77uqreAgwAXKVIdORRRAQAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: center left;
    padding-top: 10px;
    padding-bottom: 10px
}
fieldset.sdbr-fields {
    padding: 0
}
.sdbr-button small {
    display: block;
    font-size: 9px;
    letter-spacing: .2em
}
fieldset.sdbr-fields label {
    text-transform: uppercase;
    font-size: .70588em;
    vertical-align: middle
}
fieldset.sdbr-fields input[type=date],
fieldset.sdbr-fields input[type=text] {
    border: 1px solid #6adabd;
    width: 100px;
    height: 30px;
    margin-bottom: 10px;
    margin-left: 4px;
    margin-right: 4px;
    font-size: 12px;
    font-family: brandon_grotesquemedium;
    padding-left: 10px
}
fieldset.sdbr-fields input[type=submit] {
    height: 36px;
    line-height: 36px;
    width: 219px;
    margin-bottom: 26px;
    margin-top: 19px
}
.sdbr-list {
    font-size: .647em;
    padding: 0
}
.sdbr-list li {
    list-style-type: none;
    border-bottom: 1px solid #d4cdcd;
    position: relative
}
.sdbr-list li:before {
    background-image: url(../images/icons/icons_mores2.png);
    background-repeat: no-repeat;
    background-size: 16px auto;
    content: "";
    display: inline-block;
    height: 10px;
    margin-top: -4px;
    opacity: .48;
    position: absolute;
    right: 8px;
    top: 50%;
    width: 5px
}
.sdbr-list li:hover:before {
    background-position: -11px 0
}
.sdbr-list a {
    text-decoration: none;
    text-transform: uppercase;
    color: #49545b;
    padding-top: 7px;
    padding-bottom: 7px;
    display: block
}
.tiny-thumb {
    background-color: #d3d3d3;
    width: 3px;
    position: absolute;
    border-radius: 16px;
    transition: background-color .3s linear
}
#sidebar-body:hover .tiny-thumb {
    background-color: #5a5252
}
.tiny-scrollbar {
    float: right;
    position: relative;
    width: 9px;
    margin-right: -16px;
    z-index: 999
}
.tiny-viewport {
    bottom: 20px;
    position: absolute;
    top: 0;
    width: 294px
}
.tiny-viewport>.tiny-overview {
    left: 0;
    list-style: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.sdbr-fields {
    position: relative
}
#sideCalendar,
.sdbr-fields .picker {
    right: 450px;
    z-index: 9999;
    margin-top: -100px;
    position: fixed;
    top: 50%
}
.picker.calendarium-view {
    z-index: 9999
}
.sdbr-fields .calendar,
.sdbr-fields input,
.sdbr-fields label {
    float: left
}
.sdbr-fields div {
    clear: both
}
input[type=date] {
    text-transform: uppercase
}
h4 {
    margin: 0
}
a:hover {
    color: #6adabd
}
.block-link {
    font-family: brandon_grotesquebold;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000;
    text-decoration: none;
    height: 20px;
    line-height: 26px;
    padding: 0 20px
}
@media screen and (max-width: 1315px) {
    .block-link {
        padding: 0 16px
    }
}
.text.divider {
    height: 28px;
    margin-top: -4px;
    width: 1px;
    background: #cfcfcf
}
.block-logo {
    margin-left: 17px;
    display: block;
    vertical-align: middle;
    float: right;
    clear: right
}
.block-logo>img {
    vertical-align: middle
}
.row {
    width: auto
}
@media (tablet: 0) {
    .row {
        margin: 0
    }
}
.row.main-links {
    z-index: 900;
    color: #fff;
    padding: 0;
    position: absolute;
    right: 22px;
    bottom: 70px
}
.block-link {
    float: right;
    font-size: 15px;
    padding-bottom: 7px;
    display: inline-block;
    vertical-align: middle
}
.btn {
    border: 1px solid #cfcfcf;
    background: #fff;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: auto;
    min-width: 32px;
    height: 32px;
    line-height: 32px;
    float: left;
    text-transform: uppercase;
    text-align: center;
    margin-left: 10px;
    padding: 0 20px;
    position: relative;
    font-size: 13px;
    cursor: pointer
}
.btn.square {
    width: 32px;
    padding: 0
}
@media (max-width: 766px) {
    .btn.square {
        height: 33px;
        width: 33px
    }
}
@media (small: 0) {
    .btn.square {
        height: 33px;
        width: 33px
    }
}
#changeLanguage {
    padding: 0;
    border-style: none;
    z-index: 999
}
#changeLanguage>.hide-for-fluid {
    position: relative;
    z-index: 1000
}
#changeLanguage .selecter {
    width: 190px;
    height: 32px;
    line-height: 32px
}
#changeLanguage .selecter .selecter-selected {
    line-height: 32px;
    height: 32px
}
#changeLanguage .selecter .selecter-item {
    height: 32px;
    line-height: 32px
}
@media (max-width: 1364px) {
    #changeLanguage {
        cursor: pointer;
        width: 33px;
        height: 33px;
        padding: 0
    }
}
@media (max-width: 766px) {
    #changeLanguage {
        position: absolute;
        top: 8px;
        right: 63px
    }
}
@media (small: 0) {
    #changeLanguage {
        position: absolute;
        top: 8px;
        right: 63px
    }
}
#changeLanguage .select-list {
    top: 30px;
    margin-right: -1px;
    margin-left: -1px
}
.clearfix {
    clear: both
}
.is-child {
    display: none
}
.has-children.is-expanded>.is-child {
    display: block
}
input[type=text] {
    font-family: brandon_grotesquemedium
}
.select-item {
    display: block;
    background: #fff;
    text-decoration: none;
    text-align: left;
    padding-left: 20px;
    color: #000
}
.select-item.selected,
.select-item.selected:hover {
    color: #fff;
    background: #6adabd
}
.select-item:hover {
    color: #6adabd
}
.select-list {
    position: absolute;
    width: 100%;
    left: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #cfcfcf
}
.calendar-header {
    background: #49545b;
    color: #fff;
    text-align: center;
    font-weight: 400
}
.calendar-subheader {
    font-size: .8235em;
    font-weight: 400;
    border-bottom: 1px solid #cfcfcf;
    border-top: 1px solid #cfcfcf;
    line-height: 31px;
    height: 29px;
    letter-spacing: .06rem;
    width: 100%;
    text-transform: none
}
#menu-main>li h2.calendar-subheader {
    margin-bottom: 20px
}
.event-place {
    color: #fff
}
.see-all {
    display: block;
    width: 100%;
    height: 38px;
    line-height: 0!important;
    text-align: center;
    font-size: 17px!important;
    border-top: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    margin: 10px 0 0;
    margin-left: 0!important;
    margin-right: 0!important;
    clear: both
}
.pagination a.selected {
    color: #6adabd
}
.see-all span {
    font-size: .7058em;
    line-height: 41px;
    height: 38px
}
.short-divider {
    width: 42px;
    height: 1px;
    background: #cfcfcf;
    margin-bottom: 5px
}
.fcenter {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: -webkit-translateY(-50%) -webkit-translateX(-50%);
    text-align: center
}
.small-info-header {
    font-size: 12px;
    line-height: 12px;
    letter-spacing: .06rem;
    font-weight: 400;
    text-transform: uppercase
}
.seealso .small-info-header {
    height: 50px;
    border-left: 1px solid #ECEEEE;
    margin-bottom: 0;
    border-right: 1px solid #ECEEEE;
    padding-left: 19px;
    overflow: hidden;
    margin-top: 0;
}
.more {
    display: inline-block;
    position: relative
}
.more:before {
    content: '';
    height: 10px;
    position: absolute;
    width: 5px;
    background-repeat: no-repeat;
    background-image: url(../images/icons/icons_mores.png);
    top: 50%;
    margin-top: -3px;
    right: -12px;
    background-size: 11px auto;
    display: inline-block
}
.more:hover:before,
a:hover>.more:before {
    background-position: -6px 0
}
.arr {
    position: relative
}
.arr:after {
    cursor: pointer;
    content: '';
    position: absolute;
    border-bottom: 1px solid #666;
    border-right: 1px solid #666;
    width: 22px;
    height: 22px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -webkit-transform: -webkit-rotate(-45deg)
}
.arr:hover:after {
    border-color: #6adabd
}
.arr.left:after {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -webkit-transform: -webkit-rotate(135deg)
}
.slider-goto {
    cursor: pointer
}
.exhibition {
    background: #eceeee;
    display: block
}
.header-m {
    height: 48px!important
}
.event-time .vcenter,
.header-m .title span,
.header-m .vcenter {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -webkit-transform: -webkit-translateY(-50%)
}
.event-time .vcenter {
    left: 0;
    right: 0;
    text-align: center
}
.header-m .vcenter {
    padding-left: 8px;
    padding-right: 4px
}
.header-date {
    float: left;
    width: 94px;
    background: #eceeee;
    position: relative
}
.header-date span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -webkit-transform: -webkit-translateY(-50%);
    font-size: .70588em;
    line-height: 1em;
    width: 100%;
    text-align: center;
    letter-spacing: .06rem
}
.header-m .header-place {
    height: 48px;
    font-size: .70588em;
    overflow: hidden;
    position: relative;
    text-transform: uppercase
}
.header-m .header-place span {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -webkit-transform: -webkit-translateY(-50%)
}
.header-m .header-date {
    height: 48px
}
.spaceholder {
    min-height: 333px;
    position: relative
}
a.mintlink {
    color: #6adabd!important
}
.illustration {
    float: left;
    font-size: .70588em;
    color: #7f7f7f
}
.illustration>div {
    max-width: calc(100% - 45px);
    line-height: 16px;
    font-family: brandon_grotesqueregular;
    clear: both
}
.small {
    font-size: .70588em;
    font-family: brandon_grotesqueregular
}
.navbar {
    width: 100%;
    border-top: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    margin-top: 20px;
    margin-bottom: 20px;
    height: 122px;
    padding-top: 30px;
    text-align: center
}
.navbar .empty-control,
.navbar .left,
.navbar .right {
    width: 211px;
    max-width: 30%
}
.navbar .empty-control {
    height: 3px;
    visibility: hidden
}
.navbar .left {
    padding-left: 31px;
    text-align: left
}
.navbar .right {
    padding-right: 31px;
    text-align: right;
    float: right
}
.navbar a {
    text-decoration: none;
    color: #000;
    text-transform: uppercase
}
.navbar a:hover {
    color: #6adabd
}
.navbar span {
    font-family: brandon_grotesquebold;
    font-size: 1.1764em;
    letter-spacing: .1rem
}
.navbar .back {
    line-height: 63px
}
.navbar .arr:after {
    top: 50%;
    margin-top: -9px;
    width: 18px;
    height: 18px
}
.navbar .left.arr:after {
    left: 0
}
.navbar .right.arr:after {
    left: auto;
    right: 0
}
.navbar .small-info-header {
    font-size: 10px;
    letter-spacing: .11rem
}
.pagination {
    float: right
}
.pagination a {
    color: #000;
    text-decoration: none;
    height: 25px;
    width: 22px;
    float: none;
    display: inline-block;
    text-align: center;
    line-height: 25px;
    vertical-align: middle
}
.pagination #custom-pager {
    display: inline-block;
    vertical-align: middle
}
.pagination a:hover {
    color: #6adabd
}
.pagination .arr {
    border: 1px solid #cfcfcf;
    width: 25px
}
.pagination .arr:after {
    width: 12px;
    height: 12px;
    top: 5px
}
.show-more-items.arr.down {
    clear: both;
    float: right
}
.show-more-items.arr.down:after {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -webkit-transform: -webkit-rotate(45deg);
    right: 3px;
    top: -7px;
    width: 18px;
    height: 18px
}
.show-more-items.arr.down.open:after {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -webkit-transform: -webkit-rotate(-135deg);
    top: 5px
}
.hidden-bound-event {
    display: none
}
.pagination .arr.left:after {
    left: 9px
}
.pagination .arr.right:after {
    right: 9px
}
.show-more-items {
    text-transform: uppercase;
    font-family: brandon_grotesqueregular;
    font-size: 14px;
    padding-right: 41px;
    margin-top: 10px;
    margin-bottom: 20px;
    cursor: pointer
}
.show-more-items .open,
.show-more-items.open .closed {
    display: none
}
.show-more-items.open .open {
    display: block
}
.show-more-items:hover {
    color: #6adabd
}
.color-card {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 154px;
    padding: 28px;
    margin-bottom: 24px
}
.color-card h1 {
    font-weight: 400;
    font-size: .9411em
}
.color-card .address {
  font-size: 14px;
  line-height: 16px;
}
.color-card .short-divider {
    background-color: #fff;
    margin: 12px auto 16px
}
.big-event-time {
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    font-size: 1.17647em;
    font-family: brandon_grotesquebold;
    letter-spacing: .12rem
}
.big-event-time .short-divider {
  margin: 0 auto;
  margin-top: 3px;
  margin-bottom: 6px;
}
.big-event-time span {
    letter-spacing: normal;
    font-size: .6em
}
.menu-links {
    width: 100%;
    border-top: 1px solid #cfcfcf;
    margin-top: 22px
}
.menu-link {
    border-bottom: 1px solid #cfcfcf;
    min-height: 59px;
    line-height: 19px;
    padding-top: 19px;
    cursor: pointer
}
.menu-link.noclick,
.menu-link.noclick:hover {
    cursor: auto;
    color: #000
}
.menu-link.hi {
    height: auto;
    line-height: 1.2em;
    padding: 18px 0;
    position: relative
}
.menu-link.hi .small-info-header {
    margin-bottom: 8px
}
.menu-link.hi.arr:after {
    top: 50%;
    margin-top: -9px
}
.menu-link:hover {
    color: #6adabd
}
.menu-link.arr:after {
    width: 18px;
    height: 18px;
    top: 50%;
    margin-top: -9px;
    right: 11px
}
.bigside {
    letter-spacing: .14rem;
    text-decoration: none;
    color: #000;
    width: 100%;
    text-transform: uppercase;
    font-family: brandon_grotesquebold;
    font-size: 1.29411em;
    display: block;
    text-align: center;
    font-weight: 400
}
.bigside .small-info-header {
    display: block;
    font-size: 10px;
    letter-spacing: .1rem;
    font-family: brandon_grotesquemedium
}
h3.bigside {
    line-height: 1.2em;
    font-size: 22px
}
.bablock {
    background-color: transparent
}
.apla-title {
    background: rgba(32, 37, 40, .75);
    bottom: 0;
    color: #fff;
    font-size: .7058em;
    font-weight: 400;
    left: 0;
    line-height: 1.35em;
    padding: 17px 8px;
    position: absolute;
    text-transform: uppercase;
    right: 0;
    transition-duration: .4s;
    transition-property: padding-bottom, background-color
}
a:hover>.apla-title {
    padding-bottom: 30px
}
.linklogo {
    text-decoration: none;
    height: 50px;
    overflow: hidden;
    padding: 0 15px;
    margin-top: 7px;
    margin-bottom: 8px;
    display: block;
    float: left;
    position: relative
}
.linklogo img {
    transition-duration: .4s;
    transition-property: opacity;
    height: 100%
}
.linklogo .bw {
    opacity: .6
}
.linklogo .color {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 15px
}
.linklogo:hover .color {
    opacity: 1
}
.linklogo:hover .bw {
    opacity: .99
}
.horisontal-header {
    width: 167px;
    text-align: right;
    float: left;
    height: 44px;
    line-height: 45px;
    border-right: 1px solid #cfcfcf;
    padding-right: 20px;
    text-transform: uppercase;
    font-size: .70588em;
    letter-spacing: .1rem;
    font-weight: 400;
    position: relative
}
.horisontal-header.detail-logo-header{
    width: 146px;
}
.logos {
    padding-left: 178px;
    margin-bottom: 53px
}
.js-filter {
    cursor: pointer
}
.js-filter.selected,
.js-filter:hover {
    color: #6adabd
}
.switchers {
    width: 100%;
    text-align: justify;
    padding-top: 8px;
    border-bottom: 1px solid #cfcfcf
}
.switchers .function {
    float: none!important;
    display: inline-block
}
.switchers .function.first {
    margin-right: 0!important
}
.justify-filler {
    display: inline-block;
    width: 100%;
    height: 1px
}
.uppercase-header {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 400
}
.lined-header {
    border-top: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    font-size: 20px;
    font-weight: 400;
    height: 50px;
    line-height: 51px;
    margin-top: 0;
    padding-left: 24px;
    letter-spacing: .04rem
}
h3.lined-header {
    margin-top: 0;
    height: 48px
}
a.lined-header {
    text-transform: uppercase;
    font-size: .70588em;
    display: block;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    color: #000
}
.calendarium .day-slider.light {
    background: #eceeee;
    color: #000
}
.calendarium .day-slider.light a {
    color: #000
}
.calendarium .day-slider.light .icon {
    background-position: -135px -8px
}
.event-content .header .ico:hover {
    opacity: .7
}
.exhibition .mnk-content .more-events.more-events:hover {
    text-decoration: underline
}
.selecter-holder.medium {
    width: 190px
}
.selecter-holder.small {
    width: 120px
}
.filters .selecter-holder {
    float: left;
    margin: 3px 20px;
    height: 38px
}
.small>a,
.tags a {
    text-decoration: none;
    color: #000
}
.wysiwyg-text .tags{
    clear: both;
}
.tags a {
    font-family: brandon_grotesqueregular
}
.tags.small a,
.tags.small strong,
.text.tags.small a {
    font-size: 14px;
    line-height: 18px;
    color: #000
}
.tags.small.text {
    margin-top: 0;
    margin-bottom: 0
}
.small>a:hover,
.tags a:hover {
    text-decoration: underline
}
.icons-cont>a {
    text-decoration: none
}
.mnk-content.nofoto {
    padding-top: 9px
}
.mnk-content.nofoto .slider-header {
    position: static;
    color: #333;
    background: 0 0;
    display: block;
    box-sizing: border-box;
    padding-left: 19px;
    width: 100%;
    padding-right: 115px;
    margin-left: 14px;
    box-shadow: none;
    font-size: 45px;
    margin-bottom: 20px;
    line-height: 112%
}
.tickets.free {
    font-size: 10px!important
}
.modal .info .img img {
    width: 112px
}
.reveal-modal {
    z-index: 1006!important
}
.content {
    width: 1366px;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
@media (max-width: 1384px) {
    .content {
        width: 100%
    }
}
.content.page-content {
    margin: 0 auto;
    padding: 0 20px;
    clear: both
}
.content.page-content>footer {
    margin-left: -20px
}
@media (max-width: 766px) {
    .content.page-content {
        padding: 0
    }
}
@media (small: 0) {
    .content.page-content {
        padding: 0
    }
}
.article-banner {
    position: relative
}
.side-block a {
    text-decoration: none
}
@media screen and (max-width: 766px) {
    .article-banner {
        width: 100%;
        overflow: hidden
    }
    .no-csscalc .mnk-content {
        width: 100%
    }
    .side-block.has-content.shop-item img {
        max-width: 36%;
        float: left;
        margin-bottom: 0;
            
    }
    .touch .mouse-only {
        display: none!important
    }
    .touch .sizetrigger .touch-only {
        display: block!important;
        margin-left: 8px
    }
}
.article-banner .slider-header {
    position: absolute;
    left: 40px;
    bottom: 40px;
    color: #fff;
    font-weight: 400
}
.article-banner img {
    width: 100%;
    display: block
}
.mnk-content .lead,
.mnk-content strong {
    font-weight: 400;
    font-family: brandon_grotesquemedium
}
.left.social {
    margin-left: 31px
}
.wysiwyg-text .left.social {
    margin-left: 0
}
.mnk-content .lead {
    margin-bottom: 15px;
    padding-left: 32px
}
.mnk-content .text {
    font-family: brandon_grotesqueregular;
    margin-bottom: 40px;
    padding-left: 32px
}
.mnk-content.cycle-content .lead,
.mnk-content.cycle-content .text {
    padding-left: 0
}
.mnk-content .text img {
    max-width: 100%;
    height: auto
}
.mnk-content .lead.size-small,
.mnk-content .text.size-small {
    font-size: 17px
}
.mnk-content .lead.size-medium,
.mnk-content .text.size-medium,
.size-medium.tags.small .label,
.size-medium.tags.small a,
.size-medium.tags.small strong {
    font-size: 21px
}
.mnk-content .lead.size-big,
.mnk-content .text.size-big,
.size-big.tags.small .label,
.size-big.tags.small a,
.size-big.tags.small strong {
    font-size: 27px
}
.icons-cont {
    text-align: right;
    margin-top: 38px;
    margin-bottom: 10px
}
.icons-cont .icon {
    cursor: pointer;
    display: inline-block
}
.text-functions {
    text-align: right;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 43px;
    padding-top: 13px
}
.bottom-content>.text-functions {
    margin-bottom: 16px
}
.nofoto>.text-functions {
    position: absolute;
    top: 2px;
    right: 20px
}
.text-functions .icon.leaf {
    margin-right: -3px;
    margin-top: -4px
}
.text-functions .sizetrigger {
    margin-left: 12px
}
.text-functions>span {
    vertical-align: middle;
    display: inline-block;
    color: #999;
    font-family: brandon_grotesqueregular;
    font-size: .82em;
    margin-left: 9px;
    text-align: center
}
.text-functions>span.print-warning span {
    display: inline-block
}
.bottom-content {
    padding-bottom: 30px;
    position: relative
}
.side-block.has-content {
    cursor: pointer;
    -moz-transform: rotate(0)
}
.side-block.has-content img {
    border: 1px solid transparent;
    transition: opacity .3s linear;
    opacity: 1;
    -moz-backface-visibility: hidden;
    -moz-transform: rotate(0)
}
#galleriesNavigation .cycle-slide {
    cursor: pointer
}
#slideshow-3,
#slideshow-4 {
    position: relative
}
.exhibition .mnk-content .photo-driver .cycle-slideshow#galOfGals .cycle-slide {
    width: 100%;
    height: 0;
    padding-bottom: 66.8%;
    margin-bottom: 10px;
    background: rgba(0, 0, 0, .6)
}
.exhibition .mnk-content .photo-driver .cycle-slideshow#galOfGals .cycle-slide img {
    height: 100%;
    width: auto;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50.00001%);
    transform: translateX(-50.00001%)
}
.exhibition .mnk-content .photo-driver .cycle-slideshow#galOfGals .cycle-slide img.horisontal {
    left: 0;
    height: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%
}
.exhibition .mnk-content .photo-driver>div #galleriesNavigation .cycle-slide img {
    transition: opacity .3s linear
}
.exhibition .mnk-content .photo-driver>div #galleriesNavigation .cycle-slide:hover img {
    opacity: .7
}
.exhibition .mnk-content .photo-driver>div #galOfGals .cycle-slide .description {
    z-index: 40
}
.inner-slider-control,
.navslider-control {
    position: absolute;
    opacity: .7;
    top: 50%;
    height: 130px;
    margin-top: -65px;
    text-indent: -9999px;
    z-index: 888;
    cursor: pointer;
    width: 34%
}
.inner-slider-control:hover,
.navslider-control:hover {
    opacity: .9
}
.navslider-control {
    width: 10%
}
.inner-slider-control.prev,
.navslider-control.prev {
    left: 0
}
.inner-slider-control.next,
.navslider-control.next {
    right: 0
}
.navslider-control.next:after {
    display: block;
    content: '';
    position: absolute;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    width: 32px;
    height: 32px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -webkit-transform: -webkit-rotate(135deg);
    top: 49px;
    right: 41px
}
.navslider-control.prev:after {
    display: block;
    content: '';
    position: absolute;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    width: 32px;
    height: 32px;
    transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
    -webkit-transform: -webkit-rotate(315deg);
    top: 49px;
    left: 41px
}
.inner-slider-control.next:after {
    display: block;
    content: '';
    position: absolute;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    width: 53px;
    height: 53px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -webkit-transform: -webkit-rotate(135deg);
    top: 37px;
    right: 41px
}
.navslider-control.next.disabled,
.navslider-control.prev.disabled:after {
    display: none!important
}
.inner-slider-control.prev:after {
    display: block;
    content: '';
    position: absolute;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    width: 53px;
    height: 53px;
    transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
    -webkit-transform: -webkit-rotate(315deg);
    top: 37px;
    left: 41px
}
@media screen and (max-width: 766px) {
    .inner-slider-control.next:after,
    .inner-slider-control.prev:after {
        width: 30px;
        height: 30px;
        top: 49px
    }
    .inner-slider-control.prev:after {
        left: 25px
    }
    .inner-slider-control.next:after {
        right: 25px
    }
}
.show-for-medium {
    display: none
}
#galOfGals .cycle-slide {
    opacity: 0;
    border-style: none!important;
    pointer-events: none
}
#galOfGals .cycle-slide-active {
    pointer-events: auto;
    opacity: 1
}
.exhibition .mnk-content #cycle-1 .cycle-slide.cycle-slide-active,
.exhibition .mnk-content .photo-driver .cycle-slideshow#galOfGals .cycle-slide.cycle-slide-active {
    z-index: 200!important
}
.exhibition .mnk-content .photo-driver>div #galleriesNavigation {
    margin-right: -3px
}
.exhibition .mnk-content .photo-driver>div #galleriesNavigation .cycle-slide {
    width: 268px;
    height: 177px;
    margin-right: 3px;
    position: relative!important;
    vertical-align: top
}
@media screen and (min-width: 1367px) {
    .exhibition .mnk-content .photo-driver>div #galleriesNavigation .cycle-slide {
        width: 268px!important
    }
}
.exhibition .mnk-content .photo-driver>div #galleriesNavigation .cycle-slide img {
    display: block;
    width: 100%;
    height: auto
}
.exhibition .mnk-content .photo-driver>div #galleriesNavigation .cycle-slide.nocarousel {
    display: inline-block;
    margin-right: 5px;
    overflow: hidden
}
@media screen and (min-width: 1367px) {
    .exhibition .mnk-content .photo-driver>div #galleriesNavigation .cycle-slide.nocarousel {
        width: 264px!important
    }
}
#galleriesNavigation {
    white-space: nowrap
}
.exhibition .mnk-content .photo-driver>div #galleriesNavigation .cycle-slide .description {
    text-transform: uppercase
}
.exhibition .mnk-content .photo-driver>div .cycle-slideshow#galOfGals .cycle-slide .description {
    width: 100%;
    bottom: 0;
    position: absolute;
    left: 0;
    right: 0
}
.exhibition .mnk-content .photo-driver>div .cycle-slideshow#galOfGals .cycle-slide .description a {
    color: #6adabd;
    text-decoration: none
}
.exhibition .mnk-content .photo-driver>div .cycle-slideshow#galOfGals .cycle-slide .description .addinfo {
    padding-top: 6px;
    color: #989898
}
#writeus-dashboard .selecter-selected {
    margin-bottom: 10px;
    font-family: brandon_grotesqueregular;
    letter-spacing: .05rem
}
#writeus-dashboard .selecter-item {
    font-family: brandon_grotesqueregular;
    letter-spacing: .05rem
}
#writeus-dashboard input[type=text],
#writeus-dashboard textarea {
    margin-bottom: 10px;
    font-family: brandon_grotesqueregular;
    letter-spacing: .05rem
}
.exhibition .mnk-content .video-driver #cycle-2 .cycle-slide {
    width: 180px!important;
    margin: 0 6px!important
}
.search-results>.calendarium,
.search-results>article,
.search-results>ul {
    clear: both
}
.calendarium .day-slider>span {
    font-family: brandon_grotesqueregular;
    font-size: 17px;
    text-transform: none
}
.search-slider .next.arr,
.search-slider .pagination {
    float: right
}
.search-slider .pagination {
    margin-top: 14px;
    margin-right: 10px
}
.search-slider a.arr:after {
    border-color: #fff
}
.search-slider>a.arr:after {
    top: 15px
}
.search-slider>a.arr.prev:after {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -webkit-transform: -webkit-rotate(135deg)
}
.search-slider>a.arr:hover:after {
    border-color: #6adabd
}
.search-slider .pagination>a {
    line-height: 26px
}
.search-slider .pagination>a.selected {
    color: #6adabd
}
.search-slider .prev.arr {
    background-image: none!important
}
.search-slider .prev.arr:after {
    right: auto;
    left: 0
}
.temporary .mnk-sidebar .permanent>li.selected {
    background: #49545b!important;
    color: #fff!important
}
.mnk-sidebar.search-sidebar.smaller li.selected,
.mnk-sidebar.search-sidebar.smaller li:hover {
    background: #6adabd!important
}
.mnk-sidebar.search-sidebar.smaller li.selected a,
.mnk-sidebar.search-sidebar.smaller li:hover a {
    color: #fff
}
.temporary .list-temporary li .bottom-info .left-side .map:hover,
.temporary .list-temporary li .bottom-info .left-side .tickets:hover,
.temporary .mnk-sidebar .permanent>li:hover {
    cursor: pointer;
    background-color: #DcDcDc
}
.search.temporary .mnk-sidebar .permanent>li.first {
    height: 56px;
    line-height: 57px;
    margin-bottom: 19px;
    margin-top: 31px
}
.mnk-sidebar.smaller.top-sidebar .permanent li {
    padding: 0
}
.mnk-sidebar.smaller.top-sidebar .permanent li a {
    padding: 10px 0;
    display: block;
    width: 100%
}
.top-sidebar .icons-cont{
       margin-bottom: 35px;
    margin-top: 4px;
}
.mnk-sidebar.smaller.top-sidebar .permanent li.first a {
    padding: 0
}
.temporary .mnk-sidebar .permanent>li.parent {
    margin-top: 10px;
    background: #848f96;
    color: #fff
}
.temporary .mnk-sidebar .permanent>li.first a,
.temporary .mnk-sidebar .permanent>li.parent a {
    color: #fff
}
.temporary .mnk-sidebar .permanent>li.parent:hover {
    background: #49545b
}
.full #header-over #siteheader .logo {
    background-position: -14px -37px;
    background-size: 172px auto;
    height: 43px;
    top: 16px;
    transition: height .3s linear 0s
}
#header-logo .logo {
    background-position: -14px -37px;
    background-size: 172px auto;
    height: 94px;
    left: 5px;
    position: absolute;
    top: 24px;
    width: 118px
}
.page #header-logo {
    text-align: center
}
.page #header-logo .logo {
    display: inline-block;
    position: static
}
.dashboard {
    display: none;
    position: absolute;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 4px;
    cursor: auto
}
.dashboard.left-dashboard {
    margin-left: 0;
    padding-left: 0;
    margin-right: -4px;
    padding-right: 4px
}
#media-dashboard .kontakt .infolinia.dashboard-content {
    width: 100%
}
.kontakt #media-dashboard {
    padding-top: 40px;
    padding-bottom: 40px
}
.kontakt>.dashboard-menu {
    position: static
}
.dashboard-content {
    width: 742px;
    padding: 12px 20px;
    min-height: 80px;
    background: #fff;
    border: 1px solid #cfcfcf
}
.dashboard-content.full {
    width: 100%;
    border-style: none;
    background: 0 0
}
.dashboard-content.full .triplet {
    margin-top: 0
}
.dashboard-content .left {
    border-right: 1px solid #cfcfcf;
    padding-right: 20px;
    padding-left: 0
}
.dashboard-content .right {
    padding-left: 20px;
    padding-right: 0
}
.dashboard-menu>li a {
    position: relative
}
.dashboard-menu {
    position: relative;
    box-shadow: 4px 4px 0 0 rgba(0, 0, 0, .15)
}
@media (min-width: 767px) {
    .dashboard-menu>li:before {
        content: '';
        height: 10px;
        position: absolute;
        width: 5px;
        background-repeat: no-repeat;
        background-image: url(../images/icons/icons_mores.png);
        top: 50%;
        margin-top: -5px;
        right: 22px;
        background-size: 11px auto;
        display: inline-block
    }
    .dashboard-menu li a.noborder {
        border-bottom-style: none
    }
    .dashboard-menu>li:hover:before {
        background-position: -6px 0
    }
    .dashboard-menu.left-menu li:before {
        right: auto;
        left: 11px;
        margin-top: -7px;
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -webkit-transform: -webkit-rotate(180deg)
    }
    #menu-main>li.selected .main-item-inner {
        box-shadow: 4px 4px 0 0 rgba(0, 0, 0, .15)
    }
    .dashboard#events-dashboard {
        top: -45px
    }
    .no-touch #header-over #menu-main>li#main-item-1:hover {
        padding-bottom: 461px
    }
    #menu-main>li#main-item-2.pg .main-item-inner>.dashboard-menu {
        height: auto;
        text-align: left;
        white-space: normal;
        z-index: 999
    }
    #functions-contact .dashboard-menu,
    #menu-main>li .dashboard-menu {
        position: absolute
    }
    .dashboard-menu {
        list-style-type: none;
        width: 100%;
        top: 58px;
        display: none;
        right: -1px;
        left: -1px;
        border: 1px solid #cfcfcf
    }
    .pg .dashboard-menu {
        top: 59px
    }
    .dashboard-menu li {
        position: relative;
        background: #fff;
        text-align: left
    }
    #functions-contact li>span,
    .dashboard-menu li .see-all,
    .dashboard-menu li>a {
        border-bottom: 1px solid #cfcfcf;
        display: block;
        line-height: 43px;
        margin-left: 22px;
        margin-right: 22px;
        font-size: .7058em;
        text-transform: uppercase
    }
    .dashboard-menu li a {
        color: #000;
        text-decoration: none
    }
    .dashboard-menu li a:hover {
        color: #6adabd
    }
    .dashboard-menu li:last-child>a {
        border-bottom-style: none
    }
    .dashboard-menu li:hover>a {
        color: #6adabd
    }
    .dashboard-menu li:hover>a .icon {
        background-position: -13px 0
    }
    .dashboard-menu li:hover .dashboard,
    .dashboard-menu li:hover:after {
        display: block
    }
    #functions-contact .dashboard-menu li:hover .dashboard,
    .dashboard-menu li:hover:after {
        z-index: 903
    }
    .pg .dashboard-menu li:hover .dashboard,
    .pg .dashboard-menu li:hover:after {
        display: none
    }
    .dashboard-menu li:after {
        content: '';
        display: none;
        position: absolute;
        background: #fff;
        right: -5px;
        width: 5px;
        top: -1px;
        bottom: 0;
        border-top: 1px solid #cfcfcf;
        border-bottom: 1px solid #cfcfcf;
        z-index: 30
    }
    .dashboard-menu li:last-child:after {
        bottom: -1px
    }
    #functions-contact .dashboard-menu li:after {
        right: auto;
        left: -5px
    }
    .main-item-inner>.expander.show-for-small {
        display: block!important;
        border-style: none;
        width: auto;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: auto;
        top: 0
    }
    .main-item-inner>.expander.show-for-small:after,
    .main-item-inner>.expander.show-for-small:before {
        display: none
    }
    li:hover .main-item-inner>.expander.show-for-small {
        top: -33px
    }
    .full .main-item-inner>.expander:hover~.dashboard-menu li:first-child:before,
    .full .main-item-inner>.touch-link:hover~.dashboard-menu li:first-child:before {
        background-position: -6px 0
    }
    .full .main-item-inner>.expander:hover~.dashboard-menu li:first-child:after,
    .full .main-item-inner>.touch-link:hover~.dashboard-menu li:first-child:after {
        display: block
    }
    .full .main-item-inner>.expander:hover~.dashboard-menu li:first-child>a,
    .full .main-item-inner>.touch-link:hover~.dashboard-menu li:first-child>a {
        color: #6adabd
    }
    .full .main-item-inner>.expander:hover~.dashboard-menu li:first-child .dashboard,
    .full .main-item-inner>.touch-link:hover~.dashboard-menu li:first-child .dashboard {
        display: block
    }
}
@media screen and (min-width: 1276px) {
    .no-touch #menu-main>li:hover .main-item-inner {
        box-shadow: 4px 4px 0 0 rgba(0, 0, 0, .15)
    }
    #menu-main>li.pg#main-item-4 .dashboard-menu {
        width: 480px;
        left: auto;
        border: 1px solid #cfcfcf
    }
    #menu-main>li.pg#main-item-4 .dashboard-menu li {
        float: left
    }
    .no-touch #menu-main>li.pg#main-item-4:hover .expander {
        background: #fff;
        border: 0;
        bottom: -2px;
        display: block!important;
        height: 2px;
        position: absolute;
        top: auto;
        width: 100%;
        z-index: 1001
    }
    #menu-main>li.pg#main-item-4 .dashboard-menu li.even {
        width: 55%;
        clear: right;
        float: right
    }
    #menu-main>li.pg#main-item-4 .dashboard-menu li.odd {
        width: 45%;
        clear: left;
        float: left
    }
    #menu-main>li:not(.selected):hover .dashboard-menu {
        display: block
    }
    #menu-main>li:hover.touch-link {
        display: block;
        z-index: 1000;
        height: 38px;
        position: relative;
        background: #fff;
        margin-left: -10px;
        margin-right: -10px;
        padding-left: 10px;
        padding-right: 10px
    }
}
@media (min-width: 767px) and (min-width: 767px) {
    #menu-main>li.selected .touch-link {
        display: block;
        z-index: 1000;
        height: 27px;
        position: relative;
        background: #fff;
        margin-left: -10px;
        margin-right: -10px;
        padding-left: 10px;
        padding-right: 10px
    }
}
.dashboard-menu .shop-item {
    -webkit-transition: background-color .3s linear 0s;
    -moz-transition: background-color .3s linear 0s;
    transition: background-color .3s linear 0s
}
.dashboard-menu li #shop-dashboard a:hover {
    color: #000
}
.dashboard-menu .shop-item:hover {
    background: #d5d7d6
}
#main-item-1 .dashboard {
    left: 100%
}
#functions-contact:hover>.dashboard-menu {
    display: block
}
.dashboard.contact-dashboard {
    top: -1px;
    right: 166px;
    left: auto
}
.dashboard.contact-dashboard .dashboard-content {
    min-height: 154px
}
#tel-dashboard {
    top: -71px
}
#tel-dashboard div {
    font-size: 22px;
    font-family: brandon_grotesquebold
}
#writeus-dashboard {
    top: -46px
}
#management-dashboard {
    top: -96px;
    z-index: 902
}
#media-dashboard {
    top: -121px
}
#announcements-dashboard .dashboard-content {
    height: auto;
    background-repeat: no-repeat;
    background-position: center 77px
}
#announcements-dashboard .dashboard-content .small-info-header {
    margin-top: 42px
}
#main-item-4 .dashboard-menu.mobiledash {
    text-align: justify
}
#main-item-4.muzeum {
    background: #fff;
    padding: 0 10px;
    width: 100%;
    box-sizing: border-box
}
#main-item-4 .dashboard-menu.mobiledash li {
    background: #eceeee;
    width: 49%;
    display: block;
    float: left;
    margin: .5%;
    height: 42px;
    vertical-align: top;
    overflow: hidden;
    text-transform: uppercase
}
@media screen and (max-width: 766px) {
    #main-item-4 .dashboard-menu.mobiledash li {
        width: 100%;
        box-sizing: border-box;
        margin: 0 0 5px;
        height: auto;
        padding: 15px 6px 15px 15px;
        font-size: 13px
    }
    #main-item-4 .dashboard-menu.mobiledash li a {
        line-height: 18px;
        padding-left: 0
    }
}
#main-item-4 .dashboard-menu.mobiledash li a {
    border-style: none
}
@media (min-width: 1276px) {
    #header-over #main-item-4 .dashboard-menu {
        background: #fff;
        box-sizing: border-box;
        height: auto;
        left: auto;
        padding: 15px 15px 15px 17px;
        right: 0;
        text-align: left;
        width: 796px
    }
    #header-over #main-item-4 .dashboard-menu li {
        background: #eceeee;
        width: 245px;
        display: inline-block;
        margin: 5px 3px
    }
    #header-over #main-item-4 .dashboard-menu li a {
        border-style: none;
        text-align: center
    }
    #header-over #main-item-4 .dashboard-menu li:hover {
        background: #6adabd
    }
    #main-item-4 .dashboard-menu li:hover a {
        color: #fff
    }
}
@media (min-width: 1276px) {
    #menu-main>li#main-item-4.pg .dashboard-menu li:after {
        display: none
    }
}
.dashboard .calendar-header {
    font-size: .8235em;
    width: 100%;
    height: 40px;
    line-height: 40px;
    margin-bottom: 20px
}
#functions-contact {
    position: relative
}
#functions-contact .dashboard-menu {
    padding-top: 20px;
    padding-bottom: 20px;
    z-index: 902;
    background: #fff
}
#functions-contact li>a,
#functions-contact li>span {
    border-bottom-style: none;
    line-height: 25px;
    color: #49545b
}
#media-dashboard .dashboard-content {
    font-size: .8235em;
    line-height: 1.01em;
    height: 189px;
}
#media-dashboard .contact-item {
    border-style: none
}
#functions-contact>.dashboard-menu {
    width: 162px;
    right: -1px;
    top: 24px;
    left: auto;
    font-size: 17px;
    box-shadow: 4px 4px 0 0 rgba(0, 0, 0, .15);
    z-index: 9000;
    font-family: brandon_grotesqueregular
}
#functions-contact>.dashboard-menu li {
    text-align: right
}
#contact-branches-dashboard {
    top: -21px
}
#contact-branches-dashboard .dashboard-content {
    width: auto;
    padding: 0
}
#contact-branches-dashboard .dashboard-menu {
    position: static!important;
    display: block;
    width: auto;
    border-style: none;
    box-shadow: none
}
#contact-branches-dashboard li {
    white-space: nowrap;
    position: relative
}
#contact-branches-dashboard .kontakt li {
    width: 49%;
    float: left;
    background-color: transparent;
    margin-bottom: 20px
}
@media screen and (max-width: 1080px) {
    #contact-branches-dashboard .kontakt li {
        width: 100%
    }
}
#contact-branches-dashboard .kontakt li>a {
    font-size: 17px;
    padding-bottom: 10px;
    text-transform: uppercase;
    padding-left: 0
}
#contact-branches-dashboard .kontakt li>a:hover {
    color: #333!important
}
#contact-branches-dashboard .kontakt .dashboard-menu li:hover>a {
    color: #000
}
.dashboards>div {
    clear: both
}
.dashboards.contact#contact-branches-dashboard .kontakt div {
    line-height: 23px
}
#contact-branches-dashboard .kontakt .dashboard-content {
    font-size: 17px;
    font-family: brandon_grotesqueregular;
    padding: 20px 29px!important
}
#contact-branches-dashboard li>a {
    padding-right: 0;
    margin-left: 33px
}
@media screen and (max-width: 600px) {
    #contact-branches-dashboard .kontakt .dashboard-content {
        padding: 20px 4px!important
    }
    #contact-branches-dashboard li>a {
        margin-left: 4px
    }
    .dashboards.contact .kontakt .branch-address a {
        border-bottom-style: none
    }
}
#contact-branches-dashboard li:hover .dashboard {
    display: block!important
}
.dashboards.contact .kontakt .selecter-item,
.dashboards.contact .kontakt .selecter-selected {
    line-height: 43px;
    text-transform: uppercase
}
#writeus-dashboard .dashboard-content {
    width: 680px;
    padding-top: 40px;
    padding-bottom: 40px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left
}
.infolinia {
    background: #fff;
    border: 1px solid #cfcfcf!important;
    font-size: 28px;
    letter-spacing: .1rem;
    min-height: 300px;
    position: relative;
    text-transform: uppercase
}
#writeus-dashboard .kontakt .dashboard-content input[type=checkbox]:checked+label span:before {
    top: -4px
}
#writeus-dashboard .kontakt .dashboard-content {
    width: 100%!important;
    border: 1px solid #cfcfcf;
    padding-top: 20px;
    margin-bottom: 60px
}
#writeus-dashboard .kontakt .dashboard-content form {
    width: 91%;
    margin-top: 20px;
    margin-bottom: 100px
}
#writeus-dashboard .dashboard-content .info {
    font-size: 14px;
    color: #cacaca;
    text-transform: none;
    display: block;
    line-height: 10px
}
#writeus-dashboard .dashboard-content .label.info {
    display: inline-block;
    vertical-align: middle;
    color: #000;
    font-family: brandon_grotesqueregular
}
#writeus-dashboard .dashboard-content input[type=checkbox] {
    vertical-align: middle
}
#writeus-dashboard .dashboard-content fieldset {
    padding: 0
}
#writeus-dashboard .dashboard-content .left,
#writeus-dashboard .dashboard-content fieldset {
    border-style: none
}
#writeus-dashboard .dashboard-content .right {
    text-align: right
}
.dashboard.branch-address {
    right: 283px;
    top: -21px;
    display: none!important
}
.dashboard.branch-address .dashboard-content {
    min-height: 0;
    text-align: left;
    width: 320px!important;
    font-size: .70588em;
    line-height: 1.35em;
    padding: 20px 10px!important
}
.dashboard.branch-address .dashboard-content .item {
    position: relative;
    padding-left: 15px
}
.dashboard.branch-address .dashboard-content .item>div {
    margin-bottom: 5px
}
.dashboard.branch-address .dashboard-content .bg {
    display: block;
    width: 4px;
    top: 2px;
    left: 0;
    bottom: 2px;
    position: absolute
}
.dashboard.branch-address a {
    text-transform: none
}
#main-item-3 .dashboard {
    left: 241px
}
#main-item-3 .dashboard .small-info-header {
    margin-bottom: 18px
}
#main-item-3 .dashboard-content {
    width: 752px;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
#adults-dashboard .twin,
#children-dashboard .twin,
#schools-dashboard .twin,
#students-dashboard .twin {
    border-style: none
}
#adults-dashboard .left,
#children-dashboard .left,
#schools-dashboard .left,
#students-dashboard .left {
    padding-right: 5px
}
#adults-dashboard .right,
#children-dashboard .right,
#schools-dashboard .right,
#students-dashboard .right {
    padding-left: 5px
}
#adults-dashboard .dashboard-content,
#children-dashboard .dashboard-content,
#students-dashboard .dashboard-content {
    padding-top: 20px
}
#students-dashboard .education-item {
    width: 465px
}
#students-dashboard .education-item:first-child {
    margin-bottom: -6px
}
#students-dashboard .right {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 245px;
    padding-left: 20px
}
#students-dashboard .left {
    border-style: none;
    padding: 0
}
#students-dashboard .right a {
    display: block;
    height: 78px;
    line-height: 78px;
    border-bottom: 1px solid #cfcfcf
}
#students-dashboard .right a:after {
    right: 0;
    top: 27px
}
#students-dashboard .right a:first-child {
    border-top: 1px solid #cfcfcf
}
.education-item {
    background-color: #eceeee;
    display: block
}
.education-item:first-child {
    margin-bottom: 10px
}
.education-item .text {
    text-transform: none;
    font-size: 14px;
    line-height: 1.2em;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    font-family: brandon_grotesqueregular
}
#menu-main .education-item .text {
    padding-bottom: 0
}
.education-item .text .event-title {
    text-transform: uppercase
}
.event-item.on-list.cycle>header .event-title a {
    color: #fff;
    text-decoration: none;
    display: block;
    font-family: brandon_grotesqueregular;
    width: 100%
}
.education-item .text:after {
    content: '';
    display: block;
    clear: both;
    float: none;
    width: 100%
}
.education-item .event-type {
    background: #848f96;
    color: #fff
}
.education-item img {
    float: left;
    width: 150px;
    height: 115px;
    margin-right: 10px
}
.education-item h2 {
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    background: #848f96;
    height: 38px;
    line-height: 39px;
    padding: 0 16px
}
.event-item.education-item.on-dashboard .text {
    font-size: .7085em;
    line-height: 1.2em
}
.event-item.education-item.on-dashboard .text h4 {
    font-family: brandon_grotesquemedium;
    font-size: 1em;
    line-height: 1.08em;
    margin-bottom: 4px
}
.event-item.education-item.on-dashboard header {
    height: 38px;
    line-height: 39px;
    margin-bottom: 0;
    background: #848f96
}
.event-item.education-item.on-dashboard header .event-place {
    width: 174px
}
.event-item.education-item.on-dashboard header .event-type {
    text-align: left;
    width: 152px
}
.event-item.education-item.on-dashboard header .event-time {
    width: 95px;
    line-height: 12px;
    text-align: center;
    padding-top: 7px;
    height: 38px;
    background: #eceeee
}
#branches-dashboard {
    top: -1px
}
#branches-dashboard .dashboard-content {
    width: 735px;
    padding-left: 55px;
    padding-right: 55px;
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
#branches-dashboard-pager span {
    display: inline-block;
    width: 49px;
    height: 5px;
    margin: 0 3px;
    cursor: pointer;
    border: 2px solid #fff
}
#branches-dashboard-pager span .bg.list {
    background: #49545b
}
#branches-dashboard-pager span.cycle-pager-active {
    outline: #000 solid 1px
}
.slider-control {
    position: absolute;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -webkit-transform: -webkit-translateY(-50%);
    right: 42px;
    height: 23px
}
.slider-control.left {
    right: auto;
    left: 16px;
    border-style: none
}
#branches-dashboard-pager {
    height: 43px;
    margin-left: -42px;
    margin-right: -48px
}
.dashboard-slide {
    width: 658px;
    height: 415px
}
.dashboard-slide.branches-list .twin {
    border-style: none;
    width: auto;
    padding-right: 10px;
    padding-left: 0
}
.branches-list .slider-goto {
    height: 50px;
    width: 306px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    margin-bottom: 10px;
    font-size: .70588em;
    line-height: 1.18em;
    position: relative
}
.branches-list .slider-goto span {
    padding: 3px 17px 0;
    position: absolute;
    left: 0;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    display: block;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -webkit-transform: -webkit-translateY(-50%)
}
.dashboard .branch-card {
    width: 249px;
    font-size: .588em;
    float: left
}
.dashboard .branch-card h2 {
    font-size: 1.2em;
    height: 50px;
    position: relative
}
.dashboard .branch-card h2 span {
    text-align: center;
    position: absolute;
    width: 100%;
    display: block;
    padding-top: 3px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -webkit-transform: -webkit-translateY(-50%)
}
.dashboard .branch-card .row a,
.dashboard .branch-card .row div {
    text-align: center;
    display: block;
    height: 48px;
    float: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    line-height: 1em
}
.dashboard .branch-card .row a span,
.dashboard .branch-card .row div span {
    min-width: 90%
}
.dashboard .branch-card .row div {
    border-bottom: 1px solid #eceeee;
    border-left: 1px solid #eceeee;
    width: 155px;
    padding: 0 8px
}
.dashboard .branch-card .row div span {
    width: 100%
}
.dashboard .branch-card .row a {
    border-bottom: 1px solid #fff;
    background: #eceeee;
    width: 94px;
    padding: 0
}
.lined-header.all-cycles {
    text-align: right;
    padding-right: 60px
}
a.lined-header:hover {
    text-decoration: none;
    color: #6adabd
}
.dashboard .branch-card img {
    display: block;
    width: 100%;
    height: auto
}
.branch-exhibitions {
    padding-left: 20px;
    float: left;
    width: 353px
}
.branch-exhibitions>div:first-child {
    margin-bottom: 17px
}
.branch-exhibitions h4 {
    font-size: .8235em;
    margin-bottom: 18px;
    line-height: 1em;
    font-weight: 400
}
.branch-exhibitions .exhibition {
    margin-bottom: 6px;
    height: 28px;
    line-height: 29px;
    font-size: .70588em;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    font-family: brandon_grotesquemedium
}
.branch-exhibitions .exhibition.const {
    box-sizing: border-box;
    height: auto;
    line-height: 17px;
    min-height: 29px;
    padding-bottom: 7px;
    padding-top: 7px
}
.branch-exhibitions .exhibition .time {
    width: 90px;
    height: 48px;
    float: left;
    padding-top: 10px;
    text-align: center;
    font-size: .8333em
}
.branch-exhibitions .exhibition .title {
    color: #fff;
    background-color: #848f96;
    float: left;
    height: 48px;
    width: 230px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    position: relative
}
.branch-exhibitions .exhibition .title>a {
    display: block;
    height: 48px;
    width: 100%;
    background: #848f96;
    color: #fff;
    padding: 0 10px;
    transition: background-color .3s linear
}
.branch-exhibitions .exhibition .title>a:hover {
    background: #657178
}
.current-exhibitions {
    max-height: 156px;
    overflow: hidden
}
.current-exhibitions .exhibition {
    width: 320px;
    line-height: 1em;
    clear: both;
    padding: 0;
    float: left
}
#currentExhibit-dashboard {
    top: -45px
}
#currentExhibit-dashboard .mintlink {
    display: block;
    line-height: 14px;
    margin-top: 16px
}
#currentExhibit-dashboard .mintlink span:before {
    background-position: -6px 0;
    margin-top: -5px
}
.exhcontent.dashboard-content {
    width: 714px
}
.exslider-next,
.exslider-prev {
    margin-top: -23px
}
#menu-main #collection-dashboard-slider-prev,
#menu-main #galleries-dashboard-slider-prev,
#menu-main #permexhibitions-dashboard-slider-prev,
#menu-main .exslider-prev.slider-control.left,
.exslider-prev.slider-control.left {
    left: 23px
}
#menu-main #exhibitions-dashboard-slider-next {
    right: -9px
}
#menu-main #archive-dashboard-slider-next,
#menu-main #permexhibitions-dashboard-slider-next {
    right: 22px
}
#featured-dashboard-slider-next,
#galleries-dashboard-slider-next,
#menu-main #galleries-dashboard-slider-next {
    right: 49px
}
#menu-main #galleries-dashboard-slider-next,
#menu-main #galleries-dashboard-slider-prev {
    margin-top: -13px
}
#menu-main #collection-dashboard-slider-next {
    right: 27px;
    z-index: 1000
}
.collection-banner {
    height: 446px;
    background-size: cover
}
#collection-dashboard,
#permExhibit-dashboard {
    top: -89px
}
#collection-dashboard .slider-control,
#permExhibit-dashboard .slider-control {
    margin-top: -18px
}
#planExhibit-dashboard {
    top: -133px
}
#archiveExhibit-dashboard,
#collection-dashboard {
    top: -177px
}
#planner-dashboard {
    top: -221px
}
#shop-dashboard {
    top: -221px
}
#shop-dashboard .small-info-header {
    margin-bottom: 16px
}
#shop-dashboard .dashboard-content {
    width: 711px;
    padding-top: 20px
}
.dashboard-menu li.shop-li:after {
    bottom: -1px
}
@media screen and (max-width: 766px) {
    #shop-dashboard .dashboard-content {
        padding: 20px 0 0
    }
    .sizetrigger {
        display: none!important
    }
}
#shop-dashboard .left,
#shop-dashboard .right {
    padding: 0;
    border-style: none
}
#shop-dashboard .left {
    width: 463px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 20px
}
#shop-dashboard .right {
    width: 248px
}
#shop-dashboard img {
    margin-right: 18px
}
#shop-dashboard .info,
#shop-dashboard img {
    float: left
}
.i1 .dashboard {
    top: -1px
}
.i2 .dashboard {
    top: -45px
}
.i3 .dashboard {
    top: -89px
}
.i4 .dashboard {
    top: -133px
}
.i5 .dashboard {
    top: -177px
}
.i6 .dashboard {
    top: -221px
}
#menu-main>li.selected h3 {
    visibility: hidden
}
@media (min-width: 767px) and (max-width: 1364px) {
    #menu-main>li.selected .touch-link {
        background: #fff;
        display: block;
        position: relative
    }
}
#main-item-4 .dashboard-menu li:after,
#main-item-4 .dashboard-menu li:before {
    display: none!important
}
@media screen and (max-width: 1275px) and (min-width: 768px) {
    #menu-main li.pg.selected .dashboard-menu {
        top: 36px!important
    }
}
@media (max-width: 766px) {
    .dashboard-menu {
        box-shadow: none
    }
}
@media (small: 0) {
    .dashboard-menu {
        box-shadow: none
    }
}
#social-icons a {
    text-decoration: none;
    vertical-align: top;
    margin-right: 11px;
    display: none
}
#social-icons a.youtube-link {
    margin-right: 8px;
    margin-top: -1px
}
#social-icons a.facebook-link,
#social-icons a.pinterest-link {
    margin-right: 6px
}
#social-icons a.instagram-link {
    margin-right: 15px;
    margin-top: 3px
}
#social-icons a.instagram-link .icon.instagram {
    height: 19px!important;
    width: 20px!important
}
#mobileSocial .icon,
#social-icons .icon {
    height: 25px;
    width: 24px;
    line-height: 21px
}
#mobileSocial a {
    text-decoration: none;
    display: inline-block;
    margin: 10px 6px 0
}
#mobileSocial {
    text-decoration: none;
    height: 48px;
    background: #999797!important;
    text-align: center!important
}
#mobileSocial svg use {
    fill: #fff!important
}
.modal .info span#item-name {
    display: inline;
    font-family: brandon_grotesquemedium
}
#cart-popup h3 {
    color: #000
}
.btn.square .icon {
    display: inline-block;
    cursor: pointer
}
.icon.add {
    line-height: 1;
    vertical-align: middle
}
.icon.add:before {
    background-image: url(../images/icons/icons_large.png);
    background-size: 1800%;
    width: 18px;
    height: 18px;
    background-position: 82.35294% 0;
    content: "";
    margin-right: 4.5px;
    display: inline-block;
    line-height: 18px;
    vertical-align: middle
}
.icon.add:hover:before {
    background-image: url(../images/icons/icons_large_over.png)
}
.icon.alert {
    line-height: 1;
    vertical-align: middle
}
.icon.alert:before {
    background-image: url(../images/icons/icons_large.png);
    background-size: 1800%;
    width: 18px;
    height: 18px;
    background-position: 76.47059% 0;
    content: "";
    margin-right: 4.5px;
    display: inline-block;
    line-height: 18px;
    vertical-align: middle
}
.icon.alert:hover:before {
    background-image: url(../images/icons/icons_large_over.png)
}
.icon.calendar {
    line-height: 1;
    vertical-align: middle
}
.icon.calendar:before {
    background-image: url(../images/icons/icons_large.png);
    background-size: 1800%;
    width: 18px;
    height: 18px;
    background-position: 88.23529% 0;
    content: "";
    margin-right: 4.5px;
    display: inline-block;
    line-height: 18px;
    vertical-align: middle
}
.icon.calendar:hover:before {
    background-image: url(../images/icons/icons_large_over.png)
}
.icon.leaf {
    line-height: 1;
    vertical-align: middle
}
.icon.leaf:before {
    background-image: url(../images/icons/icons_large.png);
    background-size: 1800%;
    width: 18px;
    height: 18px;
    background-position: 100% 0;
    content: "";
    margin-right: 4.5px;
    display: inline-block;
    line-height: 18px;
    vertical-align: middle
}
.icon.leaf:hover:before {
    background-image: url(../images/icons/icons_large_over.png)
}
.icon.accessible {
    line-height: 1;
    vertical-align: middle
}
.icon.accessible:before {
    background-image: url(../images/icons/icons_large.png);
    background-size: 1800%;
    width: 21px;
    height: 21px;
    background-position: 64.70588% 0;
    content: "";
    margin-right: 5.25px;
    display: inline-block;
    line-height: 21px;
    vertical-align: middle
}
.icon.accessible:hover:before {
    background-image: url(../images/icons/icons_large_over.png)
}
#show_more_icons.icon {
    height: 39px;
    vertical-align: bottom;
    width: 33px;
    line-height: 21px;
    display: inline-block;
    margin-top: -6px;
    cursor: pointer
}
#social-icons #hide_more_icons {
    margin-right: 9px
}
#social-icons #hide_more_icons .icon {
    height: 37px;
    width: 32px;
    margin-top: -5px
}
.sizetrigger {
    display: inline-block;
    height: 32px;
    position: relative;
    width: 50px;
    border: 1px solid #cfcfcf;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}
.sizetrigger span {
    width: 30px;
    height: 14px;
    background-size: 95%;
    background-repeat: no-repeat;
    background-image: url(../images/icons/textsize.png);
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: -webkit-translateY(-50%) -webkit-translateX(-50%);
    text-align: center
}
.sizetrigger:hover span {
    background-position: 0 111%
}
.text-functions .print {
    border: 1px solid #cfcfcf;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    width: 32px;
    height: 32px;
    cursor: pointer;
    position: relative;
    text-align: center
}
.text-functions .print span {
    width: 17px;
    line-height: 1;
    vertical-align: middle;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: -webkit-translateY(-50%) -webkit-translateX(-50%);
    text-align: center;
    position: absolute
}
.text-functions .print span:before {
    background-image: url(../images/icons/icons_large.png);
    background-size: 1800%;
    width: 18px;
    height: 18px;
    background-position: 94.11765% 0;
    content: "";
    margin-right: 4.5px;
    display: inline-block;
    line-height: 18px;
    vertical-align: middle
}
.text-functions .print span:hover:before {
    background-image: url(../images/icons/icons_large_over.png)
}
.icon.arr_down {
    vertical-align: middle;
    display: block;
    height: 25px;
    line-height: 9px;
    position: absolute;
    top: 2px;
    right: 0
}
.icon.arr_down:before {
    background-image: url(../images/icons/icons_large.png);
    background-size: 1800%;
    width: 25px;
    height: 25px;
    background-position: 47.05882% 0;
    content: "";
    margin-right: 6.25px;
    display: inline-block;
    line-height: 25px;
    vertical-align: middle
}
.icon.arr_down:hover:before {
    background-image: url(../images/icons/icons_large_over.png)
}
.icon.card-icon {
    vertical-align: middle;
    display: block;
    height: 25px;
    line-height: 9px;
    position: absolute;
    top: 10px;
    right: 6px
}
.icon.card-icon:before {
    background-image: url(../images/icons/icons_large.png);
    background-size: 1800%;
    width: 18px;
    height: 18px;
    background-position: 70.58824% 0;
    content: "";
    margin-right: 4.5px;
    display: inline-block;
    line-height: 18px;
    vertical-align: middle
}
.icon.card-icon:hover:before {
    background-image: url(../images/icons/icons_large_over.png)
}
.more.icon {
    width: 7px;
    height: 13px;
    background-size: 7px 13px;
    display: inline-block;
    margin-left: 7px;
    background-image: url(../images/icons/more.png)
}
.event-item .event-place,
.event-item .event-time,
.event-item .event-type {
    display: inline-block
}
.event-item header {
    width: 100%;
    background: #eceeee
}
.event-item .text {
    text-transform: none;
    padding-left: 0
}
.event-item.on-dashboard {
    font-size: 1em;
    display: block;
    color: #000;
    clear: both
}
.event-item.on-dashboard a {
    color: #333
}
.event-item.on-dashboard a:hover {
    color: #6adabd
}
.event-item.on-dashboard .text {
    font-size: 13.5px;
    font-family: brandon_grotesqueregular;
    line-height: 15px;
    margin-bottom: 18px;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%
}
.event-item.on-dashboard .header {
    font-size: .70588em;
    height: 28px;
    margin-bottom: 8px;
    line-height: 29px;
    overflow: hidden
}
.event-item.on-dashboard .event-time,
.event-item.on-dashboard .event-type {
    padding: 0 11px
}
.event-item.on-dashboard .event-time {
    float: left
}
.event-item.on-dashboard .event-place {
    float: none;
    display: block;
    overflow: hidden;
    text-align: center
}
.event-item.on-dashboard .event-type {
    float: right;
    background-color: #eceeee
}
.event-item.on-dashboard .event-title {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.35em;
    margin-bottom: 5px;
    width: 100%;
    padding: 0 10px
}
.fotogalerie {
    margin-bottom: 40px
}
.event-item.on-dashboard .event-img {
    float: left
}
.komunikaty .dashboard-content.dash1 {
    width: 100%;
    padding: 0
}
.event-item.on-dashboard.featured {
    padding-bottom: 16px
}
.event-item.on-dashboard.featured:first-child {
    border-bottom: 1px solid #cfcfcf;
    margin-top: 8px;
    margin-bottom: 16px
}
.event-item.on-dashboard.featured:after {
    clear: both;
    content: '';
    display: block;
    width: 100%
}
.event-item.on-dashboard.featured .event-img {
    margin-right: 10px
}
.event-item.on-dashboard.featured .see-all {
    margin-top: 20px
}
.event-cycle {
    font-size: .58823em;
    line-height: 21px;
    height: 21px;
    margin: 0;
    font-weight: 400;
    text-transform: uppercase
}
.event-item.on-list header,
.event-item.on-list header>a,
.event-item.on-list header>div {
    height: 48px;
    line-height: 48px
}
.event-item.on-list header>a,
.event-item.on-list header>div {
    float: left
}
.event-item.on-list header>a.header-links,
.event-item.on-list header>div.header-links {
    float: right
}
.event-item.on-list .event-time,
.list-temporary .event-time {
    width: 97px;
    font-size: .70588em;
    line-height: 12px;
    letter-spacing: .06rem;
    text-align: center;
    padding-top: 13px
}
.bound-event .time-start,
.list-temporary .event-time {
    float: left;
    background: #eceeee;
    position: absolute;
    left: 0;
    letter-spacing: .06rem;
    box-sizing: border-box;
    height: 46px;
    padding-top: 13px
}
.bound-event .time-start {
    position: static;
    height: 50px;
    color: #333;
    text-align: center;
    line-height: 12px;
    letter-spacing: .06rem;
    font-size: 12px
}
.bound-event .time-start .hour {
    font-size: 13px;
    line-height: 16px
}
.bound-event .time-start .date {
    font-size: 13px;
    display: block;
    line-height: 18px;
    padding-top: 6px
}
.event-item.on-list .event-place {
    width: 202px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: .70588em;
    text-align: center
}
.event-item.on-list .cycle-image,
.event-item.on-list.cycle>a.lblink {
    width: 272px;
    float: left;
    display: block
}
.event-item.on-list.cycle>a.lblink {
    background: #fff;
    padding-left: 0;
    margin-top: 0;
    cursor: pointer;
    -moz-transform: rotate(0)
}
.event-item.on-list.cycle>a.lblink img {
    display: block;
    transition: opacity .3s linear;
    opacity: 1;
    -moz-backface-visibility: hidden;
    -moz-transform: rotate(0)
}
.calendarium .day-lists .column li .day {
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    letter-spacing: 1px;
    font-size: 14px;
    color: #000;
    background-color: #eceeee;
    display: block;
    margin-bottom: 10px
}
.event-item.on-list>a {
    text-decoration: none;
    color: #000;
    margin-left: 97px;
    display: block;
    font-size: .9411em;
    line-height: 23px;
    margin-top: 15px
}
.event-item.on-list>a>div {
    margin-bottom: 34px
}
.event-item.on-list .event-type {
    text-transform: uppercase;
    font-size: .70588em;
    font-family: brandon_grotesqueregular;
    border-right: 1px solid #ced0cf;
    padding: 0 20px
}
.event-item.on-list.cycle header {
    background: #848f96
}
.event-item.on-list.cycle .event-title {
    float: none;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    padding-left: 20px
}
.event-item.on-list.cycle>a {
    float: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 20px;
    width: 100%;
    margin-left: 0
}
.cycle.on-list {
    margin-top: 40px
}
.articlelist-item {
    cursor: pointer;
    transition: background-color .3s linear 0s
}
.articlelist-item:hover {
    background-color: #d5d7d6
}
.cycle.on-list:first-of-type {
    margin-top: 0;
    clear: both
}
.cycle-event p {
    margin-top: 0
}
.cycle-event .inside-title {
    font-size: 16px;
    margin-bottom: 8px
}
.event-item.on-list.cycle.has-photo>a,
.event-item.on-list.cycle.has-photo>header {
    width: calc(100% - 272px);
    float: right
}
.event-item.on-list.cycle.has-photo>a.lblink {
    width: 272px;
    float: left
}
.event-item.on-list.cycle>a .text {
    margin-bottom: 0
}
.event-item.on-list.cycle.nophoto>a .text {
    padding-bottom: 20px
}
.small-header {
    font-weight: 400;
    font-size: 1em;
    font-family: brandon_grotesquemedium
}
.header-links {
    float: right
}
.header-links div {
    float: left;
    font-size: .70588em;
    margin-right: 18px;
    text-transform: uppercase;
    font-family: brandon_grotesqueregular
}
.header-links a.eventsTicketInfo.list {
    color: #fff;
    border-left: 0;
    padding-right: 0
}
.header-links a.cycle {
    float: left;
    font-size: .70588em;
    text-transform: uppercase;
    font-family: brandon_grotesqueregular;
    color: #333;
    border-left: 0;
    padding-right: 0;
    text-decoration: none;
    margin-right: 10px;
    width: auto
}
.header-links a.eventsTicketInfo.cycle {
    float: left;
    font-size: .70588em;
    text-transform: uppercase;
    font-family: brandon_grotesqueregular;
    color: #333;
    border-left: 0;
    padding-right: 0;
    text-decoration: none;
    margin-right: 10px
}
.header-links a {
    float: left;
    height: 48px;
    text-align: center;
    width: 51px;
    border-left: 1px solid #ced0cf
}
.header-links a svg {
    display: inline-block;
    margin-top: -1px
}
.header-links a.card {
    background-position: 8px 5px
}
.header-links a.add {
    background-position: -36px 5px
}
.header-links a.add.fff {
    background-position: -50px -195px
}
.header-links a.time {
    background-position: -78px 5px
}
.header-links a.time.fff {
    background-position: -100px -195px
}
.header-links a.ticket {
    background-position: -160px 5px
}
.header-links a.ticket.fff {
    background-position: 3px -195px
}
.header-links a.tickets {
    text-indent: 0;
    background-image: none;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 12px;
    font-family: brandon_grotesqueregular;
    color: #515151;
    width: auto;
    padding: 0 20px
}
.header-links a.reserve {
    background-position: -122px 5px
}
.header-links a.reserve.fff {
    background-position: -150px -195px
}
.header-links a:hover {
    opacity: .7
}
.event-item.event header {
    background: #848f96;
    color: #fff
}
.event-item.event header .event-time {
    background: #eceeee;
    color: #000;
    font-size: 19px;
    padding-top: 19px;
    letter-spacing: .06rem
}
.list-temporary .title .header-links {
    position: absolute;
    right: 6px;
    top: 0
}
.list-temporary .title a {
    color: #fff;
    width: 39px;
    border-style: none
}
.list-temporary .title>a {
    width: 100%;
    display: block;
    padding-right: 60px
}
.list-temporary .title svg,
.list-temporary .title svg.icon.cal {
    vertical-align: middle;
    margin-top: 16px
}
.event-item.event header .header-links>a {
    background-color: #848f96;
    float: right
}
@media (max-width: 1384px) {
    .event-item.on-list.cycle>a {
        float: none;
        width: auto
    }
    .event-item.on-list.articlelist-item.cycle>a.lblink {
        margin-right: 0
    }
}
@media screen and (max-width: 1275px) {
    .event-item.on-list.cycle.has-photo>a,
    .event-item.on-list.cycle.has-photo>header {
        float: none;
        width: 100%
    }
    .event-item.on-list.cycle.has-photo>a.lblink {
        margin-right: 20px
    }
}
@media screen and (max-width: 766px) {
    .event-item.on-list header,
    .event-item.on-list.cycle .event-title,
    .event-item.on-list.cycle header,
    .event-item.on-list.cycle.has-photo>a.lblink,
    .event-item.on-list.cycle>a.lblink img {
        float: none;
        display: block;
        clear: both
    }
    .event-item.on-list.cycle>a {
        padding: 10px;
        margin-top: 0!important
    }
    .list-content {
        width: 100%;
        padding: 0 10px!important
    }
    .event-item.on-list.cycle.has-photo>a.lblink {
        width: 100%;
        margin: 0;
        padding: 0
    }
    .event-item.on-list.cycle>a {
        clear: both;
        float: none
    }
    .article-banner img.cycle-header {
        height: 100%;
        margin-left: -30%;
        width: auto
    }
}
.event-item.event>a {
    margin-top: 0
}
.event-item.event .event-image {
    float: left
}
.branch-event .event-image {
    width: 270px
}
.event-item.event.no-image .text {
    min-height: 0
}
.event-item.event .text {
    overflow: hidden;
    min-height: 193px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 23px 38px;
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 20px
}
.branches-page .event-item.event .text {
    min-height: 174px
}
@media screen and (max-width: 766px) {
    .branches-page .event-item.event .text {
        min-height: 0;
        padding-bottom: 20px;
        padding-top: 0
    }
}
.mnk-sidebar.search-sidebar.smaller li.first {
    background-color: #848f96
}
.event-item.event .text.text-gal {
    margin-bottom: 0
}
.event-item.event .text .uppercase-header {
    font-size: 18px;
    font-family: brandon_grotesquemedium;
    line-height: 22px;
    margin-bottom: 13px;
    margin-top: 0
}
.event-item.event .text a {
    text-decoration: none;
    color: #000;
    font-family: brandon_grotesqueregular;
    font-weight: 400
}
.event-item.event .text a .uppercase-header {
    font-family: brandon_grotesquemedium
}
.event-item.event .text {
    transition: background-color .3s linear
}
.no-touch .event-item.event .text:hover,
.no-touch .search .products li:hover,
.no-touch .search article:hover .event-content {
    background-color: #d5d7d6;
    cursor: pointer
}
@media screen and (min-width: 1276px) {
    .no-touch .search .list-temporary li:hover .description {
        background-color: #d5d7d6;
        cursor: pointer
    }
}
.no-touch .search .event-item.event .text:hover {
    background-color: transparent
}
.no-touch .search .list-temporary li .description,
.no-touch .search .products li,
.no-touch .search article .event-content {
    transition: background-color .3s linear
}
.search .products li {
    padding-bottom: 40px
}
.event-item.event .text a:hover {
    text-decoration: none!important;
    color: #000
}
.banner-sidebar a {
    text-decoration: none!important
}
.event-item.event .event-cycle.arr {
    font-size: 14px;
    margin-bottom: 1px;
    display: inline-block;
    text-decoration: none;
    color: #000
}
.event-item.event .event-cycle.arr:hover {
    text-decoration: underline;
    color: #000
}
.event-item.event .event-content {
    margin-left: 97px
}
.event-cycle.arr:after {
    width: 6px;
    height: 6px;
    top: 6px;
    right: -12px
}
a.lined-header.arr:after {
    height: 12px;
    width: 12px;
    margin-left: 20px;
    right: 30px;
    top: 18px
}
.choise .btn {
    text-align: left
}
.small-banner {
    position: relative;
    margin-bottom: 10px;
    width: 356px;
    height: 133px;
    overflow: hidden;
    display: block;
    text-decoration: none!important
}
.small-banner.side-small-banner {
    height: auto;
    margin: 0;
    width: 100%;
    float: none;
    margin-bottom: 10px;
}
.small-banner img {
    font-size: 0;
    display: block;
    width: 100%;
    transition: opacity .3s linear
}
.small-banner:hover img {
    opacity: .8
}
.small-banner .bg {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px
}
.small-banner .apla-title {
    margin: 0 10px 0 0;
    right: auto;
    left: 10px;
    bottom: 19px;
    padding: 8px!important
}
#menu-main.home .breadcrumb-home {
    display: block;
    height: 0;
    overflow: hidden;
    transition: height .3s linear
}
#menu-main.home li:hover .breadcrumb-home {
    height: 21px
}
#menu-main.home .touch-link {
    z-index: 300
}
.search .event-item.event .event-content {
    margin-left: 0;
    clear: both
}
.modal .options input.search-text {
    height: 39px;
    line-height: 40px
}
#remindTime {
    float: left;
    margin-right: 20px;
    width: 250px
}
.links a.tickets {
    width: 86px!important;
    text-indent: 0!important;
    text-align: center;
    text-transform: uppercase;
    font-size: .70588em;
    line-height: 38px;
    color: #545252;
    font-family: brandon_grotesqueregular;
    background-image: none!important
}
.showCalendar {
    cursor: pointer
}
.calendar-holder {
    position: relative;
    display: inline-block
}
.calendarium.content .day-slider {
    overflow: visible
}
.picker {
    font-size: 10px;
    position: absolute;
    z-index: 200;
    width: 310px;
    display: none
}
.picker a {
    color: #555!important
}
.picker .ui-datepicker-inline {
    font-family: brandon_grotesquemedium
}
.picker .ui-datepicker-inline td {
    line-height: 40px;
    height: 40px
}
.picker .ui-datepicker-inline td a,
.picker .ui-datepicker-inline td span {
    width: 20px;
    width: 40px;
    line-height: 41px;
    height: 40px;
    font-size: 15px;
    padding: 1px 7px 1px 1px!important;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.picker .ui-icon-circle-triangle-w {
    background: url(../images/icons/icon_random.png) -10px -53px;
    width: 16px;
    height: 30px;
    cursor: pointer
}
.picker .ui-icon-circle-triangle-w:hover {
    opacity: .7
}
.picker .ui-icon-circle-triangle-e {
    background: url(../images/icons/icon_random.png) -10px -113px;
    width: 16px;
    height: 30px;
    cursor: pointer
}
.picker .ui-icon-circle-triangle-e:hover {
    opacity: .7
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background: #fff
}
.ui-datepicker th {
    line-height: 12px
}
.ui-datepicker-calendar th span {
    font-size: 13px!important;
    line-height: 18px;
    font-weight: 400;
    padding-top: 8px;
    text-transform: uppercase
}
.ui-datepicker-today a {
    background: #d9fcf6!important;
    border-color: #6adabd!important
}
.ui-datepicker-current-day a {
    color: #fff!important;
    background: #6adabd!important
}
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
    background: 0 0!important;
    border-style: none!important
}
.ui-datepicker-header {
    border-radius: 0!important;
    background: #49545b!important;
    color: #fff!important
}
.ui-datepicker-title {
    text-transform: uppercase;
    font-family: brandon_grotesquemedium!important;
    font-weight: 400!important;
    line-height: 55px!important;
    margin: 0 2.3em!important;
    text-align: center!important;
    font-size: 13px!important;
    letter-spacing: 2px!important
}
.ui-datepicker-month,
.ui-datepicker-year {
    font-size: 13px!important
}
.picker .ui-datepicker-inline {
    width: 310px
}
.ui-datepicker {
    border-radius: 0!important;
    border-color: #49545b!important;
    background: #eceeee!important
}
@media (max-width: 1103px) {
    .top-content,
    .top-sidebar {
        width: 100%;
        padding-right: 0
    }
    .navbar span {
        font-size: 1em
    }
    .navbar .small-info-header {
        font-size: .48em
    }
}
@media (max-width: 1103px) {
    .top-sidebar .color-card .short-divider {
        margin: 5px auto 7px
    }
    .top-sidebar .color-card .address {
       
    }
    .top-sidebar .menu-links {
        margin-top: 0;
        border-style: none
    }
    .top-sidebar .big-event-time {
        padding: 0 10px;
        font-size: .8235em
    }
   
    .top-sidebar .big-event-time span {
        font-size: 10px
    }
    .top-sidebar .big-event-time>div {
        -moz-box-sizing: border-box;
        box-sizing: border-box;
       /* height: 85px; */
        height: auto;
        padding-bottom: 23px;
        padding-top: 23px;
        display: block;
        border-bottom: 1px solid #cfcfcf;
        border-top: 1px solid #cfcfcf
    }
    .top-sidebar .menu-links .menu-link {
        border-style: none;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 10px
    }
    .top-sidebar .menu-links .menu-link span {
        height: 85px;
        border-top: 1px solid #cfcfcf;
        display: block;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-top: 12px
    }
    .top-sidebar .menu-links .menu-link:last-child span {
        border-bottom: 1px solid #cfcfcf
    }
    .top-sidebar .menu-links .menu-link.arr:after {
        top: 33px;
        right: 10px
    }
    .top-sidebar .menu-links .menu-link:last-child {
        padding-right: 0
    }
    .top-sidebar .menu-links,
    .top-sidebar .menu-links .menu-link {
        width: 50%;
        float: left
    }
    .color-card h1 {
        font-size: .8235em
    }
    .bigside {
        font-size: 1.0588em
    }
    .icons-cont {
        margin-top: 0;
        position: absolute;
        top: 0;
        right: 20px
    }
    .content.page-content {
        position: relative;
        padding-top: 36px
    }
}
.additional-side-blocks {
    clear: both
}
@media (max-width: 1103px) and (max-width: 766px) {
    .icons-cont {
        position: static;
        margin-top: 15px
    }
}
@media (max-width: 1103px) and (small: 0) {
    .icons-cont {
        position: static
    }
}
@media (max-width: 1103px) and (max-width: 766px) {
    .content.page-content {
        padding-top: 0
    }
}
@media (max-width: 1103px) and (small: 0) {
    .content.page-content {
        padding-top: 0
    }
}
@media screen and (max-width: 984px) {
    .bottom-content.mnk-content,
    .mnk-sidebar.bottom-sidebar {
        width: 100%
    }
    .mnk-sidebar.bottom-sidebar .side-block {
        width: 100%;
        float: none;
        clear: both;
    }

    .mnk-sidebar.bottom-sidebar h3 {
        margin-bottom: 0
    }
}
.dashboard-content .left.triplet,
.dashboard-content .right.triplet {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-style: none;
    padding: 10px
}
.dashboard-content .triplet:first-child {
    padding-left: 0
}
.dashboard-content .triplet.right,
.dashboard-content .triplet:last-child {
    padding-right: 0
}
.contact-item {
    text-align: center;
    border: 1px solid #cfcfcf;
    border-top-style: none;
    margin-bottom: 19px;
    padding: 0
}
.contact-item .content {
    width: 100%;
    padding: 0 10px 20px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1em
}
.contact-item h2 {
    color: #fff;
    background: #848f96;
    text-transform: uppercase;
    font-weight: 400;
    font-size: .7058em;
    line-height: 1.15em!important;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 27px;
    width: 100%;
    text-align: center;
    font-family: brandon_grotesqueregular;
    margin-bottom: 19px
}
.contact-item .small-info-header {
    border-top: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    padding: 8px 0;
    color: #49545b;
    margin-top: 17px;
    margin-bottom: 22px;
    line-height: 13px
}
.contact-item .small-info-header.bottom {
    margin-bottom: 0
}
.contact-item .content a,
.contact-item .content div {
    font-size: .8235em;
    line-height: 1.01em!important;
    margin-bottom: 12px;
    display: block
}
.contact-item .content div {
    text-transform: uppercase
}
.contact-item .content div.smaller.spaceafter,
.contact-item.smallmargin {
    margin-bottom: 12px
}

.contact-item .content a {
    text-transform: none;
    font-size: 14px!important
}
#media-dashboard .dashboard-content {
    width: 590px
}
#management-dashboard .kontakt .dashboard-content {
    width: 100%;
    padding: 0
}
#media-dashboard .contact-item .smaller,
.contact-item .content a.smaller,
.contact-item .content div.smaller {
    font-size: 12px;
    line-height: 1.15em;
    margin-bottom: 4px
}
#media-dashboard .contact-item .smaller {
    font-size: 11px
}
#media-dashboard .contact-item .name {
    margin-bottom: 4px;
    font-family: brandon_grotesquebold
}
.selecter-selected,
form,
input[type=email],
input[type=password],
input[type=text],
textarea {
    width: 100%;
    max-width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    resize: none;
    margin: 0 auto
}
.shop input[type=text],
input[type=password] {
    margin-bottom: 10px
}
#loginForm input[type=password],
#registerForm input[type=password] {
    font-size: 14px
}
.form-link {
    float: right;
    font-family: brandon_grotesqueregular;
    font-size: 14px;
    text-decoration: none;
    color: #6d767c
}
.selecter-selected,
input[type=email],
input[type=password],
input[type=text] {
    height: 40px;
    padding: 0 20px!important
}
fieldset {
    margin-bottom: 20px
}
.temporary h2 .title {
    padding-top: 6px;
    display: inline-block
}
.selecter-selected,
input[type=email],
input[type=text],
textarea {
    color: #49545b;
    font-size: 14px;
    text-align: left;
    display: block;
    border: 1px solid #cfcfcf
}
.selecter-selected {
    text-transform: uppercase
}
#loginForm #form-messages,
#registerForm #form-messages {
    min-height: 0;
    padding-top: 0
}
.selecter-selected.error,
input[type=email].error,
input[type=mail].error,
input[type=password].error,
input[type=text].error,
textarea.error {
    color: #DA6B6B;
    box-shadow: none;
    border: 1px solid #DA6B6B
}
.selecter-selected.error::-webkit-input-placeholder,
input[type=email].error::-webkit-input-placeholder,
input[type=password].error::-webkit-input-placeholder,
input[type=text].error::-webkit-input-placeholder,
textarea.error::-webkit-input-placeholder {
    color: #DA6B6B
}
.selecter-selected.error:-moz-placeholder,
input[type=email].error:-moz-placeholder,
input[type=password].error:-moz-placeholder,
input[type=text].error:-moz-placeholder,
textarea.error:-moz-placeholder {
    color: #DA6B6B;
    opacity: 1
}
.selecter-selected.error::-moz-placeholder,
input[type=email].error::-moz-placeholder,
input[type=password].error::-moz-placeholder,
input[type=text].error::-moz-placeholder,
textarea.error::-moz-placeholder {
    color: #DA6B6B;
    opacity: 1
}
.selecter-selected.error:-ms-input-placeholder,
input[type=email].error:-ms-input-placeholder,
input[type=password].error:-ms-input-placeholder,
input[type=text].error:-ms-input-placeholder,
textarea.error:-ms-input-placeholder {
    color: #DA6B6B
}
select.error+.selecter-selected {
    color: #DA6B6B;
    border-color: #DA6B6B
}
.group.error + span {
    color: #da6b6b;
}
.dashboard form {
    width: 602px;
    margin: 0 auto
}
.dashboard form#plannerMatrix {
    width: 636px
}
.selecter-selected {
    margin-left: 0!important;
    margin-right: 0!important
}
textarea {
    line-height: 16px;
    padding: 10px 20px
}
input[type=submit] {
    height: 44px;
    line-height: 44px;
    padding: 0 29px;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .07rem;
    font-family: brandon_grotesquebold;
    background: #49545b;
    box-shadow: none;
    border-style: none
}
input[type=submit]:hover {
    background: #6adabd
}
.selecter .selecter-item {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
input[type=checkbox] {
    display: none
}
input[type=checkbox]+label span {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    border: 1px solid #cfcfcf;
    cursor: pointer;
    position: relative
}
input[type=checkbox].error+label span {
    border-color: #DA6B6B
}
input[type=checkbox].error+label+.label {
    color: #DA6B6B!important
}
.error-hint {
    font-size:16px;
    color: #DA6B6B;
    max-height:0;
    opacity:0;
    transition-duration: 0.5s;
	overflow:hidden;
}
.error .error-hint {
    opacity:1;
    max-height: 30px;
}
input[type=checkbox]:checked+label span:before {
    content: '✔';
    position: absolute;
    top: -11px;
    left: 0
}
.list-content.top-content {
    padding-top: 0
}
.list-content.top-content>.article-banner {
    margin-bottom: 20px
}
.list-content .text {
    padding-left: 0
}
@media (max-width: 766px) {
    .picker {
        width: auto;
        position: fixed;
        left: 10px;
        top: 20px;
        right: 10px;
        overflow: hidden
    }
    .picker .ui-datepicker-inline {
        width: 100%
    }
    .picker .ui-datepicker-inline td a {
        width: auto
    }
}
@media (small: 0) {
    .picker {
        width: auto;
        position: fixed;
        left: 10px;
        top: 20px;
        right: 10px;
        overflow: hidden
    }
    .picker .ui-datepicker-inline {
        width: 100%
    }
    .picker .ui-datepicker-inline td a {
        width: auto
    }
}
.cycle-slide .inside {
    cursor: pointer;
    -moz-transform: rotate(0)
}
.cycle-slide .inside img {
    border: 1px solid transparent;
    transition: opacity .3s linear;
    opacity: 1;
    -moz-backface-visibility: hidden;
    -moz-transform: rotate(0)
}
.cycle-slide .inside:hover img {
    opacity: .8
}
.cycle-slide .inside .description {
    transition-property: padding-bottom, background-color;
    transition-duration: .4s
}
.cycle-slide .inside:hover .description {
    padding-bottom: 15px!important;
    height: auto!important
}
.photo-driver li>a {
    cursor: pointer;
    -moz-transform: rotate(0)
}
.photo-driver li>a img {
    border: 1px solid transparent;
    transition: opacity .3s linear;
    opacity: 1;
    -moz-backface-visibility: hidden;
    -moz-transform: rotate(0)
}
.photo-driver li>a:hover img {
    opacity: .8
}
.universal-list.download a:hover h4 {
    text-decoration: underline
}
.calendarium .day-slider a:hover {
    color: #6adabd
}
.fotogalery .foto-lists .foto-column li a .photo .title h4 {
    line-height: inherit;
    padding: 0;
    box-shadow: 10px 0 0 rgba(0, 0, 0, .6), -10px 0 0 rgba(0, 0, 0, .6)!important
}
.hover-mask {
    background: #362f32;
    height: 100%;
    opacity: .2;
    position: absolute;
    top: 0;
    -webkit-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition-duration: 400ms;
    transition-property: all;
    transition-timing-function: ease-out;
    width: 0;
    z-index: 10;
    left: -40%;
    -webkit-transform: skew(-20deg, 0deg);
    transform: skew(-20deg, 0deg)
}
.overlay-name {
    overflow: hidden
}
.calendarium .day-lists .column li .description {
    padding: 20px 20px 20px 10px;
    font-size: 14px;
    line-height: 18px;
    font-family: brandon_grotesqueregular;
    background-color: #eceeee;
    float: left;
    margin: 0
}
.overlay-name:hover .hover-mask {
    -webkit-transform: skew(0deg, 0deg);
    transform: skew(0deg, 0deg);
    width: 140%
}
.education .education-list li a:hover {
    color: #000
}
.education .education-list li.indentation-2:hover {
    background-color: #CFCFCF;
    cursor: pointer
}
.cycle-items li a {
    cursor: pointer;
    -moz-transform: rotate(0)
}
.cycle-items li a img {
    transition: opacity .3s linear;
    opacity: 1;
    -moz-backface-visibility: hidden;
    -moz-transform: rotate(0)
}
.cycle-items li a:hover img {
    opacity: .8
}
.cycle-items li span.title {
    transition: background-color .3s linear
}
.cycle-items li a:hover span.title {
    background: #75838B!important
}
@media (max-width: 766px) {
    #menu-main li a:hover {
        color: #000
    }
    #menu-main .is-child li.selected {
        background: #6adabd
    }
    #menu-main .is-child li.selected a,
    #menu-main .is-child li.selected a:hover {
        color: #fff
    }
}
@media (small: 0) {
    #menu-main li a:hover {
        color: #000
    }
    #menu-main .is-child li.selected {
        background: #6adabd
    }
    #menu-main .is-child li.selected a,
    #menu-main .is-child li.selected a:hover {
        color: #fff
    }
}
.shop .pomotions a.text,
.shop .products a.text {
    text-decoration: none;
    color: #000
}
.shop .center-content .bestsellers li,
.shop .center-content .products li {
    transition: background-color .3s linear 0s;
    cursor: pointer
}
.shop .center-content .bestsellers li:hover,
.shop .center-content .products li:hover {
    background-color: #d5d7d6
}
.calendarium .day-slider {
    overflow: visible!important
}
.temporary h2 .expander-label {
    margin-top: 12px!important
}
.temporary .mnk-sidebar .permanent li a.bg {
    color: #fff!important;
    padding: 10px 0!important
}
.filters.overflowing {
    overflow: visible!important
}
.maingal-desc {
    background-color: rgba(0, 0, 0, .6);
    bottom: 23px;
    left: 17px;
    width: 39%;
    color: #fff;
    font-family: brandon_grotesqueregular;
    font-size: 12px;
    line-height: 15px;
    padding: 10px;
    position: absolute;
    white-space: normal
}
.right-promo .price-buttons a.add {
    text-indent: -9999px
}
.shop .right-promo .pomotions li .price-buttons .add {
    background-position: -240px -202px!important
}
.card-empty {
    display: block;
    position: relative;
    top: -16px
}
.search-header .selecter-holder.medium {
    float: left;
    margin-left: 20px;
    width: 19%
}
.page-content.calendarium .column .links a.tickets {
    width: 91px!important
}
.page-content.calendarium .column .links a[href].tickets:hover {
    color: #6fd9bc
}
.page-content.calendarium .column .links {
    margin-bottom: 20px!important;
    display: block;
    height: 37px;
    clear: both;
    background-color: #eceeee;
    border-top: 1px solid #cfcfcf
}
.calendarium .day-lists .column li .links a {
    width: 43px!important;
    text-align: center
}
@media (max-width: 1384px) {
    .page-content.calendarium .column .links a.tickets {
        width: 50%!important
    }
    .calendarium .day-lists .column li .links a {
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 25%!important
    }
}
.shop-dash-holder {
    width: 180px;
    height: 153px;
    float: left;
    overflow: hidden;
    margin-right: 10px
}
.shop-dash-holder img {
    width: 100%;
    height: auto
}
.shop-dash-holder.promo {
    float: none;
    width: 100%;
    margin-right: 0
}
.dashboard-content .shop-item .info .text {
    height: 57px;
    overflow: hidden
}
.fotogalery .foto-lists .foto-column li a .photo .title {
    max-width: 80%
}
.slider-extra .left span {
    font-size: 15px!important;
    letter-spacing: .03rem
}
.slider-extra .right {
    font-size: 14px!important;
    line-height: 17px;
    letter-spacing: .03rem;
    float: left
}
.shop .center-content .products li img {
    margin-bottom: 10px
}
.exhibition .left-side .mnk-sidebar .foto-header .date-text,
.exhibition .left-side .mnk-sidebar .foto-header .main-text {
    z-index: 100
}
.exhibition .left-side .mnk-sidebar .foto-header .overlay {
    background-color: rgba(0, 0, 0, .6)
}
.exhibition .mnk-content .even .event-content .header .tick {
    float: right;
    text-transform: uppercase;
    color: #fff;
    font-family: brandon_grotesqueregular;
    font-size: 12px;
    margin-right: 10px
}
.exhibition .mnk-content .even .event-content .header .tick a.eventsTicketInfo {
    color: #fff;
    margin-right: 10px
}
.shop .add,
.shop .center-content .bestsellers li .price-buttons .add,
.shop .center-content .products li .price-buttons .add,
.shop .center-content .products li.half .price-buttons .add,
.shop .center-content .search-header .search,
.shop .double-center .last-buttons .back,
.shop .double-center .last-buttons .done,
.shop .double-center .step .login .submit,
.shop .double-center .step label,
.shop .right-promo .pomotions li .price-buttons .add,
.shop .right-promo .your-basket .order {
    transition: background-color .3s linear
}
.last-buttons .link {
    float: right;
    clear: both;
    margin-top: 30px;
    margin-bottom: 20px;
    color: #333;
    margin-right: 10px;
    font-size: 14px
}
.last-buttons .link:hover {
    color: #6adabd
}
.shop .center-content .detail .price-buttons .add:hover,
.shop .right-promo .pomotions li .price-buttons .add:hover {
    background-color: #56626c
}
.shop .center-content .search-header .search:hover {
    background-color: #59C4A9
}
.shop .center-content .bestsellers li .price-buttons .add:hover,
.shop .center-content .products li .price-buttons .add:hover,
.shop .center-content .products li.half .price-buttons .add:hover,
.shop .double-center .last-buttons .done:hover,
.shop .double-center .step .login .submit:hover,
.shop .right-promo .your-basket .order:hover {
    background-color: #2D363C
}
.shop .double-center .last-buttons .back:hover {
    background-color: #6adabd;
    color: #fff
}
.shop .double-center .step .login .link:hover {
    text-decoration: underline
}
.shop input[type=text]:focus {
    border-color: #49545b
}
.shop .double-center .step label:hover {
    background-color: #E7E7E7
}
@media (max-width: 766px) {
    .content.page-content {
        padding-top: 110px!important
    }
}
@media (small: 0) {
    .content.page-content {
        padding-top: 110px!important
    }
}
.foto-column>li {
    opacity: 0;
    transition-property: opacity;
    transition-duration: .4s
}
.foto-column {
    background-image: url(../images/preloader.gif);
    background-position: center 89px;
    background-repeat: no-repeat;
    background-size: 64px 64px
}
.foto-column.loaded {
    background-image: none
}
@media (max-width: 766px) {
    .calendarium .day-lists .column,
    .calendarium .day-lists .column li {
        width: 100%!important;
        margin-left: 0!important;
        margin-right: 0!important
    }
    .content.page-content.calendarium {
        padding-left: 10px!important;
        padding-right: 10px!important
    }
}
@media (small: 0) {
    .calendarium .day-lists .column,
    .calendarium .day-lists .column li {
        width: 100%!important;
        margin-left: 0!important;
        margin-right: 0!important
    }
    .content.page-content.calendarium {
        padding-left: 10px!important;
        padding-right: 10px!important
    }
}
@media (max-width: 766px) {
    .calendarium .filters .choise .function {
        clear: both
    }
    .calendarium .filters .choise {
        float: none!important
    }
}
@media (small: 0) {
    .calendarium .filters .choise .function {
        clear: both
    }
    .calendarium .filters .choise {
        float: none!important
    }
}
@media screen and (max-width: 1300px) {
    .calendarium .filters .choise {
        float: none!important
    }
}
.content.calendarium .filters {
    overflow: visible!important
}
.ico {
    display: inline-block;
    background-image: url(../images/icons/icon_random.png)
}
.calendar.ico {
    background-position: -136px -7px;
    height: 30px;
    width: 19px;
    vertical-align: middle
}
.handicap-info {
    width: 100%;
    height: 55px;
    text-align: center;
    margin-top: 7px
}
.handicap-info .icon {
    width: 23px;
    height: 23px;
    display: inline-block;
    margin: 6px
}
.handicap-info .icon:hover use {
    fill: #3B444A
}
.handicap-info .icon.audiodescription {
    height: 25px;
    margin-bottom: 2px;
    width: 29px;
    margin-right: 2px;
    margin-left: 0
}
.handicap-info .icon.wheelchair {
    height: 28px;
    margin-bottom: 0;
    width: 28px;
    margin-right: 0
}
.handicap-info .icon.wifi {
    margin-left: 1px;
    margin-bottom: 4px
}
.handicap-info .icon.coffee {
    margin-bottom: 5px;
    height: 28px;
    width: 27px
}
.mnk-content.full {
    width: 100%;
    padding-right: 0
}
.branch-item {
    width: 654px;
    float: left;
    margin-bottom: 20px
}
.branch-item .right {
    border-right: 1px solid #eceeee;
    background: #fff
}
.branch-item .right a {
    text-decoration: none;
    color: #333
}
.branch-item .address,
.branch-item h2 {
    font-size: .9411em;
    font-weight: 400;
    margin: 0;
    text-transform: uppercase;
    height: 90px;
    position: relative
}
.branch-item .address>span,
.branch-item h2 span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -webkit-transform: -webkit-translateY(-50%);
    width: 100%;
    text-align: center;
    line-height: 17px;
    padding-top: 3px
}
.branch-item .branch-phone {
    color: #7e8e98;
    font-size: 12px;
    display: block;
    font-family: brandon_grotesquebold
}
.branch-item .address {
    background-color: #eceeee;
    font-size: 14px;
    font-family: brandon_grotesquebold
}
.branch-item .header-m {
    background: #9ba8b0;
    position: relative
}
.branch-item .header-m a {
    background-color: #9ba8b0;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-size: .70588em;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -webkit-transform: -webkit-translateY(-50%);
    position: absolute;
    letter-spacing: .05rem;
    height: 48px;
    line-height: 48px;
    display: block
}
.branch-item .header-m a:hover {
    background-color: #6adabd
}
.branch-item .text {
    margin-bottom: 0!important;
    height: 160px;
    height: 149px;
    text-align: center;
    font-size: 12px;
    font-family: brandon_grotesquemedium!important;
    text-transform: uppercase
}
.branch-item h3 {
    text-transform: uppercase;
    font-size: 1.3333em;
    font-weight: 400;
    margin: 13px 0 0
}
.branch-item .short-divider {
    margin: 3px auto 7px
}
.branch-item a.goto {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}
.branch-item a.locate {
    width: 48px;
    right: 0;
    background-size: 50px 50px;
    background-image: url(../images/icons/location.png);
    border-left: 1px solid #adbdc6
}
.branch-item img {
    display: block
}
@media (min-width: 767px) and (max-width: 1364px) {
    .branch-item {
        width: 50%
    }
}
.branch-item.left {
    padding-right: 10px
}
.branch-item.right {
    padding-left: 10px
}
.big-branch,
.branch-link {
    cursor: pointer;
    -moz-transform: rotate(0)
}
.big-branch img,
.branch-link img {
    border: 1px solid transparent;
    transition: opacity .3s linear;
    opacity: 1;
    -moz-backface-visibility: hidden;
    -moz-transform: rotate(0)
}
.big-branch:hover img,
.branch-link:hover img {
    opacity: .8
}
.branch-link {
    position: relative;
    display: block;
    float: left;
    overflow: hidden;
    margin-bottom: 10px
}
.branch-link img {
    display: block
}
.branch-link .apla-title {
    font-size: 22px;
    padding: 4px 10px!important;
    left: auto;
    right: 22px
}
@media screen and (min-width: 1270px) {
    .branch-link .apla-title {
        max-width: 84%
    }
}
.branch-main {
    width: 66.4%;
    float: left
}
.branch-main .branch-link {
    width: 50%;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.branch-main .branch-link.first {
    padding-right: 5px
}
.branch-main .branch-link.last {
    padding-left: 5px
}
.branch-side {
    width: 33.6%;
    float: right;
    padding-left: 10px
}
.card-holder>a {
    text-decoration: none;
    display: block
}
.big-branch {
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px
}
a.big-branch,
a.branch-link {
    text-decoration: none
}
.big-branch img {
    display: block
}
.big-branch>div {
    top: 30px;
    left: 30px;
    position: absolute;
    max-width: 93.6%;
    opacity: .9;
    transition: opacity .3s linear
}
.big-branch>div .apla-title {
    position: static;
    display: block;
    font-size: 33px;
    float: left;
    padding: 9px 15px
}
.big-branch>div h2 {
    font-size: 22px;
    display: inline-block;
    text-transform: uppercase;
    color: #000;
    font-weight: 400;
    background: rgba(255, 255, 255, .75);
    float: left;
    clear: both;
    margin: 0;
    padding: 3px 20px
}
.big-branch:hover>div {
    opacity: 1
}
.branch-location {
    width: 100%;
    height: 172px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 20px;
    margin-bottom: 10px;
    background-position: 0 -75px;
}
.branch-location .address {
    background: #fff;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    font-size: 16px;
    width: 75%;
    margin: 0 auto;
    padding: 18px 0;
    line-height: 19px
}
.branch-location a {
    width: 188px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    background: #6d767c;
    display: block;
    font-size: .70588em;
    line-height: 35px;
    margin: 135px auto 0
}
.branch-location a:hover {
    color: #fff;
    background: #4b565c
}
.branch-side .color-card,.branch-side-block .color-card {
  height: 208px;
  margin-bottom: 10px;
  font-size: 18px;
  font-family: brandon_grotesqueregular;
}


.branch-link.short {
    height: 96px
}
.branch-side .color-card h1, .branch-side-block .color-card h1 {
  margin-bottom: 12px;
  font-size: 18px;
}

@media (max-width: 1103px) {
    .branch-side .color-card,.branch-side-block .color-card, 
    .branch-side .color-card h1, .branch-side-block .color-card h1 {
        font-size: 15px;
    }
    .branch-side .color-card h1, .branch-side-block .color-card h1{
        margin-bottom: 5px
    }
}
.big-map-holder {
    position: relative
}
#big-branch-map {
    position: absolute;
    top: 0;
    bottom: 10px;
    right: 0;
    left: 0;
    z-index: 300;
    display: none
}
#close-map {
    position: absolute;
    cursor: pointer;
    top: 7px;
    right: 4px;
    height: 37px;
    width: 37px;
    background: url(../images/icons/dark_close.png);
    z-index: 301;
    display: none
}
.event-item.event.nophoto .text {
    min-height: 0
}
.event-item.event header .event-time.double {
    font-size: 13px
}
@media screen and (max-width: 550px) {
    .event-item.on-list .event-type,
    .header-links div {
        font-size: .5em;
        margin-right: 8px
    }
    .event-item.event .text {
        padding: 20px
    }
}
.filters.branch-content {
    padding-right: 0
}
.branch-content .selecter-holder.medium {
    width: 145px;
    margin-right: 0
}
.calendarium .filters.branch-content .choise .function {
    margin-left: 17px
}
.fotogalery .foto-lists .foto-column.two-cols li {
    width: 49%
}
.fotogalery .foto-lists .foto-column.three-cols li {
    width: 33.3%;
    background: #fff;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px
}
@media screen and (max-width: 750px) {
    .fotogalery .foto-lists .foto-column.three-cols li {
        width: 100%
    }
    .branches-page .fotogalery .foto-lists {
        margin: 0!important
    }
    .branches-page .top-sidebar .menu-links .menu-link {
        margin-top: 0;
        position: relative;
        margin-bottom: 0;
        height: 64px;
        width: 100%;
        border-bottom: 1px solid #cfcfcf;
        float: left
    }
    p.description.gallery-list {
        margin-bottom: 0
    }
    .branches-page .top-sidebar .menu-links .menu-link:nth-child(even) {
        float: right
    }
    .top-sidebar .menu-links .menu-link:last-child span {
        border-bottom-style: none
    }
    .top-sidebar .menu-links .menu-link span {
        padding-top: 0;
        left: 10px;
        right: 10px;
        text-align: center;
        position: absolute;
        height: auto;
        top: 50%;
        font-size: 15px;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        border-style: none
    }
}
.fotogalery .foto-lists .foto-column.three-cols li .about {
    background: #eceeee;
    margin: 0
}
@media screen and (max-width: 600px) {
    .fotogalery .foto-lists .foto-column.two-cols li {
        width: 45%
    }
}
.inner-slider-control.disabled {
    visibility: hidden
}
.exhibition .bottom {
    position: relative
}
.bottom .pagination {
    min-width: 117px;
    text-align: right;
    width: auto;
    z-index: 900;
    position: absolute;
    bottom: 14px;
    right: 0
}
#exhNext.disabled,
#exhPrev.disabled {
    visibility: hidden
}
.branches-page .menu-links {
    margin-bottom: 23px
}
.exhibition .text-functions>span.print-warning span {
    font-size: 12px
}
.see-all.page {
    border-bottom-style: none;
    color: #000;
    font-family: brandon_grotesquebold;
    font-size: 1.1764em;
    letter-spacing: .1rem;
    margin-bottom: 31px;
    padding-right: 15px;
    padding-top: 10px;
    text-align: right;
    text-transform: uppercase
}
.see-all.page span {
    font-size: inherit
}
.see-all.page:hover {
    color: #6adabd
}
.branches-page .temporary .list-temporary {
    margin-top: 20px
}
.menu-link.selected {
    background: #6adabd;
    color: #fff
}
.menu-link.selected.arr:after {
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff
}
#newsletter-popup .options {
    padding: 0
}
.modal.large .options .inputbutton .search-text,
.modal.large .options .inputbutton a {
    float: left
}
.modal.large .options .inputbutton .search-text {
    width: 80%;
    height: 48px;
    line-height: 48px;
    margin-right: 0!important
}
.modal.large .options .inputbutton a {
    width: 20%
}
.left-side .description a {
    color: #678780;
    text-decoration: none
}
.left-side .description a:hover {
    text-decoration: underline
}
.sidepublication {
    width: 110px;
    height: auto;
    overflow: hidden;
    position: relative;
    display: block;
    float: left;
    margin-right: 10px
}
.side-block.has-content .sidepublication img {
    width: 100%;
    height: auto;
    margin: 0
}
@media screen and (max-width: 766px) {
    #beta-newsletter,
    #beta-popup,
    #english-popup {
        display: none
    }
    #beta-newsletter.is-shown,
    #beta-popup.is-shown,
    #english-popup.is-shown {
        display: block
    }
    .shown-wrapper {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        overflow: scroll;
        z-index: 9999
    }
    .shown-wrapper .reveal-modal.large {
        top: 5%!important
    }
    .lightbox .lb-outerContainer {
        margin-top: 5%!important
    }
    body.modal-open {
        overflow: hidden;
        position: fixed!important;
        width: 100%;
        height: 100%
    }
    .lightbox {
        position: fixed!important;
        top: 0!important;
        bottom: 0;
        overflow: scroll
    }
}
#english-popup .botcheck,
#newsletter-popup .botcheck {
    float: left
}
.botcheck.error+span {
    color: #da6b6b
}
#english-popup .bot-info,
#newsletter-popup .bot-info {
    float: left;
    width: 88%;
    margin-top: -3px;
    margin-left: 1%
}
#newsletter-popup {
    padding-bottom: 66px
}
.dash1.dashboard-content .left {
    width: 100%;
    border-style: none
}
.dash1.dashboard-content .right {
    display: none
}
.ticket-partner {
    display: block;
    float: left;
    opacity: .8;
    width: 21%;
    margin-top: 6px
}
.modal .button.ticket-button {
    width: 45%;
    float: right;
    margin-bottom: 20px
}
.reveal-modal .bottom {
    width: 100%;
    position: relative;
    min-height: 20px
}
.modal .ticketcontent {
    height: 270px;
    margin-bottom: 20px;
    position: relative;
    margin-top: 20px;
    padding-bottom: 40px;
    font-family: brandon_grotesqueregular;
    font-size: 15px
}
.modal .ticketcontent .tiny-overview {
    padding-bottom: 80px
}
.modal .ticketcontent .tiny-viewport {
    width: 98%;
    overflow: hidden;
    bottom: 0;
    padding-bottom: 20px;
    height: 280px
}
.ticketcontent .tiny-scrollbar {
    cursor: pointer
}
#ask-popup,
#tickets-popup {
    top: 5%
}
@media screen and (min-height: 810px) {
    #ask-popup,
    #tickets-popup {
        top: 15%
    }
}
.label.lighter {
    color: #919191
}
.icon:hover {
    fill: red
}
#functions .icon {
    width: 30px;
    height: 30px;
    display: block
}
svg {
    fill: errorColorName
}
.icon {
    fill: #49545b
}
.icon:hover use {
    fill: #6adabd
}
.handicap-info .icon.blind {
    background-position: -50px -152px
}
.handicap-info .icon.deaf {
    background-position: -7px -152px
}
.handicap-info .icon.wheelchair {
    background-position: -90px -152px
}
.branch-location.sukiennice {
    background-image: url(../images/branch_maps/sukiennice.png)
}
.branch-location.gmach-glowny {
    background-image: url(../images/branch_maps/1map.jpg)
}
.branch-location.hutten {
    background-image: url(../images/branch_maps/muzeum_czapskich.png)
}
.branch-location.matejko {
    background-image: url(../images/branch_maps/dom_matejki.png)
}
.branch-location.szolayscy {
    background-image: url(../images/branch_maps/kamienica_szolayskich.png)
}
.branch-location.czartoryscy {
    background-image: url(../images/branch_maps/czartoryscy.png)
}
.branch-location.atma {
    background-image: url(../images/branch_maps/muzeum_k_szymanowskiego.png)
}
.branch-location.mehoffer {
    background-image: url(../images/branch_maps/dom_mehoffera.png)
}
.branch-location.ciolek {
    background-image: url(../images/branch_maps/palac_erazma_ciolka.png)
}
.branch-location.europeum {
    background-image: url(../images/branch_maps/europeum.png)
}
@media screen and (max-width: 1200px) {
    .text>table {
        width: 96%!important
    }
}
@media screen and (max-width: 850px) {
    .mnk-content .text,
    .text>table,
    .text>table tbody,
    .text>table td,
    .text>table th,
    .text>table thead,
    .text>table tr {
        display: block;
        width: 100%!important
    }
    .text>table,
    .text>table tr {
        height: auto!important
    }
    .text>table tr td:first-child {
        padding-right: 0
    }
    .text>table ul {
        width: 100%;
        padding: 20px;
        box-sizing: border-box
    }
}
@media screen and (min-width: 767px) and (max-width: 1275px) {
    .event-item.event .text {
        width: calc(100% - 270px)!important;
        padding-bottom: 0;
        min-height: 270px
    }
    .event-item.event.nophoto .text {
        width: 100%!important
    }
    .search .event-item.event .text {
        width: auto!important
    }
}
.article-banner .slider-header h1 {
    font-size: 1em
}
.article-banner .slider-header .slider-cycle {
    background: rgba(32, 37, 40, .75);
    position: absolute;
    font-size: 18px;
    color: #fff;
    top: -36px;
    line-height: normal;
    padding-top: 10px;
    text-decoration: none;
    box-shadow: 20px 0 0 rgba(32, 37, 40, .75), -20px 0 0 rgba(32, 37, 40, .75)
}
.article-banner .slider-header .slider-cycle+.separate {
    position: absolute;
    top: 5px
}
.slider-header.nofoto .slider-cycle {
    color: #333;
    text-decoration: none;
    font-size: 18px
}
.slider-header.nofoto .separate {
    border-color: #333;
    margin-top: -9px;
    margin-bottom: 7px
}
.article-banner .slider-header .slider-cycle:hover {
    color: rgba(255, 255, 255, .8)
}
.slider-header .separate {
    margin-bottom: 0
}
.event-view {
    float: left;
    display: none
}
.event-view .icon {
    display: block;
    height: 23px;
    width: 26px;
    cursor: pointer;
    float: left;
    margin-top: 11px;
    margin-right: 5px;
    fill: #333
}
.event-view .icon.list {
    margin-top: 13px;
    width: 21px
}
.icon.selected use {
    fill: #6adabd
}
.calendarium .day-lists .column li .overlay-name {
    float: left;
    position: relative;
    width: 100%;
    overflow: hidden
}
@media screen and (max-width: 1100px) {
    .printtrigger {
        display: none!important
    }
}
#submenu {
    list-style-type: none;
    width: auto;
    position: relative;
    left: -1px;
    border: 1px solid #cfcfcf;
    display: inline-block;
    background: url(../images/menubg.png) #fff;
    margin-top: 0;
    font-size: 0;
    top: -12px;
    margin-left: 181px;
    margin-right: 23px
}
#submenu.page9 {
    float: right
}
#submenu li {
    width: auto;
    background: 0 0;
    display: inline-block
}
#submenu li.selected,
#submenu li:hover {
    background: #6adabd
}
#submenu li.selected a,
#submenu li:hover a {
    color: #fff
}
#submenu li a {
    border-bottom-style: none;
    font-size: 12px
}
#submenu li:after,
#submenu li:before {
    display: none!important
}
#submenu.page10 li a {
    margin-left: 17px;
    margin-right: 17px
}
@media screen and (min-width: 767px) {
    #menu-main>li.selected .main-item-inner {
        height: 51px
    }
    #menu-main>li#main-item-1 {
        margin-right: 31px
    }
    #menu-main>li#main-item-2 {
        margin-right: 25px
    }
    #menu-main>li.pg#main-item-3 {
        margin-right: -15px
    }
    #menu-main>li.pg#main-item-3.selected {
        margin-right: -1px
    }
    #menu-main>li.pg#main-item-4.selected .main-item-inner {
        padding: 23px 10px 0
    }
    #menu-main>li#main-item-4 {
        margin-right: 0
    }
    #menu-main>li#main-item-2>h3 {
        letter-spacing: .116rem
    }
    #menu-main>li#main-item-1>h3 {
        letter-spacing: .13rem
    }
    .kir-logo {
        position: absolute;
        right: -47px;
        top: 19px;
        width: 89px!important;
        z-index: 8889;
        transition: top .6s ease-in-out;
        display: none
    }
    .page #header-logo .kir-logo {
        display: none
    }
    .page .kir-logo {
        top: 84px
    }
    .mourn .kir-logo,
    .mourn.page #header-logo .kir-logo {
        display: block
    }
    .mourn #sidebar-puller {
        background-color: #7f8483
    }
    .mourn #sidebar-body {
        border-color: #7f8483
    }
    .mourn #sidebar-puller>div {
        background-image: url(../images/icons/info_bw.png)
    }
    #header-logo {
        position: relative
    }
    .no-touch .full #header-over #header-logo {
        text-align: center
    }
    .full #header-over #siteheader .logo {
        margin-top: 18px;
        position: static;
        height: 44px;
        background-size: 172px auto;
        background-position: -14px -37px;
        transition: height .3s linear;
        overflow: hidden;
        width: 89px;
        display: inline-block
    }
    .full #header-over #siteheader .logo svg {
        width: 89px;
        height: 83px
    }
    #menu-main>li.selected {
        padding: 0
    }
    #menu-main>li.selected .main-item-inner {
        border: 1px solid #CFCFCF;
        border-bottom: 1px solid #fff;
        border-top: 1px solid #CFCFCF;
        margin-top: 2px;
        padding: 23px 11px 0;
        position: relative;
        background: #fff;
        width: auto
    }
    .icons-cont {
        float: right;
        position: static
    }
    .color-card {
        min-height: 148px
    }
    .temporary .list-temporary li {
        padding-left: 97px
    }
    .ctr-content>span {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -webkit-transform: -webkit-translateY(-50%);
        left: 8px!important;
        right: 8px!important;
        text-align: center
    }
    .open.ctr-content>span {
        left: 2px!important;
        line-height: 12px;
        right: 2px!important
    }
    .submenu-holder {
        min-height: 20px
    }
}
@media screen and (max-width: 766px) {
    body.full {
        overflow: auto;
        height: 100%
    }
    body.has-expanded-menu {
        height: 100%;
        position: fixed;
        overflow-y: hidden
    }
    .hide-for-tablet {
        display: none!important
    }
    .hide-for-desktop {
        display: block
    }
    #header-logo .logo {
        height: 66px;
        width: 66px;
        background-position: -30px -31px;
        background-size: 130px auto;
        top: 50%;
        left: 50%;
        margin-top: -33px;
        margin-left: -33px
    }
    .page #header-logo .logo {
        position: absolute
    }
    #header-logo,
    .full #header-over #header-logo {
        width: 100px;
        height: 100px;
        border-style: none
    }
    .full #header-over #siteheader .logo svg,
    .page #header-logo svg {
        width: 65px;
        height: 65px;
        margin-top: 0
    }
    .slider-data {
        white-space: nowrap
    }
    .notype.slider-data {
        left: -18px
    }
    .full #header-over #siteheader .logo svg {
        margin-top: 32px
    }
    #menu-main.home .breadcrumb-home {
        display: none!important
    }
    #menu-main.home .touch-link {
        z-index: 90
    }
    #menu-main>li.is-expanded .dashboard-menu.is-child {
        display: block
    }
    li.event-item header .header-links {
        display: none
    }
    .calendarium .event-item.event header .event-time {
        width: 74px;
        font-size: 11px
    }
    .calendarium .day-lists .column li .overlay-name {
        margin-left: 0;
        width: 30%!important;
        height: auto!important
    }
    .calendarium .day-lists .column li.event {
        background: #fff
    }
    .calendarium .day-lists .column li .description {
        min-height: 0
    }
    li.event-item header .event-type {
        border-style: none!important
    }
    .banner-sidebar.calendar-banners img {
        max-height: 1000px;
        min-width: 0;
        width: 100%
    }
    .list-temporary .title>a {
        padding-right: 0
    }
    .mnk-content.nofoto .slider-header {
        font-size: 26px;
        padding-right: 0
    }
    .additional-side-blocks {
        display: none
    }
    .additional-side-blocks.show-for-small {
        display: block
    }
    .additional-side-blocks.show-for-small .side-block {
        display: none
    }
    .additional-side-blocks.show-for-small .side-block:nth-child(1),
    .additional-side-blocks.show-for-small .side-block:nth-child(2),
    .additional-side-blocks.show-for-small .side-block:nth-child(3) {
        display: block
    }
    .content.page-content.content-w-file {
        padding-top: 0!important
    }
    .article-banner .slider-header {
        display: none!important
    }
    .education-list {
        margin-top: 30px
    }
    .color-card {
        margin-top: 10px;
        margin-bottom: 10px;
        height: auto;
        padding: 20px
    }
    .slider-header.mobile-header {
        background: 0 0;
        box-shadow: none;
        line-height: 28px;
        font-size: 26px;
        margin-bottom: 12px;
        display: block;
        color: #000;
        margin-top: 18px
    }
    .event-list-item,
    .mnk-content.list-container,
    .mnk-content.list-content {
        width: 100%
    }
    .slider-header.show-for-small .slider-cycle {
        color: #000;
        font-size: 14px;
        text-decoration: none
    }
    .slider-header.show-for-small .separate {
        border-color: #000;
        margin-bottom: 6px;
        margin-top: 6px
    }
    .top-sidebar .big-event-time {
        background: #eceeed
    }
    .top-sidebar .big-event-time>div {
        border-style: none!important
    }
    .navbar {
        height: auto;
        margin: 0 0 20px!important;
        padding-top: 0!important;
        padding-left: 2%;
        padding-right: 2%
    }
    .wysiwyg-text .navbar {
        padding-left: 0;
        padding-right: 0
    }
    .navbar>a {
        display: block;
        width: 100%!important;
        max-width: 100%!important;
        border-top: 1px solid #d9d9d9;
        float: none;
        text-align: center!important;
        padding: 8px 31px;
        box-sizing: border-box
    }
    .navbar>a.not(.hide-for-small) {
        display: block!important
    }
    .navbar>a.left,
    .navbar>a.right {
        background: #4b565c;
        color: #fff
    }
    .navbar .arr:after {
        left: 18px!important;
        margin-top: -11px!important;
        border-color: #fff
    }
    .navbar .arr.right:after {
        left: auto!important;
        right: 18px!important
    }
    .navbar a.small-info-header:nth-child(2) {
        margin: 0!important;
        line-height: 50px!important
    }
    .navbar .small-info-header {
        max-width: 79%;
        margin: 2px auto 0
    }
    .left.social {
        margin-bottom: 20px
    }
    .calendarium.fotogalery .filters .selecter-holder.medium {
        margin: 0;
        padding: 0;
        width: 60%;
        clear: none;
        float: right
    }
    .calendarium.fotogalery .filters .choise.pagination-holder {
        clear: both!important;
        padding-top: 7px
    }
    .description.gallery-list {
        padding-bottom: 16px!important
    }
    .big-branch img,
    .branch-main .branch-link {
        width: 100%
    }
    .branch-main .branch-link.first {
        padding-right: 0
    }
    .branch-main .branch-link.last {
        padding-left: 0
    }
    .branch-side {
        padding-left: 0;
        width: 100%
    }
    .branch-side .color-card {
        margin-top: 0;
        height: auto
    }
    .filters .social-links {
        clear: both
    }
    .fotogalery .foto-lists .foto-column li.foto-description {
        background: #eceeee
    }
    .temporary .list-temporary li {
        padding-left: 0
    }
    .temporary .list-temporary li .bottom-info .left-side .map,
    .temporary .list-temporary li .bottom-info .left-side .open,
    .temporary .list-temporary li .bottom-info .left-side .street,
    .temporary .list-temporary li .bottom-info .left-side .tickets {
        width: 100%!important
    }
    .temporary .list-temporary li .bottom-info .left-side .open,
    .temporary .list-temporary li .bottom-info .left-side .street {
        padding-top: 10px!important;
        padding-bottom: 10px!important;
        height: auto!important
    }
    .exhibition .menu-links .menu-link {
        width: 100%;
        float: none
    }
    .exhibition .mnk-content .photo-driver>div .cycle-slide .description,
    .exhibition .mnk-content .video-driver>div .cycle-slide .description {
        font-size: 9px!important;
        line-height: 10px;
        bottom: 0!important;
        width: 100%
    }
    .exhibition .mnk-content .photo-driver #slideshow-3>div .cycle-slide .description {
        font-size: 12px!important
    }
    .page #siteheader {
        z-index: 1000
    }
    h3.bigside {
        font-size: 15px
    }
    .bottom-content .even {
        position: relative
    }
    .exhibition .mnk-content .even .time-start {
        top: 0;
        left: 0;
        width: 15%!important
    }
    .fotogalery .foto-lists h2 {
        font-size: 30px!important;
        line-height: 32px!important;
        padding-right: 0!important
    }
    .back-bttn-holder {
        position: static!important;
        margin-bottom: 20px
    }
    .fotogalery .filters .tags p {
        line-height: 13px
    }
    .calendarium .day-lists .column li .description {
        padding-top: 11px!important
    }
    .calendarium .day-lists .column li .description h3 {
        margin-top: 0!important
    }
    .calendarium .filters .choise .expander,
    .calendarium .filters .choise .selecter-holder.medium {
        float: left
    }
    .calendarium .filters .choise .function,
    .calendarium .filters .choise .selecter-holder.medium {
        width: 50%
    }
    .kir-logo {
         width: 69px;
  z-index: 9999;
  margin-left: 67px;
  margin-top: 40px;
        display: none;
    }
    .mourn .kir-logo{
        display: block;
    }
    .nofoto.mnk-content.hide-for-desktop>.slider-header {
        display: none
    }
    .exhibition .left-side .mnk-sidebar .foto-header img {
        margin-top: 0!important
    }
    .temporary .list-temporary li .bottom-info .left-side .open span,
    .temporary .list-temporary li .bottom-info .left-side .street span {
        position: static!important
    }
    .exhibition .left-side .mnk-sidebar .bigside.align-left {
        text-align: center!important
    }
    .exhibition .left-side .mnk-sidebar .bound-article img {
        margin-bottom: 8px
    }
    .exhibition .left-side .mnk-sidebar .universal-list.download li a img {
        width: auto
    }
    .exhibition .left-side .mnk-sidebar .bound-article h4,
    .exhibition .left-side .mnk-sidebar .universal-list.download li a h4 {
        margin-top: 0!important
    }
    .top-sidebar.left .menu-link:first-of-type {
        border-top: 1px solid #cfcfcf;
        margin-top: 10px
    }
    .top-sidebar.left .menu-link {
        border-bottom: 1px solid #cfcfcf
    }
    .top-sidebar.left .menu-link span {
        font-size: 20px
    }
    .top-sidebar .menu-links .menu-link.arr:after {
        top: 20px
    }
    .branch-link.short img {
        width: auto;
        height: 100%;
        min-width: 100%
    }
    .links.hide-for-tablet {
        display: block!important
    }
    .calendarium .day-lists .column li .links a {
        box-sizing: border-box
    }
    .page-content.calendarium .column .links {
        margin-bottom: 0!important
    }
    .page-content.calendarium .column .links a.tickets {
        width: 70%!important
    }
    .calendarium .day-lists .column li .links a {
        width: 15%!important
    }
    .list-cnt {
        position: relative;
        padding-bottom: 25px
    }
    .list-cnt .links a {
        width: 15%!important;
        border-left: 1px solid #cfcfcf;
        height: 41px;
        text-align: center;
        color: #545252!important;
        font-size: 12px!important
    }
    .list-cnt .links a.tickets {
        width: 70%!important;
        border-style: none
    }
    .list-cnt .links .alert {
        margin-top: 11px
    }
    .list-cnt .links {
        width: 100%;
        height: 43px;
        border-top: 1px solid #cfcfcf;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0
    }
    .exhibition .left-side .mnk-sidebar .bound-article img {
        width: 100%
    }
    .exhibition .left-side .mnk-sidebar .universal-list li a h4 {
        clear: both
    }
    .search h3.lined-header {
        height: auto;
        line-height: 23px;
        margin-top: 0;
        padding-left: 0;
        padding-bottom: 8px;
        padding-top: 8px
    }
    .dashboard-menu>li a {
        line-height: 23px;
        padding-top: 17px;
        padding-bottom: 17px;
        padding-right: 12px
    }
    .banner-sidebar.mnk-sidebar .small-banner {
        height: auto
    }
    .cycle-slide.nocarousel {
        width: 32%
    }
    .logo-header.horisontal-header {
        width: 90%;
        margin: 0 auto 0 10px;
        border-right-style: none;
        border-bottom: 1px solid #cfcfcf;
        text-align: left;
        padding-right: 0;
        height: auto;
        padding-bottom: 6px
    }
    .logo-header.horisontal-header:first-of-type {
        margin-top: 20px
    }
    .logo-header.horisontal-header span {
        position: static
    }
    .logos {
        padding-left: 0;
        max-width: 100%;
        margin-bottom: 40px;
        clear: both;
        float: none;
    }
    .exhibition .left-side .mnk-sidebar .universal-list,
    .exhibition .menu-links {
        margin: 0 2%
    }
    .exhibition .menu-links {
        width: 96%!important
    }
}
@media screen and (max-width: 580px) {
    .calendarium .day-lists .column li .overlay-name {
        width: 100%!important;
        float: none
    }
    .li.event.event-item>a {
        display: block;
        width: 100%
    }
}
@media screen and (min-width: 767px) and (max-width: 1275px) {
    .hide-for-desktop {
        display: block
    }
    .hide-for-tablet {
        display: none!important
    }
    .full #header-over #siteheader .logo {
        margin-top: 31px
    }
    #menu-main .touch-link {
        position: relative;
        z-index: 800
    }
    .main-item-inner>.expander.show-for-small {
        display: none!important
    }
    .selected .main-item-inner>.expander.show-for-small {
        display: block!important
    }
    #menu-main>li {
        margin-right: 0!important;
        max-width: 1000px!important
    }
    #functions-contact:hover>.dashboard-menu,
    #menu-main.home .breadcrumb-home {
        display: none
    }
    .full #header-over #siteheader .logo {
        overflow: visible;
        width: 89px
    }
    #submenu {
        margin-left: 169px;
        margin-right: 21px
    }
    ,
    #menu-main>li.selected .main-item-inner {
        padding-top: 17px!important
    }
    .dashboard-menu#submenu li>a {
        margin-left: 13px;
        margin-right: 13px;
        font-size: 11px
    }
    #menu-main>li#main-item-4.pg.selected .main-item-inner {
        margin-left: 0
    }
    .calendarium .filters .choise {
        clear: both
    }
    .content.page-content {
        padding-top: 0
    }
    .bottom-content.mnk-content:not(.full),
    .mnk-content:not(.full) {
        width: 66.6%;
        float: left
    }
    .exhibition .mnk-content.bottom-content:not(.full) {
        padding: 0 0 0 30px;
        width: calc(100% - 436px)
    }
    .list-container>.mnk-content {
        width: 100%
    }
    .mnk-sidebar {
        width: 33.3%;
        float: right
    }
    .side-block.has-content {
        margin: 20px 0
    }
    #menu-main>li.selected .main-item-inner {
        height: 45px
    }
    .article-banner {
        margin-bottom: 10px
    }
    .calendarium .filters .choise .function.first {
        display: none
    }
    .calendarium .event-item.event header .event-time {
        width: 97px
    }
    .calendarium .day-lists .column li .overlay-name {
        margin-left: 97px;
        height: 250px!important;
        width: 250px
    }
    .calendarium .day-lists .column li .overlay-name.noimg {
        width: 97px;
        margin-left: 0;
        min-height: 10px;
        height: auto!important
    }
    .calendarium .day-lists .column li .description {
        min-height: 250px
    }
    .calendarium .event-item.event header .event-time {
        font-size: 14px
    }
    .calendarium .day-lists {
        width: 66.6%
    }
    .banner-sidebar.calendar-banners img {
        width: 100%
    }
    .side-block.has-content {
        margin-bottom: 10px
    }
    .mnk-content.nofoto .slider-header {
        font-size: 32px
    }
    .small-info-header,
    a.side-block {
        margin: 2px 0
    }
    .side-block .read-more {
        float: none
    }
    .top-sidebar {
        padding: 0 0 0 20px
    }
    .icons-cont {
        right: 32px
    }
    .top-sidebar .big-event-time,
    .top-sidebar .color-card,
    .top-sidebar .menu-links .menu-link {
        height: auto
    }
    .top-sidebar .menu-links,
    .top-sidebar .menu-links .menu-link {
        width: 100%
    }
    .navbar .empty-control,
    .navbar .left,
    .navbar .right {
        max-width: 24%
    }
    .calendarium.fotogalery .filters .choise.pagination-holder {
        width: auto;
        float: right;
        clear: none!important
    }
    .branch-item {
        position: relative
    }
    .branch-item .left.twin {
        width: auto
    }
    .branch-item .right.twin {
        position: absolute;
        left: 327px;
        right: 0;
        width: auto
    }
    .temporary .list-temporary li .bottom-info .left-side .street {
        padding-top: 17px!important
    }
    .temporary .list-temporary li .bottom-info .left-side .open,
    .temporary .list-temporary li .bottom-info .left-side .street {
        border-bottom: 1px solid #ededed;
        border-top: 1px solid #ededed;
        border-left: 1px solid #ededed;
        height: 49px!important
    }
    .temporary .list-temporary li .description {
        float: none;
        display: inline-block;
        padding-left: 10px!important
    }
    .temporary .list-temporary li img {
        width: 260px!important;
        margin-right: 10px!important
    }
    .temporary .list-temporary li .bottom-info .place {
        width: 260px!important;
        float: left
    }
    .temporary .list-temporary li .description {
        padding-bottom: 6px!important
    }
    .exhibition .mnk-content .even .event-content .depiction .description:after,
    .temporary .list-temporary li .description:after {
        content: '';
        display: block;
        height: 1px
    }
    .temporary .list-temporary li .title {
        margin-left: -10px!important;
        width: calc(100% - 260px)!important
    }
    .exhibition .mnk-content .photo-driver>div #galleriesNavigation .cycle-slide .description {
        bottom: 0;
        left: 0;
        width: 100%;
        right: 0;
        font-size: 10px;
        line-height: 12px
    }
    .exhibition .mnk-content .video-driver .slider-place .slider .cycle-slide .description {
        bottom: -4px
    }
    .exhibition .mnk-content .video-driver .slider-place .slider .cycle-slide.cycle-slide-active .description {
        bottom: 3px
    }
    .exhibition .mnk-content .even .event-content .depiction img {
        max-width: 40%
    }
    .exhibition .mnk-content .video-driver .slider-place .slider>div.cycle-carousel-wrap {
        width: 100%
    }
    .exhibition .mnk-content .video-driver #cycle-2 .cycle-slide {
        width: 32%!important;
        height: auto
    }
    .exhibition .mnk-content .video-driver .slider-place .slider>div .inside {
        height: 0!important;
        overflow: hidden;
        padding-bottom: 56%
    }
    .exhibition .mnk-content .video-driver .slider-place .slider>div .inside img {
        width: 104%
    }
    .exhibition .mnk-content .video-driver #cycle-2 .cycle-slide {
        margin: 0 3px 3px!important
    }
    .exhibition .mnk-content .video-driver .slider-place .next:after,
    .exhibition .mnk-content .video-driver .slider-place .prev:after {
        top: 50%!important;
        margin-top: 32px!important
    }
    .temporary .mnk-sidebar.smaller {
        display: none
    }
    .temporary .mnk-sidebar.search-sidebar.smaller.small {
        display: block;
        width: 33.3%
    }
    .kir-logo {
        top: 77px
    }
    .choise>.left {
        display: none
    }
    .exhibition .mnk-content .photo-driver #slideshow-3>div .cycle-slide .description {
        font-size: 14px!important
    }
    .event-list-item img {
        width: 270px
    }
    .small-banner {
        width: 100%
    }
    .event-item.event .text {
        padding: 23px 15px
    }
    .event-item.on-list.articlelist-item header,
    .event-item.on-list.articlelist-item header>a,
    .event-item.on-list.articlelist-item header>div {
        line-height: 22px;
        box-sizing: border-box;
        height: auto
    }
    .event-item.on-list.articlelist-item header>a {
        float: none!important;
        display: block;
        min-height: 0
    }
    .event-item.on-list.articlelist-item header {
        padding-top: 10px;
        padding-bottom: 10px
    }
    .mnk-content.bottom-content.exhibitions-content {
        width: 100%
    }
    .exhibition .left-side .mnk-sidebar .foto-header .main-text {
        font-size: 36px!important;
        line-height: 45px!important
    }
    .exhibition .left-side .mnk-sidebar .foto-header .main-text.smaller {
        font-size: 32px!important;
        line-height: 38px!important
    }
}
@media screen and (min-width: 767px) and (max-width: 850px) {
    #menu-main>li.pg h3 {
        display: none
    }
    #menu-main>li h3 {
        line-height: 11px;
        margin: 0 auto
    }
    #menu-main>li#main-item-1 h3 {
        max-width: 100px;
        line-height: 11px
    }
    #menu-main>li#main-item-4 h3 {
        max-width: 121px
    }
    #menu-main>li.pg:not(.selected) h2 {
        line-height: 43px;
        margin-top: -11px
    }
    .small-banner {
        float: left;
        width: 48%;
        margin: 1%
    }
    #menu-main>li {
        margin-top: 3px
    }
    #menu-main>li.pg {
        margin-top: 14px
    }
    #menu-main {
        padding-left: 11px;
        padding-right: 0
    }
    #menu-main .touch-link h2 {
        font-size: 15px
    }
    #menu-main.page-menu {
        padding-left: 14px;
        padding-right: 14px
    }
    #submenu {
        margin-left: 163px;
        margin-right: 14px
    }
    #menu-main>li.selected .main-item-inner,
    #menu-main>li.selected .touch-link {
        height: 33px
    }
    #menu-main>li.selected .main-item-inner {
        padding-top: 16px
    }
    #menu-main>li.selected .touch-link {
        margin-left: -9px;
        margin-right: -9px;
        padding-left: 7px;
        padding-right: 7px
    }
    .top-sidebar {
        padding: 0 0 0 10px
    }
    .additional-side-blocks.medium-hide {
        display: none 
    }
    .row{
        clear: both;
    }

    .mnk-content.article-content,
    .mnk-content.bottom-content.article-content {
        width: 100%
    }
    .calendarium .filters .choise .expander,
    .calendarium .filters .choise .selecter-holder.medium {
        float: left!important
    }
    .calendarium .filters .choise .function,
    .calendarium .filters .choise .selecter-holder.medium {
        width: 50%!important;
        margin: 0
    }
    .calendarium .filters .choise .function {
        clear: left
    }
    .calendarium .filters .choise.full .right {
        width: 100%!important
    }
    .temporary .list-temporary li .bottom-info .left-side .open {
        clear: both;
        padding-top: 3px!important
    }
    .exhibition .left-side,
    .exhibition .left-side .mnk-sidebar,
    .exhibition .left-side .mnk-sidebar .foto-header,
    .exhibition .mnk-content {
        width: 100%!important
    }
    .exhibition .left-side .mnk-sidebar .foto-header {
        height: 0!important
    }
    .mnk-content.event-list-item,
    .mnk-sidebar.banner-sidebar {
        width: 100%
    }
    .exhibition .mnk-content .name-header .left-side,
    .exhibition .mnk-content .name-header .right-side {
        width: 50%!important;
        float: left!important
    }
    .exhibition .mnk-content .name-header .right-side .time {
        text-align: right!important
    }
    .bottom-content.branch-content,
    .mnk-sidebar.branch-sidebar,
    .top-content.branch-content {
        width: 100%!important;
        padding-left: 0
    }
    .mnk-sidebar.branch-sidebar .color-card {
        min-height: 0
    }
    .event-item.event .event-image {
        max-width: 37%
    }
    .triplet {
        width: 100%
    }
    .exhibition .left-side .mnk-sidebar .foto-header img {
        margin-top: -14%
    }
    #menu-main>li.pg#main-item-4.selected .main-item-inner {
        padding: 16px 10px 0
    }
}
@media screen and (min-width: 767px) and (max-width: 940px) {
    #menu-main>li h3 {
        max-width: 132px;
        margin: 0 auto
    }
}
@media screen and (min-width: 1276px) {
    #header-over:hover .kir-logo {
        top: 69px
    }
    .show-for-small {
        display: none!important
    }
    .banner-sidebar.calendar-banners,
    .event-item .event-time.hide-for-desktop,
    .event-item .event-type.hide-for-desktop,
    .hide-for-desktop {
        display: none
    }
    #header-over #menu-main>li#main-item-2:hover {
        padding-bottom: 322px
    }
    #header-over #menu-main>li#main-item-3:hover {
        padding-bottom: 431px
    }
    #menu-main.home>li#main-item-4:hover {
        padding-bottom: 285px
    }
    #menu-main.home>li:hover .touch-link {
        height: 38px
    }
    #menu-main>li.pg:not(.selected):hover .main-item-inner {
        padding-top: 12px
    }
    #menu-main>li.selected .touch-link,
    #menu-main>li:hover .touch-link {
        height: 20px;
        position: relative;
        background-color: #fff;
        display: block;
        margin-left: -10px;
        margin-right: -10px;
        padding-left: 10px;
        padding-right: 10px
    }
    #header-over #menu-main>li:hover h3,
    #menu-main>li.selected h3 {
        visibility: hidden
    }
    #functions-contact:hover>a span {
        position: relative;
        background-color: #fff;
        z-index: 9001;
        width: 100%;
        margin-left: -20px;
        margin-right: -20px;
        padding: 0 20px 18px
    }
    #functions-contact:hover {
        box-shadow: 4px 4px 0 0 rgba(0, 0, 0, .15);
        border-bottom-style: none;
        height: 42px
    }
    #menu-main>li.pg#main-item-4 .main-item-inner {
        padding: 0 36px
    }
    .slider-cycle {
        white-space: nowrap
    }
    #menu-main>li.selected .main-item-inner,
    #menu-main>li.selected .main-item-inner .touch-link {
        height: 40px
    }
    #menu-main>li.pg#main-item-4:not(.selected):hover .main-item-inner {
        padding: 12px 47px 0
    }
    #menu-main>li.pg:not(.selected):hover .main-item-inner {
        height: 46px
    }
    li.pg:not(.selected):hover .main-item-inner>.expander.show-for-small {
        background: #fff;
        bottom: -2px;
        top: 51px
    }
    #menu-main>li.pg#main-item-4.selected .main-item-inner {
        margin-left: 17px
    }
    .event-view {
        display: block
    }
    .calendarium .day-lists .column li .header {
        width: 100%;
        padding: 15px 0
    }
    .calendarium .day-lists .column li .description {
        width: 100%;
        transition: background-color .3s ease-in-out
    }
    .calendarium .day-lists .column li:hover .description {
        background: #d5d7d6
    }
    .list-content {
        padding-top: 30px;
        padding-left: 34px
    }
    .small-banner {
        width: 100%
    }
}
@media screen and (max-width: 1275px) {
    .show-for-desktop {
        display: none!important
    }
    li.event-item header,
    li.event-item header>a,
    li.event-item header>div {
        height: 48px;
        line-height: 48px;
        color: #fff
    }
    li.event-item header,
    li.event-item header .header-links a {
        background-color: #848f96
    }
    .calendarium .day-lists .column li .header {
        width: auto;
        max-width: 40%;
        padding-top: 2px;
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
    }
    li.event-item header .event-type {
        border-right: 1px solid #ced0cf;
        font-family: brandon_grotesqueregular;
        font-size: .70588em;
        padding: 0 20px;
        text-transform: uppercase
    }
    .calendarium .day-lists .column li .description {
        float: none;
        overflow: hidden;
        width: auto!important;
        background: #fff;
        color: #000
    }
    .calendarium .day-lists .column li .description h3 {
        font-family: brandon_grotesquemedium;
        line-height: 120%;
        font-size: 17px
    }
    .calendarium .event-item.event header .event-time {
        float: left;
        position: relative;
        padding-top: 0;
        text-align: center
    }
    .calendarium .day-lists .column li .day {
        background: 0 0;
        display: block;
        border-bottom: 1px solid #cfcfcf;
        border-top: 1px solid #cfcfcf;
        font-size: 20px;
        padding-left: 24px;
        font-weight: 400;
        height: 48px;
        text-align: left;
        line-height: 51px
    }
    .timeline {
        display: none
    }
    .left.social,
    .mnk-content .lead,
    .mnk-content .text,
    .mnk-content.nofoto .slider-header {
        padding-left: 0;
        margin-left: 0
    }
    .mnk-content .lead,
    .mnk-content.nofoto .slider-header {
        min-height: 50px
    }
    .text-functions {
        display: none
    }
    .mnk-content.nofoto .slider-header {
        min-height: 0
    }
    .article-banner .illustration {
        position: static!important
    }
    .foto-lists {
        width: 100%
    }
    .big-branch>div {
        left: 3%;
        max-width: 94%
    }
    .big-branch>div .apla-title,
    .branch-link .apla-title {
        font-size: 18px;
        text-decoration: none
    }
    .big-branch>div h2 {
        font-size: 16px;
        text-decoration: none
    }
    .exhibition .mnk-content .photo-driver>div #galleriesNavigation .cycle-slide {
        width: 32%;
        height: auto;
        margin-right: 1%
    }
    .exhibition .mnk-content .photo-driver>div #galleriesNavigation {
        margin-right: -1.5%
    }
    .exhibition .mnk-content .even .event-content .depiction .description {
        padding: 10px;
        margin: 0!important
    }
    .choise>.left {
        display: none
    }
    .choise>.right {
        width: 100%!important
    }
    .calendarium .filters .choise.full .right {
        float: none!important
    }
    .banner-sidebar.calendar-banners {
        display: block
    }
}
.map-header .shortname {
    display: none
}
.map-header {
    height: 88px;
    cursor: pointer;
    z-index: 2;
    position: relative;
    -webkit-box-shadow: 6px 6px 1px 0 rgba(50, 50, 50, .2);
    -moz-box-shadow: 6px 6px 1px 0 rgba(50, 50, 50, .2);
    box-shadow: 6px 6px 1px 0 rgba(50, 50, 50, .2)
}
.map-header:after {
    border-color: #007bff transparent transparent;
    border-style: solid;
    border-width: 22px 22px 0;
    bottom: -22px;
    content: "";
    height: 0;
    margin-right: -22px;
    position: absolute;
    right: 50%;
    width: 0
}
.map-header .map-address {
    display: none;
    font-size: 12px
}
.map-header>.content {
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: auto;
    text-transform: uppercase;
    font-family: brandon_grotesquemedium
}
.map-header.is-expanded:after {
    display: none
}
.map-header.is-expanded .map-address {
    display: block
}
.map-header.gmach-glowny:after {
    border-color: #9bafc3 transparent transparent
}
.map-header.szolayscy:after {
    border-color: #ee6e13 transparent transparent
}
.map-header.sukiennice:after {
    border-color: #b21e80 transparent transparent
}
.map-header.ciolek:after {
    border-color: #723286 transparent transparent
}
.map-header.mehoffer:after {
    border-color: #fab300 transparent transparent
}
.map-header.atma:after {
    border-color: #6fa11c transparent transparent
}
.map-header.czartoryscy:after {
    border-color: #197bc4 transparent transparent
}
.map-header.europeum:after {
    border-color: #23a5a7 transparent transparent
}
.map-header.matejko:after {
    border-color: #c20a22 transparent transparent
}
.map-header.hutten:after {
    border-color: #2e8c7c transparent transparent
}
#planner-popup {
    text-align: center;
    text-transform: uppercase;
    font-size: 16px
}
@media screen and (max-height: 600px) {
    #planner-popup,
    #remind-popup {
        top: 10px!important;
        position: fixed
    }
    #remind-popup {
        padding: 45px 15px 15px;
        position: absolute;
    }
    #remind-popup h2 {
        font-size: 16px;
        line-height: 19px;
        margin-bottom: 10px
    }
    #remind-popup img {
        width: 100%
    }
    #remind-popup .header span {
        line-height: 15px;
        display: block;
        font-style: 13px
    }
    #remind-popup h3.popupEventName {
        font-size: 18px;
        margin-bottom: 8px
    }
    #remind-popup h3.popupEventName+span {
        font-size: 14px;
        margin-top: -12px
    }
    #remind-popup .info .img {
        margin-right: 0
    }
    #remindTime,
    .modal .options .search-text {
        width: 100%!important
    }
    #remind-popup .modal .options {
        margin: 11px 0
    }
}
#planner-popup .popupEventName {
    font-family: brandon_grotesquebold;
    font-size: 28px;
    margin-bottom: 15px;
    margin-top: 12px;
    line-height: 28px
}
#planner-popup .inform {
    font-family: brandon_grotesqueregular
}
#planner-popup .inform .numb {
    color: #6adabd
}
#planner-popup {
    padding-top: 47px
}
#planner-popup .button {
    background: #1d2124;
    padding: 8px 18px;
    margin: 10px 10px 0;
    width: auto;
    float: none;
    cursor: pointer;
    display: inline-block
}
#planner-popup .button:hover {
    background: #6adabd
}
#planner-popup p {
    margin-bottom: 8px;
    margin-top: 0
}
.map-header .map-ord {
    background: #1d2124;
    color: #fff;
    height: 25px;
    left: -25px;
    line-height: 25px;
    position: relative;
    text-align: center;
    top: 0;
    width: 25px
}
.planner .map-header.is-expanded {
    width: 280px;
    height: 70px;
    z-index: 999
}
.map-header .map-ord.white {
    background: #fff;
    font-size: 12px;
    color: #000
}
.map-info {
    display: none;
    color: #000;
    background: #fff;
    font-size: 12px;
    font-family: brandon_grotesquemedium;
    text-transform: uppercase;
    width: 281px;
    position: relative;
    -webkit-box-shadow: 6px 6px 1px 0 rgba(50, 50, 50, .2);
    -moz-box-shadow: 6px 6px 1px 0 rgba(50, 50, 50, .2);
    box-shadow: 6px 6px 1px 0 rgba(50, 50, 50, .2);
    z-index: 4
}
.is-expanded+.map-info {
    display: block;
    z-index: 1000
}
.map-info .illustration {
    width: 90px;
    height: 90px;
    background-size: cover;
    margin-right: 10px
}
.map-info .name-link {
    text-decoration: none;
    color: #000;
    display: block;
    padding-top: 13px;
    text-align: left
}
.map-info .name-link:hover {
    opacity: .8
}
.map-info .illustration+div {
    float: left;
    padding-top: 16px;
    text-align: left;
    width: 173px
}
.map-header .close {
    color: #49545b;
    width: 30px;
    height: 30px;
    display: none;
    position: absolute;
    right: -30px;
    top: 0;
    z-index: 8;
    -webkit-box-shadow: 6px 6px 1px 0 rgba(50, 50, 50, .2);
    -moz-box-shadow: 6px 6px 1px 0 rgba(50, 50, 50, .2);
    box-shadow: 6px 6px 1px 0 rgba(50, 50, 50, .2);
    background: #fff;
    line-height: 28px;
    font-size: 24px
}
.map-info .noimage {
    padding-top: 18px;
    padding-bottom: 18px
}
.map-header.is-expanded .close {
    display: block
}
.map-hours,
.today-date {
    background: #e5e5e5;
    clear: both;
    padding-top: 18px;
    padding-bottom: 18px;
    line-height: 19px
}
.map-hours .icons {
    margin-top: 10px
}
.map-hours .announcement {
    color: red;
    display: block
}
.SmartInfoWindow .wrapper {
    overflow: visible!important
}
.map-info .icon {
    height: 25px;
    width: 25px;
    display: inline-block;
    margin-right: 4px;
    margin-left: 4px
}
.plan-btn.special-btn:hover {
    background: #4EB39A
}
.tip-icons .icon {
    display: inline-block;
    height: 20px;
    width: 32px
}
.map-info .today-date {
    display: none;
    text-shadow: #fff 0 1px 0;
    padding-left: 10px;
    color: #5c5555;
    padding-bottom: 16px;
    text-align: left
}
.page-content.has-expandedwindow {
    display: none;
    height: 0;
    overflow: hidden
}
.map-header.branch-marker {
    width: 282px;
    margin-left: 22px
}
.map-header.branch-marker>.content {
    left: 16px;
    right: 16px;
    font-family: brandon_grotesqueregular;
    text-align: center
}
.map-header.branch-marker .close {
    display: block;
    width: 32px;
    height: 33px;
    background-image: url(../images/icons/dark_close.png);
    background-size: 32px 32px;
    color: #fff;
    box-shadow: none;
    background-color: transparent;
    background-repeat: no-repeat;
    right: -32px
}
@media screen and (min-width: 1276px) {
    .content.page-content .calendarium .selecter-holder.medium,
    .content.page-content.calendarium .selecter-holder.medium {
        width: 17%
    }
}
.calendarium .day-lists .column li .overlay-name .name .cycle {
    font-family: brandon_grotesqueregular;
    margin-bottom: 4px;
    display: block;
    font-size: 11px
}
.calendarium .day-lists .column li .overlay-name .name {
    font-family: brandon_grotesquemedium
}
.cookiesWrapper {
    position: fixed;
    width: 1366px;
    left: 50%;
    margin-left: -683px;
    bottom: 0;
    z-index: 2000;
    background: #43bcbd;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    box-sizing: border-box;
    padding: 23px 20px 20px;
    height: 62px;
    font-family: brandon_grotesqueregular
}
#cookiesConfirm {
    display: inline-block;
    font-family: brandon_grotesquebold;
    background: #24dbd6;
    margin-left: 16px;
    padding: 0 46px;
    line-height: 40px;
    position: absolute;
    right: 41px;
    top: 12px;
    cursor: pointer;
    transition: background-color .3s ease-in-out
}
@media screen and (max-width: 1366px) {
    .cookiesWrapper {
        width: 100%;
        left: 0;
        margin: 0;
        right: 0;
        height: auto;
        padding-right: 300px
    }
    #cookiesConfirm {
        top: 50%;
        margin-top: -20px
    }
    .exhibition .mnk-content .photo-driver>div #galleriesNavigation .cycle-slide {
        width: 32%;
        height: auto;
        margin-right: 3px
    }
    .exhibition .mnk-content .photo-driver>div #galleriesNavigation .cycle-slide.nocarousel {
        margin-right: 1%;
        float: left
    }
    .exhibition .mnk-content .photo-driver>div #galleriesNavigation {
        margin-right: -2%
    }
    .exhibition .mnk-content .photo-driver>div #galleriesNavigation.cycle-slideshow {
        margin-right: 0
    }
}
@media screen and (max-width: 780px) {
    .cookiesWrapper {
        padding-right: 0;
        font-size: 11px
    }
    #cookiesConfirm {
        position: static;
        display: block;
        margin: 20px auto 0;
        width: 70px
    }
}
#cookiesConfirm:hover {
    background: #fff;
    color: #24dbd6
}
.cookiesWrapper a {
    color: #37fffa;
    text-decoration: none
}
.cookiesWrapper a:hover {
    text-decoration: underline
}
.space-header {
    background: #fff;
    padding-top: 20px;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 15px
}
.events-back {
    background-color: #fff
}
.events-back>div {
    background-color: #eceeee;
    margin-bottom: 20px;
    padding-bottom: 12px
}
.no-events-info:first-of-type {
    display: block;
    margin-bottom: 40px;
    margin-top: 40px;
    text-align: center;
    text-transform: uppercase
}
.event-item+.no-events-info:first-of-type,
.no-events-info {
    display: none
}
.side-block.surveyblock {
    background: #fff
}
.side-block.surveyblock h1 {
    font-weight: 400;
    font-size: 22px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .06rem;
    font-family: brandon_grotesquebold;
    cursor: auto
}
.side-block.surveyblock .lead {
    font-size: 18px;
    line-height: 20px;
    margin-top: 15px;
    margin-bottom: 20px;
    cursor: auto;
    font-family: brandon_grotesquemedium;
    text-align: left
}
.side-block.surveyblock {
    margin-top: 25px!important
}
.side-block.surveyblock label {
    font-size: 16px;
    font-family: brandon_grotesqueregular;
    line-height: 18px;
    position: relative;
    display: block;
    padding: 15px 0;
    transition: font-family .3s ease-in-out
}
.side-block.surveyblock .question label {
    cursor: pointer
}
.side-block.surveyblock .question label:hover,
.side-block.surveyblock label.selected,
label.styled input[type=radio]:checked~.option {
    font-family: brandon_grotesquemedium
}
.side-block.surveyblock label>span {
    display: block
}
.side-block.surveyblock .results label {
    margin-bottom: 26px
}
.side-block.surveyblock label .option {
    position: relative;
    padding: 0 40px;
    letter-spacing: .08rem;
    text-align: left
}
.side-block.surveyblock .results .option {
    padding: 0
}
.side-block.surveyblock .submit-survey {
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    border-top: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    line-height: 40px;
    margin-top: 20px
}
.side-block.surveyblock .submit-survey:hover {
    color: #fff;
    background-color: #6adabd
}
label.styled input[type=radio] {
    display: none
}
label.styled .checker {
    border: 1px solid #000;
    border-radius: 50%;
    height: 13px;
    width: 13px;
    display: block;
    position: absolute;
    top: 17px;
    left: 0
}
label.styled input[type=radio]:checked+.checker:after {
    display: block
}
label.styled .checker:after {
    content: '';
    background: #000;
    border-radius: 50%;
    height: 5px;
    width: 5px;
    position: absolute;
    top: 3px;
    left: 3px;
    display: none
}
.surveyblock .results {
    padding-bottom: 20px;
    display: none
}
.surveyblock .results.show {
    display: block
}
.question.hidden {
    display: none
}
.question.hidden+.results {
    display: block
}
.survey-bar,
.survey-numb {
    float: left;
    margin-top: 13px
}
.survey-numb {
    margin-top: 9px
}
.survey-bar:after {
    content: '';
    width: 100%;
    height: 1px;
    clear: both;
    display: block
}
.survey-numb {
    width: 13%;
    color: #2dbb96;
    text-align: left;
    font-family: brandon_grotesquebold
}
.survey-bar {
    width: 87%;
    background: #e5e5e5;
    height: 3px
}
@-moz-keyframes animate-bar {
    0% {
        width: 0
    }
}
@-webkit-keyframes animate-bar {
    0% {
        width: 0
    }
}
@-ms-keyframes animate-bar {
    0% {
        width: 0
    }
}
@-o-keyframes animate-bar {
    0% {
        width: 0
    }
}
@-keyframes animate-bar {
    0% {
        width: 0
    }
}
.survey-bar>div {
    height: 3px;
    background-color: #6adabd
}
.results.show .survey-bar>div {
    -moz-animation: animate-bar 1.25s 1 linear;
    -webkit-animation: animate-bar 1.25s 1 linear;
    -ms-animation: animate-bar 1.25s 1 linear;
    -o-animation: animate-bar 1.25s 1 linear;
    animation: animate-bar 1.25s 1 linear
}
.article-banner .illustration {
    float: left;
    font-family: brandon_grotesqueregular;
    margin-top: 10px;
    padding-right: 105px;
    position: absolute;
    width: 100%
}
@media screen and (max-width: 1024px) {
    .wysiwyg-text .iframe-holder {
        max-width: 100%;
        height: 0;
        position: relative;
        padding-bottom: 56%;
        overflow: hidden
    }
    .wysiwyg-text .iframe-holder iframe {
        position: absolute;
        width: 100%;
        bottom: 0;
        top: 0;
        right: 0;
        left: 0;
        height: 100%
    }
    .temporary .list-temporary li .title.branch-exh-detail,
    .temporary .list-temporary li img.branch-exh-detail {
        width: 100%!important;
        margin-left: 0!important
    }
    .temporary .list-temporary li .description.branch-exh-detail {
        width: 100%;
        display: block;
        padding: 13px 0!important;
        clear: both
    }
}
.account-link {
    color: #fff;
    background: #6d767c;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    height: 40px;
    line-height: 40px;
    border: 1px solid #cfcfcf;
    font-size: 12px;
    margin-bottom: 10px
}
.account-link:hover {
    color: #fff;
    background: #49545b
}
.account-link>.icon {
    display: block;
    width: 49px;
    height: 40px;
    border-right: 1px solid #cfcfcf
}
.account-link>span {
    float: left;
    display: block;
    text-align: center
}
.account-link>span:last-child {
    padding-left: 50px;
    float: none;
    font-size: 13px;
    letter-spacing: .04rem;
    font-family: brandon_grotesquebold
}
.step.account input[type=password] {
    font-size: 12px
}
.step.account input[type=password]::-webkit-input-placeholder {
    color: #49545b
}
.step.account input[type=password]:-moz-placeholder {
    color: #49545b;
    opacity: 1
}
.step.account input[type=password]::-moz-placeholder {
    color: #49545b;
    opacity: 1
}
.step.account input[type=password]:-ms-input-placeholder {
    color: #49545b
}
.register-tab {
    float: left;
    text-decoration: none;
    display: block;
    color: #fff;
    text-transform: uppercase;
    width: 50%;
    height: 82px;
    border-bottom: 1px solid #cfcfcf;
    text-align: center;
    box-sizing: border-box;
    line-height: 19px;
    margin-bottom: 47px;
    margin-top: 29px
}
.register-tab.active {
    color: #000;
    border: 1px solid #cfcfcf;
    border-bottom-style: none;
    padding-top: 17x
}
.register-tab h3 {
    margin-bottom: 0
}
.register-tab a h3 {
    margin-top: 0
}
.register-tab>a {
    display: block;
    width: 96%;
    float: right;
    background-color: #6d767c;
    color: #fff;
    height: 60px;
    text-decoration: none
}
.register-tab>a:hover {
    background-color: #2d363c
}
.register-tab:first-child>a {
    float: left;
    line-height: 60px
}
.register-tab>a h3 {
    margin-top: 12px
}
.register-tab:first-child>a h3 {
    margin-top: 0
}
.register-tab span,
.register-tab>a span {
    display: block;
    font-size: 10px;
    letter-spacing: .12rem;
    line-height: 18px;
    text-decoration: none
}
#loginForm {
    width: 508px
}
@media screen and (max-width: 700px) {
    .shop .double-center .step .register-tab h3 {
        font-size: 15px
    }
    .register-tab span,
    .register-tab>a span {
        font-size: 8px;
        line-height: 11px
    }
    #loginForm {
        width: 100%
    }
}
.modal.large .options #plannerSaveForm .inputbutton .search-text {
    width: 100%
}
.modal.large .options #plannerSaveForm .label {
    font-size: 15px;
    line-height: 17px;
    padding-bottom: 14px
}
.recommend-flag {
    color: #fff;
    text-transform: uppercase;
    background: #6fd9bc;
    display: table;
    width: auto;
    width: auto;
    padding: 0 5px;
    line-height: 20px;
    font-size: 9px;
    font-family: brandon_grotesquebold;
    text-align: center;
    position: relative;
    margin-top: -6px;
    margin-bottom: 12px
}
.on-list .recommend-flag {
    margin-bottom: 17px;
    margin-top: -1px
}
.recommend-flag:after {
    content: '';
    display: block;
    position: relative;
    position: absolute;
    width: 0;
    left:0;
    height: 0;
    border-style: solid;
    border-width: 5px 7px 0 4px;
    border-color: #347b73 transparent transparent
}
.gallery-place #cycle-2 {
    display: none
}
#slideshow-1 .button {
    display: block;
    width: 100%;
    text-align: center;
    cursor: pointer;
    color: #fff!important;
    text-transform: uppercase;
    background: #6d767c;
    height: 36px;
    line-height: 37px;
    text-decoration: none!important;
    letter-spacing: .03rem;
    font-size: 12px;
    transition: background-color .3s linear
}
#slideshow-1 .button:hover {
    background: #6adabd
}
#sidebar-puller>div.planner-events-count,
div.planner-events-count {
    color: #fff;
    position: absolute;
    border-radius: 50%;
    background: #3fa994;
    text-align: center;
    height: 17px;
    width: 17px;
    top: auto;
    bottom: 10px;
    left: -10px;
    font-size: 10px;
    line-height: 18px;
    border: 3px solid #51bea6
}
.search .branch-item {
    width: 100%
}
.search .branch-item>.left {
    width: 327px
}
.search .branch-item>.right {
    overflow: hidden;
    width: auto;
    float: none
}
.search .branch-item h2 {
    float: none;
    margin-bottom: 0
}
.search .products {
    padding-left: 0
}
.search .products li {
    list-style-type: none;
    position: relative;
    background-color: #eceeee
}
.search .products li h3 {
    font-family: brandon_grotesquemedium;
    font-size: 18px;
    font-weight: 300;
    line-height: 20px;
    margin: 20px 0 15px;
    text-transform: uppercase
}
.search .products li a {
    text-decoration: none;
    color: #000
}
.search .products li .price-buttons a {
    color: #fff
}
.search .products li a img {
    margin: 0 20px 0 0
}
.event-item.on-list.cycle-event.cycle-detail {
    clear: both;
    margin-bottom: 20px;
    transition: background-color .3s linear
}
.event-item.on-list.cycle-event.cycle-detail:hover {
    background-color: #d5d7d6
}
.event-item.on-list.cycle-detail .illustration img {
    width: 299px
}
.event-item.on-list.cycle-event.cycle-detail .illustration div {
    display: none
}
.event-item.on-list.cycle-event.cycle-detail .illustration {
    margin-right: 20px
}
@media screen and (max-width: 766px) {
    .event-item.on-list.cycle-event.cycle-detail .illustration {
        width: 100%;
        margin-right: 0
    }
    .event-item.on-list.cycle-detail .illustration img {
        width: 100%
    }
    .event-item.cycle.on-list .event-title {
        height: auto;
        line-height: 23px;
        padding-top: 10px;
        padding-bottom: 10px
    }
}
.dashboard-content .planner-content h1 {
    font-size: 20px
}
.dashboard-content .planner-content {
    margin-bottom: 0
}
#dashplanner-holder {
    width: 100%;
    height: 257px;
    position: relative
}
.dashboard-content .planner-content p {
    margin: 0 auto 19px;
    width: 90%;
    font-size: 14px;
    text-transform: none
}
.dashboard-content .planner-tabs {
    padding-left: 0
}
.dashboard-content .planner-list.photo li {
    height: auto
}
.dashboard-content .planner-list.photo li>div {
    height: 0;
    padding-bottom: 60%
}
.dashboard-content .planner-list.photo li {
    width: 25%
}
.dashboard-content .planner-content .button {
    width: 96%
}
.dashboard-content .planner-content .button a {
    width: 100%;
    background: 0 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    font-size: 12px;
    font-family: brandon_grotesquemedium
}
.dashboard-content .planner-tabs>li a {
    height: 30px;
    line-height: 31px
}
.dashboard-content .tiny-viewport {
    height: 198px;
    width: 100%;
    top: 22px;
    overflow: hidden
}
.dashboard-content .planner-tabs>li:after {
    display: none
}
.dashboard-content .tiny-scrollbar {
    margin-right: 13px;
    cursor: pointer
}
.dashboard-content .planner-list li {
    background-color: transparent;
    padding: 6px
}
.dashboard-content .apla-title {
    box-sizing: border-box
}
.dashboard-content .tiny-scrollbar.disable {
    display: none
}
.dashboard-content .planner-list.photo {
    margin-top: 0
}
.dashboard-content .planner-tabs>li a {
    padding: 0 10px;
    border-bottom-style: none;
    font-size: 12px
}
.dashboard-content .planner-content .text-divider {
    margin-bottom: 19px
}
.dashboard-content .planner-list {
    width: 100%;
    margin-top: 0
}
.dashboard-content .planner-list li {
    font-size: 10px;
    height: 40px;
    margin-bottom: 10px;
    font-family: brandon_grotesquemedium;
    line-height: 12px
}
.dashboard-content .planner-list.photo li {
    margin-bottom: 0
}
.dashboard-content .planner-list .apla-title h4 {
    font-size: 10px;
    line-height: 12px
}
.dashboard-content .planner-list .apla-title h5 {
    font-size: 8px
}
.dashboard-content .planner-list li>div {
    height: 41px
}
.dashboard-content .planner-list li:hover:after {
    display: none
}
@media screen and (max-width: 766px) {
    .modal .button.alert,
    .modal .button.left {
        float: none;
        margin: 0 auto 10px
    }
}
.mnk-content .text .cycle-items img {
    margin-top: 0;
    margin-bottom: 0;
    display: block;
    opacity: 1
}
.mnk-content .text .cycle-items li {
    margin-bottom: 1%
}
.mnk-content .text .cycle-items.big-cycle-list li:hover {
    opacity: .8
}
.mnk-content .text .cycle-items.big-cycle-list li {
    width: 32%;
    overflow: hidden;
    margin-right: 1%
}
.mnk-content .text .cycle-items.big-cycle-list li:nth-child(3n) {
    margin-right: 0
}
.mnk-content .text .cycle-items.big-cycle-list li:nth-child(3n+1) {
    clear: both
}
.education .cycle-items li a .title {
    display: block!important;
    overflow: hidden;
    padding-top: 8px!important
}
@media screen and (max-width: 604px) {
    .mnk-content .text .cycle-items.big-cycle-list li {
        width: 48%
    }
    .mnk-content .text .cycle-items.big-cycle-list li:nth-child(3n+1) {
        clear: none
    }
    .mnk-content .text .cycle-items.big-cycle-list li:nth-child(2n+1) {
        clear: both
    }
    .mnk-content .text .cycle-items.big-cycle-list li:nth-child(3n) {
        margin-right: 1%
    }
    .mnk-content .text .cycle-items.big-cycle-list li:nth-child(2n) {
        margin-right: 0
    }
}
@media screen and (max-width: 360px) {
    .mnk-content .text .cycle-items.big-cycle-list li {
        width: 100%;
        margin-right: 0!important;
        clear: both;
        margin-bottom: 10px;
        float: none
    }
}
#functions-contact li:hover>a {
    color: #6adabd
}
img[data-logosrc] {
    opacity: 0
}
img[data-logosrc].loaded {
    opacity: .6
}
@media screen and (max-width: 940px) {
    .banner-sidebar.mnk-sidebar,
    .mnk-content.list-container {
        width: 100%
    }
    .calendarium .day-lists {
        width: 100%!important
    }
    .banner-sidebar.mnk-sidebar .small-banner {
        width: 48%;
        float: left;
        margin: 1%
    }
}
.no-csscalc .list-cnt>.text {
    width: 70%!important;
    float: left;
    min-height: 0;
    padding-bottom: 0!important
}
.no-csscalc .list-cnt>a {
    width: 30%;
    float: left
}
.no-csscalc .list-cnt>a img,
.no-csscalc .list-cnt>a picture {
    width: 100%;
    display: block;
    float: none
}
@media screen and (max-width: 766px) {
    .no-csscalc .list-cnt>.text,
    .no-csscalc .list-cnt>a {
        width: 100%!important;
        float: none
    }
}
.touch .articlelist-item img {
    margin-bottom: 20px
}
.articlelist-item .header {
    display: block;
    background: #585d60;
    width: 100%;
    height: 31px;
    max-width: none;
    float: left
}
a.article-list-text {
    text-decoration: none;
    color: #333;
    padding-left: 20px;
    padding-top: 20px;
    float: left;
    width: 600px
}
.polecamy {
    position: relative
}
.polecamy .exslider-next,
.polecamy .exslider-prev {
    margin-top: 17px
}
@media screen and (max-width: 766px) {
    .banner-sidebar.mnk-sidebar .small-banner {
        width: 100%;
        margin: 0 0 10px;
        float: none
    }
    .calendarium .list-container .event-item.on-list header {
        height: 48px;
        float: none;
        overflow: hidden
    }
    .event-item.on-list .event-type,
    .search .event-item.on-list .event-time {
        width: auto!important
    }
    .event-item.on-list .event-type {
        padding-left: 15px;
        padding-right: 3px
    }
}
.left-social #___plus_0,
.social .twitter-share-button {
    vertical-align: middle!important
}
/*
.social .twitter-share-button {
    width: 79px!important
}
*/
.social .iframe-holder {
    height: auto;
    padding: 0
}
.gplus-holder>div {
    vertical-align: middle!important
}
.social-holder {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px
}
.social-links .fb_iframe_widget {
    margin-bottom: 20px
}
.logos-education .horisontal-header {
    width: auto;
    float: left;
    padding-left: 30px
}
.logos-education .logo-header span {
    position: static;
    display: block;
    margin-top: 24px
}
#menu-main .planner-content .button {
    padding-top: 0
}
.fb_iframe_widget_fluid {
    display: inline-block!important
}
.selecter {
    display: block;
    position: relative;
    z-index: 1
}
.selecter .selecter-element {
    height: 100%;
    left: 0;
    position: absolute;
    opacity: 0;
    width: 100%;
    z-index: 0
}
.selecter .selecter-element,
.selecter .selecter-element:focus {
    outline: 0;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-tap-highlight-color: transparent
}
.selecter .selecter-selected {
    background-position: right center;
    background-repeat: no-repeat;
    background-color: #fff;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUMxQjk2RTAwMDM1MTFFNEJEOEQ5OUZGMDg0ODJBREEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUMxQjk2RTEwMDM1MTFFNEJEOEQ5OUZGMDg0ODJBREEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxQzFCOTZERTAwMzUxMUU0QkQ4RDk5RkYwODQ4MkFEQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxQzFCOTZERjAwMzUxMUU0QkQ4RDk5RkYwODQ4MkFEQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhhFRg0AAABvSURBVHja7Nc9DsAgCIZhMV6I+x+CI2Hs1KGtAxhN+n6zP0+EAcXdy4mp5dAAAwYMGDBgwID9BNYim1V1TJnyscTNTHa82Lj0bQSeoZeX8gkXQmX22B0XRmU3v2ShrsP4JQEDBgwYMGDAgG1NF2AALN4SSMETmikAAAAASUVORK5CYII=);
    cursor: pointer;
    display: block;
    font-size: 13px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    line-height: 40px;
    position: relative;
    text-overflow: clip;
    z-index: 2
}
.selecter .selecter-options {
    border: 1px solid #ccc;
    border-width: 0 1px 1px;
    background-color: #fefefe;
    border-radius: 0 0 3px 3px;
    display: none;
    left: 0;
    margin: 0;
    max-height: 260px;
    overflow: auto;
    overflow-x: hidden;
    padding: 0;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 50
}
.selecter .selecter-group {
    background: #F9F9F9;
    border-bottom: 1px solid #e3e3e3;
    color: #999;
    display: block;
    font-size: 11px;
    padding: 5px 10px 4px;
    text-transform: uppercase
}
.selecter .selecter-item {
    text-align: left;
    background: #fff;
    border-bottom: 1px solid #e3e3e3;
    color: #333;
    cursor: pointer;
    display: block;
    font-size: 13px;
    margin: 0;
    overflow: hidden;
    padding: 10px 20px;
    text-overflow: ellipsis;
    width: 100%;
    line-height: 15px
}
.selecter .selecter-item.selected {
    background: #F9F9F9
}
.selecter .selecter-item.disabled {
    color: #999;
    cursor: default
}
.selecter .selecter-item:first-child {
    border-radius: 0
}
.selecter .selecter-item:last-child {
    border-radius: 0 0 2px 2px;
    border-bottom: 0
}
@media screen and (min-width: 980px) {
    .selecter .selecter-item.selected:hover,
    .selecter .selecter-item:hover {
        background-color: #6adabd;
        color: #fff
    }
    .selecter .selecter-item.disabled:hover,
    .selecter:hover .selecter-selected {
        background-color: #fff
    }
    .selecter.disabled .selecter-item:hover {
        background: #fff
    }
}
.selecter.open {
    z-index: 3
}
.selecter.open .selecter-selected {
    border-radius: 3px 3px 0 0;
    z-index: 51
}
.selecter.focus .selecter-selected,
.selecter.open .selecter-selected {
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1)
}
.selecter.cover .selecter-options {
    border-radius: 3px;
    border-width: 1px;
    top: 0
}
.selecter.cover .selecter-options .selecter-item.first {
    border-radius: 3px 3px 0 0
}
.selecter.cover.open .selecter-selected {
    border-radius: 3px 3px 0 0;
    z-index: 49
}
.selecter.bottom .selecter-options {
    border-width: 1px 1px 0;
    bottom: 100%;
    top: auto
}
.selecter.bottom .selecter-item:last-child {
    border: none
}
.selecter.bottom.open .selecter-selected {
    border-radius: 0 0 3px 3px
}
.selecter.bottom.open .selecter-options {
    border-radius: 3px 3px 0 0
}
.selecter.bottom.cover .selecter-options {
    bottom: 0;
    top: auto
}
.selecter.bottom.cover.open .selecter-options,
.selecter.bottom.cover.open .selecter-selected {
    border-radius: 3px
}
.selecter.multiple .selecter-options {
    border-radius: 3px;
    border-width: 1px;
    box-shadow: none;
    display: block;
    position: static;
    width: 100%
}
.selecter.disabled .selecter-selected {
    background: #fff;
    border-color: #eee;
    color: #ccc;
    cursor: default
}
.selecter.disabled .selecter-options {
    background: #fff;
    border-color: #eee
}
.selecter.disabled .selecter-group,
.selecter.disabled .selecter-item {
    border-color: #eee;
    color: #ccc;
    cursor: default
}
.selecter.disabled .selecter-item.selected {
    background: #fafafa
}
.selecter .selecter-options.scroller {
    overflow: hidden
}
.selecter .selecter-options.scroller .scroller-content {
    max-height: 260px;
    padding: 0
}
@media screen and (max-width: 740px) {
    .selecter {
        max-width: 40%
    }
}
@media screen and (max-width: 500px) {
    .selecter {
        max-width: 100%
    }
}
.ui-helper-hidden {
    display: none
}
.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}
.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}
.ui-helper-clearfix:after,
.ui-helper-clearfix:before {
    content: "";
    display: table;
    border-collapse: collapse
}
.ui-helper-clearfix:after {
    clear: both
}
.ui-helper-clearfix {
    min-height: 0
}
.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}
.ui-front {
    z-index: 100
}
.ui-state-disabled {
    cursor: default!important
}
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}
.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}
.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-prev-hover {
    top: 1px
}
.ui-datepicker .ui-datepicker-prev {
    left: 2px
}
.ui-datepicker .ui-datepicker-next {
    right: 2px
}
.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}
.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}
.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}
.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}
.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 49%
}
.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}
.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: 700;
    border: 0
}
.ui-datepicker td {
    border: 0;
    padding: 1px
}
.ui-datepicker td a,
.ui-datepicker td span {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}
.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}
.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em;
    width: auto;
    overflow: visible
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}
.ui-datepicker.ui-datepicker-multi {
    width: auto
}
.ui-datepicker-multi .ui-datepicker-group {
    float: left
}
.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}
.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}
.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}
.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}
.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}
.ui-datepicker-rtl {
    direction: rtl
}
.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}
.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}
.ui-widget {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1.1em
}
.ui-widget .ui-widget {
    font-size: 1em
}
.ui-widget button,
.ui-widget input,
.ui-widget select,
.ui-widget textarea {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1em
}
.ui-widget-content {
    border: 1px solid #aaa;
    background: url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x #fff;
    color: #222
}
.ui-widget-content a {
    color: #222
}
.ui-widget-header {
    border: 1px solid #aaa;
    background: url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x #ccc;
    color: #222;
    font-weight: 700
}
.ui-widget-header a {
    color: #222
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    font-weight: 400;
    color: #555
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #555;
    text-decoration: none
}
.ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-hover {
    border: 1px solid #999;
    background: url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x #dadada;
    font-weight: 400;
    color: #212121
}
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
    color: #212121;
    text-decoration: none
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #aaa;
    background: url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x #fff;
    font-weight: 400;
    color: #212121
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #212121;
    text-decoration: none
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #fcefa1;
    background: url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x #fbf9ee;
    color: #363636
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x #fef1ec;
    color: #cd0a0a
}
.ui-state-error a,
.ui-state-error-text,
.ui-widget-content .ui-state-error a,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error a,
.ui-widget-header .ui-state-error-text {
    color: #cd0a0a
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: 700
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: 400
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}
.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}
.ui-icon {
    width: 16px;
    height: 16px
}
.ui-state-default .ui-icon {
    background-image: url(images/ui-icons_888888_256x240.png)
}
.ui-state-active .ui-icon,
.ui-state-focus .ui-icon,
.ui-state-hover .ui-icon {
    background-image: url(images/ui-icons_454545_256x240.png)
}
.ui-state-highlight .ui-icon {
    background-image: url(images/ui-icons_2e83ff_256x240.png)
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url(images/ui-icons_cd0a0a_256x240.png)
}
.ui-icon-blank {
    background-position: 16px 16px
}
.ui-icon-carat-1-n {
    background-position: 0 0
}
.ui-icon-carat-1-ne {
    background-position: -16px 0
}
.ui-icon-carat-1-e {
    background-position: -32px 0
}
.ui-icon-carat-1-se {
    background-position: -48px 0
}
.ui-icon-carat-1-s {
    background-position: -64px 0
}
.ui-icon-carat-1-sw {
    background-position: -80px 0
}
.ui-icon-carat-1-w {
    background-position: -96px 0
}
.ui-icon-carat-1-nw {
    background-position: -112px 0
}
.ui-icon-carat-2-n-s {
    background-position: -128px 0
}
.ui-icon-carat-2-e-w {
    background-position: -144px 0
}
.ui-icon-triangle-1-n {
    background-position: 0 -16px
}
.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}
.ui-icon-triangle-1-e {
    background-position: -32px -16px
}
.ui-icon-triangle-1-se {
    background-position: -48px -16px
}
.ui-icon-triangle-1-s {
    background-position: -64px -16px
}
.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}
.ui-icon-triangle-1-w {
    background-position: -96px -16px
}
.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}
.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}
.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}
.ui-icon-arrow-1-n {
    background-position: 0 -32px
}
.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}
.ui-icon-arrow-1-e {
    background-position: -32px -32px
}
.ui-icon-arrow-1-se {
    background-position: -48px -32px
}
.ui-icon-arrow-1-s {
    background-position: -64px -32px
}
.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}
.ui-icon-arrow-1-w {
    background-position: -96px -32px
}
.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}
.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}
.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}
.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}
.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}
.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}
.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}
.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}
.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}
.ui-icon-arrowthick-1-n {
    background-position: 0 -48px
}
.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}
.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}
.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}
.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}
.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}
.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}
.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}
.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}
.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}
.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}
.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}
.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}
.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}
.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}
.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}
.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}
.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}
.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}
.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}
.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}
.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}
.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}
.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}
.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}
.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}
.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}
.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}
.ui-icon-arrow-4 {
    background-position: 0 -80px
}
.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}
.ui-icon-extlink {
    background-position: -32px -80px
}
.ui-icon-newwin {
    background-position: -48px -80px
}
.ui-icon-refresh {
    background-position: -64px -80px
}
.ui-icon-shuffle {
    background-position: -80px -80px
}
.ui-icon-transfer-e-w {
    background-position: -96px -80px
}
.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}
.ui-icon-folder-collapsed {
    background-position: 0 -96px
}
.ui-icon-folder-open {
    background-position: -16px -96px
}
.ui-icon-document {
    background-position: -32px -96px
}
.ui-icon-document-b {
    background-position: -48px -96px
}
.ui-icon-note {
    background-position: -64px -96px
}
.ui-icon-mail-closed {
    background-position: -80px -96px
}
.ui-icon-mail-open {
    background-position: -96px -96px
}
.ui-icon-suitcase {
    background-position: -112px -96px
}
.ui-icon-comment {
    background-position: -128px -96px
}
.ui-icon-person {
    background-position: -144px -96px
}
.ui-icon-print {
    background-position: -160px -96px
}
.ui-icon-trash {
    background-position: -176px -96px
}
.ui-icon-locked {
    background-position: -192px -96px
}
.ui-icon-unlocked {
    background-position: -208px -96px
}
.ui-icon-bookmark {
    background-position: -224px -96px
}
.ui-icon-tag {
    background-position: -240px -96px
}
.ui-icon-home {
    background-position: 0 -112px
}
.ui-icon-flag {
    background-position: -16px -112px
}
.ui-icon-calendar {
    background-position: -32px -112px
}
.ui-icon-cart {
    background-position: -48px -112px
}
.ui-icon-pencil {
    background-position: -64px -112px
}
.ui-icon-clock {
    background-position: -80px -112px
}
.ui-icon-disk {
    background-position: -96px -112px
}
.ui-icon-calculator {
    background-position: -112px -112px
}
.ui-icon-zoomin {
    background-position: -128px -112px
}
.ui-icon-zoomout {
    background-position: -144px -112px
}
.ui-icon-search {
    background-position: -160px -112px
}
.ui-icon-wrench {
    background-position: -176px -112px
}
.ui-icon-gear {
    background-position: -192px -112px
}
.ui-icon-heart {
    background-position: -208px -112px
}
.ui-icon-star {
    background-position: -224px -112px
}
.ui-icon-link {
    background-position: -240px -112px
}
.ui-icon-cancel {
    background-position: 0 -128px
}
.ui-icon-plus {
    background-position: -16px -128px
}
.ui-icon-plusthick {
    background-position: -32px -128px
}
.ui-icon-minus {
    background-position: -48px -128px
}
.ui-icon-minusthick {
    background-position: -64px -128px
}
.ui-icon-close {
    background-position: -80px -128px
}
.ui-icon-closethick {
    background-position: -96px -128px
}
.ui-icon-key {
    background-position: -112px -128px
}
.ui-icon-lightbulb {
    background-position: -128px -128px
}
.ui-icon-scissors {
    background-position: -144px -128px
}
.ui-icon-clipboard {
    background-position: -160px -128px
}
.ui-icon-copy {
    background-position: -176px -128px
}
.ui-icon-contact {
    background-position: -192px -128px
}
.ui-icon-image {
    background-position: -208px -128px
}
.ui-icon-video {
    background-position: -224px -128px
}
.ui-icon-script {
    background-position: -240px -128px
}
.ui-icon-alert {
    background-position: 0 -144px
}
.ui-icon-info {
    background-position: -16px -144px
}
.ui-icon-notice {
    background-position: -32px -144px
}
.ui-icon-help {
    background-position: -48px -144px
}
.ui-icon-check {
    background-position: -64px -144px
}
.ui-icon-bullet {
    background-position: -80px -144px
}
.ui-icon-radio-on {
    background-position: -96px -144px
}
.ui-icon-radio-off {
    background-position: -112px -144px
}
.ui-icon-pin-w {
    background-position: -128px -144px
}
.ui-icon-pin-s {
    background-position: -144px -144px
}
.ui-icon-play {
    background-position: 0 -160px
}
.ui-icon-pause {
    background-position: -16px -160px
}
.ui-icon-seek-next {
    background-position: -32px -160px
}
.ui-icon-seek-prev {
    background-position: -48px -160px
}
.ui-icon-seek-end {
    background-position: -64px -160px
}
.ui-icon-seek-first,
.ui-icon-seek-start {
    background-position: -80px -160px
}
.ui-icon-stop {
    background-position: -96px -160px
}
.ui-icon-eject {
    background-position: -112px -160px
}
.ui-icon-volume-off {
    background-position: -128px -160px
}
.ui-icon-volume-on {
    background-position: -144px -160px
}
.ui-icon-power {
    background-position: 0 -176px
}
.ui-icon-signal-diag {
    background-position: -16px -176px
}
.ui-icon-signal {
    background-position: -32px -176px
}
.ui-icon-battery-0 {
    background-position: -48px -176px
}
.ui-icon-battery-1 {
    background-position: -64px -176px
}
.ui-icon-battery-2 {
    background-position: -80px -176px
}
.ui-icon-battery-3 {
    background-position: -96px -176px
}
.ui-icon-circle-plus {
    background-position: 0 -192px
}
.ui-icon-circle-minus {
    background-position: -16px -192px
}
.ui-icon-circle-close {
    background-position: -32px -192px
}
.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}
.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}
.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}
.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}
.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}
.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}
.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}
.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}
.ui-icon-circle-zoomin {
    background-position: -176px -192px
}
.ui-icon-circle-zoomout {
    background-position: -192px -192px
}
.ui-icon-circle-check {
    background-position: -208px -192px
}
.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}
.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}
.ui-icon-circlesmall-close {
    background-position: -32px -208px
}
.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}
.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}
.ui-icon-squaresmall-close {
    background-position: -80px -208px
}
.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}
.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}
.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}
.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}
.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}
.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}
.ui-corner-all,
.ui-corner-left,
.ui-corner-tl,
.ui-corner-top {
    border-top-left-radius: 4px
}
.ui-corner-all,
.ui-corner-right,
.ui-corner-top,
.ui-corner-tr {
    border-top-right-radius: 4px
}
.ui-corner-all,
.ui-corner-bl,
.ui-corner-bottom,
.ui-corner-left {
    border-bottom-left-radius: 4px
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-br,
.ui-corner-right {
    border-bottom-right-radius: 4px
}
.ui-widget-overlay {
    background: url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x #aaa;
    opacity: .3;
    filter: Alpha(Opacity=30)
}
.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x #aaa;
    opacity: .3;
    filter: Alpha(Opacity=30);
    border-radius: 8px
}
input[type=text],
textarea {
    -webkit-appearance: none;
    border-radius: 0
}
#slider-main .slider-extra .right {
    font-family: brandon_grotesqueregular
}
select {
    opacity: 0
}
#svgImport {
    display: none
}
@media (max-width: 1103px) {
    .navbar span {
        font-size: 1em
    }
    .navbar .small-info-header {
        font-size: .48em
    }
}
@media (max-width: 1103px) and (max-width: 766px) {
    .content.page-content {
        padding-top: 0
    }
}
#changeLanguage a {
    text-decoration: none;
    color: #000!important
}
@media (max-width: 1103px) and (small: 0) {
    .content.page-content {
        padding-top: 0
    }
}
a.done {
    cursor: pointer
}
.exhibition-item {
    width: 168px;
    position: relative
}
.side-block.has-content.contact {
    background: #fff;
    border-top: 1px solid #cfcfcf
}
.event-item.side-block.nofoto {
    margin-bottom: 0
}
.event-item.side-block.nofoto:hover {
    background: 0 0
}
.event-item.side-block.nofoto:hover .apla-title {
    padding-bottom: 17px
}
.event-item.side-block.nofoto .apla-title {
    position: relative
}
.exhibition-item.on-dashboard {
    float: left;
    margin-top: 8px;
    margin-left: 20px
}
.exhibition-item.on-dashboard:first-child {
    margin-left: 0
}
.exhibition-item .event-place {
    font-size: .7058em;
    text-align: center;
    line-height: 1.15em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 17px
}
#menu-main .exhibition-item .event-place {
    height: 50px
}
.fotogalerie .exhibition-item .event-place {
    height: 58px
}
.exhibition-item img {
    display: block
}
.exhibition-item h4 {
    position: absolute;
    font-family: brandon_grotesqueregular;
    background: rgba(32, 37, 40, .75);
    bottom: 0;
    color: #fff;
    font-size: .7058em;
    line-height: 1.35em;
    padding: 17px 8px;
    font-weight: 400;
    left: 0;
    right: 0
}
.exhibition-item .short-divider {
    background: #667680;
    margin-top: 8px;
    margin-bottom: 9px
}
.exhibition-item.exhibition-banner {
    width: auto;
    float: left;
    margin: 10px 12px 10px 0
}
.exhibition-item.exhibition-banner h4 {
    font-size: 14px;
    font-family: brandon_grotesqueregular;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 50px;
    padding-bottom: 12px;
    -webkit-transition-property: padding-bottom, background-color;
    -moz-transition-property: padding-bottom, background-color;
    -o-transition-property: padding-bottom, background-color;
    transition-property: padding-bottom, background-color;
    -webkit-transition-duration: .4s;
    -moz-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s
}
.exhibition-item.exhibition-banner:hover {
    color: inherit!important
}
.exhibition-item.exhibition-banner:not(.one-banner):hover h4 {
    height: auto!important;
    padding-bottom: 24px!important;
    background: rgba(32, 37, 40, .85)
}
.exhslider {
    width: 636px;
    overflow: hidden;
    margin: 0 auto
}
.exhslider .dashboard-slide {
    height: auto;
    width: 654px
}
.dashboards .exhibition-item.exhibition-banner h4,
.ekspozycje-stale .exhibition-item.exhibition-banner h4,
.exhibition-banner.one-banner .slider-title h4,
.wystawy-archiwalne .exhibition-item.exhibition-banner h4,
.wystawy-czasowe .exhibition-item.exhibition-banner h4,
.zbiory .exhibition-item.exhibition-banner h4 {
    text-transform: uppercase;
    font-size: 12px
}
.dashboard-slide .exhibition-banner img {
    width: 312px
}
.exhibition-banner.two-banners {
    margin-right: 0
}
.exhibition-banner.two-banners:first-child {
    margin-right: 10px
}
.exhibition-banner.one-banner img {
    width: 714px;
    height: 294px
}
.exhibition-banner.one-banner .slider-title {
    width: 100%;
    left: 20px;
    bottom: 20px;
    padding-bottom: 0;
    max-width: none;
    color: inherit
}
.exhibition-banner.one-banner .slider-title h4 {
    font-size: 22px;
    line-height: inherit;
    padding: 0;
    display: inline;
    position: relative;
    left: 8px;
    box-shadow: 8px 0 0 rgba(32, 37, 40, .75), -8px 0 0 rgba(32, 37, 40, .75)
}
.exhibition-banner.one-banner .slider-title .header-m {
    max-width: 50%
}
.sixphoto-content.dashboard-content {
    width: 711px
}
.sixphoto-slider {
    width: 640px;
    margin: 0 auto
}
.sixphoto-slider .dashboard-slide {
    height: auto;
    width: 666px;
    margin-bottom: 10px
}
.sixphoto-slider h4.header-m {
    font-size: 10px;
    height: auto!important;
    letter-spacing: .01rem;
    min-height: 0;
    padding-bottom: 8px;
    padding-top: 8px
}
.sixphoto-slider h4.header-m span {
    display: block;
    min-height: 24px;
    padding: 0 11px;
    padding-top: 0!important
}
.sixphoto-slider .dashboard-slide .exhibition-banner {
    margin-right: 20px
}
.sixphoto-slider .dashboard-slide .exhibition-banner img {
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: .4s;
    -moz-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s;
    opacity: .999
}
.sixphoto-slider .dashboard-slide .exhibition-banner:hover img {
    opacity: .9
}
.sixphoto-slider .dashboard-slide .exhibition-banner img {
    width: 200px
}
.shop-item {
    background: #eceeee;
    position: relative;
    margin-bottom: 10px
}
.shop-item .info {
    width: 240px;
    padding-top: 20px
}
.shop-item .info .text {
    width: 210px
}
.shop-item .info .author,
.shop-item .info .text {
    font-size: 12px;
    text-transform: none;
    font-family: brandon_grotesqueregular;
    line-height: 1.18em
}
.shop-item .info .author {
    margin-bottom: 6px
}
.shop-item .title {
    display: block;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.2em;
    margin-bottom: 6px
}
.shop-item .price {
    position: absolute;
    right: 0;
    bottom: 0;
    line-height: 38px;
    background: #6d767c;
    color: #fff
}
.side-block.shop-item .price.green {
    background: 0 0;
    position: static
}
.side-block.shop-item .price.green em {
    color: #333
}
.shop-item .price>span {
    height: 37px;
    padding: 0 30px;
    display: block;
    float: left;
    border-right: 1px solid #939a9e;
    font-size: .8235em
}
.shop-item .price .card {
    display: block;
    float: left;
    width: 37px;
    height: 37px
}
.shop-item.vertical {
    height: 317px;
    overflow: hidden
}
.shop-item.vertical img {
    width: 100%
}
.shop-item.vertical .info,
.shop-item.vertical img {
    float: none
}
.shop-item.vertical .info {
    width: 100%;
    padding: 20px 20px 0
}
.shop * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none
}
.shop .left-menu {
    width: 15%;
    float: left
}
.shop .left-menu .bigside {
    margin: 5px 0 20px
}
.shop .left-menu .side-menu {
    width: 100%;
    background-color: #eceeee;
    float: left;
    list-style: none;
    margin: 0 0 20px;
    padding: 10px 0
}
.shop .left-menu .side-menu li {
    position: relative;
    width: 100%;
    float: left;
    padding: 0 10px
}
.shop .left-menu .side-menu li:last-child a {
    border: 0
}
.shop .left-menu .side-menu li:hover {
    background-color: #6adabd
}
.shop .left-menu .side-menu li:hover a {
    color: #fff
}
.shop .left-menu .side-menu li.active a:after,
.shop .left-menu .side-menu li:hover a:after {
    border-color: #fff
}
.shop .left-menu .side-menu li a {
    font-size: 12px;
    font-family: brandon_grotesquemedium;
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    width: 100%;
    padding: 10px 20px 10px 0;
    float: left;
    border-bottom: 1px solid #cfcfcf
}
.shop .left-menu .side-menu li a:after {
    border-bottom: 1px solid #666;
    border-right: 1px solid #666;
    content: "";
    cursor: pointer;
    height: 11px;
    position: absolute;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    width: 11px;
    margin-top: 2px;
    right: 15px;
    top: 30%
}
.shop .left-menu .menu-links {
    float: left
}
.shop .left-menu .menu-links .menu-link.hi {
    padding: 20px
}
.shop .center-content {
    width: 66%;
    margin: 0 2%;
    float: left
}
.shop .center-content .search-header {
    width: 100%;
    float: left;
    border-bottom: 1px solid #cfcfcf
}
.shop .center-content .search-header .function {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: brandon_grotesqueregular;
    float: left;
    width: 15%;
    margin-top: 11px
}
.shop .center-content .search-header .search-text {
    width: 39%;
    height: 40px;
    margin: 0 0 10px 2%;
    float: left;
    text-transform: none;
    font-size: 12px
}
.shop .center-content .search-header .expander {
    width: 20%;
    height: 40px;
    float: left;
    margin: 0 0 10px 2%;
    line-height: 40px;
    color: #49545b;
    font-size: 12px
}
.shop .center-content .search-header .expander .icon.arr_down:before {
    margin-top: 4px
}
.shop .center-content .search-header .search {
    width: 20%;
    height: 40px;
    float: left;
    background-color: #6adabd;
    color: #fff;
    text-align: center;
    line-height: 40px;
    text-transform: uppercase;
    font-family: brandon_grotesquemedium;
    font-size: 12px;
    text-decoration: none;
    margin: 0 0 10px 2%
}
.shop .center-content h2 {
    width: 100%;
    float: left;
    font-size: 20px;
    font-family: brandon_grotesquemedium;
    text-transform: uppercase;
    font-weight: 300;
    border-bottom: 1px solid #cfcfcf;
    padding-bottom: 10px;
    margin-top: 10px
}
.shop .center-content h2.brd-t {
    padding-top: 10px;
    border-top: 1px solid #cfcfcf
}
ul.products {
    width: 100%
}
.shop .center-content .products-slider {
    width: 100%;
    overflow: hidden;
    height: 55px;
    background-color: #49545b;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    line-height: 55px;
    margin: 15px 0 20px
}
@media screen and (max-width: 766px) {
    .shop .center-content .products-slider {
        height: auto
    }
    .shop .center-content .products-slider>span {
        line-height: 33px
    }
    .shop .center-content .products-slider a.next,
    .shop .center-content .products-slider a.prev {
        text-indent: -9999px;
        width: 13%;
        float: left;
        padding: 0!important;
        margin: 0!important
    }
    .shop .center-content .products-slider span p {
        font-size: 16px!important;
        line-height: 18px!important;
        padding-top: 12px
    }
    .shop .center-content .products-slider a.prev {
        margin-left: 1%!important;
        background-position: -2px -39px!important
    }
    .shop .center-content .products-slider a.next {
        float: right;
        background-position: 12px -99px!important;
        margin-right: 1%!important
    }
    .shop .center-content .products-slider {
        padding-bottom: 7px
    }
    .shop .center-content .products-slider>span {
        float: left;
        display: block;
        width: 72%;
        text-align: center;
        overflow: hidden
    }
}
.shop .center-content .products-slider a {
    text-decoration: none;
    color: #fff;
    font-size: 12px;
    letter-spacing: 2px;
    margin-right: 8px
}
.shop .center-content .products-slider a.prev {
    float: left;
    margin-left: 20px;
    padding-left: 30px;
    visibility: hidden;
    background: url(../images/icons/icon_random.png) -7px -41px no-repeat
}
.shop .center-content .products-slider a.next {
    float: right;
    margin-right: 20px;
    visibility: hidden;
    padding-right: 30px;
    background: url(../images/icons/icon_random.png) 75px -100px no-repeat
}
.shop .center-content .products-slider a.next.visible,
.shop .center-content .products-slider a.prev.visible {
    visibility: visible
}
.shop .center-content .products-slider span p {
    font-size: 20px;
    font-family: brandon_grotesquemedium;
    font-weight: 300;
    letter-spacing: 1px;
    display: inline-block;
    margin: 0;
    vertical-align: middle
}
.shop .center-content .products-slider span small {
    font-size: 12px;
    color: #979da1;
    margin-right: 20px;
    margin-left: 7px
}
.shop .center-content .products-slider span a {
    font-size: 12px
}
.shop .center-content .products-slider span a.active,
.shop .center-content .products-slider span a:hover {
    color: #6adabd
}
.shop .center-content .products {
    margin: 0;
    padding: 0;
    float: left
}

@media screen and (min-width: 481px){
.shop .center-content .products li.nophoto_product{
    padding-left: 20px;
}
}
.shop .center-content .products li {
    background-color: #eceeee;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative
}

.shop .center-content .products li.half {
    width: 49%
}
.shop .center-content .products li.half.left {
    margin-right: 1%;
    float: left
}
.shop .center-content .products li.half.right {
    float: right
}
.shop .center-content .products li.half .title {
    font-size: 14px
}
.shop .center-content .products li.half .description {
    font-size: 12px;
    line-height: 16px;
    padding-right: 20px;
    padding-left: 20px
}
.price-buttons,
.shop .center-content .products li.half .price-buttons {
    height: 36px;
    line-height: 36px
}
.price-buttons .price,
.shop .bestsellers .price-buttons .price,
.shop .center-content .products li.half .price-buttons .price,
.shop .pomotions .price-buttons .price {
    line-height: 38px
}
.price-buttons .add,
.shop .center-content .products li.half .price-buttons .add {
    background-image: none;
    padding: 6px 0 0 35px;
    width: 100px;
    height: 35px;
    line-height: 12px
}
.shop .center-content .products li img {
    float: left;
    margin-right: 30px
}
.shop .center-content .products li .title {
    font-size: 18px;
    line-height: 20px;
    text-transform: uppercase;
    font-family: brandon_grotesquemedium;
    font-weight: 300;
    margin: 20px 0 15px
}
.shop .center-content .products li .description {
    font-size: 16px;
    line-height: 20px;
    font-family: brandon_grotesqueregular;
    margin: 0 0 60px;
    padding-right: 100px
}
.search .price-buttons,
.shop .center-content .products li .price-buttons {
    height: 50px;
    line-height: 50px;
    background-color: #6d767c;
    float: right;
    position: absolute;
    right: 0;
    bottom: 0
}
.price-buttons .price,
.shop .center-content .products li .price-buttons .price {
    font-size: 14px;
    padding: 0 20px;
    color: #fff;
    float: left;
    line-height: 50px
}
.price-buttons .price.green,
.price.green,
.shop .center-content .products li .price-buttons .price.green {
    color: #6adabd
}
.price em {
    text-transform: uppercase;
    text-decoration: line-through;
    font-style: normal;
    margin-left: 3px;
    color: #fff
}
.price-buttons .add,
.shop .center-content .products li .price-buttons .add {
    background-image: none;
    border-left: 1px solid #939a9e;
    color: #fff;
    float: right;
    font-family: brandon_grotesquemedium;
    font-size: 10px;
    height: 50px;
    line-height: 12px;
    padding: 14px 0 0 45px;
    text-decoration: none;
    text-transform: uppercase;
    width: 115px;
    position: relative
}
svg.cart {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 17px;
    left: 15px
}
ul.products.recommended li:first-child svg.cart {
    top: 17px;
    left: 15px
}
.recommended svg.cart {
    top: 10px;
    left: 10px
}
.shop .center-content .bestsellers {
    margin: 0;
    padding: 0
}
.shop .center-content .bestsellers li {
    float: left;
    width: 23%;
    margin: 0 2.6% 30px 0
}
.shop .center-content .bestsellers li:last-child {
    margin-right: 0
}
.shop .center-content .bestsellers li img {
    float: left;
    width: 100%
}
.shop .center-content .bestsellers li .title {
    padding: 20px 10px;
    width: 100%;
    border-left: 1px solid #eceeee;
    border-right: 1px solid #eceeee;
    margin: 0;
    font-size: 14px;
    line-height: 18px;
    font-family: brandon_grotesquemedium;
    font-weight: 300;
    float: left;
    color: #000
}
.shop .center-content .bestsellers li .price-buttons {
    width: 100%;
    height: 36px;
    line-height: 36px;
    background-color: #6d767c;
    float: left
}
.shop .center-content .bestsellers li .price-buttons .price {
    font-size: 13px;
    padding-left: 12px;
    color: #fff
}
.shop .center-content .bestsellers li .price-buttons .price.green {
    color: #6adabd
}
.shop .center-content .bestsellers li .price-buttons .price em {
    text-transform: uppercase;
    text-decoration: line-through;
    font-style: normal;
    margin-left: 3px;
    color: #fff
}
.shop .center-content .bestsellers li .price-buttons .add {
    background: url(../images/icons/icon_random.png) -251px -202px no-repeat;
    padding: 6px 0 0 35px;
    width: 100px;
    height: 35px;
    line-height: 12px;
    font-size: 10px;
    font-family: brandon_grotesquemedium;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    float: right;
    border-left: 1px solid #939a9e
}
.shop .center-content .detail {
    float: left;
    width: 100%;
    background-color: #eceeee;
    overflow: hidden;
    margin-top: 30px;
    position: relative;
    padding-bottom: 80px
}
.shop .center-content .detail .gallery-place {
    width: 27%;
    float: left
}
.shop .center-content .detail .gallery-place #cycle-1>div {
    width: 100%;
    display: none
}
.shop .center-content .detail .gallery-place #cycle-1>div a {
    text-decoration: none;
    color: #fff
}
.shop .center-content .detail .gallery-place #cycle-2 .cycle-slide {
    border: 3px solid #eceeee;
    vertical-align: top;
    max-height: 66px;
    overflow: hidden;
    margin-bottom: 4px
}
.shop .center-content .detail .gallery-place #cycle-2 .cycle-slide-active {
    border: 3px solid #6adabd
}
.shop .center-content .detail .gallery-place #slideshow-1,
.shop .center-content .detail .gallery-place #slideshow-2 {
    width: 100%;
    max-width: 600px;
    margin: auto
}
.shop .center-content .detail .gallery-place .next.disabled,
.shop .center-content .detail .gallery-place .prev.disabled {
    display: none
}
.shop .center-content .detail .gallery-place img {
    width: 100%;
    height: auto;
    cursor: pointer;
    display: block
}
.shop .center-content .detail .gallery-place .carousel #cycle-1 img {
    width: auto;
    max-width: 100%
}
.shop .center-content .detail .gallery-place .buttons {
    margin-top: -70px
}
.shop .center-content .detail .gallery-place .next,
.shop .center-content .detail .gallery-place .prev {
    width: 20px;
    height: 20px;
    display: block;
    float: left;
    margin-top: 18px
}
.shop .center-content .detail .gallery-place .next {
    float: right
}
.shop .center-content .detail .gallery-place .prev:after {
    border-bottom: 1px solid #666;
    border-right: 1px solid #666;
    content: "";
    cursor: pointer;
    height: 10px;
    position: absolute;
    transform: rotate(135deg);
    width: 10px;
    left: 10px
}
.shop .center-content .detail .gallery-place .next:after {
    border-bottom: 1px solid #666;
    border-right: 1px solid #666;
    content: "";
    cursor: pointer;
    height: 10px;
    position: absolute;
    transform: rotate(-45deg);
    width: 10px
}
.shop .center-content .detail .informations {
    width: 70%;
    padding-right: 30px;
    float: right
}
.shop .center-content .detail .informations .title {
    font-size: 18px;
    font-family: brandon_grotesquemedium;
    font-weight: 300
}
.shop .center-content .detail .informations .author,
.shop .center-content .detail .informations .description,
.shop .center-content .detail .informations .note,
.shop .center-content .detail .informations .publisher {
    font-family: brandon_grotesqueregular;
    font-size: 14px;
    float: left;
    display: block;
    width: 100%
}
.shop .center-content .detail .informations .note {
    margin-top: 20px;
    line-height: 16px
}
.shop .center-content .detail .informations .description {
    font-size: 16px
}
.shop .center-content .detail .price-buttons {
    height: 50px;
    line-height: 50px;
    background-color: #6d767c;
    float: right;
    position: absolute;
    right: 0;
    bottom: 0
}
.shop .info-items {
    font-size: 14px;
    line-height: 14px;
    margin: -20px 0 5px;
    color: #91979c;
    font-weight: 300;
    text-align: center
}
.shop .info-items.no-items {
    position: absolute;
    right: 29px;
    bottom: 11px
}
.shop .center-content .detail .price-buttons .price {
    font-size: 14px;
    padding: 0 20px;
    color: #fff;
    float: left
}
.shop .center-content .detail .price-buttons .price.green {
    color: #6adabd
}
.shop .center-content .detail .price-buttons .price em {
    text-transform: uppercase;
    text-decoration: line-through;
    font-style: normal;
    margin-left: 3px;
    color: #fff
}
.shop .center-content .detail .price-buttons .pieces {
    border-left: 1px solid #939a9e;
    float: left;
    margin-right: 5px;
    font-size: 10px;
    color: #fff;
    text-transform: uppercase
}
.shop .center-content .detail .price-buttons .pieces input {
    width: 27px;
    height: 27px;
    padding: 0 3px!important;
    margin: 11px 5px 0 10px;
    float: left;
    font-size: 10px;
    text-align: center
}
.shop .center-content .detail .price-buttons .add {
    background: url(../images/icons/icon_random.png) -245px -195px no-repeat;
    border-left: 1px solid #939a9e;
    color: #fff;
    float: left;
    font-family: brandon_grotesquemedium;
    font-size: 10px;
    height: 50px;
    line-height: 12px;
    padding: 14px 0 0 45px;
    text-decoration: none;
    text-transform: uppercase;
    width: 115px
}
.shop .double-center {
    width: 83%;
    margin: 0 0 0 2%;
    float: right
}
.shop .double-center .search-header {
    width: 100%;
    float: left;
    border-bottom: 1px solid #cfcfcf;
    margin-bottom: 10px
}
.shop .double-center .search-header .function {
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: brandon_grotesquemedium;
    float: left;
    padding-bottom: 20px;
    margin-top: 5px
}
.shop .double-center .inside-list .name {
    width: 54%;
    float: left
}
.shop .double-center .inside-list .price {
    width: 12%;
    margin: 0 1%;
    float: left
}
.shop .double-center .inside-list .items {
    width: 7%;
    float: left
}
.shop .double-center .inside-list .value {
    width: 16%;
    margin: 0 1%;
    float: left
}
.shop .double-center .inside-list div.delete {
    width: 7%;
    float: left
}
.double-center .inside-list .line span.delete {
    display: inline-block;
    text-indent: -9999px;
    background-position: -108px -279px;
    width: 16px;
    height: 16px;
    background-image: url(../images/icons/icon_random.png);
    padding: 0!important;
    cursor: pointer
}
.double-center .inside-list .line span.delete:hover {
    opacity: .8
}
.shop .double-center .inside-list .header>div {
    background-color: #6d767c;
    text-align: center;
    line-height: 37px;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-family: brandon_grotesquemedium;
    font-weight: 300
}
.shop .double-center .inside-list .line {
    border-bottom: 1px solid #cfcfcf;
    float: left;
    width: 100%
}
.shop .double-center .inside-list .line>div {
    padding: 20px 10px;
    line-height: 18px;
    font-size: 12px;
    font-family: brandon_grotesquemedium;
    text-transform: uppercase;
    text-align: center
}
.shop .double-center .inside-list .line>div.name {
    text-align: left
}
.shop .double-center .inside-list .line>div.items {
    padding: 16px 0 0;
    position: relative
}
.shop .double-center .inside-list .line>div.items.alert input {
    border-color: #dc1818;
    color: #dc1818
}
.shop .double-center .inside-list .line>div.items.alert .alert-info {
    position: absolute;
    top: -3px;
    left: 70px;
    width: 280px;
    height: 60px;
    background-color: #fff;
    display: block;
    border: 1px solid #dc1818;
    color: #dc1818;
    font-size: 11px;
    line-height: 14px;
    text-align: left;
    padding: 15px;
    box-shadow: 4px 4px 0 #d9d9d9
}
.shop .double-center .inside-list .line>div.items.alert .alert-info span {
    width: 16px;
    height: 22px;
    background-color: #fff;
    position: absolute;
    top: 16px;
    left: -14px
}
.shop .double-center .inside-list .line>div.items.alert .alert-info span:after {
    border-bottom: 1px solid #dc1818;
    border-right: 1px solid #dc1818;
    content: "";
    cursor: pointer;
    height: 16px;
    position: absolute;
    right: -6px;
    top: 3px;
    transform: rotate(135deg);
    width: 16px
}
.shop .double-center .inside-list .line>div.items.alert .alert-info a {
    color: #49545b;
    display: block
}
.shop .double-center .inside-list .line>div.items input {
    width: 27px;
    height: 27px;
    padding: 0 3px!important;
    margin-top: -2px;
    font-size: 10px;
    text-align: center
}
.shop .double-center .inside-list .end>div {
    padding: 20px 10px;
    margin-top: 10px;
    line-height: 18px;
    font-size: 12px;
    font-family: brandon_grotesquemedium;
    text-transform: uppercase;
    text-align: center
}
.shop .double-center .inside-list .end>div.name {
    height: 1px
}
.shop .double-center .inside-list .end>div.price {
    font-size: 10px;
    padding: 10px
}
.shop .double-center .inside-list .end>div.price a {
    text-decoration: none;
    color: #000
}
.shop .double-center .inside-list .end>div.price .reload {
    background: url(../images/icons/icon_random.png) -66px -279px no-repeat;
    width: 16px;
    height: 16px;
    display: block;
    margin: 5px auto 0
}
.shop .double-center .inside-list .end>div.items {
    position: relative;
    background-color: #eceeee;
    padding: 10px;
    margin: 20px 0
}
.shop .double-center .inside-list .end>div.items .condition {
    position: absolute;
    bottom: -25px;
    left: 0;
    color: #848f96;
    font-size: 12px;
    text-transform: none;
    white-space: nowrap
}
.shop .double-center .inside-list .end>div.value {
    background-color: #e1f8f2;
    border: 1px solid #6adabd;
    padding: 10px;
    margin: 20px 1%;
    font-size: 16px
}
.shop .double-center .step-timeline {
    width: 100%;
    padding: 0;
    margin: 0
}
.shop .double-center .step-timeline.second li:nth-child(1):after {
    border: none
}
.shop .double-center .step-timeline.second li:nth-child(1) span {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 19.5px 0 19.5px 20px;
    border-color: transparent transparent transparent #6d767c;
    position: absolute;
    top: 0;
    right: -20px;
    z-index: 1
}
.shop .double-center .step-timeline.third li:nth-child(2):after {
    border: none
}
.shop .double-center .step-timeline.third li:nth-child(2) span {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 19.5px 0 19.5px 20px;
    border-color: transparent transparent transparent #6d767c;
    position: absolute;
    top: 0;
    right: -20px;
    z-index: 1
}
.shop .double-center .step-timeline.fourth li:nth-child(3):after {
    border: none
}
.shop .double-center .step-timeline.fourth li:nth-child(3) span {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 19.5px 0 19.5px 20px;
    border-color: transparent transparent transparent #6d767c;
    position: absolute;
    top: 0;
    right: -20px;
    z-index: 1
}
.shop .double-center .step-timeline.fourth li.active span {
    display: none
}
.shop .double-center .step-timeline li {
    float: left;
    width: 25%;
    background-color: #6d767c;
    color: #999fa4;
    padding: 9px;
    text-align: center;
    font-family: brandon_grotesquemedium;
    text-transform: uppercase;
    font-size: 14px;
    position: relative
}
.shop .double-center .step-timeline li.visited {
    padding: 0
}
.shop .double-center .step-timeline li.visited:hover a {
    color: #fff
}
.shop .double-center .step-timeline li.visited a {
    display: block;
    padding: 9px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    text-decoration: none;
    color: #999fa4;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}
.shop .double-center .step-timeline li:after {
    border-bottom: 1px solid #888e92;
    border-right: 1px solid #888e92;
    content: "";
    cursor: pointer;
    height: 26px;
    margin-top: 2px;
    position: absolute;
    right: 6px;
    top: 4px;
    transform: rotate(-45deg);
    width: 26px
}
.shop .double-center .step-timeline li:last-child:after {
    border: none
}
.shop .double-center .step-timeline li.active {
    background-color: #6adabd;
    color: #fff
}
.shop .double-center .step-timeline li.active span {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 19.5px 0 19.5px 19px;
    border-color: transparent transparent transparent #6adabd;
    position: absolute;
    top: 0;
    right: -19px;
    z-index: 1
}
.shop .double-center .step-timeline li.active:after {
    border: none
}
.shop .double-center .step {
    width: 100%;
    padding: 40px 30px;
    float: left
}
.shop .double-center .step.account {
    padding: 0
}
.shop .double-center .step .info {
    font-size: 14px;
    font-family: brandon_grotesquemedium;
    float: left;
    width: 100%
}
#form-messages {
    min-height: 45px;
    box-sizing: border-box;
    padding-top: 20px;
    color: red
}
#form-messages.login-messages {
    color: #DA6B6B;
    font-size: 14px;
    margin-bottom: 7px
}
.shop .double-center .step .info.second {
    margin: -15px 0 30px
}
.shop .double-center .step .alert-info {
    position: absolute;
    top: -10px;
    right: -295px;
    width: 280px;
    height: 60px;
    background-color: #fff;
    display: block;
    border: 1px solid #dc1818;
    color: #dc1818;
    font-size: 11px;
    line-height: 14px;
    text-align: left;
    padding: 15px;
    box-shadow: 4px 4px 0 #d9d9d9;
    text-transform: uppercase
}
.shop .double-center .step .alert-info span {
    width: 16px;
    height: 22px;
    background-color: #fff;
    position: absolute;
    top: 16px;
    left: -14px
}
.shop .double-center .step .alert-info span:after {
    border-bottom: 1px solid #dc1818;
    border-right: 1px solid #dc1818;
    content: "";
    cursor: pointer;
    height: 16px;
    position: absolute;
    right: -6px;
    top: 3px;
    transform: rotate(135deg);
    width: 16px
}
.shop .double-center .step .alert-info a {
    color: #49545b;
    display: block
}
.shop .double-center .step .alert {
    position: relative
}
.shop .double-center .step .alert input {
    border-color: #dc1818;
    color: #dc1818
}
.shop .double-center .step .login {
    width: 45%;
    float: left;
    margin-bottom: 30px
}
.shop .double-center .step .login input {
    float: left
}
.shop .double-center .step .login .link {
    font-size: 14px;
    display: block;
    text-decoration: none;
    color: #6d767c
}
.shop .double-center .step .login .submit {
    float: right;
    font-size: 12px;
    text-transform: uppercase;
    padding: 10px 25px;
    background-color: #6d767c;
    border: none;
    color: #fff;
    letter-spacing: 2px;
    margin-top: -40px
}
.shop .double-center .step .buy-logout {
    width: 100%;
    float: left
}
.shop .double-center .step .buy-logout.child-form {
    padding-left: 36px;
    padding-top: 16px;
    box-sizing: border-box;
    margin-bottom: 55px
}
.shop .double-center .step .buy-logout .left-side {
    width: 45%;
    float: left
}
.shop .double-center .step .buy-logout .right-side {
    width: 38%;
    float: left;
    margin: 50px 0 0 2%
}
.shop .double-center .step .buy-logout .right-side input,
.shop .double-center .step .buy-logout .right-side span {
    float: left
}
.shop .double-center .step .buy-logout .right-side span {
    width: 4%;
    text-align: center;
    line-height: 36px
}
.shop .double-center .step .buy-logout .right-side input:nth-child(1) {
    width: 48%
}
.shop .double-center .step .buy-logout .right-side input[type=password]:nth-child(1) {
    width: 100%
}
#registerForm .right-side input[name=flat],
.shop .double-center .step .buy-logout .right-side input:nth-child(2) {
    width: 48%;
    margin-left: 4%
}
#registerForm .right-side input[name=number] {
    margin-left: 0
}
#registerForm .right-side input[name=password2] {
    margin-bottom: 61px
}
#registerForm .right-side input[name=postal1] {
    width: 16%;
    padding-left: 14px!important;
    padding-right: 10px!important
}
#registerForm .right-side input[name=postal2] {
    margin-left: 0;
    width: 28%
}
#registerForm .right-side input[name=country] {
    margin-left: 4%;
    width: 48%
}
.shop .double-center .step .buy-logout .right-side input:nth-child(3) {
    width: 17%
}
.shop .double-center .step .buy-logout .right-side input:nth-child(5) {
    width: 27%
}
.shop .double-center .step .buy-logout .right-side input:nth-child(6) {
    width: 48%;
    margin-left: 4%
}
.shop .double-center .step .buy-logout .right-side input:nth-child(7) {
    width: 100%
}
.shop .double-center .step .buy-logout textarea {
    width: 85%;
    float: left;
    margin-top: 31px
}
.shop .double-center .step .buy-logout .paper {
    width: 100%;
    float: left
}
.shop .double-center .step .buy-logout .paper input,
.shop .double-center .step .buy-logout .paper span {
    float: left
}
.shop .double-center .step .buy-logout .paper span {
    width: 2%;
    text-align: center;
    line-height: 36px
}
.shop .double-center .step .buy-logout .paper input:nth-child(1) {
    width: 34%;
    margin-right: 66%
}
.shop .double-center .step .buy-logout .paper input:nth-child(2),
.shop .double-center .step .buy-logout .paper input:nth-child(4) {
    width: 8%
}
.shop .double-center .step .buy-logout .paper input:nth-child(6),
.shop .double-center .step .buy-logout .paper input:nth-child(8) {
    width: 6%
}
.shop .double-center .step .buy-logout .delivery,
.shop .double-center .step .buy-logout .payment {
    width: 32%;
    margin-left: 5%;
    float: left
}
.shop .double-center .step .buy-logout .delivery label,
.shop .double-center .step .buy-logout .payment label {
    background-color: #eceeee;
    float: left;
    padding: 10px 10px 10px 30px;
    margin-bottom: 10px;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: brandon_grotesqueregular;
    position: relative;
    display: block;
    cursor: pointer;
    width: 100%
}
#alert-general {
    color: #CB3333;
    font-size: 13px;
    display: none;
    text-transform: uppercase;
    font-family: brandon_grotesqueregular
}
label.error {
    color: #da6b6b
}
label.error a {
    color: red
}
div.error label {
    background: #F7B5B9
}
div.error.newsletter-group-checks label {
    background: none;
}
.shop .double-center .step .buy-logout .delivery label:hover,
.shop .double-center .step .buy-logout .payment label:hover {
    background: #E9EDED
}
.shop .double-center .step .buy-logout .delivery label input,
.shop .double-center .step .buy-logout .payment label input {
    position: absolute;
    top: 33%;
    left: 10px
}
.shop .double-center .step .buy-logout .summary {
    width: 100%;
    float: left;
    margin-top: 50px;
    padding-bottom: 30px;
    border-bottom: 1px solid #cfcfcf
}
.shop .double-center .step .buy-logout .summary .option-pay,
.shop .double-center .step .buy-logout .summary .summary-pay {
    float: left;
    font-size: 14px;
    text-transform: uppercase;
    font-family: brandon_grotesquemedium;
    font-weight: 300;
    letter-spacing: 1px;
    padding-left: 5%
}
.shop .double-center .step .buy-logout .summary .summary-pay {
    float: right
}
.shop .double-center .step .buy-logout .summary .summary-pay .price {
    padding: 5px 50px;
    background-color: #e1f8f2;
    border: 1px solid #6adabd;
    margin-left: 10px
}
.shop .double-center .step .buy-logout .accepts {
    width: 100%;
    float: left;
    font-family: brandon_grotesqueregular;
    font-size: 14px;
    margin: 20px 0 0 5%
}
.shop .double-center .step .buy-logout .accepts label {
    width: 100%;
    float: left;
    margin-top: 5px
}
.shop .double-center .step .buy-logout .accepts label input {
    display: block;
    float: left;
    margin: 3px 10px 0 0
}
.shop .double-center .step h3 {
    font-family: brandon_grotesquemedium;
    font-size: 20px;
    float: left;
    text-transform: uppercase;
    width: 100%;
    font-weight: 300
}
.shop .double-center .last-buttons {
    width: 100%;
    float: left;
    margin-top: 50px;
    padding-bottom: 20px;
    border-bottom: 1px solid #cfcfcf
}
.shop .double-center .last-buttons .back,
.shop .double-center .last-buttons .done {
    float: left;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 10px 25px;
    border: none;
    background-color: #eceeee;
    color: #000;
    letter-spacing: 2px;
    text-decoration: none;
    font-family: brandon_grotesqueregular
}
.shop .double-center .last-buttons .back.right {
    float: right;
    margin-right: 10px
}
.shop .double-center .last-buttons .done {
    float: right;
    background-color: #49545b;
    color: #fff
}
.shop .right-promo {
    width: 15%;
    float: left
}
.shop .right-promo .your-basket {
    width: 100%;
    background-color: #eceeee;
    text-align: center;
    overflow: hidden
}
.shop .right-promo .your-basket h3 {
    margin: 20px 0 15px;
    font-size: 20px;
    font-weight: 400;
    font-family: brandon_grotesquebold;
    color: #000;
    text-transform: uppercase;
    float: left;
    letter-spacing: .12rem;
    width: 100%
}
.shop .right-promo .your-basket .inside {
    font-size: 12px;
    text-transform: uppercase;
    padding: 0 20px 10px;
    line-height: 18px;
    float: left;
    width: 100%
}
.shop .right-promo .your-basket .order {
    width: 100%;
    float: left;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    padding: 10px 0;
    background-color: #49545b;
    text-decoration: none;
    color: #fff
}
.shop .right-promo .pomotions {
    margin: 0;
    padding: 0
}
.shop .right-promo .pomotions li {
    background-color: #eceeee;
    margin-bottom: 10px;
    overflow: hidden
}
.shop .right-promo .pomotions li img {
    float: left
}
.shop .right-promo .pomotions li .description {
    text-transform: uppercase;
    padding: 20px;
    margin: 0;
    float: left;
    font-size: 14px;
    line-height: 18px
}
.shop .right-promo .pomotions li .price-buttons {
    width: 100%;
    height: 36px;
    line-height: 36px;
    background-color: #6d767c;
    float: left
}
.shop .right-promo .pomotions li .price-buttons .price {
    font-size: 14px;
    padding-left: 10px;
    color: #fff
}
.shop .right-promo .pomotions li .price-buttons .price.green {
    color: #6adabd
}
.shop .right-promo .pomotions li .price-buttons .price em {
    text-transform: uppercase;
    text-decoration: line-through;
    font-style: normal;
    margin-left: 3px;
    color: #fff
}
.shop .right-promo .pomotions li .price-buttons .add {
    background: url(../images/icons/icon_random.png) -251px -202px no-repeat;
    padding: 6px 0 0 35px;
    width: 100px;
    height: 35px;
    line-height: 12px;
    font-size: 10px;
    font-family: brandon_grotesquemedium;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    float: right;
    border-left: 1px solid #939a9e
}
.reveal-modal-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    background: #000;
    background: rgba(0, 0, 0, .8);
    z-index: 1002;
    display: none;
    top: 0;
    left: 0
}
.reveal-modal {
    visibility: hidden;
    top: 100px;
    left: 50%;
    margin-left: -300px;
    width: 520px;
    background-color: #fff;
    position: absolute;
    padding: 60px 30px 30px;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    -box-shadow: 0 0 10px rgba(0, 0, 0, .4)
}
.reveal-modal.small {
    width: 200px;
    margin-left: -140px
}
.reveal-modal.medium {
    width: 400px;
    margin-left: -240px
}
.reveal-modal.large {
    width: 600px;
    margin-left: -340px
}
.reveal-modal.xlarge {
    width: 800px;
    margin-left: -440px
}
@media screen and (max-width: 1000px) {
    .reveal-modal.large,
    .reveal-modal.xlarge {
        width: 80%;
        margin: 0 auto;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -webkit-transform: -webkit-translateX(-50%)
    }
    #remindTime {
        margin-top: 10px
    }
}
@media screen and (max-width: 766px) {
    .reveal-modal.large,
    .reveal-modal.xlarge {
        transform: none;
        -webkit-transform: none;
        left: 0;
        right: 0
    }
}
.reveal-modal .close-reveal-modal:not(.button) {
    font-size: 22px;
    line-height: .5;
    position: absolute;
    top: 8px;
    right: 11px;
    color: #aaa;
    text-shadow: 0 -1px 1px rbga(0, 0, 0, .6);
    font-weight: 700;
    cursor: pointer
}
.choise .pagination {
    font-size: 12px;
    width: auto
}
.fotogalery .pagination .arr {
    background-color: #fff
}
.temporary .pagination {
    margin-bottom: 10px
}
.fotogalery .filters {
    padding-bottom: 10px;
    margin-bottom: 30px;
    border-bottom: 1px solid #cfcfcf
}
.fotogalery .filters .tags p {
    font-size: 13px;
    font-family: brandon_grotesqueregular;
    text-transform: none;
    float: left;
    margin: 0;
    padding-top: 9px
}
.fotogalery .filters .tags .label {
    font-size: 13px;
    line-height: 45px;
    font-family: brandon_grotesquemedium;
    float: left;
    margin-right: 3px;
    text-transform: none;
    padding-top: 9px
}
.fotogalery .foto-lists {
    margin-bottom: 30px;
    overflow: hidden
}
.fotogalery .foto-lists h2 {
    float: left;
    width: 100%;
    font-size: 45px;
    font-family: brandon_grotesquemedium;
    text-transform: uppercase;
    margin: 0 0 20px;
    line-height: 112%;
    padding-right: 257px
}
.fotogalery .foto-lists .foto-column {
    width: 100%;
    float: left;
    list-style: none;
    padding: 0;
    margin: 0
}
.fotogalery .foto-lists .foto-column a {
    text-decoration: none
}
.fotogalery .foto-lists .foto-column h3 {
    width: 100%;
    text-align: center
}
.fotogalery .foto-lists .foto-column li {
    background-color: #eceeee;
    overflow: hidden;
    margin-bottom: 20px;
    width: 31.9%;
    float: left
}
#cart-popup .button {
    margin-top: 40px;
    cursor: pointer
}
#cart-popup.modal .info {
    padding-left: 0
}
#cart-popup.modal h3 {
    padding-top: 14px
}
.fotogalery .foto-lists .foto-column li .about {
    padding: 20px;
    font-size: 16px;
    font-family: brandon_grotesqueregular
}
.fotogalery .foto-lists .foto-column li .tags {
    margin-left: 20px;
    margin-right: 20px;
    border-top: 1px solid #cfcfcf;
    padding-top: 20px;
    padding-bottom: 20px
}
.fotogalery .foto-lists .foto-column li .tags p {
    padding: 0;
    margin: 0
}
.fotogalery .foto-lists .foto-column li p {
    font-family: brandon_grotesqueregular;
    padding-left: 20px;
    padding-right: 20px
}
.fotogalery .foto-lists .foto-column li p.gallery-list {
    padding-bottom: 20px
}
.fotogalery .foto-lists .foto-column li .about .lead {
    float: none;
    font-family: brandon_grotesquemedium;
    font-size: 20px;
    margin-bottom: 20px;
    width: 100%;
    line-height: 26px;
    padding-left: 0;
    display: block
}
.fotogalery .foto-lists .foto-column li .header span {
    width: 33%;
    height: 50px;
    line-height: 50px;
    float: left;
    text-align: center;
    font-family: brandon_grotesquemedium;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase
}
.fotogalery .foto-lists .foto-column li .header span.type {
    background-color: #848f96
}
.fotogalery .foto-lists .foto-column li .header a span {
    line-height: 13px;
    left: 5px;
    right: 5px;
    transform: translateY(-50%);
    width: auto;
    height: auto
}
.fotogalery .foto-lists .foto-column li .header span.time-start {
    color: #000;
    background-color: #eceeee
}
.fotogalery .foto-lists .foto-column li .header a {
    width: 34%;
    position: relative;
    height: 50px;
    float: left;
    text-align: center;
    font-family: brandon_grotesquemedium;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase
}
.fotogalery .foto-lists .foto-column li .header a p {
    line-height: 16px
}
.fotogalery .foto-lists .foto-column li .title-add {
    font-size: 16px;
    text-transform: uppercase;
    padding: 3% 3% 0;
    font-family: brandon_grotesquemedium;
    line-height: 18px;
    display: block;
    clear: both
}
.fotogalery .foto-lists .foto-column li .description-add {
    font-size: 16px;
    font-family: brandon_grotesqueregular;
    padding: 0 3%
}
.fotogalery .foto-lists .foto-column li .share {
    float: right;
    margin: -25px 5px 0 0;
    position: relative
}
.fotogalery .foto-lists .foto-column li a .photo {
    overflow: hidden;
    width: 100%;
    position: relative
}
.fotogalery .foto-lists .foto-column li:hover .description-overlay {
    display: block
}
.fotogalery .foto-lists .foto-column li a .photo img {
    float: left;
    width: 100%
}
.fotogalery .foto-lists .foto-column li a .photo .title {
    position: absolute;
    bottom: 0;
    left: 30px
}
.fotogalery .foto-lists .foto-column li a .photo .title h4 {
    background-color: rgba(0, 0, 0, .6);
    display: inline;
    font-size: 20px;
    text-transform: uppercase;
    font-family: brandon_grotesquemedium;
    font-weight: 300;
    color: #fff;
    box-decoration-break: clone
}
.fotogalery .foto-lists .foto-column li .description-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 3%;
    background-color: rgba(0, 0, 0, .6);
    font-size: 15px;
    font-family: brandon_grotesqueregular;
    color: #fff;
    margin: 0;
    line-height: 21px;
    display: none;
    pointer-events: none
}
.fotogalery .foto-lists .foto-column li .description-overlay a {
    pointer-events: normal
}
.fotogalery .foto-lists .foto-column li .description-overlay .addinfo {
    float: left;
    font-size: 10px;
    letter-spacing: .03rem;
    margin-top: 20px;
    opacity: .8;
    text-transform: uppercase;
    width: 100%
}
.fotogalery .foto-lists .foto-column li .description-overlay .addinfo .separate {
    height: 15px;
    border-left: 1px solid #cfcfcf;
    margin: 0 5px
}
.fotogalery .foto-lists .foto-column li a .date {
    margin-left: 20px;
    background-color: #fff;
    font-size: 13px;
    color: #000;
    float: left;
    text-transform: uppercase;
    padding: 14px 17px;
    line-height: 14px
}
.fotogalery .foto-lists .foto-column li a .date .separate {
    height: 15px;
    border-left: 1px solid #cfcfcf;
    margin: 0 5px;
    width: 1px;
    display: inline-block;
    vertical-align: bottom
}
.fotogalery .foto-lists .foto-column li a .description {
    padding: 10px 20px;
    font-size: 16px;
    font-family: brandon_grotesqueregular;
    text-decoration: none;
    float: left;
    color: #000
}
.exhibition * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.exhibition .left-side {
    width: 436px;
    float: left
}
.exhibition .left-side .mnk-sidebar {
    width: 436px
}
.exhibition .left-side .mnk-sidebar .menu-links {
    float: left
}
.exhibition .left-side .mnk-sidebar .foto-header {
    width: 436px;
    height: auto;
    overflow: hidden;
    position: relative
}
.exhibition .left-side .mnk-sidebar .foto-header>img {
    width: 100%;
    display: block
}
.exhibition .left-side .mnk-sidebar .foto-header .main-text {
    color: #fff;
    font-family: brandon_grotesquemedium;
    font-size: 40px;
    left: 26px;
    right: 26px;
    line-height: 48px;
    position: absolute;
    text-transform: uppercase;
    top: 20px
}
@media screen and (min-width: 767px) {
    .exhibition .left-side .mnk-sidebar .foto-header .main-text.smaller {
        font-size: 32px;
        line-height: 37px
    }
}
.exhibition .left-side .mnk-sidebar .foto-header .date-text {
    bottom: 26px;
    color: #fff;
    font-size: 16px;
    left: 30px;
    letter-spacing: 1px;
    line-height: 20px;
    position: absolute;
    text-transform: uppercase;
    font-family: brandon_grotesqueregular
}
.exhibition .left-side .mnk-sidebar .foto-header .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10
}
.exhibition .left-side .mnk-sidebar .foto-header .overlay .icons {
    position: absolute;
    right: 14px;
    bottom: 13px;
    z-index: 20
}
.exhibition .left-side .mnk-sidebar .foto-header .overlay .icons .ico {
    width: 20px;
    height: 20px;
    float: left;
    display: block;
    margin-left: 10px;
    background: url(../images/icons/icon_random.png) no-repeat
}
.exhibition .left-side .mnk-sidebar .foto-header .overlay .icons .ico.alert,
.exhibition .mnk-content .even .event-content .header .ico.alert {
    background-image: none!important
}
.exhibition .left-side .mnk-sidebar .foto-header .overlay .icons .ico.add {
    background-position: -141px -157px
}
.exhibition .left-side .mnk-sidebar .foto-header .overlay .icons .ico.alert {
    background-position: -173px -156px
}
.exhibition .left-side .mnk-sidebar .foto-header .overlay .icons .ico.calendar {
    background-position: -205px -157px
}
.exhibition .left-side .mnk-sidebar .foto-header .overlay .icons .ico:hover {
    opacity: .8
}
.exhibition .left-side .mnk-sidebar .handicap-info {
    width: 100%;
    height: 55px;
    text-align: center
}
.exhibition .left-side .mnk-sidebar .handicap-info .icon {
    width: 30px;
    height: 30px;
    display: inline-block;
    margin: 10px
}
.exhibition .left-side .mnk-sidebar .handicap-info .icon.blind {
    background-position: -50px -152px
}
.exhibition .left-side .mnk-sidebar .handicap-info .icon.deaf {
    background-position: -7px -152px
}
.exhibition .left-side .mnk-sidebar .handicap-info .icon.wheelchair {
    background-position: -90px -152px
}
.exhibition .left-side .mnk-sidebar .description {
    width: 100%;
    padding: 20px;
    background-color: #eceeee
}
.exhibition .left-side .mnk-sidebar .description .text-functions {
    padding: 0;
    height: 32px;
    display: block
}
.exhibition .left-side .mnk-sidebar .description .lead {
    font-family: brandon_grotesquemedium;
    font-size: 19px;
    line-height: 25px;
    margin-top: 11px
}
.exhibition .left-side .mnk-sidebar .description .lead em {
    font-style: normal;
    font-family: brandon_grotesqueMdIt
}
.exhibition .left-side .mnk-sidebar .description p,
.exhibition .left-side .mnk-sidebar .description ul {
    font-family: brandon_grotesqueregular;
    font-size: 16px
}
.exhibition .left-side .mnk-sidebar .description ul {
    padding-left: 0
}
.exhibition .left-side .mnk-sidebar .description li {
    list-style-type: none;
    background-repeat: no-repeat;
    background-size: 4px 4px;
    background-image: url(../images/icons/bull.gif);
    background-position: left 10px;
    padding-left: 15px
}
.exhibition .left-side .mnk-sidebar .description p em {
    font-family: brandon_grotesqueRgIt;
    font-style: normal
}
.exhibition .left-side .mnk-sidebar .description p.size-medium {
    font-size: 19px;
    line-height: 130%
}
.exhibition .left-side .mnk-sidebar .description p.size-big {
    font-size: 25px;
    line-height: 130%
}
.exhibition .left-side .mnk-sidebar .bottom {
    width: 100%;
    padding-bottom: 40px;
    border-bottom: 1px solid #cfcfcf
}
.exhibition .left-side .mnk-sidebar .author {
    font-size: 14px;
    font-family: brandon_grotesqueregular;
    display: inline-block;
    min-height: 11px
}
.exhibition .left-side .mnk-sidebar .author .label {
    color: #999
}
.exhibition .left-side .mnk-sidebar .bottom .pagination a {
    font-size: 12px;
    line-height: 28px
}
.exhibition .left-side .mnk-sidebar .bottom .pagination a.cycle-pager-active {
    color: #6adabd
}
.exhibition .left-side .mnk-sidebar .tags p {
    font-size: 14px;
    font-family: brandon_grotesqueregular;
    line-height: 18px
}
.tags .label {
    font-size: 14px;
    font-family: brandon_grotesquemedium;
    float: left;
    margin-right: 3px;
    line-height: 18px;
    color: #000
}
.exhibition .left-side .mnk-sidebar .tags a {
    color: #000
}
.exhibition .left-side .mnk-sidebar .social {
    width: 100%;
    margin: 5px 0
}
.exhibition .left-side .mnk-sidebar .bigside.align-left {
    text-align: left;
    font-size: 20px;
    margin-top: 30px
}
.exhibition .left-side .mnk-sidebar .universal-list {
    list-style: none;
    background-color: #eceeee;
    padding: 20px;
    overflow: hidden
}
.exhibition .left-side .mnk-sidebar .universal-list li {
    float: left;
    margin-bottom: 20px;
    width: 100%
}
.exhibition .left-side .mnk-sidebar .universal-list li:last-child {
    margin-bottom: 0
}
.exhibition .left-side .mnk-sidebar .universal-list li a {
    text-decoration: none;
    color: #000
}
.exhibition .left-side .mnk-sidebar .universal-list li a h4 {
    font-size: 12px;
    text-transform: uppercase;
    line-height: 16px;
    margin-top: 10px;
    font-weight: 300;
    font-family: brandon_grotesqueregular
}
.exhibition .left-side .mnk-sidebar .universal-list li a p {
    font-family: brandon_grotesqueregular;
    font-size: 14px;
    margin: 10px 0;
    line-height: 16px
}
.exhibition .left-side .mnk-sidebar .universal-list li a img {
    float: left;
    margin-right: 10px
}
@media screen and (min-width: 767px){
.exhibition .left-side .mnk-sidebar .universal-list li a img{
    max-width: 33.33%;
    }
 .exhibition .left-side .mnk-sidebar .universal-list.blog-image li a img{
     max-width: 100%;
 }   
    
}
.exhibition .left-side .mnk-sidebar .universal-list.download li a h4 {
    margin-top: 0;
    padding-top: 10px;
    display: inline-block;
    width: calc(100% - 60px)
}
.exhibition .mnk-content {
    padding: 0 0 0 30px;
    width: calc(100% - 436px)
}
.exhibition .mnk-content .name-header {
    width: 100%;
    padding: 20px;
    overflow: hidden
}
.exhibition .mnk-content .name-header .left-side {
    width: 70%;
    float: left;
    font-family: brandon_grotesquemedium;
    color: #fff;
    text-transform: uppercase;
    font-weight: 300
}
.exhibition .mnk-content .name-header .left-side .name {
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    width: 100%;
    margin: 0 0 5px
}
.exhibition .mnk-content .name-header .left-side .place,
.exhibition .mnk-content .name-header .left-side .street {
    font-size: 11px;
    width: 100%;
    float: left
}
.exhibition .mnk-content .name-header .right-side {
    width: 30%;
    float: right
}
.exhibition .mnk-content .name-header .right-side .time {
    list-style: none;
    text-align: right;
    text-transform: uppercase;
    float: left;
    margin: 5px 0 0;
    padding-left: 0
}
@media screen and (min-width: 1276px) {
    .exhibition .mnk-content .name-header .right-side .time {
        float: right
    }
}
@media screen and (max-width: 966px) {
    .exhibition .mnk-content .name-header .right-side .time {
        float: left;
        clear: both;
        text-align: left;
        padding-top: 20px
    }
}
.exhibition .mnk-content .name-header .right-side .time li {
    font-size: 11px;
    line-height: 14px;
    width: 100%;
    float: right;
    color: #fff;
    font-family: brandon_grotesqueregular
}
.exhibition .mnk-content .photo-driver {
    width: 100%;
    padding: 3%;
    background-color: #eceeee;
    list-style: none;
    overflow: hidden;
    margin: 20px 0
}
.exhibition .mnk-content .photo-driver>div {
    width: 100%;
    float: left
}
.exhibition .mnk-content .photo-driver>div .cycle-slideshow .cycle-slide {
    height: 149px;
    position: relative;
    width: 30%;
    overflow: hidden;
    border: 3px solid #eceeee
}
.exhibition .mnk-content .photo-driver>div .cycle-slide.cycle-slide-active {
    border: 3px solid #6adabd
}
.exhibition .mnk-content .photo-driver>div .cycle-slideshow .cycle-slide .overlay {
    position: relative
}
.exhibition .mnk-content .photo-driver>div .cycle-slide .description {
    position: absolute;
    left: 3%;
    bottom: 15%;
    width: 94%;
    font-family: brandon_grotesqueregular;
    font-size: 13px;
    color: #fff;
    line-height: 15px;
    background-color: rgba(0, 0, 0, .6);
    padding: 20px 30px;
    white-space: normal
}
@media screen and (max-width: 766px) {
    .exhibition .mnk-content .photo-driver>div .cycle-slide .description {
        width: 100%;
        left: 0;
        right: 0;
        font-size: 9px!important;
        line-height: 11px;
        padding: 5px
    }
    .exhibition .mnk-content .photo-driver>div .cycle-slide.cycle-slide-active {
        border-width: 2px
    }
    .recommend-flag {
        display: table!important
    }
}
@media screen and (max-width: 320px) {
    .exhibition .mnk-content .photo-driver>div .cycle-slide .description {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}
.exhibition .mnk-content .photo-driver img {
    width: 100%
}
.exhibition .mnk-content .video-driver {
    width: 100%;
    padding: 3%;
    background-color: #eceeee;
    list-style: none;
    overflow: hidden
}
.exhibition .mnk-content .video-driver #cycle-1 div {
    width: 100%
}
.iframe-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}
.iframe-wrapper embed,
.iframe-wrapper iframe,
.iframe-wrapper object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.exhibition .mnk-content .video-driver #cycle-2 .cycle-slide {
    border: 3px solid #eceeee
}
.exhibition .mnk-content .video-driver #cycle-2 .cycle-slide-active {
    border: 3px solid #6adabd;
    vertical-align: top
}
.exhibition .mnk-content .video-driver #slideshow-1,
.exhibition .mnk-content .video-driver #slideshow-2 {
    width: 100%;
    margin: auto
}
.exhibition .mnk-content .video-driver #slideshow-2 {
    margin-top: 10px;
    width: 100%
}
.exhibition .mnk-content .video-driver .cycle-slideshow img {
    width: 100%;
    height: auto;
    display: block
}
.exhibition .mnk-content .video-driver .player embed,
.exhibition .mnk-content .video-driver .player iframe,
.exhibition .mnk-content .video-driver .player img,
.exhibition .mnk-content .video-driver .player object {
    width: 100%
}
.exhibition .mnk-content .video-driver .slider-place {
    position: relative
}
.exhibition .mnk-content .video-driver .slider-place .prev {
    width: 2%
}
.exhibition .mnk-content .video-driver .slider-place .prev:after {
    margin-top: 40px;
    border-bottom: 1px solid #666;
    border-right: 1px solid #666;
    content: "";
    cursor: pointer;
    height: 22px;
    position: absolute;
    width: 22px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    left: 0;
    top: 15px
}
.exhibition .mnk-content .video-driver .slider-place .next {
    width: 2%
}
.exhibition .mnk-content .video-driver .slider-place .next:after {
    margin-top: 40px;
    border-bottom: 1px solid #666;
    border-right: 1px solid #666;
    content: "";
    cursor: pointer;
    height: 22px;
    position: absolute;
    width: 22px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 0;
    top: 15px
}
.exhibition .mnk-content .video-driver .slider-place .slider {
    list-style: none;
    float: left;
    width: 95%;
    margin: 0 1% 0 3%;
    padding: 0 5px
}
.exhibition .mnk-content .video-driver .slider-place .slider.no-carousel {
    width: 100%;
    margin: 0 0 0 -.7%
}
.exhibition .mnk-content .video-driver .slider-place .slider>div {
    float: left;
    width: 23%;
    margin: 0 1%;
    position: relative
}
.exhibition .mnk-content .video-driver .slider-place .slider>div .inside {
    position: relative;
    height: 99px
}
.exhibition .mnk-content .video-driver .slider-place .slider>div .media {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 30px;
    height: 30px;
    display: block;
    background: url(../images/icons/icon_random.png) no-repeat rgba(0, 0, 0, .6)
}
.exhibition .mnk-content .video-driver .slider-place .slider>div .media.music {
    background-position: -190px -272px
}
.exhibition .mnk-content .video-driver .slider-place .slider>div .media.movie {
    background-position: -143px -272px
}
.exhibition .mnk-content .video-driver .slider-place .slider>div .description {
    position: absolute;
    bottom: -1px;
    left: 0;
    background-color: rgba(0, 0, 0, .6);
    padding: 10px 20px;
    font-family: brandon_grotesqueregular;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 14px;
    color: #fff;
    white-space: normal
}
@media screen and (max-width: 766px) {
    .exhibition .mnk-content .video-driver .slider-place .slider>div .description {
        padding: 5px;
        line-height: 11px
    }
}
.exhibition .mnk-content .video-driver .slider-place .slider>div img {
    width: 101%;
    margin-top: -1px;
    margin-left: -1px
}
.exhibition .mnk-content .bigside.align-left {
    text-align: left
}
.exhibition .mnk-content .even .time-start {
    width: 10%;
    float: left
}
.exhibition .mnk-content .even .event-content .depiction {
    margin-left: 10%
}
.exhibition .mnk-content .even .time-start .header {
    background-color: #eceeee;
    line-height: 50px;
    font-size: 20px;
    text-align: center;
    float: left;
    width: 100%
}
.exhibition .mnk-content .even .time-start .header sup {
    font-size: 13px;
    top: -.4em
}
.exhibition .mnk-content .even .event-content {
    width: 100%;
    float: left
}
.exhibition .mnk-content .even .event-content a {
    text-decoration: none
}
.exhibition .mnk-content .even .event-content .header {
    line-height: 50px;
    background-color: #848f96;
    color: #fff
}
.exhibition .mnk-content .even .event-content .header .title {
    float: left;
    padding: 0 20px;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff
}
.exhibition .mnk-content .even .event-content .header .title p {
    line-height: 13px
}
.exhibition .mnk-content .even .event-content .header .title.violet {
    background-color: #b21e7f
}
.exhibition .mnk-content .even .event-content .header .title.gray {
    background-color: #9bafc3
}
.exhibition .mnk-content .even .event-content .header .type {
    float: left;
    padding: 0 20px;
    font-size: 12px;
    text-transform: uppercase;
    border-right: 1px solid #a3acb1
}
.exhibition .mnk-content .even .event-content .header .ico {
    height: 50px;
    width: 50px;
    border-left: 1px solid #a3acb1;
    text-align: center;
    float: right
}
.exhibition .mnk-content .even .event-content .header .ico .cal {
    vertical-align: middle
}
.exhibition .mnk-content .even .event-content .header .ico.add {
    background-position: -50px -195px
}
.exhibition .mnk-content .even .event-content .header .ico.alert {
    background-position: -100px -195px;
    text-align: center
}
.exhibition .mnk-content .even .event-content .header .ico.alert svg.alert.fff {
    margin-top: -3px
}
.exhibition .mnk-content .even .event-content .header .ico.calendar {
    background-position: -150px -195px
}
.exhibition .mnk-content .even .event-content .header .ico.ticket {
    background-position: 3px -195px
}
.exhibition .mnk-content .even .event-content .depiction {
    margin-bottom: 20px;
    overflow: hidden;
    padding-left: 20px
}
@media screen and (min-width: 1276px) {
    .exhibition .mnk-content .even .event-content .depiction {
        margin-left: 86px
    }
}
@media screen and (max-width: 1200px) {
    .exhibition .mnk-content .even .event-content .depiction {
        margin-left: 0
    }
    .exhibition .mnk-content .even .time-start {
        width: 14%
    }
}
.exhibition .mnk-content .even .event-content .depiction .cycle {
    font-size: 14px;
    font-family: brandon_grotesqueregular;
    color: #6d767c;
    text-decoration: none;
    line-height: 18px
}
.exhibition .mnk-content .even .event-content .depiction .title,
.inside-title {
    font-size: 18px;
    font-family: brandon_grotesquemedium;
    text-transform: uppercase;
    line-height: 18px;
    margin: 10px 0 0;
    font-weight: 300
}
@media screen and (min-width: 767px) {
    .exhibition .mnk-content .even .event-content .depiction .title {
        margin-top: 39px
    }
}
.exhibition .mnk-content .even .event-content .depiction .description {
    font-size: 16px;
    line-height: 22px;
    font-family: brandon_grotesqueregular;
    margin: 8px 20px 0
}
.exhibition .mnk-content .even .event-content .depiction .description.nofoto {
    padding-bottom: 40px;
    margin-left: 0;
    padding-right: 20px
}
.exhibition .mnk-content .even .event-content .depiction img {
    float: left;
    margin: 0 30px 0 -20px
}
.exhibition .mnk-content .even .header {
    height: 50px;
    font-family: brandon_grotesquemedium
}
.exhibition .mnk-content .more-events {
    width: 100%;
    text-align: right;
    font-size: 12px;
    font-family: brandon_grotesquemedium;
    text-transform: uppercase;
    color: #000;
    float: left;
    text-decoration: none;
    padding-right: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #cfcfcf;
    margin-bottom: 30px
}
.exhibition .mnk-content .more-events:after {
    border-bottom: 1px solid #666;
    border-right: 1px solid #666;
    content: "";
    cursor: pointer;
    height: 10px;
    margin-top: 2px;
    position: absolute;
    transform: rotate(-45deg);
    width: 10px
}
.exhibition .navbar {
    float: left;
    margin: 20px auto;
    border: none
}
.alert-side {
    width: 100%;
    float: left;
    padding: 17px 0;
    font-size: 14px;
    text-transform: uppercase;
    font-family: brandon_grotesquemedium;
    text-align: center;
    background-color: #e84c3d;
    color: #fff;
    margin-bottom: 20px
}
.alert-side span {
    padding-left: 30px;
    background: url(../images/icons/icon_random.png) -61px -244px no-repeat
}
.temporary * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.temporary .mnk-sidebar.smaller {
    width: 300px
}
.temporary .mnk-content {
    width: 100%
}
@media screen and (min-width: 1276px) {
    .temporary .mnk-content {
        width: calc(100% - 300px)
    }
}
.temporary h2 {
    font-size: 20px;
    font-family: brandon_grotesquemedium;
    text-transform: uppercase;
    font-weight: 300;
    width: 100%;
    float: left;
    padding: 10px;
    border-top: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    margin: 0 0 20px
}
.temporary h2 .expander {
    float: right;
    width: 15%;
    text-align: center
}
.temporary h2 .expander-label {
    float: right;
    font-size: 12px;
    font-family: brandon_grotesquemedium;
    margin: 9px 9px 0
}
.temporary .list-temporary {
    list-style: none;
    margin: 0;
    padding: 0
}
.temporary .list-temporary a {
    text-decoration: none
}
.temporary .list-temporary li {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    position: relative
}
.temporary .list-temporary li.constant,
.temporary .list-temporary.const li {
    padding-left: 0
}
.temporary .list-temporary li img {
    float: left;
    width: 270px
}
.temporary .list-temporary li .title {
    padding: 10px 20px;
    font-size: 18px;
    font-family: brandon_grotesqueregular;
    text-transform: uppercase;
    font-weight: 300;
    color: #fff;
    background-color: #859096;
    float: left;
    margin: 0;
    width: calc(100% - 270px)
}
.temporary .list-temporary li .description {
    padding: 33px 30px 10px;
    margin: 0;
    font-size: 16px;
    float: left;
    text-decoration: none;
    color: inherit;
    width: calc(100% - 270px);
    font-family: brandon_grotesqueregular
}
.search li .description {
    min-height: 203px
}
.search li .description .description-link {
    color: #000
}
@media screen and (max-width: 767px) {
    .temporary .list-temporary li .description {
        padding-bottom: 25px
    }
}
@media screen and (max-width: 1240px) {
    .temporary .list-temporary li img {
        margin-right: 20px!important
    }
    .temporary .list-temporary li .description {
        display: inline;
        float: none
    }
    .temporary .list-temporary li .title {
        margin-left: -20px!important;
        margin-bottom: 20px;
        width: calc(100% - 260px)!important
    }
}
@media screen and (max-width: 767px) {
    .temporary .list-temporary li .title {
        width: calc(100% - 270px)!important;
        padding-right: 76px;
        line-height: 20px;
        padding-top: 14px;
    }
}
.temporary .list-temporary li .bottom-info {
    float: left;
    width: 100%;
    font-family: brandon_grotesqueregular;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px
}
.temporary .list-temporary li .bottom-info a {
    text-decoration: none
}
.temporary .list-temporary li .bottom-info .place {
    width: 270px;
    float: left;
    display: block;
    padding: 16px 0;
    color: #fff
}
.temporary .list-temporary li .bottom-info .left-side {
    float: right;
    width: calc(100% - 270px)
}
.temporary .list-temporary li .bottom-info .left-side .street {
    width: 25%;
    float: left;
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 48px;
    position: relative
}
@media screen and (min-width: 1200px) {
    .temporary .list-temporary li .bottom-info .left-side .street {
        width: 25%
    }
    .temporary .list-temporary li .description {
        min-height: 204px;
        webkit-transition: background-color .3s linear;
        -o-transition: background-color .3s linear;
        transition: background-color .3s linear;
    }
    .temporary .list-temporary li .description:hover {
        background-color: #d5d7d6;
    }
}
@media screen and (max-width: 766px) {
    .temporary .list-temporary li .bottom-info .left-side,
    .temporary .list-temporary li .bottom-info .left-side .street {
        float: none;
        width: 100%!important;
        display: block;
        clear: both
    }
    .temporary .list-temporary li .bottom-info .left-side .open span,
    .temporary .list-temporary li .bottom-info .left-side .street span {
        position: static;
        transform: none!important;
        -webkit-tranform: none!important
    }
}
.temporary .list-temporary li .bottom-info .left-side .open span,
.temporary .list-temporary li .bottom-info .left-side .street span {
    position: absolute;
    left: 8px;
    right: 8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.temporary .list-temporary li .bottom-info .left-side .street span {
    font-size: 11px;
    line-height: 13px
}
.temporary .list-temporary li .bottom-info .left-side .map {
    width: 25%;
    float: left;
    background-color: #ededed;
    text-decoration: none;
    color: #000;
    padding: 15px 0
}
.temporary .list-temporary li .bottom-info .left-side .open {
    width: 25%;
    float: left;
    font-size: 10px;
    padding: 0;
    position: relative;
    height: 48px
}
.temporary .list-temporary li .bottom-info .left-side .tickets {
    width: 25%;
    float: left;
    background-color: #ededed;
    text-decoration: none;
    color: #000;
    padding: 15px 0
}
@media screen and (min-width: 1276px) {
    .temporary .list-temporary li .bottom-info .left-side {
        border-top: 1px solid #ededed;
        border-bottom: 1px solid #ededed;
        height: 49px
    }
}
@-moz-document url-prefix() {
    .temporary .list-temporary li .bottom-info .left-side {
        height: 50px
    }
}
.temporary .mnk-sidebar {
    text-align: center
}
.temporary .mnk-sidebar .menu-links {
    float: left
}
.temporary .mnk-sidebar h4 {
    font-size: 16px;
    font-weight: 300;
    font-family: brandon_grotesquemedium;
    text-transform: uppercase;
    margin: 16px 0 15px;
    line-height: 22px
}
.temporary .mnk-sidebar .permanent {
    list-style: none;
    padding: 0;
    margin: 0 0 10px;
    text-transform: uppercase
}
.temporary .mnk-sidebar .permanent li {
    background-color: #eceeee;
    border-bottom: 1px solid #fff;
    padding: 10px 0
}
.temporary .mnk-sidebar .permanent li a {
    text-decoration: none;
    color: #000
}
.temporary .mnk-sidebar .permanent li.first {
    padding: 0;
    color: #fff
}
.temporary .mnk-sidebar .permanent li .header {
    display: block;
    font-size: 14px;
    line-height: 17px;
    padding: 15px;
    width: 100%
}
.temporary .mnk-sidebar .temporary-items {
    float: left;
    margin-bottom: 20px
}
.temporary .mnk-sidebar .temporary-items .header {
    float: left;
    width: 100%;
    height: 50px;
    display: table
}
.temporary .mnk-sidebar .temporary-items .header a {
    text-decoration: none
}
.temporary .mnk-sidebar .temporary-items .header .time {
    width: 30%;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    background-color: #eceeee;
    font-size: 12px;
    font-family: brandon_grotesquemedium;
    color: #000;
    line-height: 14px
}
.temporary .mnk-sidebar .temporary-items .header .place {
    width: 100%;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    font-family: brandon_grotesquemedium;
    color: #fff;
    line-height: 14px;
    text-transform: uppercase;
    text-decoration: none
}
.temporary .mnk-sidebar .temporary-items img {
    width: 100%;
    max-width: 300px;
    float: left
}
@media screen and (max-width: 766px) {
    .temporary .mnk-sidebar .temporary-items img {
        max-width: 100%
    }
}
.temporary .mnk-sidebar .temporary-items .function,
.temporary .mnk-sidebar .temporary-items .title {
    width: 100%;
    margin: 0;
    padding: 10px 20px;
    text-align: left;
    background-color: #49545b;
    float: left;
    font-family: brandon_grotesquemedium;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase
}
.temporary .mnk-sidebar .temporary-items .function {
    padding: 5px 20px;
    color: #000;
    font-size: 12px;
    background-color: #fff;
    border-left: 1px solid #eceeee;
    border-right: 1px solid #eceeee
}
.temporary .mnk-sidebar .temporary-items .description {
    float: left;
    width: 100%;
    padding: 20px;
    background-color: #eceeee;
    font-size: 14px;
    font-family: brandon_grotesqueregular;
    margin: 0;
    text-align: left
}
.temporary .mnk-sidebar .temporary-items .buttons-action {
    width: 100%;
    float: left;
    background-color: #eceeee;
    border-top: 1px solid #cfcfcf
}
.temporary .mnk-sidebar .temporary-items .buttons-action .calendar {
    width: 45px;
    float: right;
    height: 37px;
    border-left: 1px solid #cfcfcf
}
.temporary .mnk-sidebar .temporary-items .buttons-action .calendar svg {
    margin-top: 10px
}
#sidebar-puller {
    z-index: 1100
}
.expander {
    z-index: 100
}
#sidebar-body {
    overflow-y: scroll;
    z-index: 1000;
    width: 356px
}
#sidebar-body h3 {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 300
}
#sidebar-body .statements {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    width: 100%;
    float: left
}
#sidebar-body .statements li {
    line-height: 18px;
    float: left;
    border-bottom: 1px solid #d1d1d1;
    padding: 5px 0;
    position: relative
}
#sidebar-body .statements li .info-icon {
    position: absolute;
    left: 10px;
    top: 23%;
    color: gray;
    font-family: Trebuchet MS;
    font-weight: 700
}
#sidebar-body .statements li .info-text {
    font-size: 14px;
    font-weight: 300;
    float: left;
    padding-left: 30px;
    width: calc(100%-30px);
    margin: 0
}
#sidebar-body .buttons {
    width: 100%;
    float: left;
    margin-top: 30px
}
#sidebar-body .buttons .menu-links {
    border: none;
    padding-bottom: 30px;
    border-bottom: 1px solid #cfcfcf
}
#sidebar-body .buttons .bigside.menu-link.hi {
    padding: 10px 0
}
#sidebar-body .buttons .bigside.menu-link.hi.arr {
    border: 1px solid #d1d1d1;
    background-color: #f4f4f4;
    width: 90%;
    margin-left: 5%
}
#sidebar-body .buttons .bigside.menu-link.hi.arr:after {
    margin-right: 10px
}
#sidebar-body .when-what {
    width: 90%;
    margin-left: 5%;
    float: left;
    border: 1px solid #d1d1d1;
    background-color: #f4f4f4;
    padding: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 30px
}
#sidebar-body .when-what h4 {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 300
}
#sidebar-body .when-what span {
    width: 100%;
    float: left
}
#sidebar-body .when-what span p {
    float: left;
    font-size: 12px;
    font-weight: 300;
    margin: 7px 10px 0 35px;
    text-transform: uppercase
}
#sidebar-body .when-what span input {
    width: 100px;
    height: 30px;
    float: left
}
#sidebar-body .when-what span .calendar {
    background-image: url(../images/icons/icons_large.png);
    background-position: 88.2353% 0;
    background-size: 1800% auto;
    content: "";
    display: inline-block;
    height: 18px;
    line-height: 18px;
    vertical-align: middle;
    width: 18px;
    float: left;
    margin: 5px 10px
}
#sidebar-body .when-what .button {
    width: 100%;
    height: 36px;
    line-height: 36px;
    font-size: 12px;
    font-weight: 300;
    text-transform: uppercase;
    color: #fff;
    background-color: #4a555b;
    float: left;
    text-decoration: none;
    text-align: center;
    margin-top: 10px
}
#sidebar-body .branches {
    width: 100%;
    float: left;
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden
}
#sidebar-body .branches li {
    border-bottom: 1px solid #d1d1d1;
    float: left;
    width: 100%;
    padding: 5px 0
}
#sidebar-body .branches li a {
    font-size: 12px;
    color: #000;
    text-transform: uppercase;
    font-weight: 300;
    float: left;
    width: 100%;
    text-decoration: none
}
#sidebar-body .branches li a:after {
    border-bottom: 1px solid #666;
    border-right: 1px solid #666;
    content: "";
    cursor: pointer;
    height: 7px;
    margin-top: 4px;
    position: absolute;
    right: 25px;
    transform: rotate(-45deg);
    width: 7px
}
.top-sidebar.cycle {
    padding-top: 20px
}
.top-sidebar.small .color-card {
    padding: 18px;
    height: 130px
}
.top-sidebar.small .color-card .address,
.top-sidebar.small .color-card h1 {
    font-size: 12px
}
.top-sidebar.small .big-event-time span {
    font-size: 10px
}
.top-sidebar.small .handicap-info {
    width: 100%;
    height: 55px;
    text-align: center
}
.top-sidebar.small .handicap-info .icon {
    width: 30px;
    height: 30px;
    display: inline-block;
    margin: 10px;
    background: url(../images/icons/icon_random.png) no-repeat
}
.top-sidebar.small .handicap-info .icon.blind {
    background-position: -50px -152px
}
.top-sidebar.small .handicap-info .icon.deaf {
    background-position: -7px -152px
}
.top-sidebar.small .handicap-info .icon.wheelchair {
    background-position: -90px -152px
}
.calendarium * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.calendarium .filters {
    width: 100%;
    min-height: 45px;
    line-height: 45px;
    padding: 0 1%;
    text-transform: uppercase;
    overflow: hidden
}
.choise.pagination-holder {
    padding-top: 7px
}
.fotogalery .filters {
    min-height: 55px
}
@media screen and (max-width: 850px) {
    .fotogalery .filters {
        min-height: 148px
    }
    .calendarium.fotogalery .choise .pagination {
        margin-top: 11px;
        margin-bottom: 8px;
        clear: both
    }
}
.pagination .arr.left.dbl span,
.pagination .arr.right.dbl span {
    border-style: none
}
.pagination .arr.left.dbl,
.pagination .arr.right.dbl {
    width: 31px
}
.pagination .arr.right.dbl:after {
    right: 15px
}
.pagination .arr.left.dbl:after {
    left: 15px
}
.pagination .arr.dbl:hover span:after {
    border-color: #6adabd
}
.side-block iframe {
    max-width: 100%
}
.pagination .arr.right.dbl span:after {
    right: 7px;
    top: 5px
}
.pagination .arr.left.dbl span:after {
    left: 7px;
    top: 5px
}
.calendarium .filters .choise.fotogallery-choice {
    float: left
}
@media screen and (min-width: 1276px) {
    .calendarium .filters .choise.fotogallery-choice .selecter-holder.medium {
        width: 190px
    }
}
.calendarium .filters .label {
    float: left;
    font-size: 20px
}
.calendarium .filters .function {
    font-size: 12px;
    letter-spacing: 2px;
    float: left
}
.calendarium .filters .expander {
    width: 190px;
    height: 40px;
    margin: 3px 20px;
    line-height: 40px
}
.calendarium .filters .expander .icon.arr_down:before {
    margin-top: 4px
}
.calendarium .filters .choise {
    float: right
}
.calendarium .filters .choise.full {
    width: 100%
}
.calendarium .filters .choise.full .right {
    float: right;
    width: 75%
}
@media screen and (max-width: 766px) {
    .calendarium .filters .choise.full .right {
        width: 100%
    }
}
.calendarium .filters .choise .function {
    font-size: 12px;
    letter-spacing: 2px;
    float: left
}
.calendarium .filters .choise .function.first {
    padding-right: 20px;
    margin-right: 20px;
    border-right: 1px solid #cfcfcf
}
.calendarium .filters .choise .expander {
    width: 190px;
    height: 40px;
    margin: 3px 20px;
    line-height: 40px
}
.calendarium .filters .choise .expander .icon.arr_down:before {
    margin-top: 4px
}
.calendarium .day-slider {
    width: 100%;
    height: 55px;
    background-color: #49545b;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    line-height: 55px;
    margin: 15px 0 20px
}
.calendarium .day-slider a {
    text-decoration: none;
    color: #fff;
    font-size: 12px;
    letter-spacing: 2px
}
.calendarium .day-slider a.prev {
    float: left;
    margin-left: 20px;
    padding-left: 30px;
    background: url(../images/icons/icon_random.png) -7px -41px no-repeat;
    min-width: 150px;
}
.calendarium .day-slider a.next {
    float: right;
    margin-right: 20px;
    padding-right: 30px;
    background: url(../images/icons/icon_random.png) 121px -100px no-repeat;
    min-width: 150px;
}
.calendarium .day-slider span {
    font-size: 20px;
    letter-spacing: .03rem
}
.search .calendarium .day-slider span {
    font-size: inherit
}
@media screen and (max-width: 940px) {
    .search .calendarium .day-slider a span {
        opacity: 0;
        font-size: 1px
    }
}
.calendarium .day-slider .icon {
    vertical-align: baseline;
    display: inline-block;
    margin-bottom: -3px
}
.calendarium .day-lists {
    float: left
}
.calendarium .day-lists .column {
    width: 13.4%;
    float: left;
    list-style: none;
    padding: 0;
    margin: 0 1% 0 0
}
.calendarium .day-lists .column a {
    text-decoration: none
}
.calendarium .day-lists .column:last-child {
    margin-right: 0
}
.calendarium .day-lists .column li {
    margin-bottom: 20px;
    float: left
}
.calendarium .day-lists .column li .header {
    text-align: center;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 300;
    margin: 0;
    float: left
}
.calendarium .day-lists .column li .header.gray {
    background-color: #9bafc3
}
.calendarium .day-lists .column li .header.darkgreen {
    background-color: #2d8c7c
}
.calendarium .day-lists .column li .header.green {
    background-color: #6adabd
}
.calendarium .day-lists .column li .header.violet {
    background-color: #b21e7f
}
.calendarium .day-lists .column li .header.yellow {
    background-color: #fab300
}
.calendarium .day-lists .column li .header.darkblue {
    background-color: #063a71
}
.calendarium .day-lists .column li .overlay-name.no-image .name {
    position: relative
}
.calendarium .day-lists .column li .overlay-name .name {
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .6);
    color: #fff;
    width: 100%
}
.calendarium .day-lists .column li img {
    width: 100%;
    float: left
}
.calendarium .day-lists .column li .name {
    text-transform: uppercase;
    font-size: 13px;
    line-height: 16px;
    font-weight: 300;
    padding: 20px 20px 20px 10px;
    float: left;
    background-color: #eceeee
}
.calendarium .day-lists .column li .name .cycle {
    font-size: 12px;
    text-transform: uppercase
}
.separate {
    width: 40px;
    display: block;
    border-bottom: 1px solid #cfcfcf;
    margin-bottom: 5px
}
.calendarium .day-lists .column li .access,
.calendarium .day-lists .column li .rang {
    width: 100%;
    float: left;
    font-size: 12px;
    font-weight: 300;
    padding: 10px;
    color: #000;
    text-transform: uppercase;
    background-color: #fff;
    border-left: 1px solid #eceeee;
    border-right: 1px solid #eceeee
}
.calendarium .day-lists .column li .access .separator,
.calendarium .day-lists .column li .rang .separator {
    width: 1px;
    height: 12px;
    border-left: 1px solid #eceeee;
    margin: 0 3px;
    display: inline-block
}
.calendarium .day-lists .column li .description p {
    margin: 0
}
li.event>a {
    color: #333
}
li.event:hover>a {
    color: #000
}
.calendarium .day-lists .column li .links a {
    float: left;
    height: 36px;
    background-color: #eceeee
}
.calendarium .day-lists .column li .links a.right {
    float: right
}
.calendarium .day-lists .column li .links a.card {
    background-position: 4px 0
}
.calendarium .day-lists .column li .links a.ticket {
    background-position: -164px 0
}
.calendarium .day-lists .column li .links a.cash {
    background-position: -200px 0
}
.calendarium .day-lists .column li .links a.add {
    background-position: -40px 0;
    border-left: 1px solid #cfcfcf
}
.calendarium .day-lists .column li .links a.time {
    background-position: -81px 0;
    border-left: 1px solid #cfcfcf;
    border-right: 1px solid #cfcfcf
}
.calendarium .day-lists .column li .links a.reserve {
    background-position: -125px 0
}
.calendarium .timeline .headtext {
    width: 100%;
    float: left;
    font-size: 20px;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 10px
}
.calendarium .timeline .week-box {
    width: 100%;
    float: left;
    margin-bottom: 50px
}
.calendarium .timeline .week-box .one-day-box {
    width: 14.2%;
    float: left;
    border-top: 1px solid #cfcfcf;
    border-right: 1px solid #cfcfcf;
    position: relative;
    padding-top: 10px
}
.calendarium .timeline .week-box .one-day-box:last-child .line {
    width: 100%
}
.calendarium .timeline .week-box .one-day-box .line {
    width: 101%;
    height: 30px;
    line-height: 30px;
    margin: 10px 0 0;
    float: left;
    white-space: nowrap;
    font-size: 10px;
    text-transform: uppercase;
    color: #fff;
    padding-left: 20px
}
.calendarium .timeline .week-box .one-day-box .line.green {
    background-color: #2d8c7c
}
.calendarium .timeline .week-box .one-day-box .line.pink {
    background-color: #b21e7f
}
.calendarium .timeline .week-box .one-day-box .line.blue {
    background-color: #187bc4
}
.calendarium .timeline .week-box .one-day-box .line.violet {
    background-color: #723386
}
.calendarium .timeline .week-box .one-day-box .line.yellow {
    background-color: #fab400
}
.calendarium .timeline .week-box .one-day-box .line.darkblue {
    background-color: #063a71
}
.calendarium .timeline .week-box .one-day-box .line.gray {
    background-color: #9bafc3
}
.calendarium .timeline .week-box .one-day-box .line.white {
    background-color: #fff;
    width: 100%
}
.calendarium .timeline .week-box .one-day-box .line.text {
    position: relative;
    z-index: 30
}
.calendarium .timeline .week-box .one-day-box .date {
    font-size: 12px;
    padding: 5px 10px;
    background-color: #fff;
    position: absolute;
    left: -1px;
    top: -16px
}
.modal .close-reveal-modal:not(.button) {
    background: url(../images/icons/icon_random.png) -10px -254px no-repeat;
    width: 36px;
    height: 36px
}
.modal .header {
    padding-bottom: 20px;
    border-bottom: 1px solid #cfcfcf
}
.modal .header h2 {
    font-size: 30px;
    text-transform: uppercase;
    font-family: brandon_grotesquemedium;
    margin: 0
}
.modal .header span {
    font-size: 16px;
    font-family: brandon_grotesqueregular
}
.modal .info {
    padding: 0 30px
}
.modal .info .img {
    float: left;
    margin-right: 10px
}
.modal .info span {
    margin-top: -25px;
    display: block
}
.modal .info h3 {
    font-size: 20px;
    text-transform: uppercase;
    font-family: brandon_grotesqueregular;
    color: #6bd9bc
}
.modal .info p {
    font-size: 16px;
    font-family: brandon_grotesqueregular
}
.modal .info p span {
    color: #6bd9bc
}
.modal .options {
    margin: 20px 0;
    padding: 0 30px;
    float: left;
    width: 100%
}
.modal .options .expander {
    width: 25%;
    float: left
}
.modal .options .search-text {
    width: 60%;
    margin: 0 5% 0 0!important;
    float: left;
    height: 32px
}
.modal textarea {
    width: 60%;
    resize: none;
    margin-top: 15px;
    float: left
}
.error+.bot-info {
    color: #da6b6b
}
.modal .options .label,
.modal .options label {
    display: block;
    margin: 10px 0 0;
    font-size: 12px;
    font-weight: 300
}
.bot-info {
    display: inline-block;
    margin-top: -7px;
    vertical-align: middle
}
.modal .options .label {
    float: right
}
.modal .options label input {
    display: inline-block;
    margin-right: 5px;
    border-radius: 0;
    box-shadow: none;
    background: #fff
}
#ask-popup label {
    float: left
}
.modal .button {
    float: right;
    font-size: 12px;
    text-decoration: none;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: brandon_grotesquemedium;
    color: #fff;
    background-color: #4a555b;
    padding: 15px 0;
    width: 230px;
    text-align: center;
    display: block;
    -webkit-transition: background .6s;
    -moz-transition: background .6s;
    -o-transition: background .6s;
    transition: background .6s
}
.modal .button:hover {
    background: #000
}
@media screen and (max-width: 766px) {
    .modal .button {
        width: 100%
    }
    .planner-side .plan-btn {
        display: none
    }
}
.education * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.education .mnk-sidebar.smaller {
    width: 300px
}
.education .mnk-content {
    width: calc(100% - 300px)
}
.education-list {
    width: 100%;
    float: left;
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
    border-left: 1px solid #cfcfcf;
    border-right: 1px solid #cfcfcf;
    border-top: 1px solid #cfcfcf
}
.education-list ul {
    list-style: none;
    padding: 0;
    margin: 0
}
.education-list .level-1,
.education-list .level-2 {
    display: none
}
.education-list .level-1.expand .level-2,
.education-list .list-children.expand>.level-1 {
    display: block
}
.education-list li {
    display: table;
    width: 100%;
    float: left;
    background-color: #fff;
    border-bottom: 1px solid #cfcfcf;
    position: relative;
    color: #000
}
.education-list li a {
    text-decoration: none;
    color: #000
}
.education-list li.indentation-0 {
    padding: 18px 0 17px 20px
}
.education-list li.indentation-1 {
    padding: 15px 0 13px 30px;
    font-size: 14px;
    background-color: #f4f4f4
}
.education-list li.indentation-1 .button {
    height: 50px;
    line-height: 50px;
    color: #a7a7a7
}
.education-list li.indentation-1 .button:hover {
    color: #6adabd
}
.education-list li.indentation-2 {
    padding: 15px 0 13px 40px;
    font-size: 14px;
    background-color: #e2e2e2
}
.education-list li span {
    text-transform: uppercase;
    font-family: brandon_grotesquemedium;
    vertical-align: middle;
    font-size: 15px;
    width: 80%
}
.education-list li.nochild span {
    width: 100%
}
.education-list li .button {
    color: #000;
    display: block;
    font-family: Lucida Console;
    font-size: 32px;
    height: auto;
    line-height: 55px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: 0;
    width: 20%;
    bottom: 0;
    border-left: 1px solid #cfcfcf
}
.education-list li .button:hover {
    color: #6adabd
}
.education .cycle-items {
    float: left;
    width: 100%;
    list-style: none;
    margin: 0 0 10px;
    padding: 0
}
.education .cycle-items li {
    float: left;
    width: 30%;
    margin-right: 3%;
    overflow: hidden;
    padding-left: 0
}
@media screen and (max-width: 766px) {
    .education .cycle-items li {
        width: 100%;
        margin-bottom: 10px!important
    }
}
.education .cycle-items li a {
    text-decoration: none
}
.education .cycle-items li a img {
    width: 100%
}
.education .cycle-items li a .title {
    width: 101%;
    height: 50px;
    padding: 0 20px;
    background-color: #848f96
}
.education .cycle-items li a .title h4 {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    font-size: 12px;
    text-transform: uppercase;
    font-family: brandon_grotesquemedium;
    color: #fff;
    font-weight: 300
}
.branches-page * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.branches-page .temporary-items {
    float: left;
    margin-bottom: 20px;
    width: 100%;
    overflow: hidden
}
.branches-page .temporary-items .header {
    float: left;
    width: 100%;
    height: 50px;
    display: table
}
.branches-page .temporary-items .header .time {
    width: 30%;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    background-color: #eceeee;
    font-size: 12px;
    font-family: brandon_grotesquemedium;
    color: #000;
    line-height: 14px
}
.branches-page .temporary-items .header .place {
    width: 100%;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    font-family: brandon_grotesquemedium;
    color: #fff;
    line-height: 14px;
    text-transform: uppercase;
    text-decoration: none
}
.branches-page .temporary-items img {
    width: 100%;
    float: left
}
.branches-page .temporary-items .function,
.branches-page .temporary-items .title {
    width: 100%;
    margin: 0;
    padding: 10px 20px;
    text-align: left;
    background-color: #49545b;
    float: left;
    font-family: brandon_grotesquemedium;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400
}
.branches-page .temporary-items .function {
    padding: 5px 20px;
    color: #000;
    font-size: 12px;
    background-color: #fff;
    border-left: 1px solid #eceeee;
    border-right: 1px solid #eceeee
}
.branches-page .temporary-items .description {
    float: left;
    width: 100%;
    padding: 20px;
    background-color: #eceeee;
    font-size: 14px;
    font-family: brandon_grotesqueregular;
    margin: 0
}
.branches-page .temporary-items .buttons-action {
    width: 100%;
    float: left;
    background-color: #eceeee;
    border-top: 1px solid #cfcfcf
}
.branches-page .temporary-items .buttons-action .calendar {
    width: 45px;
    float: right;
    height: 37px;
    background: url(../images/icons/icon_random.png) -125px 0 no-repeat;
    border-left: 1px solid #cfcfcf
}
.branches-page .menu-links {
    float: left
}
.lightboxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: #000;
    filter: alpha(Opacity=80);
    opacity: .8;
    display: none
}
.lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 10000;
    text-align: center;
    line-height: 0;
    font-weight: 400
}
.lightbox * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.lightbox .lb-image {
    display: block;
    height: auto;
    max-width: inherit
}
.lightbox a img {
    border: none
}
.lb-outerContainer {
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto
}
.lb-outerContainer:after {
    content: "";
    display: table;
    clear: both
}
.lb-loader {
    position: absolute;
    top: 43%;
    left: 0;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0
}
.lb-cancel {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background: url(../images/icons/lightbox/loading.gif) no-repeat
}
.lb-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10
}
.lb-container>.nav {
    left: 0
}
.lb-container {
    position: relative;
    height: 100%
}
.lb-nav a {
    outline: 0;
    background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)
}
.lb-next,
.lb-prev {
    height: 100%;
    cursor: pointer;
    display: block;
    opacity: .7!important
}
.lb-nav a.lb-prev {
    width: 34%;
    left: 0;
    float: left;
    filter: alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity .6s;
    -moz-transition: opacity .6s;
    -o-transition: opacity .6s;
    transition: opacity .6s
}
.lb-nav a.lb-prev:after {
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    content: "";
    display: block;
    height: 53px;
    position: absolute;
    left: 41px;
    top: 50%;
    margin-top: -26px;
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
    width: 53px
}
.lb-nav a.lb-prev:hover {
    filter: alpha(Opacity=100);
    opacity: 1
}
.lb-nav a.lb-next {
    width: 64%;
    right: 0;
    float: right;
    filter: alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity .6s;
    -moz-transition: opacity .6s;
    -o-transition: opacity .6s;
    transition: opacity .6s
}
.lb-nav a.lb-next:after {
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    content: "";
    display: block;
    height: 53px;
    position: absolute;
    right: 41px;
    top: 50%;
    margin-top: -26px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    width: 53px
}
.lb-nav a.lb-next:hover {
    filter: alpha(Opacity=100);
    opacity: 1
}
.lb-dataContainer {
    margin: 0 auto;
    background: #eceeee
}
.lb-dataContainer:after {
    content: "";
    display: table;
    clear: both
}
.lb-data {
    padding: 0 4px;
    color: #ccc
}
.lb-data .lb-details {
    width: 100%;
    float: left;
    text-align: left;
    line-height: 1.1em;
    position: relative
}
.lb-data .lb-caption {
    line-height: 22px;
    padding: 20px;
    font-size: 16px;
    font-family: brandon_grotesqueregular;
    color: #000;
    float: left;
    width: 100%
}
.lb-data .lb-caption .share {
    text-decoration: none;
    width: 100%;
    text-align: right
}
.lb-data .lb-number {
    clear: left;
    font-size: 16px;
    position: absolute;
    right: 7px;
    top: -35px;
    color: #fff;
    letter-spacing: .12em;
    padding: 6px 5px;
    background: rgba(0, 0, 0, .6)
}
.lb-close {
    display: block;
    float: right;
    width: 40px;
    height: 40px;
    background: url(../images/icons/lightbox/close.png) no-repeat;
    text-align: right;
    outline: 0;
    position: absolute;
    top: 10px;
    right: 5px;
    z-index: 10000
}
.lb-close:hover {
    cursor: pointer;
    filter: alpha(Opacity=100);
    opacity: 1
}
.dashboards {
    width: 100%
}
.dashboards * a {
    text-decoration: none;
    color: #000
}
.dashboards .see-all {
    border-bottom: 1px solid #cfcfcf;
    border-top: 1px solid #cfcfcf;
    clear: both;
    display: block;
    font-size: 17px!important;
    height: 38px;
    line-height: 0!important;
    margin: 10px 0 0;
    margin-left: 0!important;
    margin-right: 0!important;
    text-align: center;
    width: 100%
}
.dashboards .see-all span {
    font-size: .7058em;
    height: 38px;
    line-height: 39px;
    text-transform: uppercase;
    color: #000
}
.dashboards .see-all span:hover {
    color: #6adabd
}
.dashboards .more:before {
    background-image: url(../images/icons/icons_mores.png);
    background-repeat: no-repeat;
    background-size: 11px auto;
    content: "";
    display: inline-block;
    height: 10px;
    margin-top: -5px;
    position: absolute;
    right: -12px;
    top: 50%;
    width: 5px
}
.dashboards .more:hover:before,
.dashboards a:hover>.more:before {
    background-position: -6px 0
}
.dashboards.education .polecamy,
.dashboards.education .szkoly-i-nauczyciele {
    margin-bottom: 20px;
    overflow: hidden
}
.dashboards.education .dorosli-i-seniorzy,
.dashboards.education .rodziny-i-dzieci,
.dashboards.education .studenci-i-uczelnie {
    overflow: hidden
}
.dashboards.education .clearfix {
    margin-bottom: 10px
}
.dashboards.education .studenci-i-uczelnie .fleft {
    width: 69%;
    float: left
}
.dashboards.education .studenci-i-uczelnie .fleft .detail-box {
    width: 100%;
    margin: 0 0 20px
}
.dashboards.education .studenci-i-uczelnie .link-box {
    width: 29%;
    float: right;
    border-top: 1px solid #cfcfcf;
    padding-top: 15px
}
.dashboards.education .studenci-i-uczelnie .link-box a {
    font-size: 20px
}
.dashboards.education .studenci-i-uczelnie .link-box .hi {
    padding: 28px 0
}
.dashboards.education h2 {
    font-size: 14px;
    font-family: brandon_grotesquemedium;
    text-transform: uppercase;
    font-weight: 300;
    width: 100%
}
.dashboards.education h3 {
    font-size: 12px;
    font-family: brandon_grotesquemedium;
    text-transform: uppercase;
    font-weight: 300;
    width: 100%
}
.dashboards.education .detail-box {
    width: 49.4%;
    float: left;
    margin-bottom: 0;
    clear: both
}
.dashboards.education .detail-box:nth-child(odd) {
    float: right;
    clear: none
}
.dashboards.education .detail-box .header {
    width: 100%;
    height: 40px;
    display: table
}
.dashboards.education .detail-box .header .function,
.dashboards.education .detail-box .header .place,
.dashboards.education .detail-box .header .time {
    font-size: 12px;
    line-height: 14px;
    font-family: brandon_grotesquemedium;
    text-transform: uppercase;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    text-decoration: none
}
.dashboards.education .detail-box .header .time {
    width: 20%;
    background-color: #eceeee;
    color: #000
}
.dashboards.education .detail-box .header .function {
    width: 30%;
    background-color: #848f96;
    text-align: left;
    padding-left: 10px;
    box-sizing: border-box
}
.dashboards.education .detail-box .description {
    background-color: #eceeee;
    overflow: hidden;
    height: auto;
    padding: 0 10px 0 20px
}
.dashboards.education .detail-box .description .image {
    float: left;
    margin-right: 11px
}
.dashboards.education .detail-box .description .image img {
    max-height: 120px;
    float: left;
    margin-left: -20px
}
.dashboards.education .detail-box .description .title {
    font-size: 12px;
    line-height: 14px;
    font-family: brandon_grotesquemedium;
    font-weight: 300;
    text-transform: uppercase;
    margin: 20px 0 10px
}
.dashboards.education .detail-box .description .info {
    font-size: 13px;
    line-height: 17px;
    font-family: brandon_grotesqueregular;
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px
}
.dashboards.education .detail-box .description .info p {
    margin-top: 0;
    margin-bottom: 0
}
.dashboards.news h2 {
    font-size: 14px;
    font-family: brandon_grotesquemedium;
    text-transform: uppercase;
    font-weight: 300;
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px
}
.dashboards.news .polecamy .event-items {
    width: 49%;
    float: left;
    margin-bottom: 20px
}
.dashboards.news .polecamy .event-items img {
    float: left;
    margin-right: 20px
}
.dashboards.news .polecamy .event-items h4 {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-transform: uppercase
}
.dashboards.news .komunikaty .calendar-header,
.dashboards.news .wydarzenia .calendar-header,
.dashboards.news .wyklady .calendar-header {
    font-size: 17px;
    padding: 5px 0
}
.dashboards.news .komunikaty .twin.left,
.dashboards.news .komunikaty .twin.right,
.dashboards.news .wydarzenia .twin.left,
.dashboards.news .wydarzenia .twin.right,
.dashboards.news .wyklady .twin.left,
.dashboards.news .wyklady .twin.right {
    width: 49%
}
.dashboards.news .wydarzenia .twin.left,
.dashboards.news .wyklady .twin.left {
    width: 52%;
    padding-right: 3%
}
.komunikaty .dashboard-content.dash1 .left.twin {
    width: 100%
}
.komunikaty .dashboard-content {
    border-style: none
}
.dashboards.news .komunikaty .twin .event-place,
.dashboards.news .wydarzenia .twin .event-place,
.dashboards.news .wyklady .twin .event-place,
.dashboards.visitors .oddzialy-godziny-bilety .branches-list .slider-goto {
    text-transform: uppercase
}
@media screen and (min-width: 767px) {
    .dashboards.news .wydarzenia .twin.left,
    .dashboards.news .wyklady .twin.left {
        border-right: 1px solid #cfcfcf
    }
}
.dashboards.news .wydarzenia .twin.right,
.dashboards.news .wyklady .twin.right {
    width: 46%
}
.dashboards.news .wydarzenia .twin.left,
.dashboards.news .wydarzenia .twin.right,
.dashboards.news .wyklady .twin.left,
.dashboards.news .wyklady .twin.right {
    margin-top: 20px
}
.dashboards.news .wydarzenia .calendar-subheader {
    margin-top: 0;
    letter-spacing: .06rem
}
.dashboards.news .komunikaty .twin event-item,
.dashboards.news .wydarzenia .twin event-item,
.dashboards.news .wyklady .twin event-item {
    width: 100%
}
.dashboards.news .komunikaty .twin .event-place span,
.dashboards.news .komunikaty .twin .event-time span,
.dashboards.news .komunikaty .twin .event-type span,
.dashboards.news .wydarzenia .twin .event-place span,
.dashboards.news .wydarzenia .twin .event-time span,
.dashboards.news .wydarzenia .twin .event-type span,
.dashboards.news .wyklady .twin .event-place span,
.dashboards.news .wyklady .twin .event-time span,
.dashboards.news .wyklady .twin .event-type span {
    display: table-cell;
    text-align: center
}
.dashboards.news .komunikaty .twin .event-time,
.dashboards.news .wydarzenia .twin .event-time,
.dashboards.news .wyklady .twin .event-time {
    width: 20%;
    display: table;
    line-height: 32px
}
.dashboards.news .komunikaty .twin .event-type,
.dashboards.news .wydarzenia .twin .event-type,
.dashboards.news .wyklady .twin .event-type {
    width: 30%;
    text-transform: uppercase;
    display: table;
    text-align: center
}
.dashboards.news .event-item.on-dashboard .event-title {
    font-size: 13px;
    text-transform: uppercase
}
.dashboards.news .komunikaty .twin .event-place,
.dashboards.news .wydarzenia .twin .event-place,
.dashboards.news .wyklady .twin .event-place {
    width: 50%;
    text-transform: uppercase;
    display: table
}
.fotogalerie .exhibition-item .event-place,
.fotogalerie .exhibition-item h4,
.wystawy .exhibition-item .event-place,
.wystawy .exhibition-item h4 {
    text-transform: uppercase
}
.fotogalerie .exhibition-item h4,
.wystawy .exhibition-item h4 {
    font-size: 11px
}
.wystawy .exhibition-item .event-place {
    height: 55px
}
.wystawy .exhibition-item .event-place>span {
    top: 50%;
    left: 10px;
    right: 10px;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.sklep {
    margin-bottom: 30px
}
.dashboards.news .fotogalerie .exhibition-item.on-dashboard,
.dashboards.news .wystawy .exhibition-item.on-dashboard {
    width: 23%;
    float: left;
    margin: 1%
}
.dashboards.news .fotogalerie .exhibition-item.on-dashboard img,
.dashboards.news .wystawy .exhibition-item.on-dashboard img {
    width: 100%
}
.dashboards.visitors {
    width: 100%;
    position: relative
}
.dashboards.visitors h2 {
    font-size: 14px;
    font-family: brandon_grotesquemedium;
    text-transform: uppercase;
    font-weight: 300;
    width: 100%
}
.dashboards.visitors #branches-dashboard .dashboard-content {
    padding: 0;
    position: relative;
    width: 100%
}
.dashboards.news .dashboard-content,
.dashboards.visitors .dashboard-content {
    background: none;
    border: none;
    padding: 0;
    width: 100%
}
.dashboards.visitors .dashboard {
    padding: 0;
    position: static
}
.dashboards.visitors .wystawy-planowe .dashboard-content {
    margin: auto
}
.dashboards.visitors .dashboard {
    display: block
}
.dashboards.visitors .exhibition-item.exhibition-banner {
    margin: 0
}
.dashboards .dashboard-slide .exhibition-banner img {
    width: 100%
}
.dashboards.visitors #branches-dashboard-pager {
    margin: 0;
    width: 100%
}
.dashboards.visitors #branches-dashboard-pager span {
    width: calc(8% - 4px);
    margin: 0 0 0 1%
}
.dashboards.visitors .oddzialy-godziny-bilety {
    position: relative
}
.dashboards.visitors .oddzialy-godziny-bilety .dashboard-slide.branches-list .twin {
    padding: 0
}
.dashboards.visitors .oddzialy-godziny-bilety .branches-list .slider-goto {
    width: 49%;
    float: left;
    margin: .5%
}
.dashboards.visitors .oddzialy-godziny-bilety .dashboard-slide.branches-list .twin {
    width: 100%
}
@media screen and (max-width: 766px) {
    .dashboards.visitors .oddzialy-godziny-bilety .branches-list .slider-goto {
        width: 100%;
        text-transform: uppercase;
        float: none;
        margin-bottom: 5px;
        clear: both
    }
    .dashboards.visitors .oddzialy-godziny-bilety #branches-dashboard .slider-control.left {
        left: 7px
    }
}
.dashboards.visitors .oddzialy-godziny-bilety .branches-list .slider-goto>a {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    color: #fff
}
.dashboards.visitors .oddzialy-godziny-bilety .dashboard-slide {
    width: 100%;
    height: auto
}
.dashboards.visitors .oddzialy-godziny-bilety .branch-card {
    width: 50%
}
.dashboards.visitors .oddzialy-godziny-bilety .branch-card img {
    max-width: 250px;
    margin: 0 auto
}
.dashboards.visitors .oddzialy-godziny-bilety .branch-exhibitions {
    width: 49%
}
.dashboards.visitors .oddzialy-godziny-bilety .branch-exhibitions .exhibition {
    width: 100%
}
.dashboards.visitors .oddzialy-godziny-bilety .branch-exhibitions .exhibition .time {
    width: 30%
}
.dashboards.visitors .oddzialy-godziny-bilety .branch-exhibitions .exhibition .title {
    width: 70%
}
.dashboards.visitors .oddzialy-godziny-bilety .slider-control,
.dashboards.visitors .oddzialy-godziny-bilety .slider-control.left {
    z-index: 1000
}
.dashboards.visitors .oddzialy-godziny-bilety .slider-control {
    right: 30px
}
.dashboards.visitors .oddzialy-godziny-bilety .slider-control.left {
    left: 10px
}
.dashboards.visitors .wystawy-czasowe {
    position: relative
}
.dashboards.visitors .wystawy-czasowe .dashboard {
    margin-bottom: 30px
}
.dashboards.visitors .wystawy-czasowe .exslider-next,
.exslider-next,
.sixphoto-content.dashboard-content .slider-control {
    right: 35px
}
.dashboards.visitors .wystawy-czasowe .exslider-prev,
.exslider-prev.slider-control.left,
.sixphoto-content.dashboard-content .slider-control.left {
    left: 12px
}
.dashboards.visitors .wystawy-czasowe .exslider-next.left {
    left: 10px
}
.dashboards.visitors .wystawy-czasowe .exslider-next,
.dashboards.visitors .wystawy-czasowe .exslider-prev {
    z-index: 1000
}
.dashboards.visitors .ekspozycje-stale {
    position: relative
}
.dashboards.visitors .sklep #shop-dashboard .dashboard-content {
    width: 100%
}
.dashboards.visitors .sklep #shop-dashboard .left {
    width: 60%
}
.dashboards.visitors .sklep #shop-dashboard .right {
    width: 40%
}
.dashboards.visitors .sklep #shop-dashboard .right img {
    max-width: 100%;
    margin: 0 auto;
    float: none;
    display: block
}
.dashboard-menu li .dashboards.muzeum {
    width: 100%;
    position: relative
}
.shop-item .price a,
.shop-item .price a:hover {
    color: #fff
}
.dashboards.muzeum .dashboard-menu {
    width: 100%;
    display: block;
    background-color: transparent;
    border: none;
    box-shadow: none
}
.dashboards.muzeum#main-item-4 .dashboard-menu {
    width: 100%;
    top: 0
}
.dashboards.contact .kontakt .branch-address a {
    display: inline;
    padding-left: 0
}
.dashboards.contact .kontakt * {
    white-space: normal;
    line-height: 20px
}
.dashboards.contact .kontakt h2 {
    font-size: 14px;
    font-family: brandon_grotesquemedium;
    text-transform: uppercase;
    font-weight: 300;
    width: 100%
}
.dashboards.contact .kontakt .dashboard-menu {
    display: block;
    box-shadow: none;
    background-color: #fff;
    border: 0;
    list-style: none
}
.dashboards.contact .kontakt .dashboard {
    position: static;
    display: block
}
.dashboards.contact .kontakt .dashboard.branch-address {
    display: block!important
}
.dashboards.contact .kontakt #contact-branches-dashboard .dashboard-menu {
    width: 90%;
    margin: auto
}
.dashboards.contact .kontakt .dashboard-content {
    border: 0;
    width: 100%;
    position: relative
}
.dashboards.contact .kontakt .dashboard-menu>li:before {
    display: none
}
.dashboards.contact .kontakt #writeus-dashboard .dashboard-content {
    width: 100%
}
.dashboards.contact .kontakt .dashboard-menu>li:hover:before {
    background: 0 0
}
.dashboards.contact .kontakt #contact-branches-dashboard li {
    margin: 10px 0
}
.dashboards.contact .kontakt .dashboard.branch-address .dashboard-content {
    width: 100%!important;
    background: 0 0
}
#writeus-dashboard .ask-form-success {
    height: 295px;
    text-align: center
}
.kontakt #contact-branches-dashboard li {
    background: 0 0
}
.ekspozycje-stale .sixphoto-slider h4.header-m {
    font-size: 11px
}
.ekspozycje-stale .sixphoto-slider h4.header-m span {
    padding-left: 6px;
    padding-right: 6px
}
@media screen and (max-width: 767px) {
    .dashboards.news .polecamy .event-items,
    .detail-box,
    .fleft,
    .link-box {
        width: 100%;
        margin: 0 0 10px;
        clear: both;
        box-sizing: border-box
    }
    .dorosli-i-seniorzy,
    .ekspozycje-stale,
    .fotogaleria,
    .komunikaty,
    .oddzialy-godziny-bilety,
    .polecamy,
    .rodzice-i-dzieci,
    .studenci-i-uczelnie,
    .szkoly-i-nauczyciele,
    .visitors>.planner,
    .visitors>.sklep,
    .wydarzenia,
    .wyklady,
    .wystawy,
    .wystawy-archiwalne,
    .wystawy-czasowe,
    .wystawy-planowe,
    .zbiory {
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
        box-sizing: border-box;
        overflow: hidden
    }
    .exhslider,
    .exhslider .dashboard-slide {
        width: 100%
    }
    .exhibition-banner.one-banner .slider-title .header-m {
        max-width: 71%
    }
    .wystawy-planowe .exhibition-banner.one-banner .slider-title h4 {
        font-size: 14px
    }
    .dashboards.news .komunikaty .twin.left,
    .dashboards.news .komunikaty .twin.right,
    .dashboards.news .wydarzenia .twin.left,
    .dashboards.news .wydarzenia .twin.right,
    .dashboards.news .wyklady .twin.left,
    .dashboards.news .wyklady .twin.right {
        width: 98%;
        margin: 1%;
        float: left
    }
    .dashboards.news .fotogalerie .exhibition-item.on-dashboard,
    .dashboards.news .wystawy .exhibition-item.on-dashboard {
        width: 48%
    }
    .dashboards.visitors .oddzialy-godziny-bilety .dashboard-slide.branches-list .twin {
        width: 100%
    }
    .dashboards.visitors .oddzialy-godziny-bilety #branches-dashboard-pager {
        height: 65px
    }
    .dashboards.visitors .oddzialy-godziny-bilety #branches-dashboard-pager span {
        width: calc(15% - 4px)
    }
    .dashboards.visitors .oddzialy-godziny-bilety .branch-card,
    .dashboards.visitors .oddzialy-godziny-bilety .branch-exhibitions {
        width: 100%;
        padding: 0 4%;
        margin-bottom: 20px
    }
    .dashboards.visitors .exhibition-item.exhibition-banner {
        width: 100%;
        margin: 0 0 10px;
        text-transform: uppercase;
        float: none;
        clear: both;
        display: block
    }
    .dashboards.visitors .exhibition-item.exhibition-banner img {
        width: 100%;
        height: auto
    }
    .wystawy-czasowe .exhslider,
    .wystawy-czasowe .exhslider .dashboard-slide {
        width: 100%;
        margin: 0 auto;
        overflow: hidden
    }
    .wystawy-archiwalne {
        position: relative
    }
    #archive-dashboard-slider,
    .ekspozycje-stale .sixphoto-slider,
    .sixphoto-slider#collection-dashboard-slider,
    .wystawy-czasowe .exhslider {
        width: calc(100% - 40px)
    }
    .dashboards.visitors .dashboard-content {
        overflow: hidden
    }
    .dashboards.visitors .dashboard-content.exhcontent {
        padding: 0
    }
    .dashboard-slide {
        height: auto
    }
    .dashboards.visitors .wystawy-planowe .dashboard-content {
        margin: 0 auto
    }
    .sklep #shop-dashboard .shop-item img {
        display: block;
        margin: 0 auto;
        float: none
    }
    .sklep #shop-dashboard .shop-item .info .text {
        margin-bottom: 45px
    }
    .sklep #shop-dashboard .shop-item.vertical {
        height: auto
    }
    .dashboards.visitors .sklep #shop-dashboard .left,
    .dashboards.visitors .sklep #shop-dashboard .right {
        width: 100%;
        padding: 0
    }
    .triplet {
        width: 100%
    }
    .dashboard-menu a,
    .touch-link h2 {
        height: auto;
        margin-top: 20px
    }
}
.menu-links {
    float: left
}
.mnk-sidebar * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none
}
.branch-item a.goto {
    padding: 0 50px 0 0;
    text-align: center;
    font-size: 11px
}
.branch-link {
    width: 100%
}
.switchers {
    height: auto;
    line-height: 20px;
    margin-top: 20px
}
@media screen and (max-width: 1200px) {
    .shop .center-content .bestsellers li .price-buttons .price,
    .shop .right-promo .pomotions li .price-buttons .price {
        width: 100%;
        text-align: center;
        float: left
    }
    .shop .center-content .bestsellers li .price-buttons .add,
    .shop .right-promo .pomotions li .price-buttons .add {
        width: 100%;
        border: 0;
        border-top: 1px solid #939a9e;
        padding-top: 13px
    }
    .shop .center-content .bestsellers li .price-buttons,
    .shop .right-promo .pomotions li .price-buttons {
        height: 75px
    }
    .shop .center-content .search-header .function {
        width: 12%;
        margin-top: 5px
    }
    .temporary .list-temporary li .bottom-info .left-side .map,
    .temporary .list-temporary li .bottom-info .left-side .open,
    .temporary .list-temporary li .bottom-info .left-side .street,
    .temporary .list-temporary li .bottom-info .left-side .tickets {
        margin-bottom: 5px
    }
    .temporary .list-temporary li .bottom-info .place {
        width: 100%
    }
    .temporary .list-temporary li .bottom-info .left-side {
        width: calc(100% - 260px)
    }
    .temporary .list-temporary li .bottom-info .left-side .map,
    .temporary .list-temporary li .bottom-info .left-side .tickets {
        padding: 16px 0
    }
    .temporary .list-temporary li .bottom-info .place {
        margin-bottom: 5px
    }
    .exhibition .menu-links {
        width: 100%
    }
    .content.calendarium .filters {
        overflow: hidden
    }
    .calendarium .filters .choise {
        width: 100%
    }
    .switchers {
        height: auto;
        line-height: 25px
    }
    .calendarium .filters .choise .function.first {
        width: 100%;
        border: 0
    }
}
@media screen and (max-width: 1000px) {
    .shop .center-content .bestsellers li .price-buttons .add,
    .shop .right-promo .pomotions li .price-buttons .add {
        padding-top: 6px
    }
}
@media screen and (max-width: 766px) {
    .shop .center-content .bestsellers li .price-buttons .add,
    .shop .right-promo .pomotions li .price-buttons .add {
        padding-top: 12px
    }
}
@media screen and (min-width: 767px) and (max-width: 850px) {
    .temporary .list-temporary li .bottom-info .left-side .map,
    .temporary .list-temporary li .bottom-info .left-side .open,
    .temporary .list-temporary li .bottom-info .left-side .street,
    .temporary .list-temporary li .bottom-info .left-side .tickets {
        width: 50%
    }
    .calendarium .filters .choise .expander,
    .calendarium .filters .choise .selecter-holder.medium {
        width: 17%
    }
}
.side-block.galleryblock img {
    height: auto;
    max-height: none;
}
@media screen and (max-width: 1102px) {
    .side-block.has-content img {
        float: left;
        margin-right: 20px;
        width: auto
    }
    .side-block.event-item img {
        height: auto
    }
    .branch-item.left,
    .branch-item.right {
        width: 100%;
        padding: 0
    }
    .list-content {
        padding-right: 0
    }
}
@media screen and (max-width: 766px) {
    .small-banner {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
}
@media screen and (max-width: 1275px) {
    .calendarium .day-lists .column:last-child {
        margin-right: 83%
    }
    .shop .right-promo {
        width: 100%;
        float: left
    }
    .shop .left-menu {
        width: 20%
    }
    .shop .double-center {
        width: 78%
    }
    .shop .center-content {
        float: left;
        margin: 0 0 0 2%;
        width: 78%
    }
    .shop .right-promo .pomotions li {
        width: 49%;
        float: left
    }
    .shop .right-promo .pomotions li:first-child {
        margin-right: 2%
    }
    .shop .right-promo .pomotions li img {
        float: none;
        display: block;
        margin: auto
    }
    .shop .right-promo .pomotions li .price-buttons {
        height: 36px
    }
    .shop .right-promo .pomotions li .price-buttons .add {
        width: 100px;
        border: 0;
        border-left: 1px solid #939a9e;
        float: right;
        padding-top: 6px
    }
    .shop .right-promo .pomotions li .price-buttons .price {
        width: auto;
        float: none
    }
    .shop .double-center .inside-list .name {
        width: 45%
    }
    .shop .double-center .inside-list .price {
        width: 15%
    }
    .shop .double-center .inside-list .value {
        width: 22%
    }
    .shop .double-center .inside-list .header>div {
        font-size: 12px
    }
    .calendarium .day-lists .column,
    .calendarium .day-lists .column li,
    .calendarium .day-lists .column li .overlay-name img {
        width: 100%
    }
    .calendarium .day-lists .column li img {
        width: 250px
    }
    .calendarium .day-lists .column li .access,
    .calendarium .day-lists .column li .description,
    .calendarium .day-lists .column li .links,
    .calendarium .day-lists .column li .rang {
        width: calc(100% - 250px)
    }
    .calendarium .day-lists .column li .description {
        overflow: visible;
        margin-left: 84px
    }
    .recommend-flag {
        display: inline-block
    }
    .calendarium .day-lists picture img {
        margin-right: 10px
    }
    .calendarium .day-lists .column li .links a {
        width: 43px
    }
    .calendarium .day-lists .column li .overlay-name {
        margin-right: 11px
    }
}

@media screen and (min-width: 767px) and (max-width: 1275px){
    .side-block.shop-item > a{
        display: block;
        float: none;
        width: 100%;
        clear: both;
    }
    
    .side-block.shop-item > a .text{
        width: 100%;
    }
    .side-block.shop-item img{
        max-height: none;
    }
    .side-block.shop-item > a.sidepublication{
        width: 100%;
        padding-right: 0px;
        margin-right: 0;
    }
     .side-block.shop-item .read-more{
        width: 100%;
        float: none;
    }
}
@media screen and (max-width: 850px) and (min-width: 767px) {
    .mnk-sidebar.bottom-sidebar .side-block {
        width: 49%;
        margin-left: 2%;
        margin-right: 2%
    }
    .exhibition .left-side .mnk-sidebar .foto-header {
        width: 100%
    }
    .education .mnk-sidebar.smaller {
        float: left;
        width: 100%
    }
    .education .mnk-content {
        width: 100%
    }
    .temporary .mnk-sidebar.smaller {
        float: left;
        width: 100%
    }
    .temporary .mnk-content {
        width: 100%
    }
    .temporary .mnk-sidebar .temporary-items {
        width: 46%;
        margin: 0 2% 20px
    }
    .temporary .mnk-sidebar .temporary-items img {
        float: none;
        margin: 0 auto;
        display: block
    }
    .temporary .mnk-sidebar .temporary-items .buttons-action .calendar {
        width: 45px
    }
    .branches-page .temporary-items {
        width: 46%;
        margin-left: 2%;
        margin-right: 2%
    }
    .side-block.shop-item .text {
        width: 50%
    }
    .shop .double-center .inside-list .items {
        width: 10%
    }
    .shop .double-center .inside-list .name {
        width: 42%
    }
    .temporary .mnk-sidebar .temporary-items .header {
        float: none
    }
    .exhibition .left-side .mnk-sidebar {
        width: 100%;
        margin: auto;
        float: none
    }
    .exhibition .left-side .mnk-sidebar .foto-header {
        margin: auto;
        height: 0;
        padding-bottom: 38%
    }
    .exhibition .left-side .mnk-sidebar .foto-header img {
        margin-top: 0
    }
    .exhibition .menu-links {
        width: 100%;
        margin: 20px 0
    }
    .exhibition .menu-links a {
        width: 100%;
        float: left
    }
}
@media screen and (max-width: 1000px) {
    .exhibition .mnk-content .name-header .left-side,
    .exhibition .mnk-content .name-header .right-side {
        width: 100%;
        float: none
    }
}
.article-banner .slider-header {
    right: auto;
    max-width: 76%;
    font-size: 40px;
    padding-top: 12px;
    padding-bottom: 12px;
    line-height: 107%
}
@media screen and (min-width: 767px) and (max-width: 1026px) {
    .article-banner .slider-header {
        font-size: 28px;
        bottom: 20px;
        line-height: 32px
    }
}
@media screen and (max-width: 766px) {
    .fotogalery .foto-lists .foto-column li {
        width: 50%;
        padding: 5px;
        background: 0 0;
        margin-bottom: 0
    }
    .fotogalery .foto-lists .foto-column li .description-overlay {
        left: 5px;
        right: 5px;
        bottom: 5px
    }
    .branches-page .top-sidebar .menu-links .menu-link.arr:after {
        margin-top: -11px;
        right: 10px;
        top: 50%
    }
    .calendarium .day-lists .column li .description {
        margin-left: 0
    }
    .fotogalery .foto-lists .foto-column li>.about,
    .fotogalery .foto-lists .foto-column li>a {
        display: block;
        background: #eceeee
    }
    .fotogalery .foto-lists .foto-column li>.about {
        padding: 10px 10px 20px;
        margin: 0
    }
    .fotogalery .foto-lists .foto-column li .about .lead {
        float: none;
        margin-bottom: 0
    }
    .shop .left-menu {
        padding: 4%;
        width: 100%
    }
    .shop .center-content {
        width: 100%;
        padding: 0 4% 0 0
    }
    .shop .right-promo {
        padding: 0 4%;
        margin-top: 20px
    }
    .shop .double-center {
        width: 100%;
        padding: 0 4%
    }
    .shop .double-center .step .login {
        width: 100%
    }
    .shop .double-center .step .buy-logout .left-side {
        width: 90%
    }
    .shop .double-center .step .buy-logout .right-side {
        width: 90%;
        margin-left: 0
    }
    .shop .double-center .step .buy-logout .delivery,
    .shop .double-center .step .buy-logout .payment {
        width: 40%
    }
    .shop .double-center .step .buy-logout .summary {
        text-align: center
    }
    .shop .double-center .step .buy-logout .summary .option-pay,
    .shop .double-center .step .buy-logout .summary .summary-pay {
        float: none;
        display: block;
        margin-bottom: 30px
    }
    .shop .selecter-selected,
    .shop input[type=text],
    .shop input[type=email] {
        padding: 0 10px!important
    }
    .shop .center-content .search-header .function {
        width: 15%
    }
    .shop .center-content .search-header .search-text {
        width: 55%
    }
    .shop .center-content .search-header .expander {
        width: 25%
    }
    .shop .center-content .search-header .search {
        float: right;
        margin-right: 1%;
        width: 25%
    }
    .fotogalery .foto-lists .foto-column {
        width: 100%;
        margin: 0
    }
    .mnk-content.bottom-content,
    .temporary .mnk-content {
        padding: 0 2%
    }
    .mnk-sidebar.top-sidebar {
        width: 100%;
        padding: 0 2%
    }
    .top-sidebar .big-event-time,
    .top-sidebar .card-holder {
        margin-bottom: 10px
    }
    .top-sidebar .menu-links {
        width: 100%
    }
    .top-sidebar .menu-links a {
        width: 50%;
        cursor: pointer;
        margin-bottom: 10px;
        padding: 0 10px
    }
    .top-sidebar .menu-links a:first-child {
        padding-left: 0
    }
    .top-sidebar .big-event-time {
        padding-right: 0
    }
    .dashboards.education .detail-box,
    .dashboards.education .studenci-i-uczelnie .fleft,
    .dashboards.education .studenci-i-uczelnie .link-box {
        width: 100%;
        margin-bottom: 10px
    }
    .side-block.has-content {
        overflow: hidden;
        margin: 20px 2%
    }
    .side-block.has-content img {
        float: none;
        margin: 0 0 20px;
        width: 100%;
        height: auto;
        max-height: none;
    }
    .side-block .read-more {
        float: left
    }
    .side-block.event-item {
        margin: 20px 2%
    }
    .side-block.event-item img {
        height: auto
    }
    .small-info-header,
    a.side-block {
        margin: 20px 2%
    }
    .event-item.on-list .event-place,
    .event-item.on-list .event-time {
        width: 50%;
        float: left;
        overflow: hidden
    }
    .event-item.on-list header {
        height: auto;
        float: left;
        margin-bottom: 20px
    }
    .event-item.event .event-image {
        margin-top: -20px
    }
    .event-item.on-list .event-type {
        width: 50%;
        text-align: center
    }
    .event-item.on-list>a {
        margin: 20px 0 0;
        float: left
    }
    .event-item.on-list {
        margin: 0 0 40px 4%
    }
    .event-item.on-list.cycle>a.lblink {
        width: 100%;
        margin: 0
    }
    .event-item.on-list.cycle>a.lblink img,
    .exhibition .left-side .mnk-sidebar,
    .exhibition .left-side .mnk-sidebar img {
        width: 100%
    }
    
    .exhibition .left-side .mnk-sidebar .social-holder img {
        width: auto;
    }
    .exhibition .left-side .mnk-sidebar .foto-header {
        width: 100%;
        max-width: 463px
    }
    .branch-item.left,
    .branch-item.right {
        padding: 0 2%
    }
    .branch-item img,
    .twin.left,
    .twin.right {
        width: 100%
    }
    .event-item.event .event-content {
        margin-left: 0
    }
    .event-item.event .text {
        overflow: visible
    }
    .event-item.event .event-image {
        margin-right: 20px
    }
    .branch-main,
    .branch-side {
        width: 96%;
        margin: 0 2%
    }
    #close-map {
        position: fixed!important;
        top: 20px;
        right: 20px;
        z-index: 999
    }
    .big-map-holder .SmartInfoWindow {
        margin-left: -8px
    }
    .map-header.branch-marker .longname {
        display: block
    }
    .map-header.branch-marker {
        width: 220px;
        margin-left: 53px
    }
    .map-header.branch-marker:after {
        margin-right: -23px
    }
    #big-branch-map {
        position: fixed!important;
        top: 0;
        bottom: 0;
        z-index: 800;
        left: 0;
        right: 0
    }
    .branch-link img {
        width: 100%
    }
    .calendarium .timeline {
        display: none
    }
    .calendarium .day-lists .column li .overlay-name img,
    .calendarium .day-lists .column li img {
        width: 100%
    }
    .calendarium .day-lists .column,
    .calendarium .day-lists .column li {
        width: 96%;
        margin: 0 2% 20px
    }
    .calendarium .day-lists .column li .access,
    .calendarium .day-lists .column li .description,
    .calendarium .day-lists .column li .links,
    .calendarium .day-lists .column li .rang {
        width: 100%
    }
    .calendarium .filters .choise .expander,
    .calendarium .filters .choise .selecter-holder.medium {
        margin: 0;
        padding: 0;
        float: right
    }
    .calendarium .filters .choise .expander .selecter,
    .calendarium .filters .choise .selecter-holder.medium .selecter {
        max-width: 100%
    }
    .temporary .selecter {
        width: 100%;
        max-width: 100%
    }
    .temporary .selecter-holder.medium {
        width: 30%
    }
    .calendarium .day-slider a.next {
        background: url(../images/icons/icon_random.png) 0 -100px no-repeat;
        display: block;
        float: right;
        height: 55px;
        margin-right: 20px;
        padding-right: 0;
        text-indent: -9999px;
        width: 30px
    }
    .calendarium .day-slider a.prev {
        background: url(../images/icons/icon_random.png) 0 -40px no-repeat;
        display: block;
        float: left;
        height: 55px;
        margin-left: 20px;
        padding-left: 0;
        text-indent: -9999px;
        width: 30px
    }
    @media screen and (min-width: 500px) {
        .reveal-modal.xlarge {
            width: 480px;
            margin-left: -270px
        }
    }
    .list-content {
        padding-right: 30px
    }
    .calendarium .filters .selecter-holder.medium {
        display: block;
        margin-top: 110px;
        padding: 0 3%;
        width: 100%
    }
    .calendarium .filters .selecter-holder.medium .selecter {
        max-width: 100%
    }
}
@media screen and (max-width: 590px) {
    .exhibition .mnk-content .even .event-content .header .title {
        width: 100%;
        text-align: center
    }
    .exhibition .mnk-content .even .event-content .depiction {
        padding: 0
    }
    .top-sidebar .big-event-time,
    .top-sidebar .card-holder {
        width: 100%;
        float: none;
        padding: 0
    }
    .article-banner .slider-header {
        box-shadow: none;
        padding: 10px;
        bottom: 7px;
        right: 0;
        left: 0;
        display: block;
        font-size: 1em;
        max-width: 100%
    }
    .exhibition .mnk-content .even .event-content .depiction img {
        width: 45%;
        margin: 0 10px 0 0
    }
    .event-item.event .event-image {
        width: 100%;
        margin-bottom: 20px
    }
    .modal .info,
    .modal .options {
        padding: 0
    }
    .event-item.on-list .event-time,
    .event-item.on-list .event-type {
        width: 35%
    }
    .event-item.on-list .event-place,
    .event-item.on-list header>a.header-links {
        width: 65%
    }
}


@media screen and (min-width: 767px) {
    .list-content {
        padding-right: 20px
    }

}
@media screen and (max-width: 766px) {
    .search .event-item.on-list .event-place {
        width: 100%
    }
    .event-item.on-list .event-type,
    .search .event-item.on-list .event-time {
        width: 40%
    }
}
.calendarium .day-slider .pagination {
    display: none
}
.event-item.on-list {
    margin-left: 0
}
@media screen and (max-width: 480px) {
    .mnk-sidebar.bottom-sidebar .side-block,
    .temporary .mnk-sidebar .temporary-items {
        width: 96%
    }
    .branches-page .temporary-items,
    .fotogalery .foto-lists .foto-column li {
        width: 100%
    }
    .shop .center-content .bestsellers li {
        width: 46%;
        margin: 2%
    }
    .shop .center-content .products li .description,
    .shop .center-content .products li .title {
        float: left;
        width: 100%
    }
    .shop .double-center .last-buttons {
        text-align: center
    }
    .shop .double-center .step .buy-logout .left-side,
    .shop .double-center .step .buy-logout .right-side {
        width: 100%
    }
    .shop .double-center .last-buttons .back,
    .shop .double-center .last-buttons .done {
        float: none;
        margin: 10px 0;
        display: inline-block
    }
    .center-content.full .bestsellers li {   
        width: 48% !important;
        margin: 0 2% 30px 0 !important;
    }
    .shop .double-center .step .buy-logout .paper input:nth-child(1) {
        width: 100%
    }
    .shop .double-center .step .buy-logout .paper input:nth-child(2),
    .shop .double-center .step .buy-logout .paper input:nth-child(4),
    .shop .double-center .step .buy-logout .paper input:nth-child(6),
    .shop .double-center .step .buy-logout .paper input:nth-child(8) {
        width: 20%
    }
    .shop .double-center .inside-list .header>div {
        font-size: 10px
    }
    .shop .double-center .inside-list .name {
        width: 25%
    }
    .shop .double-center .inside-list .price {
        width: 22%
    }
    .shop .double-center .inside-list .items {
        width: 11%
    }
    .shop .double-center .inside-list .value {
        width: 28%
    }
    .shop .double-center .inside-list .delete {
        width: 9%
    }
    .shop .double-center .inside-list .end>div.items {
        font-size: 10px;
        padding: 10px 0
    }
    .shop .center-content .products li {
        text-align: center
    }
    .shop .center-content .products li img {
        float: none
    }
    .shop .center-content .products li .description {
        padding: 0 20px
    }
    .shop .right-promo .pomotions li:first-child {
        margin: 0 auto 20px
    }
    .shop .right-promo .pomotions li {
        width: 230px;
        float: none;
        margin: 0 auto 20px
    }
    .shop .center-content .bestsellers li {
        width: 46%;
        margin: 2%;
    }
    .mnk-sidebar.bottom-sidebar {
        display: block
    }
    .mnk-sidebar.bottom-sidebar .side-block {
        width: 46%
    }
    .temporary .list-temporary li .description,
    .temporary .list-temporary li .title,
    .temporary .list-temporary li img {
        width: 100%!important;
        margin-left: 0!important
    }
    .temporary .list-temporary li .description {
        display: block
    }
    .temporary .list-temporary li {
        margin-left: 0
    }
    .temporary .selecter-holder.medium {
        width: 100%;
        margin-top: 10px
    }
    .temporary h2 .expander-label {
        display: none
    }
    .temporary .list-temporary li .bottom-info .left-side .street {
        height: 50px;
        line-height: 14px
    }
    .event-item.event .event-image,
    .event-item.event .text {
        width: 100%;
        clear: both
    }
    .navbar a.small-info-header:nth-child(2) {
        display: inline-block;
        width: 57px;
        line-height: 20px;
        text-align: center
    }
    .ekspozycje-stale .sixphoto-slider .dashboard-slide {
        width: 100%
    }
    .dashboards.visitors .wystawy-planowe .dashboard-content {
        max-width: 370px;
        width: 100%
    }
}
@media (max-width: 766px) {
    .show-for-small {
        display: initial
    }
}
@media (small: 0) {
    .show-for-small {
        display: initial
    }
}
@media (min-width: 767px) {
    .show-for-small {
        display: none!important
    }
}
.bg.empty.color-card {
    background: rgba(32, 37, 40, .75)
}
@media (min-width: 767px) {
    .hide-for-small {
        display: initial
    }
	
}
@media (max-width: 766px) {
    .hide-for-small {
        display: none!important
    }
	.absolute-for-small {
    position: absolute;
    right: 62px;
}
}
@media (small: 0) {
    .hide-for-small {
        display: none!important
    }
	.absolute-for-small {
    position: absolute;
    right: 62px;
}
}
@media (max-width: 1364px) {
    .show-for-fluid {
        display: initial
    }
}
@media (min-width: 1365px) {
    .show-for-fluid {
        display: none!important
    }
}
@media (min-width: 1365px) {
    .hide-for-fluid {
        display: initial
    }
}
@media (max-width: 1364px) {
    .hide-for-fluid {
        display: none!important
    }
}
.photo a>img {
    width: 100%;
    display: block
}
td.hovered>a {
    background: #BAEEE1!important;
    color: #555!important
}
.sdbr-fields form>div {
    width: 184px;
    margin: 0 auto
}
.sdbr-fields .calendar,
.sdbr-fields input,
.sdbr-fields label {
    line-height: 30px
}
fieldset.sdbr-fields label {
    margin-right: 10px
}
fieldset.sdbr-fields input[type=text],
fieldset.sdbr-fields input[type=date] {
    margin-right: 10px;
    padding-left: 10px!important;
    padding-right: 10px!important;
    background-color: #fff
}
fieldset.sdbr-fields .calendar.ico {
    margin-top: 4px
}
fieldset.sdbr-fields input[type=submit] {
    margin: 19px auto 26px;
    float: none
}
.foto-lists a,
.lb-caption a,
.mnk-content .lead a,
.mnk-content .text a {
    color: #21bb93;
    text-decoration: none
}
.lb-caption a:hover,
.mnk-content .lead a:hover {
    text-decoration: underline
}
.wysiwyg-text .aside {
    float: left;
    font-size: 24px;
    max-width: 26%;
    color: #2dcca3;
    font-family: brandon_grotesquemedium;
    line-height: 28px;
    box-sizing: border-box;
    padding-right: 38px;
    padding-bottom: 32px;
    margin-top: 0;
    margin-bottom: 0
}
.wysiwyg-text ol,
.wysiwyg-text ul {
    padding-left: 25px
}
.wysiwyg-text ol li {
    list-style-type: decimal;
    margin-left: 21px
}
.wysiwyg-text ul li {
    list-style-type: none;
    background-repeat: no-repeat;
    background-size: 4px 4px;
    background-image: url(../images/icons/bull.gif);
    background-position: left 10px;
    padding-left: 15px
}
.foto-lists a:hover,
.mnk-content .text a:hover {
    text-decoration: underline!important
}
.mnk-content .text .cycle-items li a:hover,
.mnk-content .text a:hover .recommend-flag {
    text-decoration: none!important
}
a.bl {
    display: block
}
.calendarium .day-lists .column li .overlay-name .name.noimg {
    position: static
}
.description.gallery-list {
    font-family: brandon_grotesqueregular;
    font-size: 16px;
    line-height: 21px;
    margin-top: 0;
    padding: 16px 19px 0;
    background: #eceeee
}
@media screen and (max-width: 1275px) {
    .no-touch #menu-main>li:hover h2,
    .no-touch #menu-main>li:hover h3 {
        color: #6adabd
    }
}
#changeLanguage .selecter .selecter-item {
    padding-top: 0
}
.sidebar-announcement a {
    color: #49545b;
    text-decoration: none
}
.sidebar-announcement a:hover {
    color: #6adabd
}
.modal.large .options {
    box-sizing: border-box
}
.modal.large .options .search-text,
.modal.large .options textarea {
    width: 100%
}
.exhibition .left-side .mnk-sidebar .description {
    overflow: hidden;
    font-family: brandon_grotesqueregular
}
.logo-header {
    line-height: 15px
}
.logo-header span {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 11px
}
.branches-page .menu-link.bigside {
    font-size: 16px;
    font-family: brandon_grotesquemedium;
    letter-spacing: .1rem
}
.branches-page .menu-links {
    margin-top: 0
}
.card-holder+.menu-links {
    border-top-style: none
}
.branches-page .color-card {
    margin-bottom: 0;
    height: auto;
}
.education-list .expand>ul,
.education-list li span,
.education-list li span a {
    display: block
}
.education-list li a:hover {
    color: #5f5f5f
}
.education-list li {
    padding-left: 0!important
}
.education-list li>span a {
    padding: 18px 0 17px 20px
}
.education-list .level-1 li {
    background-color: #f4f4f4
}
.education-list .level-2 li {
    background-color: #e2e2e2
}
.education-list .level-1 li>span a {
    padding: 15px 0 13px 30px;
    font-size: 13px
}
.education-list .level-2 li>span a {
    padding-left: 40px
}
.education-list .level-3 li>span a {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 50px
}
.education-list li.expand>span {
    padding-bottom: 12px
}
.education-list li.expand {
    padding-bottom: 0;
    border-bottom-style: none
}
.education-list li.expand>span>a {
    padding-bottom: 0
}
.education-list .level-3 {
    display: none;
    margin: 0;
    padding: 0
}
.education-list .level-3 li {
    background: #c2c2c2
}
.education-list .level-3 li a {
    color: #545454
}
.education-list li .level-2 .button {
    height: 50px;
    line-height: 50px;
    color: #a7a7a7
}
.education-list li .level-2 .button:hover {
    color: #6adabd
}
.education-list li .level-1 .button {
    height: 100%;
    line-height: 50px;
    color: #a7a7a7
}
.education-list li .level-1 .button:hover {
    color: #6adabd
}
.education-list .level-1>li:first-child {
    border-top: 1px solid #cfcfcf
}
article.articlelist-item+.clearfix {
    margin-bottom: 45px
}
.education-list li.selected {
    background: #6adabd
}
.contact-action {
    color: #49545b;
    text-decoration: none
}
.contact-action.selected {
    color: #6adabd;
    border-color: #6adabd
}
.articlelist-item.event-item.on-list.cycle>header {
    -webkit-transition-property: background-color;
    -moz-transition-property: background-color;
    -o-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: .4s;
    -moz-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s
}
.articlelist-item.event-item.on-list.cycle>header.has-photo,
.event-item.on-list.cycle>a.article-list-text.has-photo {
    width: calc(100% - 272px);
    float: left
}
@media screen and (max-width: 766px) {
    .articlelist-item.event-item.on-list.cycle>header.has-photo,
    .event-item.on-list.cycle>a.article-list-text.has-photo {
        width: 100%;
        box-sizing: border-box
    }
    .list-content.top-content {
        padding-left: 10px;
        padding-right: 10px
    }
    .event-item.on-list.articlelist-item header,
    .event-item.on-list.articlelist-item header>a,
    .event-item.on-list.articlelist-item header>div {
        height: auto
    }
    .event-item.on-list.articlelist-item header>a {
        line-height: 22px;
        padding: 10px!important;
        width: 100%;
        font-size: 16px;
        box-sizing: border-box
    }
    .event-item.on-list.cycle>a.article-list-text.has-photo {
        margin-top: 8px;
        padding-left: 2px!important;
        padding-right: 2px!important
    }
    .event-item.on-list.cycle.articlelist-item.nophoto>a {
        width: 100%!important;
        padding-left: 2px!important;
        padding-right: 2px!important;
        padding-top: 8px!important;
        clear: both
    }
    .articlelist-item.event-item.on-list.cycle>a {
        padding-left: 0;
        padding-right: 0
    }
}
.articlelist-item.event-item.on-list.cycle>header:hover {
    background-color: #585d60
}
a.event-title {
    text-decoration: none;
    width: 100%
}
.mnk-content.nofoto.article-header {
    padding-top: 0
}
.education-list li.selected>span>a {
    color: #fff;
    padding-bottom: 1px
}
.education-list li.selected>.button {
    border-left-color: #fff;
    color: #fff
}
.event-item.on-list.cycle.articlelist-item.nophoto>a {
    width: 96%;
    padding-left: 10px
}
.mnk-content .text iframe,
.mnk-content .text img {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
    margin-top: 10px
}
.mnk-content .text iframe {
    float: none
}
.mnk-content .text img {
    clear: both
}
.exhibition .mnk-content .photo-driver>div .cycle-slideshow#galOfGals .cycle-slide .description {
    color: #e9e6e6;
    font-family: brandon_grotesqueregular
}
.exhibition .mnk-content .photo-driver>div .cycle-slideshow#galOfGals .cycle-slide .description .exhibition-overlay-title {
    font-family: brandon_grotesquemedium;
    color: #fff;
    letter-spacing: .03rem;
    font-size: 14px
}
@media screen and (max-width: 766px) {
    .exhibition .mnk-content .photo-driver>div .cycle-slideshow#galOfGals .cycle-slide .description {
        font-size: 11px;
        line-height: 14px
    }
    .exhibition .mnk-content .photo-driver>div .cycle-slideshow#galOfGals .cycle-slide .description .exhibition-overlay-title {
        font-size: 12px;
        letter-spacing: normal
    }
}
@media screen and (min-width: 1276px) {
    .small-info-header,
    a.side-block {
        margin: 0 0 20px
    }
    .navbar .small-info-header {
        margin: 0
    }
    .side-block.event-item,
    .side-block.has-content {
        overflow: hidden;
        margin: 0 0 20px
    }
    .side-block .read-more {
        float: left
    }
}
@media screen and (max-width: 1275px) {
    .mnk-content.top-content>.icons-cont {
        position: static
    }
    .side-block.has-content img {
        max-width: 100%;
        height: auto;
        margin-bottom: 10px
    }
    .exhibition .left-side .mnk-sidebar .foto-header {
        height: auto
    }
    .exhibition .left-side .mnk-sidebar,
    .exhibition .left-side .mnk-sidebar .foto-header {
        max-width: 100%
    }
    .education-list .level-1 li>span a,
    .education-list li>span a {
        padding-left: 12px
    }
    .education-list .level-1 li>span a {
        font-size: 12px
    }
    .education-list li>span a {
        font-size: 15px
    }
}
@media screen and (max-width: 766px) {
    .exhibition .left-side,
    .exhibition .mnk-content {
        width: 100%;
        max-width: 100%
    }
    .exhibition .mnk-content .photo-driver>div .cycle-slideshow#galOfGals .cycle-slide .description {
        padding-top: 9px;
        padding-bottom: 9px;
        padding-left: 8px
    }
    .exhibition .mnk-content .video-driver .player iframe {
        width: 100%
    }
    .video-driver {
        position: relative
    }
    .exhibition .mnk-content .video-driver #slideshow-2 {
        top: 0;
        left: 0
    }
    .exhibition .mnk-content .video-driver .slider-place .next:after,
    .exhibition .mnk-content .video-driver .slider-place .prev:after {
        top: 50%;
        z-index: 8888;
        margin-top: -144px!important
    }
    .exhibition .mnk-content .video-driver .slider-place .slider>div {
        width: 100%
    }
    .exhibition .mnk-content .video-driver #cycle-2 .cycle-slide {
        width: 33.3%!important;
        margin: 0!important;
        padding-bottom: 20%;
        height: 0;
        vertical-align: top
    }
    .exhibition .mnk-content .video-driver .slider-place .slider {
        margin: 0;
        width: 100%
    }
    .exhibition .mnk-content .video-driver .slider-place .next:after {
        right: 8px
    }
    .exhibition .mnk-content .video-driver .slider-place .prev:after {
        left: 8px
    }
    .exhibition .left-side .mnk-sidebar .foto-header .main-text {
        font-size: 24px;
        line-height: 25px;
        top: 9px;
        right: 11px;
        left: 11px
    }
    .exhibition .left-side .mnk-sidebar .foto-header .main-text.smaller {
        line-height: 30px
    }
    .exhibition .left-side .mnk-sidebar .foto-header .date-text {
        left: 11px;
        bottom: 10px;
        font-size: 14px
    }
    .exhibition .mnk-content .photo-driver>div #galOfGals.cycle-slideshow .cycle-slide .description,
    .mnk-sidebar.bottom-sidebar .side-block,
    .temporary .mnk-content,
    .temporary .mnk-sidebar.smaller {
        width: 100%
    }
    .icon.card-icon {
        right: 8px
    }
   .sidepublication {
        width: 34%;
        padding-right: 5px;
        margin-right: 0;
        box-sizing: border-box;
    }
    .side-block.has-content.shop-item .sidepublication img{
         max-width: 100%;
     }
    .side-block.shop-item .text {
        width: 63% !important;
        margin-bottom: 0;
        padding-left: 5px;
    }
    .side-block.shop-item .title {
        margin-top: 0
    }
    .small-info-header,
    a.side-block {
        margin: 5px 2%
    }
    .search-header .selecter-holder.medium,
    .shop .center-content .search-header .function,
    .shop .center-content .search-header .search,
    .shop .center-content .search-header .search-text {
        width: 100%;
        margin: 0;
        box-sizing: border-box
    }
    .shop .center-content .search-header .function {
        display: none
    }
    .shop .center-content .detail .gallery-place {
        width: 100%;
        margin-bottom: 20px
    }
    .shop .center-content .detail .informations {
        clear: both;
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        float: none
    }
    .shop .center-content .detail .gallery-place #cycle-2 .cycle-slide {
        max-width: 120px;
        height: 0;
        padding-bottom: 18%
    }
    .shop .center-content .detail .gallery-place .next,
    .shop .center-content .detail .gallery-place .prev {
        margin-top: -36px
    }
    .shop .center-content .detail .gallery-place .buttons {
        margin-top: 0
    }
}
.mnk-content .cycle-items .text a:hover {
    text-decoration: none!important
}
svg.alert,
svg.cal {
    width: 23px;
    height: 15px;
    display: inline-block
}
svg.user {
    width: 15px;
    height: 15px;
    margin-top: 12px;
    display: inline-block
}
#functions .icon.user {
    height: 18px;
    margin-left: 6px;
    margin-top: 7px;
    width: 16px
}
svg.alert use,
svg.cal use {
    fill: #49545b
}
.account-link .icon:hover svg.user use,
.account-link svg.user use,
svg.alert.fff use,
svg.fff.cal use {
    fill: #fff
}
svg.icon.cal {
    height: 18px;
    width: 28px;
    vertical-align: bottom
}
.on-list svg.icon.cal {
    vertical-align: middle;
    /*margin-top: 2px*/
}
.branches-page .fotogalery .foto-lists .foto-column li .description-overlay {
    left: 10px;
    right: 10px
}
svg.icon.printer {
    height: 32px;
    width: 15px;
    vertical-align: middle
}
.svg-fall.aa,
svg.icon.aaa {
    height: 29px;
    width: 33px
}
.links.hide-for-tablet svg {
    margin-top: 9px
}
.links.hide-for-tablet svg.cal {
    margin-top: 11px
}
.ico.reveal-generated-popup {
    background-image: none
}
@media screen and (max-width: 766px) {
    .event-item.on-list .event-place.event-listplace {
        max-width: 40%;
        width: auto;
        padding-left: 10px;
        padding-right: 10px
    }
    .event-list-item .event-time.hide-for-desktop {
        line-height: 48px
    }
    .event-item.on-list .event-type {
        font-size: .785em;
        border-right-style: none!important
    }
    .event-item.on-list header {
        margin-bottom: 0
    }
    .event-list-item img,
    .event-list-item picture {
        width: 100%
    }
    .event-item.on-list {
        margin-bottom: 20px!important
    }
    .event-item.event .text {
        padding-bottom: 30px;
        min-height: 0;
        padding-left: 10px;
        padding-right: 10px
    }
}
@media screen and (max-width: 766px) {
    .shop .double-center .step .buy-logout .delivery,
    .shop .double-center .step .buy-logout .payment {
        width: 100%;
        margin: 0
    }
    .shop .double-center .step {
        padding: 10px 0
    }
}
h3.bigside.special {
    margin-bottom: 31px;
    margin-top: 12px
}
@media screen and (max-width: 766px) {
    .lb-nav a.lb-next {
        width: 34%
    }
    .lb-nav a.lb-next:after,
    .lb-nav a.lb-prev:after {
        width: 30px;
        height: 30px;
        margin-top: -15px
    }
    .lb-nav a.lb-prev:after {
        left: 25px
    }
    .lb-nav a.lb-next:after {
        right: 25px
    }
    .shop .center-content .products li.half .price-buttons {
        height: auto;
        width: 100%
    }
    .shop .center-content .products li.half .price-buttons a.add,
    .shop .center-content .products li.half .price-buttons span.price {
        width: 100%;
        clear: both;
        padding: 0 10px;
        float: none;
        display: block
    }
    .shop .center-content .products li.half .price-buttons a.add {
        line-height: 38PX;
        padding-left: 20PX;
        background-color: #6d767c!important;
        border-top: 1px solid #fff;
        border-bottom: 3px solid #6d767c
    }
    .shop #cycle-2 .cycle-slide-active {
        border-style: none!important;
        background-color: #6adabd
    }
    #cycle-2 .cycle-slide-active img {
        opacity: .3
    }
}
.touch select {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%
}
.touchtrigger {
    display: none
}
.selecter-holder {
    position: relative
}
.touch .touchtrigger {
    display: block;
    pointer-events: none
}
.galleryblock a {
    text-decoration: none;
    color: #333
}
.wysiwyg-text.mnk-content .text.size-small {
    margin-bottom: 28px
}
.wysiwyg-text img[src$="/doc.png"],
.wysiwyg-text img[src$="/pdf.png"],
.wysiwyg-text img[src$="/zip.png"] {
    margin-top: -3px;
    margin-right: 10px;
    float: none;
    margin-bottom: 0;
    vertical-align: middle
}
@media screen and (max-width: 766px) {
    .exhibition .mnk-content .even .event-content .header .ico {
        display: none
    }
    .exhibition .mnk-content .even .event-content .depiction {
        width: 100%;
        display: block
    }
    .exhibition .mnk-content .even .event-content .depiction picture {
        width: 100%
    }
    .exhibition .mnk-content .even .event-content .depiction img {
        width: 100%;
        margin-bottom: 11px
    }
    .exhibition .mnk-content .even .event-content .header .title {
        max-width: 40%;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    .exhibition .mnk-content .even .time-start {
        width: 20%!important
    }
    .exhibition .mnk-content .even .event-content .header .type {
        border-style: none
    }
    .bound-event .time-start {
        font-size: 10px
    }
    .bound-event .time-start .hour {
        font-size: 10px;
        line-height: 16px
    }
    .exhibition .mnk-content .even .event-content .header .tick {
        display: none
    }
    .even .event-content .depiction .title {
        margin-left: 10px!important;
        margin-right: 10px!important
    }
    .exhibition .mnk-content .even .event-content .depiction .description {
        font-size: 14px;
        padding-bottom: 20px
    }
}
.wysiwyg-text table td {
    vertical-align: top
}
.wysiwyg-text table td:first-child {
    padding-right: 20px
}
.old-browser {
    z-index: 3000;
    position: fixed
}
.page .old-browser {
    position: static
}
.alert-side.old-browser span {
    background-image: none
}
.wydarzenia {
    padding-top: 10px
}
.event-item.event.foto-search .text {
    min-height: 0
}
.event-item.event.foto-search {
    margin-bottom: 20px
}
.search .event-item.event.foto-search {
    margin-left: 0
}
.search .event-item.event.foto-search .event-image {
    margin-top: 0
}
.search .products .event-item.event .text {
    margin-left: 0;
    padding-top: 0;
    margin-bottom: 0;
    min-height: 0;
    padding-left: 0
}
#media-dashboard a{
    text-transform: lowercase;
    margin-top: 3px;
    display: block;
}
@media screen and (max-width: 1275px) {
    #media-dashboard .dashboard-content {
        width: 100%;
        margin-bottom: 60px
    }
    #media-dashboard .dashboard-content .fcenter {
        position: static;
        transform: none;
        -webkit-transform: none
    }
}
.dashboards #media-dashboard .contact-item .smaller{
    font-size: 15px;
    margin-bottom: 12px;
}
.dashboards #media-dashboard a{
    display: block;
    text-transform: lowercase;
    margin-top: 0px;
    margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
    .sixphoto-slider,
    .sixphoto-slider .dashboard-slide {
        width: 100%
    }
    .dashboards.visitors .zbiory .exhibition-item.exhibition-banner {
        width: 100%;
        margin: 0 0 10px;
        float: left;
        clear: none;
        font-size: 12px;
        line-height: 14px
    }
    .dashboards.visitors .zbiory .header-m .vcenter {
        padding-left: 10px
    }
    .dashboards.visitors .planner .planner-tabs>li {
        margin: 4px
    }
    .dashboards.visitors .planner .dashboard-content {
        padding: 0
    }
    #media-dashboard .dashboard-content,
    .shop-dash-holder {
        width: 100%;
        height: auto
    }
    .dashboards.visitors .sklep #shop-dashboard .right img {
        max-width: 100%
    }
    .content.page-content>footer {
        margin-left: 0
    }
}
#menu-main>li.menu-planner a {
    background-color: #6adabd;
    position: relative
}
#menu-main>li.menu-planner a h2 {
    color: #1A816E!important
}
.links.hide-for-tablet {
    width: 100%
}
.links.hide-for-tablet a {
    width: 15%;
    display: block;
    float: left
}
.links.hide-for-tablet a.tickets {
    width: 70%
}
#menu-main>li.menu-planner div.planner-events-count {
    z-index: 200;
    left: auto;
    right: 20px;
    top: 15px;
    height: 26px;
    line-height: 26px;
    width: 26px;
    font-size: 14px
}
.svg .svg-fall {
    display: none
}
.no-svg .svg-fall {
    display: block
}
.no-svg .svg-fall.aaa {
    background-image: url(../images/icons/png/aaa2x.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 33px 16px;
    width: 33px;
    text-align: center;
    height: 16px;
    margin-left: 8px
}
.route-types .plan-btn.special-btn {
    width: 50px;
    height: 50px;
    margin-left: 10px;
    float: left;
    background-color: #1d2124;
    padding: 0;
    text-align: left!important
}
.route-types .plan-btn.special-btn:first-child {
    margin-left: 0
}
.route-types .plan-btn.special-btn.selected {
    background-color: #4EB39A
}
.route-car svg {
    width: 27px;
    height: 27px;
    margin-top: 12px;
    margin-left: 11px
}
.route-bike svg {
    width: 36px;
    height: 53px;
    margin-left: 6px
}
.route-walk svg {
    width: 25px;
    height: 27px;
    margin-top: 12px;
    margin-left: 12px
}
.no-touch .plan-btn.planer-right-header:hover,
.plan-btn.planer-right-header {
    width: auto;
    background-color: transparent;
    float: left;
    padding-top: 14px
}
@media screen and (max-width: 366px) {
    .plan-right.route-types {
        float: none;
        width: 100%!important
    }
    .plan-btn.special-btn.route-car {
        clear: both
    }
}
.no-backgroundsize .svg-fall.aaa {
    background-image: url(../images/icons/png/aaa.png)
}
.touch .mouse-only,
.touch-only {
    display: none!important
}
.touch .touch-only {
    display: inline-block!important
}
.planner-content {
    width: 100%;
    background-repeat: no-repeat;
    background-position: top;
    background-color: #49545b;
    text-align: center;
    padding-top: 48px;
    padding-bottom: 48px;
    color: #fff;
    font-family: brandon_grotesqueregular;
    margin-bottom: 65px
}
.planner .planner-content {
    background-image: url(../images/dark_grawer.png)
}
.planner-content h1 {
    font-size: 36px;
    font-family: brandon_grotesquebold;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .23rem
}
.planner-content p {
    font-size: 20px
}
@media screen and (max-width: 700px) {
    .planner-content p {
        margin: 0 auto 13px;
        max-width: 94%
    }
}
.planner-content .text-divider {
    height: 1px;
    margin: 0 auto 48px;
    background-color: #fff;
    width: 50px
}
.planner-list {
    width: 80%;
    margin: 44px auto 0;
    padding: 0
}
.planner-list li {
    width: 25%;
    text-align: center;
    list-style-type: none;
    display: block;
    float: left;
    box-sizing: border-box;
    padding: 10px;
    text-transform: uppercase;
    font-size: 12px;
    cursor: pointer
}
.planner-list.photo {
    width: 93%
}
.planner-list.photo li {
    width: 20%
}
@media screen and (max-width: 1100px) {
    .planner-list.photo li {
        width: 25%
    }
}
@media screen and (max-width: 850px) {
    .planner-list {
        width: 90%
    }
    .planner-list li {
        width: 33.3%
    }
    .planner-list.photo li {
        width: 50%
    }
}
@media screen and (max-width: 500px) {
    .planner-list {
        width: 90%
    }
    .planner-list li,
    .planner-list.photo li {
        width: 100%
    }
}
.planner-list div {
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px
}
.planner-list li>div {
    border: 1px solid #72848f;
    height: 56px;
    position: relative;
    -moz-transition: all .3 linear;
    transition: all .3s linear
}
#menu-main .planner-list li:hover>div,
.no-touch .planner-list li.selected:hover>div,
.no-touch .planner-list li:hover>div,
.planner-list li.error>div,
.planner-list li.selected>div {
    border-color: #6adabd;
    background-color: #6adabd;
    color: #fff
}
#menu-main .planner-list li:hover>div,
.no-touch .planner-list li:hover>div {
    background-color: rgba(107, 218, 190, .33)
}
.planner-list li.filler {
    border-style: none;
    height: 1px;
    width: 100%
}
.planner-list li.last:after {
    content: '';
    display: block;
    height: 1px;
    width: 100%
}
.planner-content .button {
    clear: both;
    margin: 0 auto;
    width: 80%;
    padding: 30px 10px 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.planner-content .button a {
    display: block;
    height: 40px;
    background: #1d2124;
    line-height: 41px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-family: brandon_grotesquemedium;
    font-size: 20px;
    letter-spacing: .13rem;
    -moz-transition: background-color .3 linear;
    transition: background-color .3s linear
}
.planner-content .button a.showPlan {
    background: none;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    font-family: brandon_grotesquemedium;
    font-size: 12px;
    width: 100%
}
.no-touch .planner-content .button a:hover {
    background-color: #000
}
.planner-tabs {
    font-size: 0;
    display: inline-block;
    padding-left: 0;
    box-shadow: 4px 4px 0 0 rgba(0, 0, 0, .15)
}
.planner-tabs>li {
    display: inline-block;
    text-transform: uppercase;
    background-color: #fff;
    list-style-type: none;
    border-right: 1px solid #49545b
}
.planner-tabs>li:last-child {
    border-right-style: none
}
.planner-tabs>li a {
    font-size: 16px;
    text-decoration: none;
    display: block;
    padding: 0 50px;
    color: #000;
    height: 40px;
    line-height: 41px
}
#menu-main .planner-tabs>li:hover,
.no-touch .planner-tabs>li:hover,
.planner-tabs>li.selected {
    background: #6adabd
}
#menu-main .planner-tabs>li:hover a,
.no-touch .planner-tabs>li:hover a,
.planner-tabs>li.selected a {
    color: #fff
}
.planner-list.photo li>div {
    background-size: cover;
    background-repeat: no-repeat;
    height: 0;
    border-style: none;
    padding-bottom: 60%
}
.planner-list.photo li>div:after {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 200;
    background-color: #6adabd;
    opacity: 0;
    -moz-transition: opacity .3 linear;
    transition: opacity .3s linear
}
.no-touch .planner-list.photo li.selected:hover>div:after,
.planner-list.photo li.error>div:after,
.planner-list.photo li.selected>div:after {
    opacity: .8
}
.planner-list.photo li.error>div:after {
    background-color: #A6E1D3
}
#menu-main .planner-list.photo li:hover>div:after,
.no-touch .planner-list.photo li:hover>div:after {
    opacity: .3
}
#menu-main .planner-list li:hover .apla-title,
.no-touch .planner-list li:hover .apla-title,
.planner-list li.selected .apla-title {
    background-color: transparent
}
.planner-list .apla-title {
    padding-bottom: 8px;
    padding-top: 10px;
    -moz-transition: background-color .3 linear;
    transition: background-color .3s linear
}
.planner-list .apla-title h4 {
    font-size: 13px;
    line-height: 13px
}
.planner-list .apla-title h5 {
    font-size: 10px;
    margin-top: 5px;
    margin-bottom: 0
}
.planner-list .apla-title h4,
.planner-list .apla-title h5 {
    font-weight: 400;
    font-family: brandon_grotesquemedium
}
.planner-content.showplan {
    padding-left: 40px;
    padding-right: 40px
}
.planner-body,
.planner-side {
    float: left;
    box-sizing: border-box
}
.planner-body {
    width: 66.66%;
    padding-right: 10px;
    display: table;
    border-collapse: separate;
    border-spacing: 10px
}
.planner-side {
    width: 33.33%;
    padding-left: 10px
}
.plan-btn {
    display: block;
    width: 100%;
    text-transform: uppercase;
    background-color: #1d2124;
    padding: 12px 19px;
    font-size: 17px;
    text-align: left;
    color: #fff;
    margin-bottom: 10px;
    font-family: brandon_grotesquebold;
    -moz-transition: background-color .3 linear;
    transition: background-color .3s linear;
    text-decoration: none;
    box-sizing: border-box
}
.planner-side .plan-btn {
    background-image: url(../images/icons/planner/more.png);
    background-size: 13px 25px;
    background-position: 98% center;
    background-repeat: no-repeat
}
.no-touch .plan-btn:hover {
    color: #fff;
    background-color: #000
}
.planner-side p {
    text-align: left;
    line-height: 23px;
    font-size: 17px;
    margin-bottom: 25px
}
.planner-body .details div {
    display: block;
    float: left;
    box-sizing: border-box
}
.planner-header.details div {
    padding: 10px 0
}
.planner-header .details .item,
.planner-header .details .where {
    padding-top: 19px;
    padding-bottom: 14px
}
.planner-header,
.planner-table {
    width: 100%;
    color: #000;
    font-size: 12px;
    text-transform: uppercase;
    display: table-row;
    font-family: brandon_grotesquemedium
}
.planner-header .details div {
    text-align: center;
    vertical-align: middle;
    padding: 10px 0;
    line-height: 13px
}
.planner-header div {
    background-color: #e5e5e5;
    display: table-cell;
    color: #000;
    padding: 0
}
.planner-body .when {
    box-sizing: border-box;
    text-transform: uppercase;
    font-size: 12px;
    position: relative;
    width: 16.666%
}
@media screen and (max-width: 500px) {
    .planner-body .when {
        font-size: 11px
    }
}
.planner-table .when {
    background-color: #6d7c85;
    color: #fff;
    padding: 30px 17px
}
.planner-table .when>div {
    min-height: 131px
}
.planner-body .details,
.planner-body .when {
    display: table-cell;
    vertical-align: top;
    text-align: left
}
.planner-body .planner-header .details,
.planner-body .planner-header .when {
    vertical-align: middle
}
.planner-body .planner-header .when {
    padding-left: 17px
}
.planner-body .item {
    width: 67%
}
.planner-body .order {
    width: 16%;
    border-right: 1px solid #49545b
}
.planner-body .where {
    width: 17%;
    border-left: 1px solid #49545b;
    position: relative
}
table.day-events {
    width: 100%
}
.when .plan-btn {
    font-family: brandon_grotesquemedium;
    font-size: 12px;
    text-align: center;
    position: absolute;
    bottom: 7px;
    right: 17px;
    left: 17px;
    width: auto
}
.planner-table .item {
    min-height: 108px;
    height: auto;
    position: relative;
    box-sizing: border-box;
    padding-left: 54px;
    padding-top: 0;
    padding-right: 0
}
.planner-table .item .item-content {
    background-color: #fff;
    width: 100%;
    min-height: 107px;
    box-sizing: border-box;
    padding: 12px 28px 12px 12px
}
.planner-table .where {
    height: 107px;
    text-align: center;
    box-sizing: border-box;
    padding-top: 29px;
    border-left-style: none
}
.planner-table .where div {
    float: none;
    font-size: 11px;
    line-height: 13px
}
.planner-table .where .info {
    display: block;
    margin: 0 auto 8px;
    width: 16px;
    height: 16px;
    background-image: url(../images/icons/info_icon.png);
    background-size: 16px 16px;
    cursor: pointer
}
.planner-table .left-info {
    text-transform: none;
    width: 54px;
    top: 0;
    bottom: 0;
    position: absolute;
    left: 0;
    height: 107px;
    background-color: #c8c8c8;
    overflow: hidden
}
.planner-table .left-info .ord {
    font-size: 17px;
    padding-top: 14px
}
.planner-table .left-info>div {
    width: 100%;
    height: 53px;
    background: #e5e5e5;
    text-align: center
}
.planner-table .left-info>div.time.empty {
    background: #fff
}
.planner-table .left-info>div:first-child {
    margin-bottom: 1px
}
.planner-table .change-date {
    position: absolute;
    top: 0;
    right: 0;
    border-bottom: 1px solid #eceeee;
    border-left: 1px solid #eceeee;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    cursor: pointer
}
.planner-table .change-date.time {
    top: auto;
    bottom: 1px;
    border-bottom-style: none;
    border-top: 1px solid #eceeee
}
.change-date .ui-datepicker-prev {
    left: 6px;
    top: 13px
}
.change-date .ui-datepicker-next {
    right: 6px;
    top: 13px
}
.planner-table .change-date.time .clock.ico {
    margin-left: 11px
}
.planner-table .item h2 {
    font-size: 17px;
    font-weight: 400;
    font-family: brandon_grotesquebold;
    margin-bottom: 0;
    margin-top: 0;
    line-height: 20px
}
.planner-table .item h2 a {
    color: #000;
    text-decoration: none
}
.planner-table .item h2 a:hover {
    opacity: .8
}
.print-only {
    display: none!important
}
.planner-table .item p {
    font-size: 14px;
    text-transform: none;
    font-family: brandon_grotesqueregular;
    margin-top: 0
}
.plan-static {
    background: #1d2124;
    color: #fff;
    display: block!important;
    height: 108px;
    width: 100%;
    font-size: 17px;
    font-family: brandon_grotesquemedium;
    text-align: center;
    padding-top: 29px
}
.plan-down,
.plan-up {
    display: block!important;
    width: 100%;
    height: 53px;
    cursor: pointer;
    background-color: #1d2124;
    background-size: 24px 12px;
    background-position: center;
    transition: background-color .3s ease-in-out;
    background-repeat: no-repeat
}
.plan-up {
    margin-bottom: 1px;
    background-image: url(../images/icons/planner/up.png)
}
.plan-down:hover,
.plan-up:hover {
    background-color: #000
}
.plan-down {
    background-image: url(../images/icons/planner/down.png)
}
.plan-event {
    width: 100%;
    margin-bottom: 10px;
    transition: opacity .3s ease-in-out
}
.planner-table {
    transition: height .3s ease-in-out
}
.plan-event:last-child {
    margin-bottom: 0
}
#mobileWindow,
.planner-body .details div.picker {
    display: none
}
.planner-table .where .delete {
    width: 30px;
    height: 30px;
    background-image: url(../images/icons/cut_close.png);
    background-size: 30px 30px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer
}
.plan-event .calendar.ico {
    background-position: -261px -381px;
    height: 39px;
    vertical-align: middle;
    width: 39px
}
.planner-body .details div.ui-datepicker-header,
.planner-body .details div.ui-datepicker-title {
    float: none
}
.ui-tooltip {
    background: #e5e5e5;
    box-shadow: 4px 4px 0 0 rgba(0, 0, 0, .15);
    width: 284px;
    text-transform: uppercase;
    font-size: 12px;
    font-family: brandon_grotesquemedium;
    border-radius: 0;
    text-align: center;
    padding: 0 0 20px;
    position: relative
}
.ui-tooltip:after {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0;
    border-color: #e5e5e5 transparent transparent;
    content: '';
    bottom: -10px;
    right: 50%;
    margin-right: -10px
}
.tip-address {
    background: #fff;
    padding: 8px 0 10px
}
.tip-fullname {
    background-color: #fff;
    font-family: brandon_grotesquebold;
    padding: 6px 10px
}
.ui-tooltip.no-hours {
    background: #fff
}
.ui-tooltip.no-hours:after {
    border-color: #fff transparent transparent
}
.tip-icons {
    padding-top: 10px;
    width: 100%;
    text-align: center
}
.ui-tooltip h2 {
    font-size: 12px;
    font-weight: 400;
    font-family: brandon_grotesquebold;
    margin-bottom: 4px
}
.tip-announcement {
    margin-top: 10px;
    color: #e71515;
    padding-left: 10px;
    padding-right: 10px
}
.clock.ico {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../images/icons/planner/clock.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center
}
.mobile-more {
    display: none
}
.change-date.time div,
.left-info .time div {
    float: none;
    width: 100%;
    margin-top: -2px;
    text-transform: none;
    text-align: center;
    color: #49545b
}
.change-date.time div {
    font-size: 10px;
    margin-top: -6px
}
.picker-announcement {
    width: 100%;
    background: #eceeee;
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: center;
    border: 1px solid #000;
    border-top-style: none
}
.change-date.time .clock.ico {
    margin-top: 8px
}
.time .clock.ico {
    margin-top: 10px
}
.mobile-buttons,
.planner-body .details div.left-mobile-info,
.planner-body .details div.mobile-more,
.planner-body .details div.short-name {
    display: none
}
@media screen and (max-width: 1155px) {
    .planner-body,
    .planner-side {
        width: 100%
    }
    .planner-body .details div.long-name,
    .planner-body .when br,
    .planner-header {
        display: none
    }
    .mobile-buttons,
    .mobile-more,
    .planner-body .details div.left-mobile-info,
    .planner-body .details div.mobile-more,
    .planner-body .details div.short-name {
        display: block
    }
    .planner-body .details div.mobile-more {
        height: 54px
    }
    .planner-body .details div.mobile-more.is-expanded {
        background-color: #1d2124
    }
    .planner-body .details,
    .planner-body .when {
        display: block;
        width: 100%
    }
    .planner-table .when>div {
        min-height: 0
    }
    .planner-side {
        padding: 10px 0 0
    }
    .planner-side p {
        display: none
    }
    .when .plan-btn {
        width: 20px;
        height: 20px;
        right: 21px;
        left: auto;
        top: 6px;
        background: url(../images/icons/planner/location.png) center no-repeat;
        background-size: 15px 17px;
        text-indent: -9999px
    }
    @media screen and (max-width: 766px) {
        .when .plan-btn {
            right: 0;
            top: 0;
            bottom: 0;
            border-left: 1px solid #9CAAB3;
            height: 35px;
            position: absolute;
            width: 16%
        }
        .planner-table .item p {
            margin-bottom: 10px
        }
    }
    .planner-content.showplan {
        padding-left: 10px;
        padding-right: 10px
    }
    .planner-body {
        padding: 0;
        border-spacing: 0
    }
    .mobile-button {
        display: block;
        float: left;
        text-decoration: none;
        color: #1d2124;
        font-size: 12px;
        font-family: brandon_grotesquebold;
        text-transform: uppercase;
        background: #fff;
        width: 37%;
        height: 33px;
        line-height: 34px;
        padding: 0 12px;
        box-sizing: border-box;
        margin-right: 2%;
        letter-spacing: .1em;
        margin-bottom: 20px
    }
    .mobile-buttons.bottom .mobile-button {
        width: 48%
    }
    @media screen and (max-width: 500px) {
        .mobile-button {
            font-size: 11px;
            line-height: 36px
        }
    }
    @media screen and (max-width: 300px) {
        .mobile-button {
            font-size: 10px
        }
    }
    .more-mobile-buttons {
        display: none
    }
    .more-mobile-buttons .mobile-button {
        width: 100%;
        padding-top: 8px;
        padding-bottom: 8px;
        height: auto;
        line-height: 18px
    }
    .planner-body .details div.order {
        float: right
    }
    .planner-table .where .delete {
        display: none
    }
    .planner-table .left-info {
        width: 43px;
        height: 108px
    }
    .planner-body .item {
        width: 73%;
        padding-left: 44px;
        z-index: 9
    }
    .planner-body .where {
        width: 11%
    }
    .planner-table .item h2 {
        font-size: 13px;
        line-height: 14px
    }
    .mobile-button.button-2 {
        width: 45%
    }
    .mobile-button.button-3 {
        width: 14%;
        font-family: brandon_grotesqueregular;
        font-size: 42px
    }
    .bottom .mobile-button.button-1,
    .bottom .mobile-button.button-2 {
        width: 49%
    }
    .mobile-button:last-child {
        margin-right: 0
    }
    .planner-table .item p {
        font-size: 11px;
        line-height: 13px;
        float: left;
        padding-top: 7px
    }
    .plan-static {
        font-size: 12px
    }
    .left-info .time {
        display: none!important
    }
    .planner-body .when {
        padding: 10px;
        margin-bottom: 10px;
        float: none;
        clear: both
    }
    .planner-table {
        display: block
    }
    .planner-table:after {
        display: block;
        width: 100%;
        clear: both;
        height: 10px;
        content: ""
    }
    .planner-body .details div.left-mobile-info {
        width: 137px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 42px;
        display: none;
        height: 108px;
        background: #1d2124
    }
    .left-mobile-info-item {
        width: 100%;
        height: 36px;
        line-height: 37px;
        display: block;
        background: #1d2124;
        color: #fff;
        box-sizing: border-box;
        padding-left: 17px;
        cursor: pointer
    }
}
.bip_logo {
    display: inline-block;
    background-image: url(../images/icons/icon_random.png);
    background-position: -121px -337px;
    width: 25px;
    height: 14px;
    margin-top: -3px
}
.planner-content.map {
    padding-left: 40px;
    padding-right: 40px
}
#planner-map-canvas {
    width: 100%;
    height: 626px;
    margin-bottom: 40px;
    margin-top: 28px
}
.plan-left,
.plan-right {
    width: auto!important;
    letter-spacing: .1em
}
.plan-left {
    float: left
}
.plan-right {
    float: right
}
h1.map-date {
    font-size: 17px;
    text-transform: uppercase;
    font-family: brandon_grotesquemedium;
    height: 49px;
    line-height: 50px;
    padding: 0 16px;
    color: #000;
    font-weight: 400;
    margin: 0;
    background: #e5e5e5
}
.plan-btn.special-btn {
    background-color: #6adabd
}
#localisationform {
    width: 0;
    overflow: hidden;
    float: right;
    white-space: nowrap;
    font-size: 0;
    transition: width .3s linear
}
#localisationform.is-expanded {
    width: 349px
}
#localisation_input {
    height: 48px;
    line-height: 48px;
    width: 300px;
    display: inline-block;
    vertical-align: top
}
.plan-btn#geolocalisation {
    background-image: url(../images/icons/location.png);
    background-position: center center;
    background-size: 50px 50px;
    height: 49px;
    width: 49px;
    cursor: pointer;
    display: inline-block;
    transition: background-color .3s linear
}
.plan-btn#geolocalisation:hover {
    background-color: #000
}
@media screen and (max-width: 700px) {
    #mobileWindow {
        top: 0;
        left: 0;
        z-index: 9999;
        right: 0;
        position: absolute;
        display: none
    }
    #localisationform.is-expanded {
        width: 100%
    }
    #mobileWindow .longname,
    #mobileWindow .map-address,
    .map-header .shortname,
    .map-info .today-date {
        display: block
    }
    #mobileWindow {
        background-color: #49545b;
        background-image: url(../images/dark_grawer.png);
        background-position: 0 -204px
    }
    ,
    #mobileWindow .shortname,
    .map-header .longname {
        display: none
    }
    .plan-btn {
        float: none;
        font-size: 15px;
        text-align: center
    }
    .planner-content.map {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px
    }
    h1.map-date {
        width: 100%;
        margin-bottom: 10px;
        float: none
    }
    #planner-map-canvas {
        margin-top: 0
    }
    #mobileWindow .content {
        left: 49px;
        text-align: left;
        right: 25px
    }
    .map-header .map-ord {
        width: 32px;
        height: 25px;
        line-height: 27px
    }
    .map-header:after {
        margin-right: -31px;
        bottom: -15px;
        border-width: 15px 16px 0
    }
    .map-header .map-ord.white {
        font-size: 10px
    }
    #planner-map-canvas {
        height: 266px;
        margin-bottom: 10px
    }
    .map-info {
        position: static;
        left: 0;
        right: 0;
        width: auto;
        bottom: 0;
        margin: 0;
        z-index: 100;
        top: 82px
    }
    #mobileWindow .map-header {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        width: auto;
        height: 82px;
        z-index: 300;
        box-shadow: 0 6px 1px 0 rgba(50, 50, 50, .2)
    }
    #mobileWindow .content {
        font-size: 15px;
        line-height: 16px
    }
    #mobileWindow .longname {
        margin-bottom: 6px
    }
    #mobileWindow .map-ord {
        background: none;
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        height: 26px;
        left: 0;
        line-height: 26px;
        width: 26px
    }
    #mobileWindow .close {
        color: #fff;
        background: 0 0;
        border: 1px solid #fff;
        box-shadow: none;
        top: 7px;
        right: 7px;
        height: 23px;
        width: 23px;
        line-height: 17px
    }
    .map-info .name-photo {
        background: #fff;
        z-index: 200;
        box-shadow: 0 6px 1px 0 rgba(50, 50, 50, .11), 0 -3px 1px 0 rgba(50, 50, 50, .05)
    }
    .map-info .map-hours,
    .map-info .name-photo {
        position: relative
    }
    #mobileWindow .close,
    #mobileWindow .map-info {
        display: block;
        text-align: center
    }
    #mobileWindow .map-header:after {
        display: none
    }
    .map-info .map-hours {
        box-shadow: 0 6px 1px 0 rgba(50, 50, 50, .3)
    }
    h1.map-date {
        padding-left: 0;
        color: #fff;
        font-size: 12px;
        line-height: 19px;
        text-align: left;
        background: 0 0;
        height: auto
    }
    #localisationform {
        position: relative
    }
    #geolocalisation.plan-btn {
        position: absolute;
        right: 0;
        top: 0
    }
    #localisation_input {
        padding-left: 10px!important;
        padding-right: 58px!important;
        width: 100%
    }
    .planner-body.empty-planner {
        padding-top: 20px;
        padding-bottom: 100px;
        color: #5c5555;
        background: #e5e5e5;
        text-shadow: 0 1px 0 #fff
    }
}
@media screen and (max-width: 1280px) {
    .content.page-content.planner {
        padding: 0!important
    }
}
@media screen and (max-width: 766px) {
    .planner-content,
    .planner-content.map {
        padding-top: 111px
    }
    .dashboard-content .planner-list.photo li {
        width: 100%
    }
    .planner-content .button {
        width: 91%
    }
    .planner-tabs {
        padding-left: 0
    }
    .planner-tabs>li {
        margin: 3px
    }
    .planner-tabs>li a {
        font-size: 12px;
        padding: 0 24px
    }
    .planner-list {
        margin-top: 21px
    }
    .planner-body .details div .showCalendar {
        display: none
    }
    .change-date .picker {
        z-index: 999
    }
    .planner-table .change-date:not(.time) {
        border-style: none
    }
    .plan-event {
        position: relative
    }
    .planner-table .where .info {
        display: none
    }
    .plan-event .short-name {
        margin-top: 20px
    }
    .planner-body .details div {
        z-index: 999
    }
}
.mobile-more .clock {
    margin-top: 19px
}
.mobile-tip {
    background: #fff;
    bottom: 0;
    display: none;
    left: 44px;
    position: absolute;
    top: 0;
    right: 0;
    padding-left: 10px;
    padding-right: 10px
}
@media screen and (min-width: 767px) {
    .mobile-tip {
        display: none!important
    }
}
.planner-body .details div.mobile-tip {
    z-index: 1000
}
.mobile-tip .tip-address,
.mobile-tip .tip-fullname {
    font-size: 11px;
    line-height: 12px
}
.mobile-tip .del {
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    font-family: brandon_grotesquebold
}
.mobile-tip .tip-hours {
    background: #e5e5e5;
    bottom: 0;
    font-size: 9px;
    left: 0;
    padding-left: 10px;
    padding-top: 6px;
    padding-bottom: 10px;
    position: absolute;
    right: 0;
    width: 100%
}
.mobile-tip div {
    float: none!important
}
.planner-choose-one.error {
    color: #A6E1D3;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, .33)
}
#menu-main .planner-choose-one.error {
    text-shadow: none
}
.map-header {
    width: 80px;
    font-size: 11px
}
.map-header>.content {
    left: 40px
}
.planner .map-header .shortname,
.planner .map-header.is-expanded .longname {
    display: block
}
.planner .map-header .longname,
.planner .map-header.is-expanded .shortname {
    display: none
}
.planner .map-header {
    font-size: 11px;
    height: 44px;
    width: 60px
}
.planner .map-header:after {
    border-width: 14px 10px 0;
    bottom: -14px;
    content: "";
    height: 0;
    margin-right: -10px;
    position: absolute;
    right: 50%;
    width: 0
}
.planner .map-header>.content {
    left: 9px;
    right: 9px
}
.modal .button {
    cursor: pointer
}
.modal .button.left {
    float: left
}
.modal .button.alert {
    background-color: #AD4E3F
}
.modal .button.alert:hover {
    background-color: #7A3227
}
.icon.cog {
    height: 17px;
    margin-top: 19px;
    width: 17px
}
svg.cog use {
    fill: #49545b!important
}
.mobile-more.is-expanded svg.cog use {
    fill: #fff!important
}
.change-date.time.empty {
    display: none
}
.komunikaty .dashboard-content,
.komunikaty .dashboard-content .twin.left,
.komunikaty .dashboard-content .twin.right {
    width: 100%!important;
    padding: 0
}
.komunikaty .dashboard-content .twin.left,
.komunikaty .dashboard-content .twin.right {
    padding-left: 0!important;
    padding-right: 0!important;
    border-style: none
}
.komunikaty .event-item.on-dashboard .header {
    background: #eceeee
}
.sklep .shop-item .info {
    padding: 20px 10px
}
@media screen and (max-width: 766px) {
    .exhibition .left-side .mnk-sidebar .handicap-info .icon {
        display: inline-block;
        height: 30px;
        margin: 10px 5px 4px;
        width: 21px
    }
}
.dashboards.news .event-item.on-dashboard .event-place {
    display: block;
    float: none;
    overflow: hidden;
    text-align: center;
    width: auto
}
#writeus-dashboard textarea {
    height: 85px
}
.dashboards.education>div {
    margin-bottom: 20px
}
.vertical-center-holder {
    position: relative
}
.vertical-center-holder>* {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -webkit-transform: -webkit-translateY(-50%);
    text-align: center;
    right: 10px;
    left: 10px
}
.pin-button {
    position: absolute;
    top: 10px;
    left: 10px;
    display: none
}
@media screen and (max-width: 1276px) {
    .touch .mobile-pin-button {
        display: block;
        float: right;
        margin-left: 10px;
        margin-top: 2px;
        position: static
    }
    .touch .foto-column li>.pin-button {
        display: none
    }
}
@media screen and (max-width: 768px) {
    .mobile-pin-button {
        display: block;
        float: right;
        margin-left: 10px;
        margin-top: 2px;
        position: static
    }
    .touch .foto-column li>.pin-button {
        display: none
    }
}
li:hover .pin-button {
    display: block
}
a[data-pin-log] {
    position: absolute;
    top: 10px;
    left: 10px
}
.dashboard-slide.four-col,
.dashboard-slide.triple,
.dashboard-slide.two-col {
    height: auto;
    width: 100%;
    float: none
}
.dashboards .header-m .vcenter {
    padding-left: 0;
    padding-right: 4px
}
.zbiory .exhibition-item.exhibition-banner {
    width: 100%
}
@media screen and (min-width: 767px) {
    .dashboard-slide.triple {
        width: 32%;
        float: left;
        margin-left: 1.5%;
        margin-bottom: 1%
    }
    .dashboard-slide.two-col {
        width: 49%;
        margin-left: 1%;
        float: left
    }
    .dashboard-slide.four-col {
        width: 24%;
        float: left;
        margin-left: 1%;
        margin-bottom: 1%
    }
    .dashboard-slide.four-col h4 {
        font-size: 11px!important
    }
    .dashboard-slide.triple img,
    .dashboard-slide.triple>a,
    .polecamy .exhibition-item.exhibition-banner {
        width: 100%
    }
    .dashboard-content.has-slides .dashboard-slide:first-child,
    .dashboards.visitors .wystawy-planowe .exhibition-banner:first-child,
    .four-col:nth-child(4n+1) {
        margin-left: 0!important
    }
    .dashboards.visitors .wystawy-planowe .exhibition-banner.two-banners {
        width: 49%;
        float: left;
        margin-left: 1%
    }
    .wystawy-planowe .exhibition-banner img,
    .wystawy-planowe .exhibition-banner.one-banner {
        width: 100%;
        height: auto
    }
}
#english-popup {
    font-family: brandon_grotesqueregular;
    font-size: 16px;
    top: 50px
}
#english-popup #newsletterForm {
    padding: 0
}
.blog-image a,
.universal-list.blog-image {
    padding: 0!important
}
.blog-image img {
    width: 100%;
    float: none!important
}
.blog-image .text {
    padding: 10px 20px 20px
}
.search-results .ctr-content {
    line-height: 10px
}
@media screen and (max-width: 1000px) {
    .mnk-content.bottom-content.search-results,
    .temporary .mnk-sidebar.search-sidebar.smaller.small {
        width: 100%!important
    }
}
@media screen and (max-width: 1200px) {
    .temporary .search-results .list-temporary li {
        padding-left: 0
    }

}
.search-results .temporary .list-temporary li .bottom-info .left-side .street span {
    font-size: 8px;
    line-height: 10px
}
.lb_author {
    font-size: 11px;
    letter-spacing: .03rem;
    opacity: .8;
    text-transform: uppercase;
    display: block;
    margin-top: 10px
}
.gallery_title {
    text-transform: uppercase;
    margin-bottom: 8px;
    display: block
}
.hide-for-smallfluid {
    display: none!important
}
@media screen and (min-width: 1021px) {
    .hide-for-smallfluid {
        display: inline-block!important
    }
}
@media screen and (min-width: 1021px) and (max-width: 1364px) {
    footer .text {
        font-size: 9px;
        padding-top: 3px
    }
    footer .block-link {
        margin-right: 23px;
        font-size: 12px
    }
    footer .block-link .arr:after {
        top: 5px
    }
}
.beta-sign {
    position: absolute;
    display: block;
    background-image: url(../images/beta.png);
    width: 46px;
    height: 48px;
    background-size: 46px 48px;
    z-index: 99;
    cursor: pointer
}
@media screen and (max-width: 766px) {
    .beta-sign {
        width: 32px;
        height: 34px;
        background-size: 32px 34px
    }
}
#giftPopup {
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    cursor: pointer
}
#giftPopup .content {
    background-size: cover;
    background-image: url(../images/mnkg.jpg);
    background-position: center;
    z-index: 9999;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%
}
[class^=ui-effects] {
    z-index: 9999
}
#beta-popup {
    padding: 11px 30px 30px;
    top: 14px
}
#beta-popup .options {
    padding: 0
}
.center-content.full{
    width: 100%;
    margin: 0;
}
@media screen and (max-width: 1275px)
.shop .center-content.full {
    float: left;
    margin: 0 0 0 2%;
    width: 78%;
}
.shop .center-content .bestsellers li .price-buttons {
    width: 100%;
    height: 36px;
    line-height: 36px;
    background-color: #6d767c;
    float: left;
}
.shop .center-content .bestsellers li:last-child {
    margin-right: 0;
}
.center-content.full .bestsellers li {
    float: left;
    width: 19%;
    margin: 0 1.2% 30px 0;
}
#beta-popup textarea {
    height: 100px;
    margin-bottom: 20px
}
#beta-popup .header {
    padding-bottom: 5px
}
#beta-popup .header h2 {
    font-size: 26px;
    text-transform: uppercase;
    font-family: brandon_grotesquemedium;
    margin: 13px 0
}
.radio-row {
    width: 100%;
    height: 40px;
    font-size: 14px;
    line-height: 24px
}
.radio-row:first-child {
    margin-top: 30px
}
.radio-row.last {
    margin-bottom: 20px
}
div.radio-row label {
    font-size: 14px!important;
    width: 122px;
    box-sizing: border-box;
    padding-right: 27px;
    text-align: right;
    line-height: 11px;
    background: #fff!important
}
.radio-row.error.empty .radio span {
    border-color: #f7b5b9!important
}
#beta-popup .options {
    font-size: 14px
}
#beta-popup .radio,
#beta-popup label {
    float: left
}
#beta-popup .radio {
    width: 66px;
    height: 27px;
    position: relative;
    margin-right: 8px
}
#beta-popup .radio.selected span,
#beta-popup .radio:hover span {
    background-color: #4b565c;
    border-color: #4b565c!important;
    color: #fff;
    cursor: pointer
}
#beta-popup .radio:last-child {
    margin-right: 0
}
#beta-popup .radio>span {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    border: 1px solid #cfcfcf;
    text-align: center;
    z-index: 9999;
    display: block;
    background-color: #fff;
    -webkit-transition: background-color, color .3s;
    -o-transition: background-color, color .3s;
    transition: background-color, color .3s
}
.beta-intro {
    text-align: center;
    width: 100%;
    border-bottom: 1px solid #cfcfcf;
    padding: 24px 0;
    margin-top: 5px;
    font-size: 16px;
    line-height: 20px;
    box-sizing: border-box
}
#beta-popup {
    height: 660px
}
#beta-popup .tiny-viewport {
    width: 91%;
    top: 20px;
    bottom: 20px
}
#betaBody .tiny-viewport {
    overflow: hidden
}
#betaForm a.button {
    text-transform: none;
    padding: 9px 0;
    width: 146px
}
@media screen and (max-height: 800px) {
    #beta-popup .tiny-viewport,
    #betaBody {
        height: 450px
    }
    #beta-popup {
        height: 84vh;
        min-height: 480px
    }
}
.seealso:hover a {
    color: #000;
    background-color: #d5d7d6
}
.seealso a:hover>.apla-title {
    padding-bottom: 17px
}
.seealso .side-block.event-item {
    margin-bottom: 0
}
#topContactForm2+.ask-form-success {
    line-height: 25px;
    font-size: 17px;
    margin-top: 58px
}
.fb-ui-link {
    opacity: .9;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    cursor: pointer
}
.fb-ui-link:hover {
    opacity: 1
}
#tel-dashboard .small-info-header {
    width: 500px
}
.small-info-header.small-contact-header {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 17px
}
@media screen and (min-width: 1000px) {
    .small-info-header.small-contact-header {
        width: 604px
    }
}
@media screen and (max-width: 766px) {
    .infolinia .fcenter {
        left: 10px;
        right: 10px;
        top: 80px;
        transform: none;
        -webkit-transform: none
    }
}
.cycle-head {
    font-weight: 700;
    text-transform: uppercase;
    clear: both;
    display: block;
    padding-top: 40px
}
.bigger-button {
    margin-top: -16px
}
.additional-button-info {
    font-weight: 400;
    font-family: brandon_grotesqueregular;
    display: block;
    font-size: 9px;
    padding-top: 3px;
    opacity: .7
}
.parent-link {
    color: #fff;
    background-color: #4a555b;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    text-align: center;
    padding: 32px 12px;
    font-family: brandon_grotesqueregular;
    margin-bottom: 16px
}
.parent-link:not(.selected):hover {
    background-color: #32383C;
    color: #fff
}
.parent-link.selected {
    background-color: #6adabd;
    color: #fff;
    pointer-events: none;
    cursor: default
}
.more-planner-info {
    font-size: 13px;
    line-height: 15px;
    border: 1px solid #7b8387;
    padding: 11px;
    margin-bottom: 15px;
    text-align: left;
    font-family: brandon_grotesqueregular;
    font-weight: 400
}
.more-planner-info .left {
    width: 12%;
    text-align: center
}
.more-planner-info .right {
    width: 88%
}
.more-planner-info svg.icon.cal {
    height: 30px;
    width: 39px;
    vertical-align: bottom;
    margin-top: 10px;
    margin-left: -7px
}
.filter {
    text-transform: uppercase;
    font-size: .70588em;
    font-family: brandon_grotesqueregular;
    padding-left: 20px;
    text-decoration: none;
    color: #000;
    line-height: 33px;
    cursor: pointer
}
.eventList.hidden {
    display: none
}
.event-item.on-list .cycle-image.no-description {
    width: 299px;
    margin-right: 20px
}
@media screen and (max-width: 766px) {
    .event-item.on-list .cycle-image.no-description {
        width: 100%;
        margin-right: 0
    }
}
.filter.selected,
.filter:hover {
    color: #6adabd
}
.uppercase-header .right {
    text-align: right
}
.right .filter {
    display: inline-block
}
@media screen and (max-width: 766px) {
    .uppercase-header .right {
        float: none;
        clear: both;
        text-align: left;
        padding-top: 12px
    }
    .uppercase-header .right .filter {
        padding-left: 0;
        padding-right: 12px
    }
}
input[type=submit].done {
    height: auto;
    line-height: normal
}
@media screen and (min-width: 767px) {
    .dotpay-button {
        float: right
    }
}
.dotpay-logo {
    margin-top: 5px;
    margin-right: 10px
}
.foto-lists a.back-bttn:hover {
    text-decoration: none!important
}
.selecter-selected.back-bttn {
    width: 181px;
    background-image: none;
    color: #666;
    height: 40px;
    line-height: 40px;
    text-align: left;
    padding-left: 36px!important
}
.foto-lists.gallery-item {
    position: relative
}
.back-bttn-holder {
    width: 181px;
    position: absolute;
    right: 21px;
    top: 0
}
.selecter-selected.back-bttn:after {
    top: 12px;
    left: 14px !imprtant
}
.bottom-back {
    clear: both;
    margin-top: 38px;
    min-height: 52px;
    position: relative;
    width: 100%
}
.bottom-back .back-bttn-holder {
    top: 12px
}
.lb-outerContainer.lb-exposed .lb-image {
    height: auto!important;
    max-width: 100%
}
.lb-outerContainer.lb-exposed {
    height: auto!important
}
.lb-dataContainer,
.lb-outerContainer {
    max-width: 100%
}
@media screen and (max-width: 1280px) and (min-width: 767px) {

    .article-banner .slider-header .slider-cycle {
        position: static;
        display: block;
        padding-bottom: 7px;
        box-shadow: 20px 0 0 rgba(32, 37, 40, .75), -20px 0 0 rgba(32, 37, 40, .75);
        float: left
    }
    .article-banner .slider-header h1 {
     /*   background-color: rgba(32, 37, 40, .75); 
        box-shadow: 20px 0 0 rgba(32, 37, 40, .75), -20px 0 0 rgba(32, 37, 40, .75);*/
        margin-top: -1px;
        padding-top: 7px;
        padding-bottom: 7px;
        float: left;
        clear: both
    }
    .article-banner .slider-header .slider-cycle+.separate {
        position: relative;
        top: 0;
        bottom: 0;
        clear: both
    }
}
.shop-banner {
    line-height: 0;
    display: block;
    width: 100%;
    clear: both;
    float: none
}
.shop-banner img {
    width: 100%;
    display: block
}
.shop-banner img.mobile {
    display: none
}
@media screen and (max-width: 766px) {
    .shop-banner {
        padding-top: 10px;
        clear: both;
        float: none
    }
    .shop-banner img {
        display: none
    }
    .shop-banner img.mobile {
        display: block
    }
    .touch-link.smaller {
        float: left;
        width: 50%
    }
    .touch-link.smaller.last {
        padding-right: 18px;
        border-left: 1px solid #cfcfcf
    }
    .touch-link.smaller h2 {
        font-size: 14px;
        color: #333!important;
        line-height: 48px
    }
    .touch-link.smaller .arr:after {
        cursor: pointer;
        content: '';
        position: absolute;
        border-bottom: 1px solid #666;
        border-right: 1px solid #666;
        top: 4px;
        width: 10px;
        height: 10px;
        margin-left: 3px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -webkit-transform: -webkit-rotate(-45deg)
    }
    .modal.large .options .inputbutton .search-text,
    .modal.large .options .inputbutton a {
        width: 100%
    }
}
@media screen and (max-width: 850px) and (min-width: 767px) {
    .exhibition .mnk-content .even .event-content .depiction img {
        max-width: 100%
    }
}
@media screen and (min-width: 851px) and (max-width: 1000px) {
    .exhibition .mnk-content .even .event-content .depiction,
    .exhibition .mnk-content .even .event-content .depiction img,
    .exhibition .mnk-content .even .event-content picture {
        width: 100%;
        display: block;
        max-width: 100%;
        float: none;
        clear: both;
        margin-right: 0;
        padding-left: 0;
        margin-left: 0
    }
    .exhibition .mnk-content .even .event-content .header {
        overflow: hidden
    }
}
@media screen and (min-width: 851px) and (max-width: 1276px) {
    .exhibition .mnk-content .even .event-content .depiction img {
        max-width: 100%
    }
}
.exhibitions-content .description a {
    color: #6adabd;
}
.exhibitions-content .description a:hover {
    text-decoration: underline;
}
.shop .right-promo .pomotions li .price-buttons .add svg {
    display: none;
}
.shop .center-content .detail .informations .description a {
    color: #6adabd;
}
#address-dashboard {
    top: -21px;
}
#address-dashboard strong {
    font-family: 'brandon_grotesquebold';
}
#address-dashboard .dashboard-content {
    font-size: 14px;
    line-height: 1.36em;
    height: 189px;
    width: 292px;
    padding: 26px 44px;
}
#address-dashboard .dashboard-content .fcenter {
    text-align: left;
}
#address-dashboard .dashboard-content .fcenter {
    text-align: left;
}
.nwrp {
    white-space: nowrap;
}
.dashboard.branch-address {
    right: 224px;
}
.kontakt #address-dashboard {
    padding: 44px 100px;
    text-transform: uppercase;
    line-height: 24px;
    font-weight: normal;
    text-align: center;
    font-size: 14px;
}

.en #homepage-partner h3{
    width: 253px;
}
.en #homepage-partner>a{
    width: 324px;
}
span.date_name{
    font-size: 18px;
}

span.date_name {
  text-transform: uppercase; 
  border-left: 1px solid currentColor;
  height: 14px;
  display: inline-block;
  line-height: 16px;
  margin-left: 3px;
  padding-left: 6px;
}
.day span.date_name{
    font-size: 10px; 
}
.big-event-time span.lightcolor{
    font-size: inherit;
    letter-spacing: inherit;
    color: rgb(134, 134, 134);
}
.lined-header span.date_name{
    margin-top: -7px;
    font-size: 11px;
    vertical-align: middle;
}

.linklogo_big
{
height: 110px;
  width: auto;
  margin-top: -35px;
  }
  
/** Newsletter updates **/
.newsletter-groups-header{
    text-transform: uppercase;
    /*  border-top: 1px solid #cfcfcf; */
    font-size: 17px;
    margin-top: -7px;
    padding-top: 0;
    margin-bottom: 10px;
}
.modal .options .newsletter-group-checks{
    border-bottom: 1px solid #cfcfcf;
    margin-bottom: 15px;
    padding-bottom: 10px;
}
.modal .options .newsletter-group-checks label {
    font-size: 17px;
    margin-top: 2px;
}
#newsletter-popup{
    top: 37px;
}
.modal .options .newsletter-group-checks input[type=checkbox]{
    margin-top: 7px;
}
.mnk-content .text a.button{
    color: #fff;
    text-decoration: none !important;
}
.mnk-content .bot-info{
     width: 88%;
 }

.mnk-content .modal .options{
    margin-bottom: 80px;
}
@media screen and (max-width: 766px){
    .modal.large .options .inputbutton .search-text{
        width: 100%;
    }
    .mnk-content .modal .options{
        margin-top: -23px;
    }
    .modal .options .newsletter-group-checks label{
        font-size: 14px;
    }
}
.mnk-content .modal .ask-form-success{
    margin: 20px 0;
}
#newsletter-popup{
    padding-bottom: 11px
}
 #newsletter-popup .bot-info{
     margin-bottom: 25px;
 }
.hide-infowindows .SmartInfoWindow{
    display: none !important;
}
.hide-infowindows.show-zakopane .SmartInfoWindow.zakopane{
    display: block !important;
}
.hide-infowindows.show-krakow .SmartInfoWindow.krakow{
    display: block !important;
}

.inner-cluster{
  text-align:left;
  float:left;
  margin-left:20px;
  line-height:20px;
  height:10px;
  display:block;
}

.inner-clustcont{
    padding-top: 24px;
}
.map-direct{
      width: 93px;
  height: 93px;
  position: absolute;
  z-index: 9999;
  background-image: url(../images/zak2.png);
  bottom: 10px;
  left: 50%;
  margin-left: -48px;
  cursor: pointer;
  font-family: 'PT Sans';
  -webkit-transition: margin-bottom 0.4s;
  -o-transition: margin-bottom 0.4s;
  transition: margin-bottom 0.4s;
  display: none;
  padding-left: 9px;
  font-size: 12px;
padding-top: 30px;
}
.map-direct#goToKrakow{
    background-position: -103px -2px;
    bottom: auto;
    top: 10px;
    padding-top: 38px;
}
.map-direct:hover{  
    animation: mb 1s infinite;
}
.map-direct#goToKrakow:hover{
    animation: mt 1s infinite;
}

.planner .map-header{
 font-size: 11px;
  height: 60px;
  width: 85px
}

#goToZakopane .map-direct-inner{
    margin-left: -16px;
}
@keyframes mb {
    0%   {margin-bottom: -10px;}
    50%  {margin-bottom: 0;}  
    100%  {margin-bottom: -10px;}     
}
@keyframes mt {
    0%   {margin-top: 10px;}
    50%  {margin-top: 0;}  
    100%  {margin-top: 10px;}     
}

.map-header .shortname{
    font-size: 14px;
}
.map-header>.content{
    top: 47%;
}
.planner-side .plan-btn.facebook-plan-btn{
    background-color: #45619d;
    background-image: url(../images/icons/planner/more_fb.png);
    cursor: pointer;
}
.planner-side .plan-btn.facebook-plan-btn:hover{
    background-color: #244281;
}

.planner-item-type{
    text-transform: none;
    font-family: 'PT Sans';
    font-size: 12px;
    float: none !important;
    margin-bottom: 5px;
    
}

.planner-table .item h2{
    font-size: 15px;
    line-height: 18px;
}
.planner .map-header>.content{
    left: 4px;
    right: 4px;
}
.shortname > .event-counts{
      display: block;
  font-family: 'PT Sans';
  font-size: 12px;
  text-transform: none;
}

.shortname > .event-counts:before{      
    content: '';
  display: block;
  width: 65px;
  height: 1px;
  position: relative;
  background-color: #fff;
  left: 50%;
  margin-left: -33px;
  margin-bottom: 5px;
  margin-top: 2px;

}
.exhibition .left-side .mnk-sidebar .foto-header{
    z-index: 999;
    overflow: visible;
}
.exhibition .left-side .mnk-sidebar .foto-header .overlay .icons .ico:hover{
    opacity: 1;
}

.planner-tip-header{
    background-color: #4b565c;
    color: #fff;
    box-sizing: border-box;
    padding: 16px 26px;
    width: 100% !important;
    font-size: 12px !important;
    line-height: 18px !important;
    text-transform: none !important;
    font-family: 'PT Sans' !important;
}

a:hover > .planner-tip, 
.planner-events-count:hover > .planner-tip{
    display: block;    
}
.special.planner-events-count{
    color: #3faa94;
}
.planner-tip-body{
    font-weight: 700;
    padding: 20px;
    text-transform: none !important;
    font-size: 12px !important;
    line-height: 18px !important;
    font-family: 'PT Sans' !important;
    text-transform: none !important;
    background: #fff;
    margin:  0 !important
}
.sdbr-button.has-events{
  color: #fff;
  background: #60e6c2;
  border-color: #60e6c2;
}
.sdbr-button.has-events:hover{
    background-color:#49545B;
    border-color:#49545B;
}
.planner-events-count:hover > .planner-tip{
    right: 0;
}
#sidebar{
    overflow: visible;
}
.map-header.is-expanded .map-ord{
    display: none;
}
.temporary .list-temporary .header-links a {
  z-index: 999;
  position: relative;
}
.location-item{
    font-family: 'PT Sans';
    text-align: left;
    margin-bottom: 12px;
}
.location-item a{    
    color: #111111;
    text-decoration: none;
}
.exhibition .left-side .mnk-sidebar .foto-header .overlay .icons .ico.reserve{  
  vertical-align: middle;
  margin-top: -3px;
}
.location-item a:hover{
    color: #6adabd;
}
.inner-location-itname{
   display: inline-block;
  width: 214px;
  vertical-align: top;
  padding-left: 12px;
  margin-bottom: 10px;
  line-height: 12px;
}

.inner-location-nmb{
    display: inline-block;
    width: 22px;
    height: 22px;
    color: #fff;
    background-color: #1d2124;
    text-align: center;
    line-height: 22px
}

.inner-location-type-name{
    text-transform: none;
}
.location-inner{
    padding: 10px 14px;
}

.map-header .map-ord {
  background: #1d2124;
  color: #fff;
  height: 25px;
  right: 100%;
  line-height: 25px;
  position: absolute;
  text-align: center;
  padding: 0 7px;
  left: auto;
  top: 0;
  width: auto;
}
.planner-table .item .item-content{
    height: 107px;
}
.planner-table .item h2{
    padding-right: 12px;
}

.planner .map-header.is-expanded:before{
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    top: 0;
    left: -25px;
    border-width: 24px 0px 0 25px;
    border-color: currentColor transparent transparent transparent;    
}
.planner .map-header >.content{
    color: #fff;
}
.planner .map-header.matejko{
    color: #c20a22
}
.planner .map-header.mehoffer{
    color: #fab300
}
.planner .map-header.gmach-glowny{
    color: #9bafc3;
}
.planner .map-header.sukiennice{
    color: #b21e80;
}
.planner .map-header.ciolek{
    color: #723286;
}
.planner .map-header.atma{
    color: #6fa11c;
}
.planner .map-header.hutten{
    color: #246d61;
}
.planner .map-header.hutten{
    color: #246d61;
}
.planner .map-header.czartoryscy{
    color: #197bc4
}
.planner .map-header.szolayscy{
    color: #ca5c0f;
}
.planner .map-header.europeum{
    color: #23a5a7;
}
.dashboard-menu li.inverted-li{
  background: #49545b;

  
}



.noItem.arr {
    visibility: hidden;
}


.inverted-li .planner-add{
position: absolute;
  right: 18px;
  top: 14px;
}
#planner-dashboard{
    width: 785px !important;
    top: -265px;
}
#planner-dashboard .dashboard-content{
  width: 785px;
  box-sizing: border-box;
  padding: 9px;

}
.dashboard-menu li.inverted-li > a{
    color: #fff;
    border-bottom-style: none;
}
.dashboard-menu li.inverted-li > a:hover{
    color: #6adabd;
}
.dashboard-menu li.inverted-li:after{
    background-color: #49545b;
    bottom: -1px;
}
 .planner .map-header.is-expanded .longname{
     font-size: 12px;
 }
.planner-add{
    height: 15px;
    width: 15px;
}
.dashboard-menu li .see-all.noborder{
      border-top-style: none;
          margin-top: 4px;
}
.dashboard-menu li .see-all.noborder .more:before{
display: none;
}
.dashboard-menu>li.inverted-li:hover:before{
    display: none;
}

li.p21, #menu-main li.p21, #submenu li.p21{
    background-color: #4b565c;    
}
.p21 .planner-add{
  position: absolute;
  right: 10px;
  top: 10px;
}
#submenu li.p21.has-counter{
    padding-right: 19px;
}

#submenu .planner-events-count{
      right: 10px;
      border-style: none;
      left: auto;
      height: 20px;
      width: 20px;
      bottom: 12px;
    line-height: 20px;
    font-size: 12px;
    font-family: 'PT Sans';
    display: none;
}
#submenu .has-counter .planner-events-count{
    display: block;
}
li.p21 a{
    color: #fff;
}
@media screen and (max-width: 850px) and (min-width: 767px){
    .exh-header-image{
        display: none !important;
    }
}

@media screen and (min-width: 851px){
    .foto-header{
        background-image: none !important;
    }
}

.tipso_bubble{
    display: none;
    position: absolute;
    width: 300px;
    background: #fff;
    text-align: left;
    color:  #4b565c;
    font-weight: normal;
    font-family: 'PT Sans' !important;
    font-size: 12px !important;
    line-height: 18px !important;
    text-transform: none !important;
    -webkit-box-shadow: -3px 5px 25px 0px rgba(50, 50, 50, 0.7);
-moz-box-shadow:    -3px 5px 25px 0px rgba(50, 50, 50, 0.7);
box-shadow:         -3px 5px 25px 0px rgba(50, 50, 50, 0.7);
}
.header-links a:hover svg{
    opacity: 0.7;
}
 .reserve.fff.narrow{
    width: 25px;
    margin-right: 5px;
}
.icons-cont svg.icon.cal{
    vertical-align: middle;
}

.tipso_bubble,.tipso_bubble>.tipso_arrow{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.tipso_bubble{position:absolute;z-index:9999;}
.tipso_content{word-wrap: break-word}
.tipso_bubble>.tipso_arrow{position:absolute;width: 0;
height: 0;border-style: solid;border-width: 0 33px 35px 0;border-color: transparent #4b565c transparent transparent;pointer-events:none}
.tipso_bubble.top>.tipso_arrow{border-color:#000 transparent transparent;top:100%;left:50%;margin-left:-8px}
.tipso_bubble.bottom>.tipso_arrow{border-color:transparent transparent #000;bottom:100%;left:50%;margin-left:-8px}
.tipso_bubble.left{
    margin-left: -30px;
}
.tipso_bubble.left>.tipso_arrow{
    border-color:#4b565c transparent transparent transparent !important;
    top:0;left:100%;margin-top:0 !important;
    border-width: 35px 33px 0 0 !important;
}

.tipso_bubble.right>.tipso_arrow{border-color:transparent #000 transparent transparent;top:0;right:100%;margin-top:0 !important;}

.links.hide-for-tablet svg.cal{
    margin-top: 12px;
}

svg.icon.cal{
    height: 15px;
}
svg.icon.cal.calendar{
    height: 18px;
}
.background-video{
    display: none;
}
.background-video.visible{
   position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 300;
  display: block;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background-size: cover;
  -webkit-transition: 1s opacity;
  transition: 1s opacity;
}
.background-video.visible + .video-content-link{
    background-image: none !important;
}
.video-content-link{
    z-index: 102 !important;
}

@media screen and (max-width: 766px){
    .background-video.visible{
        display: none;
    }
}

.no-video video, .no-video source{
    display: none;
}

.no-video .video-content-link{
	width: 100%;
	height: 100%;
	display: block;
}
@media screen and (max-width: 766px){
    .background-video.visible{
        display: none;
    }
    
            /*** !! **/
    .big-map-holder { 
        clear: both;
        float: none;
    }
    .big-branch>div{
        height: 100%;
        width: 100%;
        position: relative;
        top: 0;
        right: 0;
        max-width: 100%;
    }
    
    .big-branch>div .apla-title{
        position: absolute;
        left: auto;
        right: 22px;
        bottom: 15px;
    }
    /*** !! **/
}
.top-sidebar .handicap-info .icon.wifi {
    margin-left: 1px !important;
    margin-bottom: 11px !important;
}



.accessibility-header .icon{
        width: 18px;
        height: 26px;
        margin-top: 11px;
        margin-right: 7px;
        float: left;
        margin-left: 5px;
      
}

.accessibility-header.show-for-small{
    clear: both;
    float: none;
    height: 18px;
    display: block;
    width: 100%;
    text-align: center;
    margin-left: 0;
    display: inline-block;
    margin-top: 11px;
}
.accessibility-header.hide-for-small .icon,
.accessibility-header.hide-for-small .icon:hover use,
.accessibility-header.bound-ev .icon,
.accessibility-header.bound-ev .icon:hover use{
     fill: #fff;
}

.accessibility-header.hide-for-small .icon.dark,
.accessibility-header.hide-for-small .icon.dark:hover use{
    fill: #49545b;
}


.accessibility-header .icon.eye{
    width: 23px;
    height: 29px;
}
.accessibility-header .icon.nophoto{
    height: 30px;
    width: 22px;
}
.accessibility-header .icon.wheelchair{
    height: 30px;
    width: 24px;
    margin-left: 7px;
    margin-right: 0;
}
.accessibility-header .icon.coffee{
    height: 23px;
    width: 23px;
}

.accessibility-header.bound-ev{
    margin-left: 10px;
    float: left;
}

.accessibility-header{
    margin-left: 16px;
    
}

.bound-event .accessibility-header.show-for-small{
    height: 35px;
    margin-left: 10px;
}

.accessibility-calendar{
    background-color: rgba(0, 0, 0, .2);
    width: 100%;
    padding: 0 10px;
    clear: both;
    float: none;
    
}

.accessibility-calendar .icon{
    width: 21px;
    height: 19px;
    margin-top: 5px;
}
.accessibility-calendar .icon:hover use, .accessibility-header.show-for-small .icon:hover use{
   fill: #49545b; 
}
.accessibility-calendar .icon.eye{
    width: 34px;
    height: 19px;
    margin-bottom: -2px;
}

.accessibility-header .icon.wheelchair{
    width: 27px;
    height: 22px;
    margin-top: 16px;
}

.accessibility-calendar .icon.wifi{
    height: 30px;
    width: 21px;
    margin-top: 9px;
}

.handicap-info.event-info .icon.wheelchair{
    margin-right: -3px
}
.top-sidebar .handicap-info .icon.wifi {
    margin-left: 1px !important;
    margin-bottom: 11px !important;
    margin-right: 3px !important; 
}
.seealso .small-info-header .sdb-event-type {
    padding-top: 21px;
    padding-bottom: 16px;
    float: left;
}

.seealso .small-info-header .reveal-generated-popup{
    float: right;
    padding-top: 19px;
    height: 50px;
    width: 50px;
    border-left: 1px solid #ECEEEE;
    text-align: center;
}

.seealso .small-info-header {
    height: 50px;
    border-left: 1px solid #ECEEEE;
    margin-bottom: 0;
    border-right: 1px solid #ECEEEE;
    padding-left: 19px;
    overflow: hidden;
    margin-top: 0;
}

.seealso:hover .small-info-header .reveal-generated-popup {
    background-color: transparent;
    border-left-color: #d5d7d6;
}

@media screen and (max-width: 1200px) {

    .shop .center-content .bestsellers li .price-buttons, .shop .right-promo .pomotions li .price-buttons {
    height: 75px;
}

}

.fb-ui-link-static{
    color: #fff;
    background-color: #4965B5;
    border-radius: 3px;
    font-size: 11px;
    vertical-align: middle;
    height: 21px;
    margin-top: 3px;
    padding: 0 10px;
    padding-left: 4px;
    line-height: 21px;
    text-transform: none;
    cursor: pointer;
    font-family: helvetica, arial, sans-serif;
    font-weight: 700;
    
}
.fb-ui-link-static:hover{
     background-color: #3A5795;
}

.logos-holder{
    clear: both;
    padding-top: 30px;
}

#management-dashboard{
    text-align: center;
    top: -163px;
}

#management-dashboard .triplet{
    display: inline-block;
    padding: 0 7px;
    box-sizing: border-box;
    width: 32.9%;
    vertical-align: top;
}

#management-dashboard .triplet .contact-item{
    height: 202px;
}
#management-dashboard .triplet .contact-item.auto{
    height: auto;
}
#management-dashboard .triplet .contact-item.hi{
    height: 184px;
}
@media screen and (max-width: 1085px){
    #management-dashboard .triplet{
        width: 49%;
    }
}


@media screen and (max-width: 766px){
    #management-dashboard .triplet{
        width: 100%;
        margin-bottom: 10px !important;
    }
}


#management-dashboard .triplet.first{
    display: block;
    margin: 0 auto;
}
#management-dashboard .triplet.first .contact-name:not(.smaller){
    font-family: brandon_grotesquebold;
}


.management-header{
    border-bottom: 1px solid #cfcfcf;
    display: block;
    margin-top: 80px;
    line-height: 120% !important;
    padding-bottom: 10px;
}
.contact-item{
    margin-bottom: 5px;
}




@media screen and (max-width: 766px){
    #management-dashboard .triplet .contact-item,
    #management-dashboard .triplet .contact-item.hi{
        width: 100%;
        height: auto;
        
    }
    .page-content div{
        overflow: hidden;
    }
    .dashboards.contact .kontakt h2{
        margin-top: 0;
    }
    
}

@media screen and (min-width: 767px) and (max-width: 1200px){
    #management-dashboard .triplet .contact-item{
    height: 203px;
}
}
@media screen and (max-width: 420px){
    .touch-link.smaller .arr:after{
        top: 2px;
    }
    .touch-link.smaller{
        padding-left: 8px;
        padding-right: 8px !important;
    }
    .touch-link.smaller h2{
        font-size: 11px;
    }
}