:root {
    --museum-red: rgb(189,29,29);
    --museum-black: rgb(0,0,0);
    --museum-deep-black: rgb(16,12,8);
    --museum-sand: rgb(187,179,163);
}

body {
    background: #bbb3a3;
}

blockquote {
    font-size: 1em !important;
}

.panel .panel-heading .panel-title > a.collapsed {
    color: #111111;
    border-color: rgba(0,0,0,0.1) !important;
}
.panel .panel-heading .panel-title {
    font-size: 16px;
    text-transform: none;
}

.panel {
    margin-bottom: 25px;
    background-color: #bbb3a3;
    border: 1px solid transparent;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}

.panel .panel-heading .panel-title > a {
    border: 2px solid #000000;
    padding: 20px 25px;
    display: block;
    letter-spacing: 0;
    color: #121212;
    position: relative;
}

.panel .panel-body {
    border: none !important;
    line-height: 1.3;
    padding: 15px;
    background-color: #CDC7BC;

}

.stuck .branding img {
    max-height: 45px
}

.kczwpw .widget.gsc-heading .title  {
    font-weight: bold
}


.barlow {
    font-family: 'Barlow', sans-serif;
}


.fontblack {
    color: #000000;
}

.koncepcja-cmentarz-zw-line-height-1 {
    line-height: 1.3;
}


.wystawy .widget.gsc-call-to-action.button-bottom h3.title {
    text-align: center;
    font-weight: 700;
    position: relative;
    margin: 0 0 10px;
    padding: 0 0 10px;
}

.wystawy .widget.gsc-call-to-action .title span {
    font-size: 20px;
    text-transform: none;
    line-height: 35px;
}



.wystawy .widget.gsc-call-to-action.button-bottom .content {
    text-align: center;
    padding: 0;
    width: 100%;
}

.wystawy .widget.gsc-call-to-action.button-bottom .button-action {
    text-align: center;
    margin-top: 25px;
}

.wystawy {
    text-align: center;
}

.wystawy .wystawy-tytul, .wystawy .wystawy-box {
    color: #fff;
}
.wystawy .wystawy-tytul {
    text-shadow: 1px 1px 5px black;
    font-size: 4.5em;
    letter-spacing: -.01rem;
}

.wystawy .wystawy-box {
    font-size: 1.5em;
}


@media (min-width: 992px) {
    .article-title {
        font-size: 3rem;
    }
}

.poznaj-witolda-pileckiego .portfolio-v2 .content-inner {
    min-height: 280px;
}

.box-center {
    text-align: center;
}
.wystawa-smolensk img, .wystawa-konkurs-pilecki img {
    margin: 25px;
}

.wystawa-konkurs-pilecki {
    text-align: center;
}


.smolensk-tytul {
    margin-top: 30px;
}

.odstep-dol-5x {
    padding-bottom: 5px;
}
.margines-dol-5x {
    margin-bottom: 5px;
}
.odstep-dol-10x {
    padding-bottom: 10px;
}
.margines-dol-10x {
    margin-bottom: 10px;
}
.odstep-dol-15x {
    padding-bottom: 15px;
}
.margines-dol-15x {
    margin-bottom: 15px;
}
.odstep-dol-20x {
    padding-bottom: 20px;
}
.margines-dol-20x {
    margin-bottom: 20px;
}
.odstep-dol-25x {
    padding-bottom: 25px;
}
.margines-dol-25x {
    margin-bottom: 25px;
}

label[for='edit-data-max'] {
    display: none;
}


.kalendarz-list .portfolio-v2 .content-inner {
    padding: 5px 5px 5px 5px;
    min-height: 10px;
}

.kalendarz-list-glowna .portfolio-v2 .content-inner {
    padding: 5px 5px 5px 5px;
    min-height: 132px;
}



div#block-kalendarz1 {
    padding: 4px;
    background-color: transparent;
}

.kalendarz .post-content {
    border-top: 1px solid #eee;
}

#edit-rodzaj label:before {
    font-family: 'gva-icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-left: 4px;
    padding-right: 8px;
}

#edit-rodzaj label[for='edit-rodzaj-63']:before {
    content: '\eae1';
    /*kino*/
}

#edit-rodzaj label[for='edit-rodzaj-64']:before {
    content: '\eaff';
    /*koncert*/
}

#edit-rodzaj label[for='edit-rodzaj-65']:before {
    content: '\ecfa';
    /*konferencja*/
}

#edit-rodzaj label[for='edit-rodzaj-66']:before {
    content: '\ef31';
    /*spektakl*/
}

#edit-rodzaj label[for='edit-rodzaj-67']:before {
    content: '\ef17';
    /*strefa*/
}

#edit-rodzaj label[for='edit-rodzaj-68']:before {
    content: '\ee75';
    /*czasowa*/
}

#edit-rodzaj label[for='edit-rodzaj-69']:before {
    content: '\ef1b';
    /*dzieci*/
}

#edit-rodzaj label[for='edit-rodzaj-70']:before {
    content: '\ee73';
    /*stala*/
}

#edit-rodzaj label[for='edit-rodzaj-72']:before {
    content: '\edd1';
    /*specjalne*/
}


#block-kalendarz1 .js-form-item-data label {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 0;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: none;
    font-weight: normal;
}

#block-kalendarz1 .js-form-item-data {
    margin-bottom: 25px;
}

#block-kalendarz1 .js-form-item-data input[type='date'] {
    line-height: 30px;
}

#block-kalendarz1 .fieldgroup {
    padding: 0 0 0 0;
    margin-top: 10px;
    margin-bottom: 5px;
}

#block-kalendarz1 .form-actions {
    margin-bottom: 5px;
}

#block-kalendarz1 legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 0;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: none;
}

#button-kup {
    background: #000;
    color: #fff;
    border-color: #000;
}
#button-kup:hover {
    background: #c30;
    color: #fff;
    border-color: #a30000;
}

#button-kup-glowna {
    background: #000;
    color: #fff;
    border-color: #000;
}
#button-kup-glowna:hover {
    background: #fff;
    color: #000;
    border-color: #a30000;
}

.konferencje .gsc-hover-background {
    position: relative;
    background: #252324;
    padding: 130px 0;
    margin-bottom: 30px;
}

.konferencje .gsc-hover-background .front h2 {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    margin: 20px 5px 20px 5px;
    letter-spacing: 0;
}

.konferencje .btn-theme {
    background: #c03;
}

.konferencje .btn-theme:hover {
    color: #fff;
    border-color: #fff;
}

.konferencje .gsc-hover-background .back .content {
    top: 70%;
    left: 2%;
    padding: 5px;
}

.konferencje .gsc-hover-background .back .content .content-text {
    font-size: 15px;
    color: #fff;
    padding-bottom: 15px;
}


.konferencje .gsc-hover-background .back:after {
    background: rgba(0,0,0,.1);
}


.field--label-inline .field__label, .field--label-inline .field__items {
    float: left; /* LTR */
}
.field--label-inline .field__label, .field--label-inline > .field__item, .field--label-inline .field__items {
    padding-right: .5em;
}
[dir='rtl'] .field--label-inline .field__label, [dir='rtl'] .field--label-inline .field__items {
    padding-left: .5em;
    padding-right: 0;
}
.field--label-inline .field__label::after {
    content: ':';
}


.field--name-field-portret, .field--name-field-funkcja {
    margin-bottom: 20px;
}


.kowalewski .gsc-hover-background {
    position: relative;
    background: #4f79b5;
    padding: 140px 0;
    margin-bottom: 30px;
}

.kowalewski .gsc-hover-background .front h2 {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    margin: 20px 5px 20px 5px;
    letter-spacing: 0;
}

.kowalewski .btn-theme {
    background: #4f79b5;
}

.kowalewski .btn-theme:hover {
    color: #fff;
    border-color: #fff;
}






.zbiorka2019 .gsc-hover-background {
    position: relative;
    background: #967147;
    padding: 140px 0;
    margin-bottom: 30px;
}

.zbiorka2019 .gsc-hover-background .front h2 {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    margin: 20px 5px 20px 5px;
    letter-spacing: 0;
}

.zbiorka2019 .btn-theme {
    background: #967147;
}

.zbiorka2019 .btn-theme:hover {
    color: #fff;
    border-color: #fff;
}







.rocznica80 .gsc-hover-background {
    position: relative;
    background: #c03;
    padding: 130px 0;
    margin-bottom: 30px;
}

.rocznica80 .gsc-hover-background .front h2 {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    margin: 20px 5px 20px 5px;
    letter-spacing: 0;
}

.rocznica80 .btn-theme {
    background: #c03;
}

.rocznica80 .btn-theme:hover {
    color: #fff;
    border-color: #fff;
}

.rocznica80 .gsc-hover-background .back .content {
   /* top: 85%;
    left: 24%;       */
    padding: 0;
}


.rocznica80 .gsc-hover-background .back:after {
    background: rgba(0,0,0,.1);
}



@media screen and (max-width: 991px) {
.koncepcja-cmentarz-zw .gsc-hover-background {
    position: relative;
    background: #000;
    padding: 120px 0;
    margin-bottom: 30px;
}
}


 @media screen and (min-width: 992px) {
    .koncepcja-cmentarz-zw .gsc-hover-background {
        position: relative;
        background: #000;
        padding: 90px 0;
        margin-bottom: 30px;
    }
}

.koncepcja-cmentarz-zw .gsc-hover-background .front h2 {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    margin: 20px 5px 20px 5px;
    letter-spacing: 0;
}

.koncepcja-cmentarz-zw .btn-theme {
    background: #BD1D1D;
}

.koncepcja-cmentarz-zw .btn-theme:hover {
    color: #fff;
    border-color: #fff;
}

.koncepcja-cmentarz-zw .gsc-hover-background .back .content {
    top: 85%;
    left: 15%;
  /*  padding: 150px 0px 0px 70px;     */

}

#poznaj-zofie-kossak  .widget.gsc-heading .title {
    font-weight: 700;
    margin: 0;
    padding-bottom: 0;
    margin-bottom: 10px;
    font-size: 40px;
    text-align: left;
}




#poznaj-zofie-kossak h3 {
    color: #FFFFFF;
    font-size: 20px;
    padding-bottom: 30px

}

@media (max-width: 991px) {


#poznaj-zofie-kossak  .gsc-image  {
      padding-bottom: 30px
}

  .gsc-button.large {
    font-size: 14px;
    padding: 10px 30px;
    width: 100%;
    text-align: center;
}

#poznaj-zofie-kossak  .widget.gsc-heading .title  {
font-size: 24px;
}


  }

@media (max-width: 991px) {
.koncepcja-cmentarz-zw .gsc-hover-background .back .content {
        top: 85%;
        left: 19%;
    /*  padding: 150px 0px 0px 70px;     */

}
}


.koncepcja-cmentarz-zw .gsc-hover-background .back:after {
    background: rgba(0,0,0,.1);
}


.koncepcja-cmentarz-zw .gsc-hover-background .back .content .content-text {
    font-size: 15px;
    color: #fff;
    padding: 0px 5px 15px 5px
}

.gallery-images-list, .field--name-field-pdf {
    display: table;
    width: 100%;
}

.main-page,
.body-page > .main {
    margin-top: 30px;
}

@media(min-width: 1201px) {
    .main-page,
    .body-page > .main {
        margin-top: 78px;
    }
}

@media(max-width: 1200px) {
    .main-page,
    .body-page > .main {
        margin-top: 110px;
    }
}

.bialy {
    color: #fff;
}

.node--unpublished {
    background-color: rgba(255, 0, 0, .2);
}

.post-meta-wystawy {
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    padding: 5px;
}


.field--name-body ul {
    padding: 0 0 0 10px;
    margin: 0 0 0 15px;
}

.field--name-body ul li {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    line-height: 1.5;
}

@font-face {
    font-family: 'Swis721LtEU';
    src: url('/themes/custom/gavias_mion/fonts/0001EU27.eot');
    src: url('/themes/custom/gavias_mion/fonts/0001EU27.woff2') format('woff2'), url('/themes/custom/gavias_mion/fonts/0001EU27.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

body {
    font-size: 16px;
}

.wbfm h3, .wbfm h4, .wbfm h5 {
    color: #fff;
}

.wbfm .title {
    font-weight: 700;
    position: relative;
    margin: 0 0 25px;
    padding: 0 0 30px;
    font-size: 27px;
}

h1.page-title {
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
}

ul {
    padding-left: 25px;
}

.footer {
    /*  margin-top: 20px;*/
    color: #BBB3A3;
}

.frontpageimg a:hover img {
    opacity: .7;
    filter: alpha(opacity=70);
}

.post-style-list .post-block .post-title a {
    font-size: 22px;
}

.icon-home a:hover img {
    opacity: .7;
    filter: alpha(opacity=70);
    background: #bd0926;
}

@media(min-width: 1201px) {
    header.header-v1 .main-menu {
        padding-right: 70px;
    }
}


header.header-v3 .site-branding-logo {
    padding-top: 5px;
}

header.header-v1 .site-branding-logo {
    padding: 19px 0 19px 0;
}

header .site-branding-logo {
    max-height: 120px;
}

header.header-v3 {
    z-index: 500;
}

header.header-v2 {
    background: #BBB3A3 !important;
    z-index: 10;
}

@media(min-width: 1201px) {
    body.toolbar-fixed.toolbar-tray-open header.header-v2,
    body.toolbar-fixed.toolbar-tray-open header.header-v2 .branding .branding-image .bg-div {
        margin-top: 78px;
    }

    body.toolbar-fixed header.header-v2,
    body.toolbar-fixed header.header-v2 .branding .branding-image .bg-div {
        margin-top: 38px;
    }
}

@media(max-width: 1200px) {
    body.toolbar-fixed.toolbar-tray-open header.header-v2 {
        margin-top: 78px;
    }

    body.toolbar-fixed header.header-v2 {
        margin-top: 38px;
    }
}

header.header-v2 {
    position: fixed;
    top: -43px;
    transition: top 1s ease 0s;
    width: 100%;
}

@media(max-width: 1200px) {
    header.header-v2 {
        top: 0;
    }
}

.body-page.frontpage header.onload-show {
    top: 0;
}

header.header-v2:hover {
    top: 0;
}

header.header-v2::after {
    width: 100%;
    height: 1px;
    background-color: #242628;
    display: block;
    position: absolute;
    left: 0;
    top: 41px;
    content: '';
}

@media(max-width: 1200px) {
    header.header-v2::after {
        height: 0;
    }
}

header.header-v2 .navigation .gva_menu > li > a {
    color: #000;
}


header.header-v2 .branding {
    background: unset;
}

header.header-v2 .branding .branding-image {
    width: 138px;
    height: 110px;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 2;
}

@media(max-width: 1200px) {
    header.header-v2 .branding .branding-image {
        height: 72px;
    }
}

header.header-v2 .branding .branding-image .bg-div{
    background-image: url(../images/menu-logo.svg);
    background-size: cover;
    width: 138px;
    height: 110px;
    top: 0;
    position: relative;
    left: 3.5vw;
}

header.header-v2 .branding .branding-image .bg-div.eng{
    background-image: url(../images/menu-logo-eng.svg);
}

@media(min-width: 1201px) {
    header.header-v2 .branding .branding-image .bg-div{
        position: fixed;
        left: 3.5%;
    }
}

header.header-v2 .navigation .gva_menu > li > a::after {
    content: "";
    position: absolute;
    width: 0%;
    height: 2px;
    display: block;
    background-color: var( --museum-red);
    left: 50%;
    transform: translateX(-50%);
    animation-delay: 0s;
}

header.header-v2 .menu--upper-menu .gva_menu > li {
    padding: 0 !important;
}

header.header-v2 .menu--upper-menu .gva_menu > li > a {
    font-weight: bold;
    line-height: 17px;
    font-family: Barlow;
    font-size: 12px !important;
    padding: 0 !important;
}

header.header-v2 .lower-part-main-div a {
    font-size: 18px;
    line-height: 26px;
    font-family: Barlow Condensed;
}

header.header-v2 .upper-part-main-div {
    height: 42px;
}

@media(max-width: 1200px) {
    header.header-v2 .upper-part-main-div {
        display: none;
    }
}

header.header-v2 .header-main-inner .col-md-2,
header.header-v2 .header-main-inner .col-md-10 {
    padding: 0;
}

@media(max-width: 1200px) {
    header.header-v2 .header-main-inner .lower-part-main-div {
        height: 72px;
    }

    header.header-v2 .header-main-inner .lower-part-main-div #menu-bar {
        display: block !important;
        margin-right: 10px;
        margin-top: 18px;
        top: 0;
    }
}



.stuck.header-main {
    background: #252324;
    padding-top: 0 !important;
}

.stuck.header-main .navigation .gva_menu > li > a {
    color: #fff !important;
    padding-bottom: 25px !important;
}


@media (max-width: 1200px) {
    header.header-v2 {
        background: #333;
        z-index: 999;
    }
    header.header-v2 #menu-bar span {
        background: #000 !important;
    }
}

.topbar, .fw-before-content {
    background: #bd0926;
    color: #fff;
    font-size: 20px;
    padding: 10px 3px;
    line-height: 1;
    text-align: center;
}

.topbar .block, .fw-before-content .block {
    margin: 0 !important;
    padding: 0 !important;
}

.breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb .breadcrumb-style {
    min-height: 300px;
    margin-bottom: 0;
}

#block-breadcrumbs21 .page-title, #block-breadcrumbs22 .page-title, #block-breadcrumbs23 .page-title, #block-breadcrumbs24 .page-title, #block-breadcrumbs25 .page-title, #block-breadcrumbs26 .page-title, #block-breadcrumbs27 .page-title, #block-breadcrumbs28 .page-title {
    font-size: 40px;
    letter-spacing: 5px;
    text-align: center;
    margin-bottom: 0;
}

#block-breadcrumbs21 .breadcrumb-content-main, #block-breadcrumbs22 .breadcrumb-content-main, #block-breadcrumbs23 .breadcrumb-content-main, #block-breadcrumbs24 .breadcrumb-content-main, #block-breadcrumbs25 .breadcrumb-content-main, #block-breadcrumbs26 .breadcrumb-content-main, #block-breadcrumbs27 .breadcrumb-content-main, #block-breadcrumbs28 .breadcrumb-content-main {
    top: 40%;
}

.breadcrumb-content-inner .gva-breadcrumb-content .page-title {
    font-size: 36px;
    letter-spacing: 5px;
    text-align: center;
    margin-bottom: 0;
}

.breadcrumb-content-inner .gva-breadcrumb-content .breadcrumb-content-main {
    top: 40%;
}

.breadcrumb-content-inner .gva-breadcrumb-content .breadcrumb-content-main {
    margin-top: 0;
}

#block-gavias-mion-page-title {
    margin-bottom: 0;
}

.offer a {
    text-decoration: underline;
}

.widget.gsc-icon-box.top-center .highlight-icon .icon {
    width: 80px;
    height: 80px;
    line-height: 77px;
    font-size: 45px;
}

.widget.gsc-icon-box .highlight-icon .icon {
            border-radius: 0;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
        -ms-border-radius: 0;
         -o-border-radius: 0;
    border: none;
}

.gallery-images-list .field__item {
    float: left;
    width: 22%;
    margin: 0 20px 15px 0;
    padding: 5px;
    min-height: 210px;
    background-color: #f7f7f7;
    border: 1px solid #ddd;
    list-style-type: none;
    text-align: center;
}

.field--name-field-link-rezerwacja a {
    color: #fff;
}

.field--name-field-still {
    margin-bottom: 25px;
}

.field--name-field-galeria .field__item {
    float: left;
    border: 1px solid #999;
    margin: 0 17px 15px 0;
    padding: 5px;
}

.path-node .field--name-body {
    /*text-align: justify;*/
}

.field--name-field-wideo {
    padding: 25px 0 25px 0;
}

.ostatnie-wpis .views-field-field-still {
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}
.ostatnie-wpis .views-field-title {
    line-height: 100%;
    font-weight: bold;
}
.ostatnie-wpis .views-field-created {
    line-height: 100%;
    font-size: .8em;
    margin-top: -5px;
    margin-bottom: 2px;
}

.ostatnie-wpis ul {
    padding-left: 0;
}

.gbb-row .bb-inner {
    padding-top: 0;
    padding-bottom: 0;
}

.pricing-table .content-wrap .plan-price {
    background: none;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.pricing-table .content-wrap .plan-price .interval {
    color: #000;
    padding-top: 25px;
}

.portfolio-v2 .content-inner .summaryw {
    font-size: 13px;
    line-height: 18px;
    padding: 5px 0 20px 0;
}

.portfolio-v2 .content-inner .categoryw {
    position: absolute;
    bottom: 20px;
    left: 25px;
    z-index: 11;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
    padding-top: 25px;
}

.stopka, .stopka a {
    font-size: 14px;
}
.stopka ul {
    margin: 0;
    padding: 0;
}
.stopka ul li {
    list-style: none;
}

.footer .block .block-title span {
    font-size: 12px;
}
.footer .block .block-title {
    margin: 0 0 -10px;
    padding: 0 0 0;
    color: #bd0926;
}
.footer .footer-center a {
    font-size: 14px;
}
.footer .footer-center {
    padding: 0;
    background: #000000;
    color: #BBB3A3;
    line-height: 28px;
    font-size: 13px;
}
.footer-first, .footer-second, .footer-third {
    padding-top: 10px;
    margin-top: 10px;
}

.footer-four {
    padding-top: 15px;
    margin-top: 15px;
}

.bip .item-list ul li.view-list-item {
    margin: 0 0 0 0;
    line-height: 1.2;
    padding: 0 0 0 0;
}

.biptytul .field__label {
    font-size: 1.2em;
    font-weight: bold;
}
.biptytul {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: thin solid #e8e8e8;
}

#kalendarium1939 .column-inner {
    height: 558px;
}

.kalendarium {
    padding-left: 110px;
    padding-right: 110px;
    padding-top: 220px;
}
.kalendarium .dzien {
    text-align: right;
    color: #fff;
    font-size: 28px;
    line-height: 1;
    margin-bottom: 4px;
}

.kalendarium .data {
    font-size: 20px;
    text-align: right;
    color: #fff;
    line-height: 1;
    margin-bottom: 20px;
}

.kalendarium .wydarzenie {
    font-size: 1.1em;
    letter-spacing: 1px;
    line-height: 1.4em;
}

.kalendarium .czytaj {
    text-align: right;
    font-weight: normal;
}

.kalendarium .czytaj a {
    color: #fff;
}

.baner1939 {
    margin-top: 20px;
}

.node-preview-container {
    position: relative;
    z-index: 499;
    width: 100%;
    min-width: 100%;
    background-color: #d1e8f5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d1e8f5), to(#d3e8f4));
    background-image: -webkit-linear-gradient(top, #d1e8f5, #d3e8f4);
    background-image:      -o-linear-gradient(top, #d1e8f5, #d3e8f4);
    background-image:         linear-gradient(to bottom, #d1e8f5, #d3e8f4);
    -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .3333);
            box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .3333);
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    padding: 1.25rem 0;
}

.node-preview-container form {
    max-width: 75em;
    margin-left: auto;
    margin-right: auto;
}

.node-preview-container form:after {
    content: ' ';
    display: block;
    clear: both;
}

.node-preview-backlink:before {
    font-family: FontAwesome, sans-serif;
    content: '';
    padding: 0 .5rem 0 0;
    margin: 0;
    display: none;
}

.fa-loaded .node-preview-backlink:before {
    display: inline-block;
}

.node-preview-form-select {
    margin: 1.25rem 0;
    padding: 0 1.25rem;
}

.node-preview-form-select .form-select {
    min-width: 10rem;
}

.node-preview-backlink {
    float: left;
    margin-right: 1.25rem;
}

.youtube-container--responsive {
    overflow: hidden;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

.youtube-container--responsive iframe {
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.wbmf-p {
    color: #fff;
}

.wbmf-p a {
    color: #fff;
    text-decoration: none;
}


.messages {
    background: no-repeat 10px 17px;
    border: 1px solid;
    border-width: 1px 1px 1px 0;
    border-radius: 2px;
    padding: 15px 20px 15px 35px;
    word-wrap: break-word;
    overflow-wrap: break-word;
}
[dir='rtl'] .messages {
    border-width: 1px 0 1px 1px;
    background-position: right 10px top 17px;
    padding-left: 20px;
    padding-right: 35px;
    text-align: right;
}
.messages + .messages {
    margin-top: 1.538em;
}
.messages__list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.messages__item + .messages__item {
    margin-top: .769em;
}
.messages--status {
    color: #325e1c;
    background-color: #f3faef;
    border-color: #c9e1bd #c9e1bd #c9e1bd transparent;
    background-image: url(../../core/misc/icons/73b355/check.svg);
    box-shadow: -8px 0 0 #77b259;
}
[dir='rtl'] .messages--status {
    border-color: #c9e1bd transparent #c9e1bd #c9e1bd;
    box-shadow: 8px 0 0 #77b259;
    margin-left: 0;
}
.messages--warning {
    background-color: #fdf8ed;
    background-image: url(../../core/misc/icons/e29700/warning.svg);
    border-color: #f4daa6 #f4daa6 #f4daa6 transparent;
    color: #734c00;
    box-shadow: -8px 0 0 #e09600;
}
[dir='rtl'] .messages--warning {
    border-color: #f4daa6 transparent #f4daa6 #f4daa6;
    box-shadow: 8px 0 0 #e09600;
}
.messages--error {
    background-color: #fcf4f2;
    color: #a51b00;
    background-image: url(../../core/misc/icons/e32700/error.svg);
    border-color: #f9c9bf #f9c9bf #f9c9bf transparent;
    box-shadow: -8px 0 0 #e62600;
}

.messages--error p.error {
    color: #a51b00;
}


@media screen and (max-width: 992px) {
    .spacer, .nomobile {
        display: none;
    }
}


@media screen and (max-width: 992px) {
    .slideshow_content {
        /*   display: none; */
    }
}
@media screen and (max-width: 45em) {
    .node-preview-container .form-item-view-mode {
        display: block !important;
    }
}

@media screen and (max-width: 45em) {
    .node-preview-backlink {
        float: none;
        display: block;
        margin: 0 0 .75rem;
    }
}


@media (max-width: 1199px) {
    header .site-branding-logo {
        padding: 2px 0 !important;
    }
}

@media (min-width: 1201px) {
    header.header-v3 {
        background: rgba(0, 0, 0, 0);
    }


    .navigation .gva_menu {
        display: flex;
        gap: 66px;
    }

    #block-expandablemenu .gva_menu {
        height: 72px;
        align-items: center;
    }

    .navigation .gva_menu > li {
        display: inline;
        padding: 0;
    }

    .navigation .gva_menu > li > a {
        padding: 0;
        display: inline;
        white-space: nowrap;
    }
    .navigation .gva_menu .sub-menu {
        background-color: rgba(255, 255, 255, .8);
    }
}

@media (max-width: 991px) {
    header.header-v3 {
        background: rgba(0, 0, 0, 0);
        position: absolute;
    }
}
@media (max-width: 767px) {
    .topbar {
        display: block;
    }
}

@media (max-width: 991px) {
    .vr-mobile[style*='padding-top'] {
        padding-top: 150px !important;
    }
}



/* File icons. */

.file {
    padding-left: 20px; /* LTR */
    display: inline-block;
    min-height: 16px;
    background-repeat: no-repeat;
    background-position: left center; /* LTR */
}
[dir='rtl'] .file {
    padding-left: inherit;
    padding-right: 20px;
    background-position: right center;
}


.file--general, .file--application-octet-stream {
    background-image: url(/core/themes/classy/images/icons/application-octet-stream.png);
}
.file--package-x-generic {
    background-image: url(/core/themes/classy/images/icons/package-x-generic.png);
}
.file--x-office-spreadsheet {
    background-image: url(/core/themes/classy/images/icons/x-office-spreadsheet.png);
}
.file--x-office-document {
    background-image: url(/core/themes/classy/images/icons/x-office-document.png);
}
.file--x-office-presentation {
    background-image: url(/core/themes/classy/images/icons/x-office-presentation.png);
}
.file--text-x-script {
    background-image: url(/core/themes/classy/images/icons/text-x-script.png);
}
.file--text-html {
    background-image: url(/core/themes/classy/images/icons/text-html.png);
}
.file--text-plain {
    background-image: url(/core/themes/classy/images/icons/text-plain.png);
}
.file--application-pdf {
    background-image: url(/core/themes/classy/images/icons/application-pdf.png);
}
.file--application-x-executable {
    background-image: url(/core/themes/classy/images/icons/application-x-executable.png);
}
.file--audio {
    background-image: url(/core/themes/classy/images/icons/audio-x-generic.png);
}
.file--video {
    background-image: url(/core/themes/classy/images/icons/video-x-generic.png);
}
.file--text {
    background-image: url(/core/themes/classy/images/icons/text-x-generic.png);
}
.file--image {
    background-image: url(/core/themes/classy/images/icons/image-x-generic.png);
}



/** CALENDAR EVENT **/


/*
.wydarzenia {
    margin-bottom: 25px;
    width: 100%;
    text-align: center;
    background-color: #bd0926;
}

.wydarzenia .kalendarz{
display: inline-block;
    margin: 10px;
    padding: 10px;
    text-align: center;
    background-color: rgba(0,0,0,0.075);
    border-width: 1px;
    border-style: dotted;
    border-color: rgba(223, 223, 223, 0.7);
}

.wydarzenia .miesiac h3 {
     color: #ededed;
}

.wydarzenia .dzien  {

}

.wydarzenia .items {

        display: inline;
    background-color:  aliceblue;
    padding: 5px;

}

*/


.view-list-item.m2ws {
    border-right: 4px solid #a30000;
}

.view-list-item.m2ws .EventDesc {
    color: #a30000;
    font-weight: bold;
}



.event-style-list {
    /*
  -webkit-box-shadow: 0 4px 10px 0 rgba(22,24,25,.2);
    -moz-box-shadow: 0 4px 10px 0 rgba(22,24,25,.2);
    box-shadow: 0 4px 10px 0 rgba(22,24,25,.2);
    */
    margin-bottom: 20px;
    background: #f8f8f8;
}


.event-style-list .view-list-item {
    overflow: hidden;
}

.event-style-list .post-block .post-date {
    width: 15%;
    float: left;
    text-align: center;
    background-color: #252324;
    color: #f7f7f7;
}

.event-style-list .post-block .post-content {
    width: 85%;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
}

.EventDateL {
    font-size: 1.1em;
    font-weight: bold;
    text-transform: uppercase;
}
.EventDateD {
    font-size: 4em;
    font-weight: 100;
    line-height: 100px;
}
.EventDateY {
    font-size: 1em;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.EventDesc {
    color: #a5a5a5;
    font-size: 1.2em;
    padding-top: 10px;
    padding-bottom: 10px;
}
.EventTitle {
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1.3;
}


@media (max-width: 991px) {
    .event-style-list .post-block .post-date {
        width: 100%;
        float: left;
        text-align: center;
        background-color: #252324;
        color: #f7f7f7;
    }

    .event-style-list .post-block .post-content {
        width: 100%;
        padding-left: 15px;
        float: left;
    }

    .event-style-list {
        margin-bottom: 20px;
    }

    .EventDateL {
        font-size: 1.1em;
        font-weight: bold;
        text-transform: uppercase;
    }
    .EventDateD {
        font-size: 3.2em;
        font-weight: 100;
        line-height: 50px;
    }
    .EventDateY {
        font-size: 1em;
        font-weight: bold;
        text-transform: uppercase;
    }
    .EventDesc {
        color: #a5a5a5;
        font-size: 1em;
    }
    .EventTitle {
        font-size: 1.2em;
        font-weight: bold;
    }
}

/* update */

/****/
@media (max-width: 991px) {
    .gavias-parallax {
        background-attachment: scroll !important;
        background-position: center center !important;
    }
}
.body-page {
    background-color: #BBB3A3;
    position: relative;
}

.body-page:before {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    display: block;

    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    /*mix-blend-mode: darken;*/
    /*opacity: 0.45;*/
    pointer-events: none;
}

@media(max-width: 990px) {
    .body-page:before {
        display: none;
    }
}

.container {
    max-width: 100%;
}
.container .container {
    width: 100% !important;
}

ul {
    padding-left: 10px;
}
ul li {
    list-style: inherit;
}

.nav-tabs, .block-builder-main ul, .topbar ul, ul.contact-info, ul.menu {
    list-style: none;
    padding-left: 0;
}

.node--view-mode-full p {
    margin-bottom: 10px;
}

.sidebar nav.block {
    display: table;
}
.sidebar nav.block ul.gva_menu > li {
    width: 100%;
}
.sidebar nav.block ul.gva_menu > li > a {
    padding: 10px 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    display: block;
    width: 100%;
}
.sidebar nav.block ul.gva_menu .sub-menu {
    border-top: none;
    box-shadow: none;
    display: block !important;
    opacity: 1 !important;
    position: static;
    visibility: visible !important;
}
.sidebar nav.block ul.gva_menu .sub-menu a {
    padding-right: 0 !important;
    font-size: 11px;
    color: #696969;
    padding-left: 20px;
}

.node-detail.node--type-portfolio .owl-carousel .owl-nav .owl-prev {
    left: 10px !important;
}
.node-detail.node--type-portfolio .owl-carousel .owl-nav .owl-next {
    right: 10px !important;
}

#user-register-form {
    padding: 20px 0;
}
#user-register-form .form-wrapper {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}
#user-register-form .form-wrapper#edit-actions {
    border-bottom: none;
}
#user-register-form label {
    width: 100%;
}
#user-register-form .form-item {
    margin-bottom: 15px;
}

input[type*='submit'] {
    font-size: 13px;
    text-transform: uppercase;
    background: #2196f3;
    color: #fff;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 8px 15px;
            border-radius: 5px;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
        -ms-border-radius: 5px;
         -o-border-radius: 5px;
    position: relative;
    display: inline-block;
    -webkit-transition: all .35s;
         -o-transition: all .35s;
            transition: all .35s;
       -moz-transition: all .35s;
        -ms-transition: all .35s;
    border: 1px solid transparent;
    -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, .15);
            box-shadow: 0 6px 10px rgba(0, 0, 0, .15);
}
input[type*='submit']:hover {
    background: #fff;
    color: #121212;
    border-color: #2196f3;
}

body.path-user .help {
    max-width: 800px;
    margin: 0 auto;
}
body.path-user .help .container {
    width: 100%;
    padding: 0;
}
body.path-user #page-main-content > .main-content-inner {
    max-width: 800px;
    margin: 0 auto;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .15);
            box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    padding: 30px;
    margin-bottom: 50px;
    margin-top: 30px;
}
body.path-user summary {
    font-weight: 700;
    text-transform: uppercase;
    color: #2196f3;
}

@media (max-width: 991px) {
    .service-tab-vertical {
        padding-left: 0 !important;
        padding-top: 100px !important;
    }
    .service-tab-vertical .service-image, .service-tab-vertical .content {
        position: relative !important;
        width: 100% !important;
    }
    .service-tab-vertical .owl-dots {
        padding: 0 !important;
        white-space: normal !important;
    }
    .service-tab-vertical .owl-dots .owl-dot {
        margin-bottom: 10px;
        padding: 10px 12px !important;
        font-size: 11px !important;
    }
}
.sidebar .small-list .view-list-item .views-field {
    float: left;
    width: 100%;
}


/* headers */
.block-header-block > .block-content {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.header-two-columns > .header-wrapper .header-item.text .header-title {
    font-size: 3em;
    color: #000;
    font-weight: 700;
    line-height: 58px;
    margin-bottom: 42px;
    text-align: center;
}

.header-two-columns > .header-wrapper .header-item.text .header-subtitle {
    font-size: 1.7em;
    line-height: 28px;
    color: #BD1D1D;
    text-transform: uppercase;
    text-align: center;
    font-weight: 500;
    margin-top: 20px;
    font-weight: 600;
    margin-bottom: 40px;
}

.header-two-columns > .header-wrapper .header-item.text .header-subtitle a {
    color: #BD1D1D;
}

.header-two-columns {
    max-width: 1920px;
    font-size: 16px;
}

.header-two-columns > .header-wrapper .header-item.text .header-sub-description,
.header-two-columns > .header-wrapper .header-item.text .header-description {
    color: #000;
    font-size: 28px;
    font-weight: 500;
}

.header-two-columns > .header-wrapper .header-item.text .header-description {
    font-weight: 500;
}

@media(max-width: 1800px) {
    .header-two-columns > .header-wrapper .header-item.text .header-title {
        font-size: 2.5em;
        margin-bottom: 40px;
    }

    .header-two-columns > .header-wrapper .header-item.text .header-subtitle {
        margin-bottom: 40px;
    }

    .header-two-columns > .header-wrapper .header-item.text .header-subtitle,
    .header-two-columns > .header-wrapper .header-item.text .header-sub-description,
    .header-two-columns > .header-wrapper .header-item.text .header-description {
        font-size: 1.5em;
    }
}

@media(max-width: 1500px) {

    .header-two-columns > .header-wrapper .header-item.text .header-title {
        font-size: 2.2em;
        margin-bottom: 30px;
    }

    .header-two-columns > .header-wrapper .header-item.text .header-subtitle {
        margin-bottom: 30px;
    }

    .header-two-columns > .header-wrapper .header-item.text .header-subtitle,
    .header-two-columns > .header-wrapper .header-item.text .header-sub-description,
    .header-two-columns > .header-wrapper .header-item.text .header-description {
        font-size: 1.1em;
    }
}

@media(max-width: 1300px) {
    .header-two-columns > .header-wrapper .left {
        margin-bottom: 30px;
    }
}

@media(max-width: 992px) {
    .header-two-columns > .header-wrapper {
        flex-direction: column;
    }
    .header-two-columns > .header-wrapper .left {
        display: flex;
        justify-content: center;
    }
    .header-two-columns > .header-wrapper .header-item.text .header-title {
        line-height: normal;
    }
}

@media(max-width: 600px) {
    .header-two-columns > .header-wrapper .header-item.text .header-title {
        font-size: 2em;
        margin-bottom: 30px;
    }

    .header-two-columns > .header-wrapper .header-item.text .header-subtitle {
        margin-bottom: 20px;
    }
}

@media(max-width: 420px) {
    .header-two-columns > .header-wrapper .header-item.text .header-title {
        font-size: 1.7em;
        margin-bottom: 30px;
    }

    .header-two-columns > .header-wrapper .header-item.text .header-subtitle {
        margin-bottom: 20px;
    }
}

.header-two-columns .divider {
    margin-top: 115px;
    margin-bottom: 80px;
    display: flex;
    justify-content: center;
    text-align: center;
}

.header-two-columns .divider div {
    display: inline-block;
    border-bottom: 1px solid #BBB3A3;
    width: 74%;
}

@media(max-width: 1600px) {
    .header-two-columns .divider {
        margin-top: 70px;
    }
}


/**/
.header-fullwidth {
    margin-bottom: 70px;
}

.header-fullwidth .header-wrapper .title {
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 700;
    font-size: 74px;
    line-height: 84px;
    text-transform: uppercase;
    color: #000000;
}

.header-fullwidth .header-wrapper .description {
    line-height: 43px;
    font-size: 29px;
    font-weight: 400;
    color: #000000;
    width: 786px;
    margin: 72px 0 150px 0;
}

@media(min-width: 1200px) {
    .header-fullwidth .header-wrapper .title {
        font-size: 74px;
        line-height: 84px;
    }

    .header-fullwidth .header-wrapper .description {
        font-size: 29px;
        line-height: 43px;
    }
}
@media(max-width: 1200px) {
    .header-fullwidth .header-wrapper .title {
        font-size: 41px;
        line-height: 49px;
    }

    .header-fullwidth .header-wrapper .description {
        font-size: 29px;
        line-height: 43px;
        margin-bottom: 150px;
    }
}
@media(max-width: 990px) {
    .header-fullwidth .header-wrapper .title {
        font-size: 41px;
        line-height: 49px;
    }

    .header-fullwidth .header-wrapper .description {
        font-size: 18px;
        line-height: 32px;
    }
}
@media(max-width: 768px) {
    .header-fullwidth .header-wrapper .description {
        font-size: 18px;
        width: 320px;
    }
}

/* photo gallery */

.block-photo-gallery-block .block-content {
    position: relative;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
}

.gallery.simple-content-slider {
    position: relative;
    width: 100%;
}

.block-photo-gallery-block .block-content {
    background-color: #242628;
    position: relative;
    width: 100%;
    max-width: 1920px;
}

.gallery.simple-content-slider .gallery-slider {
    width: 100%;
    margin-bottom: 128px;
}

.gallery.simple-content-slider .gallery-slider .gallery-slide .img-desc {
    font-style: italic;
}

.gallery.simple-content-slider .gallery-slider .gallery-slide img {
    width: 100%;
    height: 42vw;
    object-fit: contain;
}

@media(max-width: 768px) {
    .gallery.simple-content-slider .gallery-slider .gallery-slide img {
        height: 58vw;
    }
}

.gallery.simple-content-slider .prevPhoto,
.gallery.simple-content-slider .nextPhoto {
    transform: translateY(-50%);
}

.gallery.simple-content-slider .prevPhoto {
    z-index: 1;
    position: absolute;
    left: 35px;
    top: 50%;
    background-image: url(../images/arrow-slider-sand-left);
    width: 53px;
    height: 48px;
    cursor: pointer;
    border: 2px solid #bbb3a3;
}

.gallery.simple-content-slider .nextPhoto {
    position: absolute;
    right: 35px;
    top: 50%;
    background-image: url(../images/arrow-slider-sand-right);
    width: 53px;
    height: 48px;
    cursor: pointer;
    border: 2px solid #bbb3a3;
}

@media(max-width: 768px) {
    .gallery.simple-content-slider .prevPhoto{
        display: none !important;
    }

    .gallery.simple-content-slider .nextPhoto {
        display: none !important;
    }
}

.block-photo-gallery-block .simple-content-slider .slick-dots {
    width: 100%;
    height: 9px;
    background: #000;
    display: flex;
    gap: 1.25vw;
    justify-content: center;
    top: 0;
    position: relative;
}

.block-photo-gallery-block .simple-content-slider .slick-dots li {
    height: 9px;
    background: #5d5951;
    display: block;
    position: relative;
    width: 7vw;
    cursor: pointer;
}

@media(max-width: 768px) {
    .block-photo-gallery-block .simple-content-slider .slick-dots li {
        width: 10vw;
    }
}

.block-photo-gallery-block .simple-content-slider .slick-dots li button {
    display: none;
}

.block-photo-gallery-block .simple-content-slider .slick-dots li:before {
    position: absolute;
    height: 100%;
    background: #BBB3A3;
    left: 0;
    top: 0;
    display: block;
    content: '';
    width: 0%;
}

.block-photo-gallery-block .simple-content-slider .slick-dots li.slick-active {
    background: #BBB3A3;
}

/* content field */

.node__content,
.field--name-body,
.field--name-field-content,
#block-gavias-mion-content {
    font-family: 'Barlow', sans-serif;
    font-size: 23px;
    color: #000;
}

.red-highlighted,
.red-highlighted a{
    color: #BD1D1D;
}

/*body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .block .block-title > span,
.navigation .gva_menu > li > a, .navigation .gva_menu .sub-menu > li > a, .gsc-button,
.post-block .post-meta, .nav-tabs > li > a, .post-block .post-title a {
    font-family: 'Barlow', sans-serif;
}*/

h1, h2 {
    font-weight: bold;
    text-transform: uppercase;
}

h1, h2, h3 {
    font-family: Barlow Condensed;
    font-style: normal;
    color: #000000;
}

h1 {
    font-size: 74px;
    line-height: 84px;
}

    @media(max-width: 1200px) {
        h1 {
            font-size: 54px;
            line-height: 64px;
        }
    }

h1.small, h2 {
    font-size: 41px;
    line-height: 49px;
}

    @media(max-width: 1200px) {
        h1.small, h2 {
            font-size: 34px;
            line-height: 42px;
        }
    }

h3 {
    font-size: 29px;
    line-height: 43px;
}

    @media(max-width: 1200px) {
        h3 {
            font-size: 29px;
            line-height: 43px;
        }
    }

h4, h5, h6 {
    font-family: Barlow Condensed;
}

h4 {
    font-size: 23px;
    line-height: 34px;
}
    @media(max-width: 1200px) {
        h4 {
            font-size: 16px;
            line-height: 25px;
        }
    }

h5 {
    font-size: 18px;
    line-height: 30px;
}

    @media(max-width: 1200px) {
        h5 {
            font-size: 14px;
            line-height: 22px;
        }
    }

h6 {
    font-size: 12px;
    line-height: 17px;
}

    @media(max-width: 1200px) {
        h6 {
            font-size: 14px;
            line-height: 22px;
        }
    }

.node__content,
.field--name-body,
.field--name-field-content,
#block-gavias-mion-content {
    font-size: 23px;
    line-height: 34px;
}
/*@media(max-width: 1600px) {
    .node__content,
    .field--name-body,
    .field--name-field-content,
    #block-gavias-mion-content {
        font-size: 19px;
    }
}*/

/*@media (max-width: 1600px) {
    #block-gavias-mion-content .container .field--name-body,
    #block-gavias-mion-content .container .paragraph--type--text-block {
        margin-left: 80px;
        margin-right: 80px;
    }
}

@media (max-width: 1400px) {
    #block-gavias-mion-content .container .field--name-body,
    #block-gavias-mion-content .container .paragraph--type--text-block {
        margin-left: 140px;
        margin-right: 140px;
    }
}

@media (max-width: 600px) {
    #block-gavias-mion-content .container .field--name-body,
    #block-gavias-mion-content .container .paragraph--type--text-block {
        margin-left: 60px;
        margin-right: 60px;
    }
}

@media (max-width: 400px) {
    #block-gavias-mion-content .container .field--name-body,
    #block-gavias-mion-content .container .paragraph--type--text-block {
        margin-left: 10px;
        margin-right: 10px;
    }
}*/

/* news */
.node--type-aktualnosci > .field--name-field-content {
    margin-bottom: 150px;
}

.node--type-aktualnosci .slick-dots,
.node--type-strona .slick-dots {
    bottom: auto;
    position: static;
}

.upper-part-main-div{
    padding: 0 !important;
}

@media (max-width: 1200px){
    .upper-part-main-div,#block-expandablemenu{
        display: none;
    }
}

#menu-bar {
    top: -2px;
}

/* double column - cta with image */

.header-two-columns .header-wrapper {
    display: flex;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 60px;
}

@media(min-width: 1201px) {
    .photo-cta-2columns {
        margin-bottom: 32px;
    }
}

.photo-cta-2columns .column-wrapper {
    display: flex;
}

@media(max-width: 768px) {
    .photo-cta-2columns .column-wrapper,
    .header-two-columns .header-wrapper {
        flex-direction: column;
        padding-left: 6px;
        padding-right: 6px;
    }

    .photo-cta-2columns.right .column-wrapper {
        flex-direction: column;
        display: flex;
    }
}

.divider,
.header-wrapper .divider,
.photo-cta-2columns .divider,
.photo-cta-2columns .divider-mobile {
    border-bottom: 1px solid #000000;
    margin: 0 -375px;
}

@media(min-width: 990px) {
    .photo-cta-2columns .divider-mobile {
        margin: 0;
    }
}

@media(max-width: 990px) {
    .photo-cta-2columns .divider {
        visibility: visible;
    }
    .photo-cta-2columns .divider-mobile {
        visibility: hidden;
        margin: 0;
    }
}
@media(max-width: 768px) {
    .header-wrapper .divider,
    .photo-cta-2columns .divider {
        visibility: hidden;
    }
    .photo-cta-2columns .divider-mobile {
        visibility: visible;
        margin: 0 -375px;
        margin-bottom: 45px;
    }
}

.photo-cta-2columns .image-column-photo-left,
.photo-cta-2columns .image-column-photo-right {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.header-two-columns .left,
.header-two-columns .right {
    flex: 1;
    line-height: 34px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

@media(min-width: 1200px) {
    .photo-cta-2columns .image-column-photo-right .img-wrap {
        position: relative;
        width: 33vw;
        height: 23.5vw;
        max-width: 634px;
        max-height: 452px;
    }

    .photo-cta-2columns .image-column-photo-left .img-wrap {
        position: relative;
        width: 41vw;
        height: 23.6vw;
        max-width: 791px;
        max-height: 453px;
    }
}

@media(max-width: 1560px) {
    .photo-cta-2columns .image-column-photo-right .img-wrap {
        width: 40vw;
        height: 28.5vw;
    }

    .photo-cta-2columns .image-column-photo-left .img-wrap {
        position: relative;
        width: 44.7vw;
        height: 25.5vw;
    }
}

@media(max-width: 1200px) {
    .photo-cta-2columns .image-column-photo-left .img-wrap {
        width: 40.9vw;
        height: 23.4vw;
    }
}

@media(max-width: 990px) {
    .photo-cta-2columns .image-column-photo-left .img-wrap {
        width: 43.5vw;
        height: 24.9vw;
    }
}

@media(max-width: 768px) {
    .photo-cta-2columns .image-column-photo-right .img-wrap {
        width: 317px;
        height: 226px; 
    }

    .photo-cta-2columns .image-column-photo-left .img-wrap {
        width: 335px;
        height: 192px;
    }
}

@media(max-width: 1200px) {

    .photo-cta-2columns .image-column-photo-right {
        margin-left: 0;
        margin-right: -150px;
    }
}

@media(max-width: 768px) {

    .photo-cta-2columns .image-column-photo-right {
        margin-right: 0;
    }

    .photo-cta-2columns .image-column-photo-left {
        margin-right: 0;
        margin-left: 0;
    }
}

.photo-cta-2columns .image-column-photo-right img {
    position: absolute;
    left: 0;
    bottom: 0;
/*    -webkit-clip-path: polygon(17% 34%, 55% 9%, 100% 100%, 17% 100%, 2% 54%);
    clip-path: polygon(17% 34%, 55% 9%, 100% 100%, 17% 100%, 2% 54%);*/
}

.photo-cta-2columns .image-column-photo-left img {
    position: absolute;
    left: 0;
    bottom: 0;
/*    -webkit-clip-path: polygon(85% 31%, 100% 61%, 84% 100%, 7% 100%, 64% 28%);
    clip-path: polygon(85% 31%, 100% 61%, 84% 100%, 7% 100%, 64% 28%);*/
}

.header-two-columns .header-item.text {
    width: 40vw;
}

@media(min-width: 1200px) {
    .photo-cta-2columns .cta-column .text {
        width: 32vw;
        max-width: 624px;
    }
}
@media(max-width: 1199px) {
    .photo-cta-2columns .cta-column .text {
        width: 35vw;
    }
}
@media(max-width: 768px) {
    .photo-cta-2columns .cta-column .text {
        width: 100%;
    }
}

.photo-cta-2columns .image-column img,
.header-two-columns .header-item.image img {
    object-fit: cover;
    width: 40vw;
    height: 25vw;
}

.body-page--publikacje .header-two-columns .header-item.image img {
    width: 18vw;
    height: 27vw;
}

@media(max-width: 992px) {
    .header-two-columns .header-item.image img {
        width: 80vw;
        height: 50vw;
    }

    .body-page--publikacje .header-two-columns .header-item.image img {
        width: 40vw;
        height: 60vw;
    }
}


@media(max-width: 768px) {
    .photo-cta-2columns .image-column,
    .header-two-columns .header-item.image {
        order: 1;
        padding-left: 0px;
        padding-right: 0px;
    }

    .photo-cta-2columns .cta-column,
    .header-two-columns .header-item.text {
        order: 2;
        padding-left: 0px;
        padding-right: 0px;
    }
}

.subpage-content .photo-cta-2columns .cta-column .text {
    width: 100%;
    padding: 0 20px;
}

.photo-cta-2columns .cta-column .title {
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 700;
    font-size: 29px;
    line-height: 43px;
}

.photo-cta-2columns .cta-column .description {
    font-size: 18px;
}

@media(min-width: 1200px) {
    .photo-cta-2columns .cta-column .title {
        font-size: 29px;
        line-height: 43px;
    }

    .photo-cta-2columns .cta-column .description {
        font-size: 18px;
    }
}

@media(max-width: 1200px) {
    .photo-cta-2columns .cta-column .title {
        font-size: 29px;
        line-height: 43px;
    }

    .photo-cta-2columns .cta-column .description {
        font-size: 18px;
        margin-bottom: 35px;
    }
}

@media(max-width: 990px) {
    .photo-cta-2columns .cta-column .title {
        font-size: 22px;
    }

    .photo-cta-2columns .cta-column .description {
        font-size: 14px;
        line-height: 30px;
    }
}

.photo-cta-2columns .cta-column .date {
    text-align: center;
}

.button-wrap {
    margin-bottom: 60px;
}

.photo-cta-2columns .button-wrap {
    margin-top: 30px;
    margin-bottom: 30px;
}

.photo-cta-2columns .cta-column .button-wrap .cta-button,
.paragraph--type--side-cta .field--name-field-button a {
    font-family: "Barlow Condensed", sans-serif;
    display: inline;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    color: var(--museum-sand);
    padding: 10px 20px;
    line-height: 26px;
    background-color: var(--museum-black);
}

.photo-cta-2columns .cta-column .button-wrap .cta-button:hover,
.photo-cta-2columns .cta-column .button-wrap .cta-button:active,
.paragraph--type--side-cta .field--name-field-button a:hover,
.paragraph--type--side-cta .field--name-field-button a:active {
    background-color: var(--museum-red);
    color: #fff;
    border: none;
}
.photo-cta-2columns .cta-column .button-wrap .cta-button:focus,
.paragraph--type--side-cta .field--name-field-button a:focus {
  outline-offset: 4px;
}

.photo-cta-2columns .cta-column .button-wrap .cta-button:hover::after,
.photo-cta-2columns .cta-column .button-wrap .cta-button:active::after,
.paragraph--type--side-cta .field--name-field-button a:hover::after,
.paragraph--type--side-cta .field--name-field-button a:active::after {
    content: url("../images/arrow-cta-button.png");
    padding-left: 5px;
}

.uppercase{
    text-transform: uppercase !important;
}

.uppercase h1,h2,h3,h4,h5,h6{
    text-transform: uppercase !important;
}

/* publikacje content type */

.body-page--publikacje .field--name-field-content {
    margin-bottom: 60px;
}

.body-page--publikacje .header-two-columns {
    font-size: 16px;
    margin-bottom: 60px;
}

@media (max-width: 1200px) {
    .body-page--publikacje .header-two-columns {
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
}

.body-page--publikacje .header-two-columns .header-wrapper .header-item.text .header-description {
    text-align: center;
    margin-bottom: 30px;
}

.body-page--publikacje .header-two-columns .header-wrapper .header-item.image .header-image {
    text-align: center;
}

.body-page--publikacje .header-two-columns .header-wrapper .header-item.image .header-image img {
    max-height: 450px;
}

/**/

/* node-with-cta */

.node-with-cta {
    display: flex;
    width: 94%;
    margin: 0 auto;
}

.node-with-cta .node-sidebar-section {
    width: 315px;
}

@media(max-width: 1200px) {
    .node-with-cta .node-sidebar-section {
        width: 100%;
    }
}

.node-with-cta .node-content-section {
    flex: 1;
    padding-left: 50px;
    padding-right: 50px;
    margin-right: 315px;
}

@media (max-width: 1200px) {
    .node-with-cta {
        flex-direction: column;
    }
}

.node--type-strona .body-wrapper,
.subpage-structure .field--type-text-with-summary {
    width: 1170px;
    margin: auto;
}

@media(max-width: 1200px) {
    .node--type-strona .body-wrapper,
    .subpage-structure .field--type-text-with-summary  {
        width: 892px;
        margin: auto;
    }
}

@media(max-width: 991px) {
    .node--type-strona .body-wrapper,
    .subpage-structure .field--type-text-with-summary  {
        width: 720px;
    }
}

@media(max-width: 768px) {
    .node--type-strona .body-wrapper,
    .subpage-structure .field--type-text-with-summary  {
        width: 320px;
    }
}


.node--type-strona .body-wrapper .strona-body,
.subpage-structure .field--type-text-with-summary p {
    width: 892px;
    line-height: 34px;
    font-size: 23px;
    margin: 64px 0 55px 0;
}

@media(max-width: 1200px) {
    .node--type-strona .body-wrapper .strona-body,
    .subpage-structure .field--type-text-with-summary p {
        width: 558px;
        line-height: 22px;
        font-size: 14px;
    }
}
@media(max-width: 991px) {
    .node--type-strona .body-wrapper .strona-body,
    .subpage-structure .field--type-text-with-summary p {
        width: 356px;
    }

    .node-with-cta .node-sidebar-section {
        order: 2;
    }

    .node-with-cta .node-content-section {
        order: 1;
        margin-right: 0;
    }

    .node-with-cta .node-sidebar-section {
        order: 2;
    }

    .node-with-cta .node-content-section {
        order: 1;
        margin-right: 0;
    }
}

@media (max-width: 420px) {
    .node-with-cta .node-content-section {
        padding-left: 10px;
        padding-right: 10px;
    }
}

/**/
.uppercase{
    text-transform: uppercase !important;
}

.uppercase h1,h2,h3,h4,h5,h6{
    text-transform: uppercase !important;
}

/* publikacje content type */

.body-page--publikacje .field--name-field-content {
    margin-bottom: 60px;
}

.body-page--publikacje .header-two-columns {
    font-size: 16px;
    margin-bottom: 60px;
}

@media (max-width: 1200px) {
    .body-page--publikacje .header-two-columns {
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
}

.body-page--publikacje .header-two-columns .header-wrapper .header-item.text .header-description {
    text-align: center;
    margin-bottom: 30px;
}

.body-page--publikacje .header-two-columns .header-wrapper .header-item.image .header-image {
    text-align: center;
}

.body-page--publikacje .header-two-columns .header-wrapper .header-item.image .header-image img {
    max-height: 450px;
}

/**/

/* publikacje node-with-cta */

.body-page--publikacje .node-with-cta .node-sidebar-section {
    text-align: center;
    padding: 0 20px;
}

.body-page--publikacje .node-with-cta .node-sidebar-section .paragraph--type--cta-button-list .field__item {
    margin-bottom: 30px;
}

@media(max-width: 1200px) {
    .body-page--publikacje .node-with-cta .node-sidebar-section .paragraph--type--cta-button-list .field__item {
        display: flex;
        justify-content: center;
    }

}

.body-page--publikacje .node-with-cta .node-sidebar-section .paragraph--type--cta-button-list span,
.body-page--publikacje .node-with-cta .node-sidebar-section .paragraph--type--cta-button-list a {
    background: #BBB3A3;
    line-height: 34px;
    font-weight: 500;
    padding: 10px 6px;
    width: 100%;
    display: block;
    font-weight: 500;
}

@media(max-width: 1200px) {
    .body-page--publikacje .node-with-cta .node-sidebar-section .paragraph--type--cta-button-list span,
    .body-page--publikacje .node-with-cta .node-sidebar-section .paragraph--type--cta-button-list a {
        max-width: 400px;
    }
}

/* related-section publikacje */

.related-section-publikacje {
    width: 86%;
    margin: 0 auto;
    margin-top: 100px;
}

.related-section-publikacje .title-section {
    display: flex;
    font-size: 16px;
    align-items: end;
    margin-bottom: 50px;
    margin-top: 20px;
}

.related-section-publikacje .title-section .title {
    margin: 0;
    font-size: 2em;
    text-transform: uppercase;
    font-weight: 600;
}

.related-section-publikacje .title-section .category a {
    color: #BD1D1D;
    text-transform: uppercase;
    font-size: inherit;
}

.related-section-publikacje .title-section .category {
    color: #BD1D1D;
    text-transform: uppercase;
    font-size: 2em;
    margin-left: 20px;
    font-weight: 600;
}

@media(max-width: 1800px) {
    .related-section-publikacje .title-section .title,
    .related-section-publikacje .title-section .category {
        font-size: 1.5em;
    }
}

@media(max-width: 1500px) {
    .related-section-publikacje .title-section .title,
    .related-section-publikacje .title-section .category {
        font-size: 1.1em;
    }
}

.related-section-publikacje .related-elements-section .wrapper {
    display: flex;
    flex-wrap: wrap;
}

@media(max-width: 420px) {
    .related-section-publikacje .related-elements-section .wrapper {
        flex-direction: column;
        justify-content: center;
    }
}

.related-section-publikacje .related-elements-section .element {
    max-width: 500px;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    width: 25%;
    margin-bottom: 20px;
}


.related-section-publikacje .related-elements-section .element img {
    max-width: 500px;
    max-height: 370px
}

@media(max-width: 1500px) {
    .related-section-publikacje .related-elements-section .element img {
        max-width: 400px;
        max-height: 296px
    }

    .related-section-publikacje .related-elements-section .element {
        max-width: 400px;
    }
}

@media(max-width: 1200px) {
    .related-section-publikacje .related-elements-section .element img {
        max-width: 320px;
        max-height: 240px
    }

    .related-section-publikacje .related-elements-section .element {
        max-width: 320px;
    }
}

@media(max-width: 992px) {
    .related-section-publikacje .related-elements-section .element {
        width: 33.3%;
    }
}

@media(max-width: 420px) {
    .related-section-publikacje .related-elements-section .element {
        width: 100%;
        max-width: none;
    }
}

.related-section-publikacje .related-elements-section .element .title {
    text-transform: uppercase;
    font-weight: 600;
    text-align: left;
    margin-top: 24px;
    line-height: 1.6;
}

.related-section-publikacje .related-elements-section .element .description {
    font-weight: 500;
    text-align: left;
    line-height: 1.6;
}

/* related section field */

.node--type-aktualnosci .more-articles .news-block-title {
    margin-top: 120px;
}

.paragraph--type--related-pages,
.paragraph--type--related-pages-vertical {
    margin-top: 100px;
}

.related-pages--block {
    margin-top: 40px;
}

.paragraph--type--related-pages-vertical .field--name-field-title,
.paragraph--type--related-pages .field--name-field-title,
.node--type-aktualnosci .more-articles .news-block-title {
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 29px;
    line-height: 43px;
}

@media(max-width: 1200px) {
    .paragraph--type--related-pages-vertical .field--name-field-title,
    .paragraph--type--related-pages .field--name-field-title,
    .node--type-aktualnosci .more-articles .news-block-title {
        font-size: 22px;
    }
}


.paragraph--type--related-pages .related-pages-field-section .related-element,
.related-pages--block .related-element {
    margin: 30px 0;
    padding: 0 11px;
}

.paragraph--type--related-pages .related-pages-field-section .content-wrap,
.related-pages--block .content-wrap {
    margin-top: 20px;
    line-height: 30px;
    font-size: 18px;
    font-family: Barlow;
    display: block;
}

.related-pages-field-section .slick-track,
.related-pages--block .slick-track {
    width: 100%;
    margin-left: inherit;
    margin-right: inherit;
    display: flex;justify-content: space-between;
}

.related-pages-field-section .slick-prev,
.related-pages--block .slick-prev {
    background-image: url(../images/arrow_back_ios_24px.png);
    width: 20px;
    height: 34px;
    cursor: pointer;
}

.related-pages-field-section .slick-next,
.related-pages--block .slick-next {
    background-image: url(../images/arrow_forward_ios_24px.png);
    width: 20px;
    height: 34px;
    cursor: pointer;
}

@media(max-width: 1400px) {
    .related-pages-field-section .slick-prev,
    .related-pages--block .slick-prev {
        left: -22px;
    }

    .related-pages-field-section .slick-next,
    .related-pages--block .slick-next {
        right: -22px;
    }
}

@media(max-width: 1200px) {
    .related-pages-field-section .slick-prev,
    .related-pages--block .slick-prev,
    .related-pages-field-section .slick-next,
    .related-pages--block .slick-next {
        display: none !important;
    }
}

.related-pages-field-section .slick-prev:before,
.related-pages-field-section .slick-next:before,
.related-pages--block .slick-prev:before,
.related-pages--block .slick-next:before {
    content: none;
}

.related-pages-field-section .title,
.related-pages-vertical-field-section .title,
.related-pages--block .title {
    font-family: "Barlow Condensed", sans-serif;
    color: #000;
    font-weight: 700;
    font-size: 29px;
    text-transform: none;
    display: inline;
    border-bottom: 4px solid transparent;
    line-height: 43px;
}

.related-pages-field-section .img-wrap,
.related-pages--block .img-wrap {
  margin-bottom: 15px;
}

.related-pages-field-section .related-element a,
.related-pages--block .related-element a {
  display: block;
  margin-bottom: 26px;
}
.related-pages-field-section .related-element a:hover,
.related-pages-vertical-field-section .related-element a:hover,
.related-pages--block .related-element a:hover,
.related-pages-field-section .related-element a:active,
.related-pages-vertical-field-section .related-element a:active,
.related-pages--block .related-element a:active,
.related-pages-field-section .related-element a:focus,
.related-pages-vertical-field-section .related-element a:focus,
.related-pages--block .related-element a:focus {
  border: none;
  outline: none;
}

.related-pages-field-section a:hover>.title {
  border-bottom: 4px solid black;
}

.related-pages-field-section a:active>.title {
  color: #BD1D1D;
  border-bottom-color: #BD1D1D;
}

.related-pages-field-section a:focus>.title {
  outline: 1px solid #000000;
}

.related-pages-vertical-field-section .related-page-summary,
.related-pages-field-section .related-page-summary,
.related-pages--block .related-page-summary{
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
}

@media(max-width: 1200px) {
    .related-pages-field-section .title,
    .related-pages-vertical-field-section .title,
    .related-pages--block .title {
        font-size: 22px;
        line-height: 30px;
    }

    .related-pages-vertical-field-section .related-page-summary,
    .related-pages-field-section .related-page-summary,
    .related-pages--block .related-page-summary{
        font-size: 14px;
        line-height: 22px;
    }
}

/* internalmenu */

.internalmenu {
    margin-top: 60px;
    margin-bottom: 140px;
}

.internalmenu .internalmenu-tiles .wrap {
    display: grid;
    width: 100%;
    padding-left: 64px;
    padding-right: 64px;
    margin: 0 auto;
    justify-content: center;
    grid-gap: 23px 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.internalmenu .internalmenu-tiles .wrap.second-level {
    display: block;
}

@media(max-width: 1200px) {
    .internalmenu .internalmenu-tiles .wrap {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media(max-width: 992px) {
    .internalmenu .internalmenu-tiles .wrap {
        grid-template-columns: 40% 40%;
    }
}

@media(max-width: 768px) {
    .internalmenu .internalmenu-tiles .wrap {
        grid-template-columns: 75%;
    }
}

@media(max-width: 400px) {
    .internalmenu .internalmenu-tiles .wrap {
        grid-template-columns: 80%;
        padding-right: 24px;
        padding-left: 24px;
    }
}

.internalmenu .internalmenu-tiles .title-wrap {
    width: 100%;
    margin: 0 auto 60px auto;
}

.internalmenu .internalmenu-tiles .title-wrap span {
    margin-left: 64px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 32px;
    display: block;
}

@media(max-width: 1600px) {
    .internalmenu .internalmenu-tiles .title-wrap span {
        font-size: 28px;
    }
}

@media(max-width: 1200px) {
    .internalmenu .internalmenu-tiles .title-wrap span {
        font-size: 26px;
    }
}

.internalmenu .internalmenu-tiles .internalmenu-tile {
    position: relative;
    display: flex;
    height: 31.45vw;
    margin-bottom: 30px;
}

.internalmenu .internalmenu-tiles .internalmenu-tile:hover,
.internalmenu .internalmenu-tiles .internalmenu-tile:active {
  border: none;
}

@media(max-width: 1200px) {
    .internalmenu .internalmenu-tiles .internalmenu-tile {
        height: 39.5vw;
    }
}

@media(max-width: 992px) {
    .internalmenu .internalmenu-tiles .internalmenu-tile {
        height: 50vw;
    }
}

@media(max-width: 768px) {
    .internalmenu .internalmenu-tiles .internalmenu-tile {
        height: 80vw;
    }

    .internalmenu .internalmenu-tiles .title-wrap span {
        margin-left: 14px;
        margin-right: 14px;
    }
}

@media(max-width: 400px) {
    .internalmenu .internalmenu-tiles .internalmenu-tile {
        height: 100vw;
    }
}

.internalmenu .internalmenu-tiles .internalmenu-tile .background {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.internalmenu .internalmenu-tiles .internalmenu-tile .background:after {
    width: 100%;
    display: block;
    content: '';
    height: 100%;
    background-color: #000;
    opacity: 0.6;
}

.internalmenu .internalmenu-tiles .internalmenu-tile .content {
    position: absolute;
    z-index: 2;
    width: 100%;
    left: 0;
    top: 0;
    padding: 0 30px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 32px;
}

.internalmenu .internalmenu-tiles .internalmenu-tile .content p {
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    font-weight: 500;
    line-height: 1.3;
}

@media(max-width: 1600px) {
    .internalmenu .internalmenu-tiles .internalmenu-tile .content p {
        word-wrap: break-word;
        font-size: 28px;
    }
}

@media(max-width: 1200px) {
    .internalmenu .internalmenu-tiles .internalmenu-tile .content p {
        font-size: 26px;
    }
}

.internalmenu .go-back {
    border: 2px solid #BD1D1D;
    display: inline-block;
}

.internalmenu .go-back a {
    padding: 8px 15px;
    color: #000;
    text-transform: uppercase;
}
.internalmenu .go-back a:hover,
.internalmenu .go-back a:active {
  border: none;
}

.internalmenu .internalmenu-category-bar {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin-top: 70px;
    margin-bottom: 100px;
    justify-content: center;
}

.internalmenu .internalmenu-category-bar .internalmenu-category {
    padding: 0 30px;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 30px;
}
.internalmenu .internalmenu-category-bar .internalmenu-category:hover,
.internalmenu .internalmenu-category-bar .internalmenu-category:active {
  border: none;
}

.internalmenu .internalmenu-category-bar .internalmenu-category p {
    padding: 0 10px;
}

.internalmenu .internalmenu-category-bar .internalmenu-category p.selected {
    border-bottom: 2px solid #BD1D1D;
}

.internalmenu .internalmenu-content-tiles {
    display: flex;
    width: 100%;
    margin-bottom: 100px;
    flex-wrap: wrap;
}

.internalmenu .internalmenu-content-tiles p {
    margin: 0 200px;
}

.internalmenu .internalmenu-content-tiles .text-content {
    width: 100%;
}

@media(max-width: 1200px) {
    .internalmenu .internalmenu-content-tiles p {
        margin: 0 100px;
    }
}

@media(max-width: 768px) {
    .internalmenu .internalmenu-content-tiles p {
        margin: 0 30px;
    }
}

.internalmenu .internalmenu-content-tiles .content-tile {
    width: 25%;
    font-weight: bold;
    padding: 0 12px;
    margin-bottom: 90px;
}

@media(max-width: 992px) {
    .internalmenu .internalmenu-content-tiles .content-tile {
        width: 33%;
    }
}

@media(max-width: 720px) {
    .internalmenu .internalmenu-content-tiles .content-tile {
        width: 50%;
    }
}

@media(max-width: 420px) {
    .internalmenu .internalmenu-content-tiles .content-tile {
        width: 100%;
    }
}

.internalmenu .internalmenu-content-tiles .content-tile img {
    width: 100%;
}

.internalmenu .internalmenu-content-tiles .content-tile .title {
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 24px;
    line-height: 1.6;
}

.internalmenu .internalmenu-content-tiles .content-tile .description {
    font-weight: 500;
    line-height: 1.6;
}

/* strona rozbudowana */

.body-page--strona_extended .searchbar-section {
    width: 100%;
    position: relative;
}

.body-page--strona_extended .searchbar-section .block-views-exposed-filter-blocksearch-page-2 {
    display: inline-block;
}

.body-page--strona_extended .header {
    margin-bottom: 120px;
}

.body-page--strona_extended .banner-fullwidth {
    margin-bottom: 170px;
}

.body-page--strona_extended .photo-cta-2columns {
    margin-bottom: 200px;
}

/**/

/* tiles list */

.tilelist {
    margin-top: 60px;
    margin-bottom: 100px;
}

.tilelist .tilelist-tiles .wrap {
    width: 86%;
    margin: 0 auto;
}

.tilelist .tilelist-tiles .wrap > .title {
    font-weight: 600;
    margin-bottom: 20px;
    padding: 0 15px;
}

.tilelist .tilelist-tiles .wrap .elements{
    display: flex;
    flex-wrap: wrap;
}

.tilelist .tilelist-tiles .tilelist-tile {
    width: 25%;
    position: relative;
    display: flex;
    height: 560px;
    padding: 0 15px;
    margin-bottom: 30px;
}

.tilelist .tilelist-tiles .tilelist-tile .background {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    filter: brightness(20%);
}

.tilelist .tilelist-tiles .tilelist-tile .content {
    position: absolute;
    z-index: 2;
    width: 100%;
    left: 0;
    top: 0;
    padding: 0 60px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media(max-width: 992px) {
    .tilelist .tilelist-tiles .tilelist-tile .content {
        padding: 0 15px;
    }
}

.tilelist .tilelist-tiles .tilelist-tile .content p {
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    word-wrap: break-word;
}

/* banner fullwidth */

.banner-fullwidth {
    position: relative;
}

.banner-fullwidth .banner-background {
    background-size: cover;
    background-position: center;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    filter: brightness(0.6);
}

.banner-fullwidth .banner-wrapper {
    padding: 120px 250px 200px 250px;
    position: relative;
}

.banner-fullwidth .banner-wrapper .title {
    font-weight: bold;
    font-size: 56px;
    line-height: 144px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
}

.banner-fullwidth .banner-wrapper .description {
    font-size: 41px;
    line-height: 49px;
    color: #fff;
    text-align: center;
}

.banner-fullwidth .banner-wrapper .cta-wrap {
    width: 100%;
    text-align: center;
    display: block;
    margin-top: 60px;
}

.banner-fullwidth .banner-wrapper .cta-wrap .cta-button {
    background: #BBB3A3;
    margin-bottom: 30px;
    font-weight: 600;
    text-align: center;
    line-height: 34px;
    padding: 8px 80px;
}

.body-page--strona_extended .banner-fullwidth .banner-wrapper .description {
    font-size: 1em !important;
}

@media(max-width: 1600px) {
    .banner-fullwidth .banner-wrapper .description {
        font-size: 46px;
    }

    .banner-fullwidth .banner-wrapper {
        padding: 100px 250px 100px 250px;
    }
}

@media(max-width: 1400px) {
    .banner-fullwidth .banner-wrapper {
        padding: 80px 150px 80px 150px;
    }
}

@media(max-width: 1200px) {
    .banner-fullwidth .banner-wrapper .title {
        font-size: 41px;
        line-height: 49px;
    }

    .banner-fullwidth .banner-wrapper .description {
        font-size: 36px;
    }

    .banner-fullwidth .banner-wrapper {
        padding: 60px 70px 80px 7px;
    }
}

@media(max-width: 992px) {
    .banner-fullwidth .banner-wrapper .title {
        font-size: 50px
    }

    .banner-fullwidth .banner-wrapper .description {
        font-size: 36px;
    }

    .banner-fullwidth .banner-wrapper {
        padding: 60px 50px 80px 50px;
    }
}

@media(max-width: 768px) {
    .banner-fullwidth .banner-wrapper .description {
        font-size: 28px;
        line-height: 36px;
    }
}

@media(max-width: 600px) {
    .banner-fullwidth .banner-wrapper {
        padding: 40px 20px 60px 20px;
    }
}


/* custom datepicker */

.custom-datepicker {
  position: static !important;
  display: block !important;
  margin-bottom: 40px;
}

.custom-datepicker .ui-datepicker-header {
  background-color: #fff;
  border: none;
}

.custom-datepicker table {
  border: none;
}

.custom-datepicker table thead {
  display: none;
}

.custom-datepicker table tbody {
  margin-top: 10px;
}

.custom-datepicker table tbody a {
  border: none;
  background-color: transparent;
  text-align: center;
  width: 32px;
  height: 32px;
}

.custom-datepicker table tbody a:hover {
  border: 1px solid var(--museum-red);
  border-radius: 50%;
  background-color: var(--museum-red);
}

.custom-datepicker table tbody a.ui-state-default {
    background: transparent;
    border: none;
}

.custom-datepicker .ui-datepicker-today a.ui-state-highlight {
    border: none;
    background: transparent;
    color: inherit;
}

.custom-datepicker table tbody a.ui-state-highlight {
  border: 1px solid var(--museum-red);
  border-radius: 50%;
  color: var(--museum-red);
  background: transparent;
}

.custom-datepicker .calendar-inrange a {
    border: 1px solid var(--museum-red) !important;
    border-radius: 50%;
    color: var(--museum-red) !important;
    background: transparent;
}

/**/

/* calendar view */

#block-kalendarz1 label,
#block-kalendarz1 .fieldset-legend,
#block-kalendarz-kalendarium1939 label,
#block-kalendarz-kalendarium1939 .fieldset-legend,
#block-kalendarz-kino label,
#block-kalendarz-kino .fieldset-legend {
    font-size: 2.2rem;
    color: #000;
    font-weight: 500;
}

#block-kalendarz1 label.option,
#block-kalendarz-kalendarium1939 label.option,
#block-kalendarz-kino label.option {
    font-size: 1.6rem;
    margin-left: 6px;
}

#block-kalendarz1 input[type=submit],
#block-kalendarz-kalendarium1939 input[type=submit],
#block-kalendarz-kino input[type=submit] {
    padding: 8px 15px;
    color: #000;
    text-transform: uppercase;
    border: 2px solid #BD1D1D;
    background: transparent;
    border-radius: 0px;
    font-family: 'Barlow', sans-serif;
    box-shadow: none;
}

/**/

/*custom block field*/

.field--name-field-block {
    margin-top: 60px;
    margin-bottom: 60px;
}

.field--name-field-block #block-spacerwesterplatte {
    width: 60vw;
    margin: 0 auto;
}

/* slick fix */

.slick-dots li:only-child {
    display: none;
}

/* promoted slider - calendar */

.promoted-calendar-slider {
    width: 100vw;
    position: relative;
    left: calc(-50vw + 50%);
    margin-bottom: 70px;
}

.promoted-calendar-slider .promoted-slider {
    padding-bottom: 20px;
}

.promoted-calendar-slider .photo-cta-2columns .category {
    font-size: 1.7em;
    line-height: 28px;
    color: #BD1D1D;
    text-transform: uppercase;
    text-align: center;
    font-weight: 500;
    margin-bottom: 20px;
}

/* paragraph-calendar */

.paragraph-kino-muzeum {
    font-size: 16px;
}

/* related pages */


/* sidebar mobile */

.nav-sidebar-topbar {
    display: none;
}

.nav-sidebar-bottombar {
    display: none;
}

@media(max-width: 1200px) {
    .offcanvas-sidebar.hidden-lg {
        display: block !important;
    }

    .offcanvas-sidebar .gva-offcanvas-inner {
        background: #000;
    }

    .offcanvas-sidebar .gva-offcanvas-inner .nav-sidebar-topbar {
        width: 100%;
        height: 72px;
        display: block;
    }

    #gva-offcanvas-inner {
        padding: 0;
        max-width: 360px;
    }

   #gva-offcanvas-inner .nav-sidebar-topbar {
        display: flex;
        padding: 20px 0px;
    }

   #gva-offcanvas-inner .nav-sidebar-bottombar {
        width: 360px;
        display: flex;
        justify-content: center;
        margin-top: 40px;
   }

   #gva-offcanvas-inner .nav-sidebar-bottombar .block-socialmedia-aside a {
        color: #BBB3A3;
        font-size: 20px !important;
   }

    #gva-offcanvas-inner .nav-sidebar-topbar .language-switcher {
        display: flex;
        align-items: center;
    }

    #gva-offcanvas-inner .nav-sidebar-topbar .language-switcher a {
        font-size: 16px;
        line-height: 25px;
        font-weight: bold;
        color: #BBB3A3;
        display: block;
        padding: 0 20px;
        text-transform:uppercase;
    }

    #gva-offcanvas-inner .nav-sidebar-topbar .search-bar {
        display: flex;
        width: 100%;
    }

    #gva-offcanvas-inner .nav-sidebar-topbar .search-bar.searchbar-open input {
        border-bottom: 1px solid #BBB3A3 !important;
    }

    #gva-offcanvas-inner .nav-sidebar-topbar .search-bar.searchbar-open #views-exposed-form-search-page-1 button {
        border-left: none;
    }

    #gva-offcanvas-inner .nav-sidebar-topbar .search-bar #views-exposed-form-search-page-1 button {
        background: transparent;
        color: #BBB3A3;
        border: none;
        border-left: 1px solid #BBB3A3;
        position: relative;
        right: auto;
        top: auto;
    }

    #gva-offcanvas-inner .nav-sidebar-topbar .close-sidebar {
        padding: 0 20px;
        cursor: pointer;
    }

   #gva-offcanvas-inner .nav-sidebar-topbar #views-exposed-form-search-page-1 {
        display: flex;
   }

   .gva-offcanvas-inner .block .block-content {
        padding: 0;
   }

   #gva-offcanvas-inner .nav-sidebar-topbar #views-exposed-form-search-page-1 input {
        width: 0;
        padding: 0;
        transition: all .8s;
        border: none;
        padding: 0 4px;

        color: #BBB3A3;
   }

    .offcanvas-sidebar .gva-offcanvas-inner .nav-sidebar-topbar .close-sidebar span {
        width: 25px;
        height: 25px;
        display: block;
        background-image: url(../images/sidebar-close.svg);
        background-position: center;
        background-repeat: no-repeat;
    }

    .offcanvas-sidebar .gva-offcanvas-inner #block-expandablemenu-offcanvas .block-content,
	.offcanvas-sidebar .gva-offcanvas-inner #block-expandablemenu-offcanvas--2 .block-content{
        padding: 0;
    }
}

/* info bar */

.paragraph--type--info-bar {
    background: #242628;
    color: #BBB3A3;
}

.paragraph--type--info-bar  a {
    color: #BBB3A3 !important;
}

.paragraph--type--info-bar a:hover {
    color: #BBB3A3 !important;
}

@media(min-width: 768px) {
    .paragraph--type--info-bar .content {
        display: flex;
        padding: 30px 0 33px 0 !important;
    }
}

@media(max-width: 1560px) {
    .paragraph--type--info-bar .content {
        padding: 35px 0 33px 0 !important;
    }
}

@media(max-width: 1200px) {
    .paragraph--type--info-bar .content {
        padding: 39px 0 37px 0 !important;
    }
}

@media(max-width: 768px) {
    .paragraph--type--info-bar .content {
        padding: 30px 20px 42px 20px !important;
    }
}

.paragraph--type--info-bar .content .field--name-field-icon {
    padding: 0 66px 0 46px;
    display: flex;
    align-items: center;
}

@media(max-width: 1560px) {
    .paragraph--type--info-bar .content .field--name-field-icon {
        padding: 0 38px 0 14px;
    }
}

@media(max-width: 1200px) {
    .paragraph--type--info-bar .content .field--name-field-icon {
        padding: 0 60px 0 41px;
    }
}

@media(max-width: 990px) {
    .paragraph--type--info-bar .content .field--name-field-icon {
        padding: 0 50px 0 27px;
    }
}

@media(max-width: 768px) {
    .paragraph--type--info-bar .content .field--name-field-icon img {
        transform: scale(0.75);
    }
}

.paragraph--type--info-bar .content .field--name-field-text-with-formatting {
    max-width: 1100px;
}

@media(max-width: 1560px) {
    .paragraph--type--info-bar .content .field--name-field-text-with-formatting {
        max-width: 694px;
    }
}

.paragraph--type--info-bar .content .field--name-field-icon .field--name-field-media-image {
    width: 53px;
}

@media(max-width: 1200px) {
    .paragraph--type--info-bar .content {
        font-size: 16px;
        line-height: 25px;
    }
}

@media(max-width: 768px) {
    .paragraph--type--info-bar .content {
        font-size: 14px;
        line-height: 22px;
    }
}

@media(max-width: 768px) {
    .paragraph--type--info-bar .content {
        display: block;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .paragraph--type--info-bar .content .field--name-field-icon {
        padding: 0 0 14px 0;
    }
}

/*cta slider*/
    .paragraph--type--slider-cta .slider-cta-container{
        position: relative;
    }

    .paragraph--type--slider-cta .slider-cta-container {
        width: 100%;
        height: 498px;
    }

    .paragraph--type--slider-cta .slider-cta-container .arrow-prev {
        position: absolute;
        left: 26px;
        top: calc(50% - 29px);
    }

    .paragraph--type--slider-cta .slider-cta-container .arrow-next {
        position: absolute;
        right: 34px;
        top: calc(50% - 29px);
    }

    .paragraph--type--slider-cta .slider-cta-container .background-slide img {
        width: 100%;
        height: 498px;
        object-fit: cover;
    }

    .paragraph--type--slider-cta .slider-cta-container .content-slider,
    .paragraph--type--slider-cta .slider-cta-container .background-slider {
        visibility: hidden;
    }

    .paragraph--type--slider-cta .slider-cta-container .content-slider.slick-initialized,
    .paragraph--type--slider-cta .slider-cta-container .background-slider.slick-initialized {
        visibility: visible;
    }

    .paragraph--type--slider-cta .slider-cta-container .content-slider {
        position: absolute;
        left: 0;
        top: 0;
        width: 100vw;
        height: 100%;
    }

    .paragraph--type--slider-cta .slider-cta-container .content-slider .content-slide .content .first-part {
        height: 250px;
        width: 30vw;
        display: flex;
        align-items: end;
        margin-bottom: 25px;
    }

    .paragraph--type--slider-cta .slider-cta-container .content-slider .content-slide .content .second-part {
        height: 225px;
        width: 30vw;
    }

    @media(max-width: 990px) {
        .paragraph--type--slider-cta .slider-cta-container .content-slider .content-slide .content .second-part,
        .paragraph--type--slider-cta .slider-cta-container .content-slider .content-slide .content .first-part {
            width: 36vw;
        }
    }

    @media(max-width: 768px) {
        .paragraph--type--slider-cta .slider-cta-container .content-slider .content-slide .content .second-part,
        .paragraph--type--slider-cta .slider-cta-container .content-slider .content-slide .content .first-part {
            width: 318px;
        }

        .paragraph--type--slider-cta .slider-cta-container .arrow-prev,
        .paragraph--type--slider-cta .slider-cta-container .arrow-next {
            top: 24px;
        }

        .paragraph--type--slider-cta .slider-cta-container .arrow-next {
            right: 20px;
        }

        .paragraph--type--slider-cta .slider-cta-container .arrow-prev {
            left: 20px;
        }
    }

    @media(max-width: 359px) {
        .paragraph--type--slider-cta .slider-cta-container .content-slider .content-slide .content .second-part,
        .paragraph--type--slider-cta .slider-cta-container .content-slider .content-slide .content .first-part {
            width: 100%;
        }
    }

    .paragraph--type--slider-cta .slider-cta-container .content-slider .content-slide .title {
        font-family: Barlow Condensed;
        font-weight: bold;
        font-size: 41px;
        line-height: 49px;
        color: #BBB3A3;
        text-transform: uppercase;
    }

    @media(max-width: 1200px) {
        .paragraph--type--slider-cta .slider-cta-container .content-slider .content-slide .title {
            font-size: 34px;
            line-height: 42px;
        }
    }

    .paragraph--type--slider-cta .slider-cta-container .content-slider .content-slide .text {
        font-family: Barlow;
        font-weight: normal;
        font-size: 18px;
        line-height: 30px;
        color: #BBB3A3;
    }

    @media(max-width: 1200px) {
        .paragraph--type--slider-cta .slider-cta-container .content-slider .content-slide .text {
            font-size: 14px;
            line-height: 22px;
        }
    }

    .paragraph--type--slider-cta .slider-cta-container .content-slider .content-slide .cta {
        margin-top: 40px;
    }

    @media(min-width: 1201px) and (max-width: 1560px) {
        .paragraph--type--slider-cta .slider-cta-container .content-slider .content-slide .cta {
            margin-top: 10px;
        }
    }

    .paragraph--type--slider-cta .slider-cta-container .background-slider .slick-dots {
        width: 100%;
        height: 9px;
        background: #000;
        display: flex;
        gap: 0.77vw;
        justify-content: center;
        top: 0;
        position: relative;
        padding-left: 8.7vw;
    }

    .paragraph--type--slider-cta .slider-cta-container .background-slider .slick-dots li {
        height: 9px;
        background: #5d5951;
        display: block;
        position: relative;
        width: 7.2vw;
        cursor: pointer;
    }

    @media(max-width: 768px) {
        .paragraph--type--slider-cta .slider-cta-container .background-slider .slick-dots li {
            width: 10vw;
        }
    }

    .paragraph--type--slider-cta .slider-cta-container .background-slider .slick-dots li button {
        display: none;
    }

    .paragraph--type--slider-cta .slider-cta-container .background-slider .slick-dots li:before {
        position: absolute;
        height: 100%;
        background: #BBB3A3;
        left: 0;
        top: 0;
        display: block;
        content: '';
        width: 0%;
    }

    .paragraph--type--slider-cta .slider-cta-container .background-slider .slick-dots li.loading:before {
        width: 100%;
        transition: width 7s;
        transition-timing-function: linear;
    }

/* global cta button */

.field--name-field-cta-button a,
.field--name-field-button-max-one a {
    font-family: Barlow Condensed;
    font-weight: bold;
    font-size: 18px;
    line-height: 26px;
    color: #000;
    background: #BBB3A3;
    text-transform: uppercase;
    padding: 0px 20px;
    display: inline-flex;
    align-items: center;
    height: 42px;
}

.calendar-header-event .right .bilet a,
.cta-section a.cta-black,
.field--name-field-cta-button a,
.banner-with-cta-button .field--name-field-single-button a,
.field--name-field-button-max-one a{
    position: relative;
}

.calendar-header-event .right .bilet a:hover,
.calendar-header-event .right .bilet a:active,
.cta-section a.cta-black:hover,
.cta-section a.cta-black:active,
.field--name-field-cta-button a:hover,
.field--name-field-cta-button a:active,
.banner-with-cta-button .field--name-field-single-button a:hover,
.banner-with-cta-button .field--name-field-single-button a:active,
.field--name-field-button-max-one a:hover,
.field--name-field-button-max-one a:active {
    background: #BD1D1D !important;
    color: #fff !important;
    border: none;
}

.calendar-header-event .right .bilet a:focus,
.cta-section a.cta-black:focus,
.field--name-field-cta-button a:focus,
.banner-with-cta-button .field--name-field-single-button a:focus,
.field--name-field-button-max-one a:focus {
  outline-offset: 4px;
}
.cta-section a.cta-black:focus {
  color: #BBB3A3;
}

.calendar-header-event .right .bilet a:active,
.cta-section a.cta-black:active,
.field--name-field-cta-button a:active,
.banner-with-cta-button .field--name-field-single-button a:active,
.field--name-field-button-max-one a:active {
  color: #fff;
  border: none;
}

.calendar-header-event .right .bilet a:hover span,
.calendar-header-event .right .bilet a:active span,
.cta-section a.cta-black:hover span,
.cta-section a.cta-black:active span,
.field--name-field-cta-button a:hover span,
.field--name-field-cta-button a:active span,
.banner-with-cta-button .field--name-field-single-button a:hover span,
.banner-with-cta-button .field--name-field-single-button a:active span,
.field--name-field-button-max-one a:hover,
.field--name-field-button-max-one a:active {
    animation: translateLeft .2s forwards;
}

.calendar-header-event .right .bilet a:hover:after,
.calendar-header-event .right .bilet a:active:after,
.cta-section a.cta-black:hover:after,
.cta-section a.cta-black:active:after,
.field--name-field-cta-button a:hover:after,
.field--name-field-cta-button a:active:after,
.banner-with-cta-button .field--name-field-single-button a:hover:after,
.banner-with-cta-button .field--name-field-single-button a:active:after,
.field--name-field-button-max-one a:hover:after,
.field--name-field-button-max-one a:active:after {
    content: '';
    width: 14px;
    height: 14px;
    background-image: url('../images/cta_arrow.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 12px;
}

@keyframes translateLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-14px);
  }
}

.calendar-header-event .right .bilet a span,
.cta-section a.cta-black span {
    display: inline-block;
}

/* global arrows */

.arrow-prev {
    background-image: url('../images/miws-arrow-left.svg');
    width: 42px;
    height: 44px;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    background-size: contain;
    z-index: 1;
}

.arrow-next {
    background-image: url('../images/miws-arrow-right.svg');
    width: 42px;
    height: 44px;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    background-size: contain;
    z-index: 1;
}

@media(max-width: 768px) {
    .arrow-prev,
    .arrow-next {
        transform: none;
        width: 27px;
        height: 28px;
    }
}

/* main banner */

.paragraph--type--main-banner .banner-container {
    position: relative;
    overflow: hidden;
}

.paragraph--type--main-banner .background-layer .background-slider img {
    width: 100%;
    height: calc( 777px + ( (100vw - 1200px) / 700 * 170 ) );
    object-fit: cover;
}

@media(max-width: 990px) {
    .paragraph--type--main-banner .background-layer .background-slider img {
        height: 945px;
    }
}

.paragraph--type--main-banner .vector-layer {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.paragraph--type--main-banner .vector-layer .top {
    background-image: url(../images/banner-vector-top.svg);
    background-size: 100% 100%;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 897px;
    height: 243px;
}

@media(min-width: 1200px) and (max-width: 1560px) {
    .paragraph--type--main-banner .vector-layer .top {
        right: -166px;
        top: 4px;
    }

    .paragraph--type--main-banner .vector-layer .bottom {
        top: 170px;
        left: -6px;
    }
}

.paragraph--type--main-banner .vector-layer .bottom {
    background-image: url(../images/banner-vector-bottom.svg);
    background-size: 100% 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 232px;
    width: 1486px;
    height: 848px
}

@media(max-width: 1600px) {
    .paragraph--type--main-banner .vector-layer .top {
        width: 700px;
        height: 189px;
    }

    .paragraph--type--main-banner .vector-layer .bottom {
        width: 1067px;
        height: 608px;
        top: 220px;
    }
}

@media(max-width: 1200px) {
    .paragraph--type--main-banner .vector-layer .top {
        left: 678px;
    }
}

@media(max-width: 990px) {
    .paragraph--type--main-banner .vector-layer .bottom {
        width: 1301px;
        height: 742px;
        top: 202px;
        left: -230px;
    }

    .paragraph--type--main-banner .vector-layer .top {
        width: 853px;
        height: 230px;
        left: 60vw;
    }
}

@media(max-width: 768px) {
    .paragraph--type--main-banner .vector-layer .bottom {
        top: 330px;
        left: -370px;
        width: 1081px;
        height: 616px;
    }
}

.paragraph--type--main-banner .banner-container .content-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.paragraph--type--main-banner .banner-container .content-layer .content,
.paragraph--type--main-banner .banner-container .content-layer .content-wrap {
    height: 100%;
}

.paragraph--type--main-banner .banner-container .content-layer .first-part {
    width: 59vw;
    height: 467px;
    display: flex;
    align-items: center;
}

@media(max-width: 1200px) {
    .paragraph--type--main-banner .banner-container .content-layer .first-part {
        height: 236px;
        width: 584px;
    }
}

@media(max-width: 990px) {
    .paragraph--type--main-banner .banner-container .content-layer .first-part {
        width: 482px;
    }
}

@media(max-width: 768px) {
    .paragraph--type--main-banner .banner-container .content-layer .first-part {
        height: 370px;
    }
}

@media(max-width: 600px) {
    .paragraph--type--main-banner .banner-container .content-layer .second-part,
    .paragraph--type--main-banner .banner-container .content-layer .second-part .description {
        width: 315px;
    }

    .paragraph--type--main-banner .banner-container .content-layer .second-part .description {
        line-height: 22px;
    }

    .paragraph--type--main-banner .banner-container .content-layer .first-part {
        width: 315px;
    }
}

@media(max-width: 359px) {
    .paragraph--type--main-banner .banner-container .content-layer .second-part .description {
        width: 100%;
    }
}

.paragraph--type--main-banner .banner-container .content-layer .second-part {
    justify-content: space-around;
    flex-direction: column;
    height: 310px;
}

@media(max-width: 1200px) {
    .paragraph--type--main-banner .banner-container .content-layer .second-part {
        height: auto;
        width: 432px;
    }

    .paragraph--type--main-banner .banner-container .content-layer .description {
        font-size: 14px !important;
        line-height: 22px;
    }
}

@media(max-width: 359px) {
    .paragraph--type--main-banner .banner-container .content-layer .second-part{
        width: 100%;
    }
}

.paragraph--type--main-banner .banner-container .content-layer .title h1 {
    line-height: 122px !important;
    color: #fff;
    font-size: 108px;
    font-family: Barlow Condensed;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0;
}

@media(max-width: 1200px) {
    .paragraph--type--main-banner .banner-container .content-layer .title h1 {
        font-size: 41px;
        line-height: 49px !important;
    }
}

.paragraph--type--main-banner .banner-container .content-layer .description {
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    font-family: Barlow;
    width: 624px;
    margin-bottom: 54px;
}

@media(min-width: 1200px) and (max-width: 1560px) {
    .paragraph--type--main-banner .banner-container .content-layer .description {
        margin-bottom: 50px;
    }

    .paragraph--type--main-banner .banner-container .content-layer .cta {
        margin-bottom: 64px;
    }
}

.paragraph--type--main-banner .banner-container .content-layer .cta {
    margin-bottom: 58px;
}

@media(max-width: 1200px) {
    .paragraph--type--main-banner .banner-container .content-layer .cta {
        margin-bottom: 26px;
    }
}

.paragraph--type--main-banner .banner-container .content-layer .links .field--name-field-button {
    display: flex;
    gap: 42px;
}

@media(min-width: 1201px) and (max-width: 1560px) {
    .paragraph--type--main-banner .banner-container .content-layer .links .field--name-field-button {
        min-width: 90vw;
        position: absolute;
        gap: 42px;
    }

    .paragraph--type--main-banner .banner-container .content-layer .links {
        padding-bottom: 20px;
    }
}

@media(max-width: 1200px) {
    .paragraph--type--main-banner .banner-container .content-layer .links .field--name-field-button {
        flex-direction: column;
        gap: 17px;
    }

    .paragraph--type--main-banner .banner-container .content-layer .description {
        margin-bottom: 34px;
    }

    .paragraph--type--main-banner .banner-container .content-layer .links {
        margin-top: 24px;
    }
}

@media(max-width: 768px) {
    .paragraph--type--main-banner .banner-container .content-layer .description {
        margin-bottom: 40px;
    }
}

.paragraph--type--main-banner .banner-container .content-layer .links .field--name-field-button .field__item {
    display: inline;
}

.paragraph--type--main-banner .banner-container .content-layer .links .field--name-field-button a {
    text-transform: uppercase;
    color: #BBB3A3;
    font-size: 18px;
    line-height: 26px;
    font-weight: bold;
    font-family: 'Barlow Condensed';
    letter-spacing: 0.02em;
}

.paragraph--type--main-banner .banner-container .content-layer .links .field--name-field-button a:active {
  color: #BD1D1D;
}


/**/

/* border cta */

.border-cta {
    font-family: Barlow Condensed;
    font-weight: bold;
    font-size: 18px;
    line-height: 26px;
    text-transform: uppercase;
    border: 3px solid #000;
    padding: 8px 25px;
    color: #000;
}
.border-cta:hover,
.border-cta:active {
  background: #BD1D1D;
  border-color: #BD1D1D;
  color: white;
}

.border-cta:focus {
  outline-offset: 4px;
}

@media(max-width: 1200px) {
    .border-cta {
        font-size: 16px;
    }
}

/* whats new */

.edukacja-section,
.whats-new-section {
    margin-top: 100px;
}

.extended-menu-related .section-header,
.paragraph--type--menu-boxes .section-header,
.edukacja-section .section-header,
.whats-new-section .section-header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 38px;
}

@media(max-width: 768px) {
    .extended-menu-related .section-header,
    .paragraph--type--menu-boxes .section-header,
    .edukacja-section .section-header,
    .whats-new-section .section-header {
        margin-bottom: 17px;
    }
}

@media(max-width: 990px) {
    .paragraph--type--menu-boxes .section-header .show-button,
    .edukacja-section .section-header .show-button,
    .whats-new-section .section-header .show-button {
        display: none;
    }
}

.extended-menu-related .section-header .title,
.paragraph--type--menu-boxes .section-header .title,
.edukacja-section .section-header .title,
.whats-new-section .section-header .title {
    font-size: 29px;
    line-height: 43px;
    font-family: Barlow Condensed;
    text-transform: uppercase;
    font-weight: bold;
}

.edukacja-section .section-content .node-teaser,
.whats-new-section .section-content .node-teaser {
    margin-bottom: 40px;
}

.edukacja-section .section-content .node-teaser .image,
.whats-new-section .section-content .node-teaser .image {
    margin-bottom: 23px
}

@media(max-width: 1200px) {
    .edukacja-section .section-content .node-teaser .image,
    .whats-new-section .section-content .node-teaser .image {
        margin-bottom: 14px;
    }
}

.edukacja-section .section-content .node-teaser .image img,
.whats-new-section .section-content .node-teaser .image img {
    width: 100%;
    height: 13.6vw;
    object-fit: cover;
    border-bottom: 3px solid #000;
}

@media(max-width: 990px) {
    .edukacja-section .section-content .node-teaser .image img,
    .whats-new-section .section-content .node-teaser .image img {
        height: 20vw;
    }
}

@media(max-width: 768px) {
    .edukacja-section .section-content .node-teaser .image img,
    .whats-new-section .section-content .node-teaser .image img {
        height: 50vw;
    }
}

.edukacja-section .section-content .node-teaser .content .category,
.whats-new-section .section-content .node-teaser .content .category {
    font-size: 12px;
    line-height: 17px;
    font-family: Barlow;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 20px;
}

@media(max-width: 990px) {
    .edukacja-section .section-content .node-teaser .content .category,
    .whats-new-section .section-content .node-teaser .content .category {
        margin-bottom: 14px;
    }
}

.edukacja-section .section-content .node-teaser .content .title,
.whats-new-section .section-content .node-teaser .content .title {
    font-size: 29px;
    line-height: 43px;
    font-weight: bold;
    font-family: Barlow Condensed;
    margin-bottom: 20px;
}

@media(max-width: 1200px) {
    .edukacja-section .section-content .node-teaser .content .title,
    .whats-new-section .section-content .node-teaser .content .title {
        font-size: 22px;
        line-height: 30px;
    }
}

.edukacja-section .section-content .node-teaser .content .title a,
.whats-new-section .section-content .node-teaser .content .title a {
    color: #000;
}
.edukacja-section .section-content .node-teaser .content .title a:active,
.whats-new-section .section-content .node-teaser .content .title a:active {
    color: #BD1D1D;
}

.edukacja-section .section-content .node-teaser .content .description,
.whats-new-section .section-content .node-teaser .content .description {
    font-size: 18px;
    line-height: 30px;
    font-family: Barlow;
}

@media(max-width: 1200px) {
    .edukacja-section .section-content .node-teaser .content .description,
    .whats-new-section .section-content .node-teaser .content .description {
        font-size: 14px;
        line-height: 22px;
    }
}

.whats-new-section .section-content .node-teaser .content .tag a {
    font-weight: normal;
    font-size: 29px;
    line-height: 43px;
    margin-top: 4px;
    font-family: 'Barlow Condensed';
    color: #000;
}

@media(max-width: 1200px) {
    .whats-new-section .section-content .node-teaser .content .tag a {
        font-size: 22px;
        line-height: 30px;
    }
}

.edukacja-section .section-content .link-tile,
.whats-new-section .section-content .link-tile {
    display: none;
}

@media(max-width: 990px) {
    .edukacja-section .section-content .link-tile,
    .whats-new-section .section-content .link-tile {
        display: block;
    }

    .edukacja-section .section-content .link-tile a,
    .whats-new-section .section-content .link-tile a {
        height: 20.85vw;
        border: 3px solid #000;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        line-height: 23px;
        text-transform: uppercase;
        color: #000;
        font-family: Barlow Condensed;
        font-weight: bold;
    }

    .edukacja-section .section-content .views-col,
    .whats-new-section .section-content .views-col {
        width: 50% !important;
    }
}

@media(max-width: 768px) {
    .edukacja-section .section-content .views-col,
    .whats-new-section .section-content .views-col {
        width: 100% !important;
    }

    .edukacja-section .section-content .link-tile a,
    .whats-new-section .section-content .link-tile a {
        height: auto;
        padding: 8px 25px;
        width: auto;
        display: inline;
    }
}

/*upcoming-events-section */

.upcoming-events-section {
    margin-top: 100px;
}

.upcoming-events-section .bold {
    font-weight: bold;
}

.upcoming-events-section .section-header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 38px;
}

@media(max-width: 990px) {
    .upcoming-events-section .section-header .show-button {
        display: none;
    }

    .upcoming-events-section .section-header {
        margin-bottom: 20px;
    }
}

.upcoming-events-section .section-header .title {
    font-size: 29px;
    line-height: 43px;
    font-family: Barlow Condensed;
    text-transform: uppercase;
    font-weight: bold;
}

.upcoming-events-section .section-content ul {
    padding: 0;
}

.upcoming-events-section .section-content .view-list-item .node-teaser {
    width: 100%;
    font-family: Barlow Condensed;
    margin-bottom: 50px;
}

@media(max-width: 1200px) {
    .upcoming-events-section .section-content .view-list-item .node-teaser {
        margin-bottom: 14px;
    }
}

@media(max-width: 990px) {
    .upcoming-events-section .section-content .view-list-item .node-teaser {
        margin-bottom: 52px;
    }
}

.upcoming-events-section .section-content .view-list-item .node-teaser .event-grid {
    display: grid;
    grid-template-columns: 460px 2fr;
}

@media(max-width: 1840px) {
    .upcoming-events-section .section-content .view-list-item .node-teaser .event-grid {
        grid-template-columns: 1fr 2fr;
    }
}

@media(max-width: 1200px) {
    .upcoming-events-section .section-content .view-list-item .node-teaser .event-grid {
        grid-template-columns: 4fr 6fr;
    }
}

@media(max-width: 990px) {
    .upcoming-events-section .section-content .view-list-item .node-teaser .event-grid {
        grid-template-columns: 4.8fr 5.2fr;
    }
}

@media(max-width: 768px) {
    .upcoming-events-section .section-content .view-list-item .node-teaser .event-grid {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }
}

.upcoming-events-section .section-content .view-list-item .node-teaser .event-grid .r1c1,
.upcoming-events-section .section-content .view-list-item .node-teaser .event-grid .r1c2 {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    height: 60px;
}

@media(max-width: 1200px) {
    .upcoming-events-section .section-content .view-list-item .node-teaser .event-grid .r1c1,
    .upcoming-events-section .section-content .view-list-item .node-teaser .event-grid .r1c2 {
        height: 80px;
    }
}

.upcoming-events-section .section-content .view-list-item .node-teaser .event-grid .r2c1,
.upcoming-events-section .section-content .view-list-item .node-teaser .event-grid .r2c2 {
    min-height: 260px;
}

@media(max-width: 768px) {
    .upcoming-events-section .section-content .view-list-item .node-teaser .event-grid .r2c1,
    .upcoming-events-section .section-content .view-list-item .node-teaser .event-grid .r2c2 {
        min-height: auto;
    }
}

@media(max-width: 768px) {
    .upcoming-events-section .section-content .view-list-item .node-teaser .event-grid .r1c1 {
        height: 46px;
    }

    .upcoming-events-section .section-content .view-list-item .node-teaser .event-grid .r1c2 {
        border: none;
        height: 32px;
    }
}

.upcoming-events-section .section-content .view-list-item .node-teaser .event-grid .r1c1 {
    border-right: 1px solid #000;
}

.upcoming-events-section .section-content .view-list-item .node-teaser .event-grid .event-category,
.upcoming-events-section .section-content .view-list-item .node-teaser .event-grid .event-date {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: space-between;
    align-items: center;
}

.upcoming-events-section .section-content .view-list-item .node-teaser .event-grid .event-category a {
    color: #000;
}

.upcoming-events-section .section-content .view-list-item .node-teaser .event-grid .event-category .location a {
    font-weight: inherit !important;
}

.upcoming-events-section .section-content .view-list-item .node-teaser .event-grid .event-category a:hover {
    display: inline-block;
    margin-bottom: -4px;
}

.upcoming-events-section .section-content .view-list-item .node-teaser .event-grid .event-date {
    font-size: 29px;
    line-height: 43px;
    padding-right: 16px;
}

@media(max-width: 1200px) {
    .upcoming-events-section .section-content .view-list-item .node-teaser .event-grid .event-date {
        font-size: 22px;
        line-height: 32px;
    }
}

.upcoming-events-section .section-content .view-list-item .node-teaser .event-grid .event-category {
    font-size: 18px;
    line-height: 26px;
    text-transform: uppercase;
    padding-left: 25px;
}

@media(max-width: 1200px) {
    .upcoming-events-section .section-content .view-list-item .node-teaser .event-grid .event-category {
        font-size: 14px;
        line-height: 22px;
        padding-left: 30px;
    }
}

.upcoming-events-section .section-content .view-list-item .node-teaser .event-grid .event-category .location {
    padding-right: 8px;
}

@media(max-width: 768px) {
    .upcoming-events-section .section-content .view-list-item .node-teaser .event-grid .event-category .location {
        padding-right: 0;
    }
}

@media(max-width: 768px) {
    .upcoming-events-section .section-content .view-list-item .node-teaser .event-grid .event-date {
        padding-right: 0;
    }

    .upcoming-events-section .section-content .view-list-item .node-teaser .event-grid .event-category {
        padding-left: 0;
    }

    .upcoming-events-section .section-content .view-list-item .node-teaser .event-grid .r1c1 {
        border-right: none;
    }
    /*.upcoming-events-section .section-content .view-list-item .node-teaser .event-grid .event-category,*/
        /*flex-direction: column;*/
    /*}*/
}

.upcoming-events-section .section-content .view-list-item .node-teaser .event-grid .event-image {
    width: 100%;
    height: 100%;
}

.upcoming-events-section .section-content .view-list-item .node-teaser .event-grid .event-image img {
    width: 100%;
    height: 13.55vw;
    object-fit: cover;
    border-right: 1px solid #000;
}

@media(max-width: 1200px) {
    .upcoming-events-section .section-content .view-list-item .node-teaser .event-grid .event-image img {
        height: 16.66vw;
    }
}

@media(max-width: 768px) {
    .upcoming-events-section .section-content .view-list-item .node-teaser .event-grid .event-image img {
        height: 50vw;
        border-top: 1px solid #000;
        border-right: none;
    }
}

.upcoming-events-section .section-content .view-list-item .node-teaser .event-grid .event-data {
    padding-top: 17px;
    padding-left: 28px;
}

@media(max-width: 768px) {
    .upcoming-events-section .section-content .view-list-item .node-teaser .event-grid .event-data {
        padding: 12px 0 0 0;
    }
}

.upcoming-events-section .section-content .view-list-item .node-teaser .event-grid .event-data .title {
    font-size: 29px;
    line-height: 43px;
    font-weight: bold;
}

@media(max-width: 1200px) {
    .upcoming-events-section .section-content .view-list-item .node-teaser .event-grid .event-data .title {
        font-size: 22px;
        line-height: 30px;
    }
}
.upcoming-events-section .section-content .view-list-item .node-teaser .event-grid .event-data .title a {
    color: #000;
}
.upcoming-events-section .section-content .view-list-item .node-teaser .event-grid .event-data .title a:active {
  color: #BD1D1D;
}

.upcoming-events-section .section-content .view-list-item .node-teaser .event-grid .event-data .description {
    font-family: Barlow;
    font-size: 18px;
    line-height: 30px;
    margin-top: 35px;
    margin-bottom: 30px;
    max-height: 60px;
    overflow: hidden;
}

@media(max-width: 1200px) {
    .upcoming-events-section .section-content .view-list-item .node-teaser .event-grid .event-data .description {
        font-size: 16px;
        line-height: 25px;
        max-height: 75px;
    }
}

@media(max-width: 990px) {
    .upcoming-events-section .section-content .view-list-item .node-teaser .event-grid .event-data .description {
        margin-top: 30px;
        margin-bottom: 26px;
    }
}

@media(max-width: 768px) {
    .upcoming-events-section .section-content .view-list-item .node-teaser .event-grid .event-data .description {
        margin-top: 26px;
    }
}

.upcoming-events-section .section-content .view-list-item .node-teaser .event-grid .event-data .cta-section {
    margin-top: 50px;
}

@media(max-width: 1200px) {
    .upcoming-events-section .section-content .view-list-item .node-teaser .event-grid .event-data .cta-section {
        margin-top: 32px;
    }

    .upcoming-events-section .section-content .view-list-item .node-teaser .event-grid .event-data .cta-section a {
        font-size: 16px !important;
        line-height: 23px !important;
        display: inline-block;
        text-align: center;
    }
}

.upcoming-events-section .section-content .view-list-item .node-teaser .event-grid .event-data .cta-section .read-more {
    font-size: 18px;
    line-height: 26px;
    font-weight: bold;
    color: #000;
    padding-bottom: 8px 12px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.upcoming-events-section .section-content .view-list-item .node-teaser .event-grid .event-data .cta-section .cta-black {
    margin-right: 40px;
}

@media(max-width: 1200px) {
    .upcoming-events-section .section-content .view-list-item .node-teaser .event-grid .event-data .cta-section .cta-black {
        margin-right: 58px;
        margin-bottom: 20px;
    }
}

@media(max-width: 768px) {
    .upcoming-events-section .section-content .view-list-item .node-teaser .event-grid .event-data .cta-section .cta-black {
        margin-right: 30px;
    }
}

.upcoming-events-section .section-content .view-list-item .node-teaser .event-grid .event-data .cta-section .read-more:active {
  color: #BD1D1D;
}

    /* link tile*/
.upcoming-events-section .section-content .link-tile {
    display: none;
}

@media (max-width: 990px) {
    .upcoming-events-section .section-content .link-tile {
        display: block;
    }
}

.upcoming-events-section .section-content .link-tile .node-teaser .event-grid {
    grid-template-rows: auto;
}

.upcoming-events-section .section-content .link-tile .node-teaser .event-grid .r1c1,
.upcoming-events-section .section-content .link-tile .node-teaser .event-grid .r1c2 {
    border: none;
}

@media(max-width: 768px) {
    .upcoming-events-section .section-content .link-tile .node-teaser .event-grid .r1c1,
    .upcoming-events-section .section-content .link-tile .node-teaser .event-grid .r1c2 {
        height: 0;
    }
}

.upcoming-events-section .section-content .link-tile .node-teaser .event-grid .r2c1 .link a {
    height: 13.55vw;
    width: 100%;
    border: 3px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    line-height: 23px;
    text-transform: uppercase;
    color: #000;
    font-family: Barlow Condensed;
    font-weight: bold;
}

@media(max-width: 1200px) {
    .upcoming-events-section .section-content .link-tile .node-teaser .event-grid .r2c1 .link a {
        height: 16.66vw;
    }
}

@media(max-width: 768px) {
    .upcoming-events-section .section-content .link-tile .node-teaser .event-grid .r2c1 .link a {
        padding: 8px 25px;
        width: auto;
        height: auto;
        display: inline;
    }
}

/**/

/* cta black */

.cta-black {
    background: #000;
    font-size: 18px;
    line-height: 26px;
    color: #BBB3A3;
    text-transform: uppercase;
    font-weight: bold;
    padding: 8px 24px;
    letter-spacing: 0.02em;
}
.cta-black:hover {
  border: none;
}
.cta-black:active {
  color: #BBB3A3;
  border: none;
}

/* */

/* banner-with-cta-button */

.banner-with-cta-button {
    height: 500px;
    position: relative;
    margin-top: 200px;
    margin-bottom: 128px;
}

@media(max-width: 1200px) {
    .banner-with-cta-button {
        margin-top: 50px;
    }
}

@media(max-width: 768px) {
    .banner-with-cta-button {
        overflow: hidden;
    }
}

.banner-with-cta-button .background {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.banner-with-cta-button .background img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner-with-cta-button .vector-layer {
    height: 680px;
    position: absolute;
    left: -50px;
    top: -180px;
    /*overflow: hidden;*/
}

@media(max-width: 1800px) {
    .banner-with-cta-button .vector-layer {
        left: -60px;
    }
}

@media(max-width: 1600px) {
    .banner-with-cta-button .vector-layer {
        left: -80px;
    }
}

@media(max-width: 1400px) {
    .banner-with-cta-button .vector-layer {
        left: -90px;
    }
}

.banner-with-cta-button .vector-layer .vector {
    width: 1086px;
    height: 680px;
    display: block;
    background-image: url(../images/vector-cta-banner.svg);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}

@media(max-width: 1200px) {
    .banner-with-cta-button .vector-layer {
        left: -350px;
        height: 520px;
        top: -20px;
    }

    .banner-with-cta-button .vector-layer .vector {
        height: 520px;
    }
}

@media(max-width: 990px) {
    .banner-with-cta-button .vector-layer {
        left: -350px;
    }
}

@media(max-width: 768px) {
    .banner-with-cta-button .vector-layer {
        left: -642px;
        height: 420px;
        top: 90px;
    }

    .banner-with-cta-button .vector-layer .vector {
        height: 420px;
    }
}

.banner-with-cta-button .content {
    position: absolute;
    left: 0;
    top: 0;
}

.banner-with-cta-button .content .field--name-field-single-button {
    margin-top: 30px;
}

.banner-with-cta-button .content .container {
    width: 617px;
    position: relative;
    left: 16.66vw;
    padding: 70px 0 54px 0;
}

@media(max-width: 1200px) {
    .banner-with-cta-button .content .container {
        left: 12.5vw;
        padding-top: 160px;
        width: 435px;
    }
}

@media(max-width: 990px) {
    .banner-with-cta-button .content .container {
        left: 130px;
    }
}

@media(max-width: 768px) {
    .banner-with-cta-button .content .container {
        left: 45px;
        width: 308px;
        padding-top: 110px;
    }
}

@media(max-width: 359px) {
    .banner-with-cta-button .content .container {
        width: 100%;
        left: 0;
        padding-left: 20px;
        padding-right: 20px;
    }
}

.banner-with-cta-button .content .title {
    font-family: Barlow Condensed;
    font-weight: bold;
    font-size: 41px;
    line-height: 49px;
    text-transform: uppercase;
    color: #BBB3A3;
    margin-bottom: 30px;
}

@media(max-width: 1200px) {
    .banner-with-cta-button .content .title {
        font-size: 34px;
        line-height: 42px;
    }
}

.banner-with-cta-button .content .description {
    font-family: Barlow;
    font-size: 18px;
    line-height: 30px;
    color: #BBB3A3;
}

@media(max-width: 1200px) {
    .banner-with-cta-button .content .description {
        font-size: 14px;
        line-height: 22px;
    }
}

/* faded slider */

.faded-slider, .multimedia-slider {
    position: inherit;
}

.faded-slider .slick-slide,
.multimedia-slider .slick-slide{
    opacity: 0.2;
    padding: 0 12.5px;
}

@media(max-width: 768px) {
    .faded-slider .slick-slide,
    .multimedia-slider .slick-slide
     {
        padding: 0 10.5px;
    }
}

.faded-slider .slick-slide.slick-active,
.multimedia-slider .slick-slide.slick-active {
    opacity: 1;
}

.faded-slider .slick-list,
.multimedia-slider .slick-list {
    width: 75vw;
}

.faded-slider .slick-list,
.faded-slider .slick-track,
.multimedia-slider .slick-list,
.multimedia-slider .slick-track {
    overflow: visible;
}

.faded-slider .slide-fields .title a,
.multimedia-slider .slide-fields .title a {
    font-family: Barlow Condensed;
    font-size: 29px;
    font-weight: bold;
    line-height: 43px;
    color: #000;
}
.faded-slider .slide-fields .title a:active,
.multimedia-slider .slide-fields .title a:active {
  color: #BD1D1D;
}

.faded-slider .slide-fields .type,
.multimedia-slider .slide-fields .type {
    padding: 24px 0;
}

.faded-slider .arrow-container,
.multimedia-slider .arrow-container {
    width: 100vw;
    position: absolute;
    left: 0;
    margin-top: 6%;
}

.faded-slider .arrow-container {
    position: static;
}

@media(max-width: 768px) {
    .faded-slider .arrow-container,
    .multimedia-slider .arrow-container {
        display: none;
    }
}

.faded-slider .arrow-prev,
.faded-slider .arrow-next,
.multimedia-slider .arrow-prev,
.multimedia-slider .arrow-next {
    position: absolute;
    top: 50%;
}

.faded-slider .arrow-prev,
.multimedia-slider .arrow-prev {
    background-image: url(../images/miws-arrow-left-black.svg);
    left: 20px;
}

.faded-slider .arrow-next,
.multimedia-slider .arrow-next {
    background-image: url(../images/miws-arrow-right-black.svg);
    right: 40px;
}

/* multimedia section */

.multimedia-section {
    margin-top: 100px;
}

.multimedia-section .section-header,
.multimedia-section .section-footer {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 38px;
    padding: 0 12.5px;
}

.multimedia-section .section-footer {
    padding: 0;
}

@media(min-width: 1201px) {
   .multimedia-section .section-footer {
       display: none;
   }
}

.multimedia-section .section-footer {
    margin-top: 60px;
}

.multimedia-section .section-header .title {
    font-size: 29px;
    line-height: 43px;
    font-family: Barlow Condensed;
    text-transform: uppercase;
    font-weight: bold;
}

@media(max-width: 990px) {
    .multimedia-section .section-header .show-button {
        display: none;
    }
}

.multimedia-section .faded-slider .slick-slide img,
.multimedia-section .multimedia-slider .slick-slide img {
    border-bottom: 3px solid #000;
}

/*  edukacja section */

.edukacja-section .section-header .title .brygada-font {
    font-family: 'Brygada 1918';
    text-transform: capitalize;
}

/* newsletter section */

.newsletter-section {
    background: #242628;
    width: 100%;
}

.newsletter-section .form {
    background: transparent;
}

/* ticket bar */

.ticket-bar {
    width: 100%;
    height: 60px;
    background: #fff;
    display: block;
}

@media(max-width: 1200px) {
    .ticket-bar {
        height: 42px;
    }
}

.ticket-bar .content,
.ticket-bar .content-wrap-symmetrical {
    height: 100%;
}

@media(max-width: 768px) {
    .ticket-bar .content-wrap-symmetrical {
        grid-template-columns: 0 1fr 0;
    }

    .ticket-bar .content-wrap-symmetrical .content {
        padding: 0;
    }
}

.ticket-bar .content {
    display: flex;
    justify-content: space-between;
}

@media(max-width: 1200px) {
    .ticket-bar .content {
        font-size: 14px;
        line-height: 22px;
    }
}

.ticket-bar .content .open-hours {
    font-family: Barlow Condensed;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #000;
    display: flex;
    height: 100%;
    align-items: center;
}

@media(max-width: 768px) {
    .ticket-bar .content .open-hours {
        padding-left: 20px;
    }
}

.ticket-bar .content .open-hours .bolded {
    font-weight: bold;
}

.ticket-bar .content .ticket a {
    width: 17vw;
    max-width: 320px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #000;
    height: 100%;
    color: #fff;
    font-family: Barlow Condensed;
    font-size: 18px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    line-height: 26px;
    font-weight: bold;
}
.ticket-bar .content .ticket a:hover,
.ticket-bar .content .ticket a:active {
  border: none;
}

@media(max-width: 1200px) {
    .ticket-bar .content .ticket a {
        width: 24.8vw;
        font-size: 16px;
        line-height: 23px;
    }
}

@media(max-width: 768px) {
    .ticket-bar .content .ticket a {
        width: 36.6vw;
    }
}

/* node-columns-listing */

@media(min-width: 1201px) {
    .view-wszystkie-aktualnosci {
        margin-top: 230px;
    }
}

@media(max-width: 1200px) {
    .view-wszystkie-aktualnosci {
        margin-top: 30px;
    }
}

.view-wszystkie-aktualnosci .results-summary {
    font-size: 29px;
    line-height: 43px;
}


@media(min-width: 1201px) {
    .view-wszystkie-aktualnosci h1, .view-wszystkie-multimedia h1 {
        margin-bottom: 270px;
    }
}

@media(max-width: 1200px) {
    .view-wszystkie-aktualnosci h1, .view-wszystkie-multimedia h1  {
        margin-bottom: 50px;
    }
}

.view-wszystkie-aktualnosci header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 35px;
}

.view-wszystkie-aktualnosci .pager-tag {
    margin-top: 0;
}

.view-wszystkie-aktualnosci .pager-tag .pager {
    margin: 0;
}

.view-wszystkie-aktualnosci .pager-tag .pager .pager__item a {
    color: #000;
}

.view-wszystkie-aktualnosci .pager-tag .pager .pager__item.pager__item--last,
.view-wszystkie-aktualnosci .pager-tag .pager .pager__item.pager__item--first {
    display: none;
}

.node-columns-listing .view-content-wrap .item {
    width: calc( (100% - 48px) / 3);
    /*margin-bottom: 30px;*/
    border-top: 0 !important;
    /*padding: 0 12px;*/
    padding-bottom: 96px;
}

@media(max-width: 990px) {
    .node-columns-listing .view-content-wrap .item {
        width: calc( (100% - 24px) / 2);
    }
}

@media(max-width: 768px) {
    .node-columns-listing .view-content-wrap .item {
        width: 100%;
    }
}

.node-columns-listing .view-content-wrap .item .img-wrap {
    display: block;
    width: 100%;
}

.node-columns-listing .view-content-wrap .item .historical-date{
    margin-top: 22px;
    font-weight: bold;
    font-family: 'Brygada 1918';
    font-size: 24px;
}

/*
.node-columns-listing .view-content-wrap .item .img-wrap a {
    display: block;
    height: 100%;
}*/

.node-columns-listing .view-content-wrap .item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-bottom: 3px solid #000;
}

.node-columns-listing .view-content-wrap .item .content-wrap {
    display: block;
    padding-top: 10px;
}

.node-columns-listing .view-content-wrap .item .title {
    margin-bottom: 20px;
    margin-top: 20px;
}

.node-columns-listing .view-content-wrap .item .title a {
    font-family: 'Barlow Condensed';
    font-weight: bold;
    font-size: 29px;
    line-height: 41px;
    color: #000;
}

@media(max-width: 1200px) {
    .node-columns-listing .view-content-wrap .item .title a {
        font-size: 22px;
        line-height: 30px;
    }
}

.hashtags-news .node-columns-listing .view-content-wrap .title > a {
    font-family: 'Brygada 1918';
}

.node-columns-listing .taxonomy-related-listing.view-content-wrap .title > a {
    font-family: 'Barlow Condensed';
}

.node-columns-listing .view-content-wrap .element.historical .title a {
    font-family: 'Brygada 1918' !important;
}


.node-columns-listing .view-content-wrap .item .title .tag a {
    font-weight: normal;
    font-size: 26px;
    margin-top: 4px;
    font-family: 'Barlow Condensed' !important;
}
.node-columns-listing .view-content-wrap .item .title a:active,
.node-columns-listing .view-content-wrap .item .title .tag a:active {
  color: #BD1D1D;
}

.node-columns-listing .view-content-wrap .item .desc {
    font-size: 18px;
    line-height: 31px;
    font-family: Barlow;
    color: #000;
}

@media(max-width: 1200px) {
    .node-columns-listing .view-content-wrap .item .desc {
        font-size: 14px;
        line-height: 22px;
    }
}

@media(max-width: 768px) {
    .node-columns-listing .view-content-wrap .item .desc {
        font-size: 12px;
        line-height: 17px;
        display: block;
    }
}

.node-columns-listing .view-content-wrap .item .category {
    font-size: 12px;
    font-family: Barlow;
    line-height: 17px;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 30px;
    margin-top: 25px;
}

.node-columns-listing .view-content-wrap .item .category a {
    color: #000;
}
.node-columns-listing .view-content-wrap .item .category a:active {
  color: #BD1D1D;
}

 .konkurs-muzeum-westerplatte .gsc-box-info .image {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9;
    top: 0;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    }

    .konkurs-muzeum-westerplatte .gsc-column {
        padding-bottom: 30px;
    }
    .konkurs-muzeum-westerplatte .gsc-box-info .content {
        width: 100%;
        padding: 0px;
    }

    .konkurs-muzeum-westerplatte .gsc-box-info .content .readmore {
        margin-top: 0px;
        width: 100%;
        height: 150px;
        position: absolute;
        bottom: -370px;
        background: rgb(0, 0, 0, 0.6);
      }

      .konkurs-muzeum-westerplatte .btn {
        font-size: 20px;
        text-transform: uppercase;
        background: none;
        color: #bbb3a3;
        letter-spacing: 1px;
        padding: 20px 0px 0px 10px;
        border-radius: 30px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 30px;
        -ms-border-radius: 30px;
        -o-border-radius: 30px;
        position: relative;
        display: inline-block;
        -webkit-transition: all 0.35s;
        -o-transition: all 0.35s;
        transition: all 0.35s;
        -moz-transition: all 0.35s;
        -ms-transition: all 0.35s;
        border: none;
      }

      .konkurs-muzeum-westerplatte  .btn-theme::after {
        content: none;
        font-family: "gva-icon";
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 1;
        font-size: 16px;
      }