pre {
    display: block;
    padding: 15px;
    font-size: 12px;
    color: white;
    background: #00000087;
    line-height: 13px;
    border-radius: 8px;
}

html {
    scroll-behavior: smooth;
    font-weight: 100;
    overflow-x: hidden;
}

body {
    background-color: white;
    overflow-x: hidden;
}

/*colours*/
:root {
    --poly-green: #1B512D;
    --light-green: #2bc32b;
    --dark-green: #1B291B;
    --midnight-green: #00393b;
    --gunmetal: #00242d;
    --black-bean: #3C1518;
    --vanilla: #F2F3AE;
    --ash-gray: #AEC3B0;
    --wine: #6A2E35;
    --rosy-brown: #BD897E;
    --melon: #EFB0A1;
}

figure {
    margin: 0 0 1em;
}

/*.left.item-image {*/
/*    float: none;*/
/*}*/

a {
    text-decoration: none;
    color: var(--rosy-brown);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

a:hover {
    color: var(--black-bean);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

p {
    font-family: Oswald, serif;
    font-weight: 300;
}

div#wrapper {
    padding: 10px;
}


.btn-secondary {
    font-family: Oswald, serif;
    color: white;
    background-color: var(--rosy-brown);
    border: none;
    border-radius: 0;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.btn-secondary:hover {
    color: white;
    background-color: var(--black-bean);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

span.icon-chevron-left.left {
    display: none;
}


div#headerwrapper {
    z-index: 10000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: var(--black-bean);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

/*div#headerwrapper::after {*/
/*    display: block;*/
/*    content: "";*/
/*    width: 100%;*/
/*    height: 5px;*/
/*    background-color: var(--gunmetal);*/
/*}*/

div#headerwrapper > .inner, div#headerwrapper {
    width: 100%;
    height: 60px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

div#headerwrapper + div {
    margin-top: 60px;
}

div#logo {
    position: absolute;
    margin-top: 13px;
    z-index: 20000;
    margin-left: 10px;
    width: 155px;
}

div#social {
    margin-top: 7px;
}

.social.tck-module img {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.social.tck-module img:hover {
    transform: scale(1.1);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

/*div#bottomwrapper::after {*/
/*    display: block;*/
/*    content: "";*/
/*    width: 100%;*/
/*    height: 5px;*/
/*    background-color: var(--dark-green);*/
/*}*/







/*mainmenu*/

div#headercolumn3 {
    display: flex;
    flex-direction: row;
    /*gap: 100px;*/
}

#mainmenu div[id^=maximenuck] ul.maximenuck {
    display: flex !important;
    background: transparent;
    flex-wrap: nowrap;
    justify-items: center;
    align-items: stretch;

}

#mainmenu div[id^=maximenuck] span.titreck-text {
    color: white;
    font-weight: 100;
    font-size: 16px;
    font-family: DM Serif Text, serif;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

#mainmenu div[id^=maximenuck] span.titreck-text:hover {
    color: white;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

div#maximenuck111 ul.maximenuck li.maximenuck.level1.active > a.maximenuck span.titreck-text {
    color: var(--rosy-brown);
}

div#maximenuck111 ul.maximenuck li.maximenuck.level1:hover,
div#maximenuck111 ul.maximenuck li.maximenuck.level1.active {
    background: transparent;
}

div#maximenuck111 ul.maximenuck li.level1.parent:hover > a:after, div#maximenuck111 ul.maximenuck li.level1.parent:hover > span.separator:after {
    display: none;
}

#mainmenu li div.floatCK, #mainmenu li div.floatck {
    background-color: #3c1518de;
    border: none;
    box-shadow: none;
}

div#maximenuck111 ul.maximenuck li.level1.parent > a:after, div#maximenuck111 ul.maximenuck li.level1.parent > span.separator:after {
    display: none;
}

div#maximenuck111 ul.maximenuck li.maximenuck ul.maximenuck2 li.parent:hover > a:after,
div#maximenuck111 ul.maximenuck li.maximenuck ul.maximenuck2 li.parent:active > a:after {
    display: none;
}

div#maximenuck111 ul.maximenuck li.maximenuck ul.maximenuck2 li > .nav-header {
    border-bottom: none;
}

#mainmenu ul.maximenuck li li:hover, #mainmenu ul.maximenuck li li:focus {
    background: transparent;
}

#mainmenu ul.maximenuck li li:hover, #mainmenu ul.maximenuck li li:focus a {
    color: white;
}

li.maximenuck.headingck.item130.parent.level1.maximenuckanimation, li.maximenuck.headingck.item131.parent.level1.maximenuckanimation, li.maximenuck.headingck.item136.parent.level1.maximenuckanimation  {
    align-content: center;
}

#mainmenu li div.maxidrop-main {
    width: 245px;
}

div#maximenuck110 ul.maximenuck li.maximenuck.level1:hover, div#maximenuck110 ul.maximenuck li.maximenuck.level1.active {
    background: transparent;
}

div#maximenuck110 ul.maximenuck li.level1.parent > a:after {
    display: none;
}
div#maximenuck110 ul.maximenuck li.maximenuck ul.maximenuck2 li > .nav-header {
    border-bottom: none;
}

#mainmenu div[id^=maximenuck] ul.maximenuck li.maximenuck.level1, #video div[id^=maximenuck] ul.maximenuck li.maximenuck.level1 {
    margin: 0;
    line-height: 32px;
    padding-left: 18px;
    padding-right: 26px;
    position: relative;
}

div#maximenuck111 .maxiFancybackground {
    display: none !important;
}

#search > .inner .search .tck-module-text {
    display: flex;
    justify-content: flex-end;
    flex-direction: row;
    padding: 9px 0;
    width: 250px;
}

div#headercolumn5 {
    width: 50px;
}

form.mod-finder.js-finder-searchform.form-search.mainsearchmodule.opacity0 {
    opacity: 0;
}

#searchfocus {
    cursor: pointer;
    width: 32px;
    margin-top: 3px;
    margin-right: 15px;
}

form.mod-finder.js-finder-searchform.form-search.mainsearchmodule {
    opacity: 1;
    position: relative;
    top: 0px;
    right: 0;
    -webkit-transition: all .1s
    linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    /* transition: all .1s
linear; */
}

div#headerwrapper.scrolled form.mod-finder.js-finder-searchform.form-search.mainsearchmodule {
    top: -7px;
}

div#headerwrapper.scrolled .mod-finder input.js-finder-search-query {
    padding: 5px;
}

div#headerwrapper.scrolled #searchfocus {
    width: 24px;
    margin-top: -4px;
    margin-right: 10px;
}

/*mainpage*/

    /*slider*/

.slickck-descinner {
    position: absolute;
    top: 61%;
    left: 9%;
    right: 0;
    z-index: 1000;
}

.slickck-title {
    color: white;
    font-family: Oswald, serif;
    font-size: 50px;
}

.slickck-text {
    color: white;
    font-family: Oswald, serif;
}

.slickck-text a {
    font-family: Oswald,serif;
    color: white;
    background-color: var(--rosy-brown);
    padding: 10px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.slickck-text a:hover {
    background-color: var(--black-bean);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;

}

.slickck-text {
    margin-top: 10px;
}

.slickck-image {
    height: 600px;
    filter: brightness(0.5);
}

.slick-slide img {
    display: block;
    height: 600px;
    width: 100%;
    object-fit: cover;
}

.slick-next {
    right: 15px !important;
}

.slick-prev {
    left: 15px !important;
    z-index: 1000 !important;
}

.slick-dots {
    bottom: 10px !important;
}

.slick-dotted.slick-slider {
    margin-bottom: 0 !important;
}


    /*mutargy*/

/*div#topwrapper {*/
/*    background: var(--black-bean);*/
/*}*/

#verticalmodules > .inner {
    max-width: 1300px;
    padding: 0 10px;
    margin: 40px auto;
    gap: 20px;
}

div#verticalmodulescolumn2 {
    align-content: center;
}


.verticalleft figure.newsflash-image.mainpage-news-image img {
    width: 100%;
    height: 482px;
    object-fit: cover;
    object-position: center;
    filter: brightness(0.5);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}


.verticalleft figure.newsflash-image.mainpage-news-image img:hover, .verticalleft h4.newsflash-title a:hover img  {
    filter: none;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.verticalleft h4.newsflash-title a:hover {
}

.verticalleft .mod-articlesnews__item {
    position: relative;
    margin-top: 2em;
}

.verticalleft h4.newsflash-title a {
    /*position: absolute;*/
    /*top: 50%;*/
    /*left: 16%;*/
    /*right: 0;*/
    /*bottom: 0;*/
    /*color: white;*/
    /*font-family: 'Oswald', serif;*/
    /*letter-spacing: 2px;*/
    /*text-shadow: 0.03em 0.03em 0 var(--rosy-brown);*/
    display: none;
}

div#verticalright {
    background-color: var(--rosy-brown);
    height: 480px;
}

.mainpage-welcome {
    padding: 13px;
}

.mainpage-welcome h4 {
    font-family: Oswald, serif;
    color: white;
    font-size: 27px;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0.03em 0.03em 0 var(--black-bean);
}
.mainpage-welcome p {
    font-family: Oswald, serif;
    font-weight: 100;
    color: white;
}

div#centerwrapper {
    background-color: var(--black-bean);
    padding: 15px 0 15px 0;
}

.centermodule h3.tck-module-title {
    color: white;
    font-family: Oswald, serif;
    text-transform: uppercase;
    font-size: 45px;
    padding: 10px 0 5px 0;
    text-shadow: 0.03em 0.03em 0 var(--rosy-brown);
}

.centermodule h4.newsflash-title a, .centermodule .main-newsflash-item p {
    color: white;
    font-family: Oswald, serif;
}

.centermodule .main-newsflash-item p {
    font-weight: 100;
}

.bottommodule h3.tck-module-title, .verticalleft h3 {
    font-family: Oswald, serif;
    text-transform: uppercase;
    padding: 10px 0 10px 0;
    font-size: 45px;
    text-shadow: 0.03em 0.03em 0 var(--rosy-brown);
}

div#bottommodule {
    margin: 20px 0 40px 0;
}



    /*partners*/

.partners-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 50px 10px;
}

.partners-images {
    display: flex;
    gap: 30px;
    align-items: center;
}

.partners-images img {
    width: 160px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.partners-images img:hover {
    transform: scale(1.1);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

/*exhibitions*/

.actualexhibitions .com-content-category-blog.blog.tck-blog {
    display: flex;
    flex-direction: column;
    gap: 15px;
    /*padding: 10px;*/
}

.actualexhibitions .blog-item.tck-article {
    flex-direction: row;
    gap: 15px;
    padding-bottom: 15px;
}

.actualexhibitions .blog-item.tck-article figure.left.item-image {
    width: 40%;
    object-fit: cover;
    object-position: center;
}

.actualexhibitions .blog-item.tck-article .item-content {
    width: 60%;
}



.actualexhibitions .tck-article-title a {
    text-transform: none;
}

.item-pageactualexhibitions {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.com-content-category-blog__item.blog-item.exhibitions-intro-card {
    display: flex;
    flex-direction: column;
    width: 50%;
}

.com-content-category-blog__items.blog-items.exhibitions-card-container {
    display: flex;
    flex-direction: row;
    gap: 15px;
}

.exhibitions-intro-card .item-image {
    margin: 0;
}

.exhibitions-intro-card img {
    height: 400px;
    object-fit: cover;
    object-position: center;
}

.exhibitionplaces .page-header {
    padding: 15px 0;
    text-align: center;
}

.exhibitionplaces .com-content-category-blog.blog h1, .actualexhibitions .com-content-category-blog.blog h1 {
    font-family: Oswald, serif;
    text-transform: uppercase;
    padding: 10px;
    font-size: 45px;
    text-shadow: 0.03em 0.03em 0 var(--rosy-brown);
}

.view-article.exhibitionplaces .header-and-image img {
    /*max-width: 1200px;*/
    /*width: 1200px;*/
    height: 350px;
    object-fit: cover;
    object-position: center;

}

.header-and-image {
    position: relative;
}

.view-article.exhibitionplaces h2.tck-article-title {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -328px;
    background-color: #bd897ebf;
    color: white;
    text-shadow: 0.03em 0.03em 0 var(--black-bean);
    padding: 10px;
}



.exhibition-extra h3 {
    text-align: center;
    font-family: Oswald, serif;
    padding: 10px;
    text-shadow: 0.03em 0.03em 0 var(--rosy-brown);
}

.exhibition-extra p {
    text-align: center;
}

.exhibition-extra a {
    background-color: var(--rosy-brown);
    color: white;
    padding: 10px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.exhibition-extra a:hover {
    background-color: var(--black-bean);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.exhibitionplaces .mod-articlesnews__item {
    display: flex;
    flex-direction: row;
    gap: 15px;
    padding: 10px;
}

.active-exhibitions {
    margin: 10px 0;
}

.exhibitionplaces .mod-articlesnews__item p {
    color: black;
}

.exhibitionplaces h4.newsflash-title {
    font-family: Oswald, serif;
    text-shadow: 0.03em 0.03em 0 var(--black-bean);
}

.active-exhibitions h3 {
    font-family: Oswald, serif;
    padding: 10px;
    color: black;
    text-shadow: 0.03em 0.03em 0 var(--rosy-brown);
    text-transform: uppercase;
    font-size: 45px;
}

.exhibition-details p, .exhibition-location {
    padding: 10px;
}

.exhibition-extra {
    padding: 20px;
}

.exhibitionplaces div#wrapper {
    padding: 0;
}

.actualexhibitions .item-image {
    float: none;
    align-self: center;
}

.page-link {
    border: none;
}
.page-item.active .page-link {
    background-color: var(--rosy-brown);
    border: none;
}

.page-link:hover {
    background-color: transparent;
    border-color: transparent;
    color: var(--black-bean);
}

.page-link {
    color: var(--black-bean);
}

.page-link:focus {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
}


/*newspage*/

.newspage-news-item {
    display: flex;
    flex-direction: row !important;
    gap: 20px;
}

/*.newspage-news-item-container {*/
/*    padding: 10px 10px;*/
/*}*/

.newspage-news-item figure.item-image {
    width: 30%;
}

.newspage-header, .educpage-header, .artworkpage-header {
    padding: 10px 10px;
}

.newspage-header h1, .educpage-header h1, .artworkpage-header h1 {
    font-family: Oswald, serif;
    text-transform: uppercase;
    font-size: 45px;
    text-shadow: 0.03em 0.03em 0 var(--rosy-brown);

}

.newspage-item-content {
    width: 70%;
}

.newspage-item-content a {
    color: black;
    font-family: Oswald, serif;
    font-size: 33px;
    text-shadow: none;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.newspage-item-content a:hover {
    color: var(--rosy-brown);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.news-publish_date, .educ-publish_date {
    font-style: italic;
    font-family: Oswald, serif;
}

.news-article-publish_date {
    text-align: right;
}

.news-article-page-header h2.tck-article-title, .news-article-publish_date {
    font-family: Oswald, serif;
}

.backbutton {
    margin: 15px 0;
}

.newspage-item-content .page-header h2 {
    text-transform: none;
}





/*gallery*/

.layout-mainmedia .page-header {
    color: black;
    margin: 10px 0 10px 0;
    text-shadow: 0.07em 0.07em 0 var(--rosy-brown);
}

.masonrypics {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 10px;
}

.masonrypics a img {
    width: 490px;
    height: 315px;
    object-fit: cover;
}

.masonrypics a {
    position: relative;
}

span.imagedesc {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    background-color: #bd897ecc;
    color: white;
    padding: 7px;
    font-family: Oswald, serif;
    font-size: 14px;
}

.layout-mainmedia h2.tck-article-title {
    text-align: center;
    padding: 15px;
    font-family: Oswald, serif;
    font-weight: 700;
}

/*visitorinfo*/

.layout-mainvisitorinfo .blog-article-title h2 {
    font-family: Oswald, serif;
    color: black;
    text-transform: uppercase;
    text-shadow: 0.03em 0.03em 0 var(--rosy-brown);
    font-size: 45px;
}

.contacts {
    display: flex;
     flex-direction: row;
    align-items: center;
    gap: 15px;
    padding: 10px;
}

div#contact_one, div#contact_two, div#contact_three {
    width: 33%;
}

.contact-item {
    display: flex;
    flex-direction: column;
    text-align: center;
}

i.vinfo-icon {
    font-size: 27px;
}

.blog-article-title {
    margin: 15px 0;
}

iframe {
    width: 100%;
    height: 340px;
}


form#userForm {
    font-family: Oswald, serif;
    padding: 15px;
}

.form-control {
    max-width: 100%;
    background-color: white;
    border-radius: 0;
}

.form-control:focus {
    border-color: grey;
    box-shadow: none;
}

button#submit {
    border-radius: 0;
    background-color: var(--rosy-brown);
    border: none;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

button#submit:hover {
    background-color: var(--black-bean);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.vinfo-articleslist div.contactinfo-item:nth-child(3) {
    background-color: var(--rosy-brown);
    margin-bottom: 15px;
    padding: 15px;
}

.vinfo-articleslist div.contactinfo-item:nth-child(3) .blog-article-title h2 {
    color: white;
    text-shadow: 0.03em 0.03em 0 var(--black-bean);
}

a.readmorelink {
    color: white;
    font-family: Oswald, serif;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

a.readmorelink:hover {
    color: var(--black-bean);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.page-header h2 {
    font-family: Oswald, serif;
    font-size: 45px;
    text-transform: uppercase;
    text-shadow: 0.03em 0.03em 0 var(--rosy-brown);
}

table {
     text-align: center;
}

table td {
    font-family: Oswald, serif;
    font-weight: 400;
    font-size: 20px;
    text-shadow: 0.03em 0.03em 0 var(--rosy-brown);
}

/*.page-header {*/
/*    padding: 15px 0;*/
/*}*/

.itemid-139.pageid-2 dd.published {
    display: none;
}

.exhibition-ophours h3, .exhibition-ophours p, .exhibition-fee {
    color: white;
    font-family: Oswald, serif;
    padding-top: 10px;
    text-shadow: 0.03em 0.03em 0 var(--rosy-brown);
}

.exh-oph-fee-container {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    background-color: var(--black-bean);
}

.exhibition-fee {
    align-content: center;
}

.exhibition-location h3 {
    font-family: Oswald, serif;
    padding-top: 15px;
    text-shadow: 0.03em 0.03em 0 var(--rosy-brown);
    text-transform: uppercase;
}

/*services*/

.library .left.item-image {
    float: none;
    text-align: center;
}

/*sportshistory*/

.educpage-educ-item-container, .artworkpage-artwork-item-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 15px;
}

.educpage-item-content h2, .artworkpage-item-content h2 {
    font-size: 22px;
    text-transform: none;
}

.artworkpage-artwork-item img, .newspage-news-item img, .educpage-educ-item img {
    height: 340px;
    object-fit: cover;
    object-position: center;
}

/*museumhistory*/

.view-category.museumhistory h1 {
    color: black;
    font-family: 'Oswald', serif;
    text-transform: uppercase;
    text-shadow: 0.03em 0.03em 0 var(--rosy-brown);
    text-align: center;
    font-size: 45px;
}

.museumhistory .page-header h2 {
    font-size: 30px;
    text-shadow: 0.03em 0.03em 0 var(--black-bean);
}



/*footer*/

div#footerwrapper {
    background-color: var(--black-bean);
    background-size: 110%;
    padding: 40px;
}

.footer3 p {
    text-align: center;
}

.footer1 a, .footer4 a {
    color: white;
    font-family: Oswald, serif;
    font-size: 18px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.footer4 {
    text-align: right;
}

.footer1 a:hover, .footer4 a:hover {
    color: var(--rosy-brown);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;

}

p.footer-social img {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

p.footer-social img:hover {
    transform: scale(1.1);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}



@media screen and (min-width: 1368px) {


    div#headerwrapper.scrolled,
    div#headerwrapper.scrolled > .inner {
        height: 40px;
        -webkit-transition: all .2s linear;
        -moz-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear;
    }

    div#headerwrapper.scrolled div#headerwrapper::after {
        height: 10px;
    }

    div#headerwrapper.scrolled div#social {
        margin-top: -4px;
    }



    div#headerwrapper.scrolled #headercolumn2,
    div#headerwrapper.scrolled #headercolumn3div#headerwrapper.scrolled #headercolumn4 {
        height: 30px;
        -webkit-transition: all .2s linear;
        -moz-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear;
    }

    div#headerwrapper.scrolled #mainmenu div[id^=maximenuck] ul.maximenuck {
        height: 40px;
        padding-top: 	0px;
        padding-bottom: 0px;
        align-items: center;
        gap: 40px;
        margin-top: -2px;
        -webkit-transition: all .2s linear;
        -moz-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear;
    }

    div#headerwrapper.scrolled #mainmenu div[id^=maximenuck] span.titreck-title {
        font-size: 13px;
        padding-left: 5px;
        -webkit-transition: all .2s linear;
        -moz-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear;
    }

    div#headerwrapper.scrolled #mainmenu div[id^=maximenuck] ul.maximenuck li.maximenuck.level1, #video div[id^=maximenuck] ul.maximenuck li.maximenuck.level1 {
        padding-left: 0px;
    }

    div#headerwrapper.scrolled #mainmenu div[id^=maximenuck] ul.maximenuck {
        margin-top: 0px;
    }

    div#headerwrapper.scrolled div#logo {
        margin-top: 0px;
        -webkit-transition: all .2s linear;
        -moz-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear;
    }
    div#headerwrapper.scrolled .tck-logo-img {
        margin-top: 5px;
        width: 140px;
        -webkit-transition: all .2s linear;
        -moz-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear;
    }

    div#headerwrapper.scrolled .social.tck-module img {
        width: 25px;
        margin-top: 5px;
    }







}

@media screen and (min-width: 1120px) {
    /*exhib*/
    .view-article.exhibitionplaces .header-and-image img {
        max-width: 12000px;
        /*width: 1200px;*/
        height: 500px;
    }


    .view-article.exhibitionplaces .com-content-article__body.tck-article-body, .active-exhibitions {
        max-width: 1200px;
        margin: 0 auto;
    }

    .view-article.exhibitionplaces h2.tck-article-title {
        bottom: -478px;
    }


    .view-article.exhibitionplaces .container,  .view-article.exhibitionplaces .tck-container {
        max-width: 12000px;
    }
}

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

    /*mainmenu*/


    div#headerwrapper {
        height: 60px;
    }

    div#logo {
        width: 140px;
        position: absolute;
        top: 3px;
        left: 0;
        z-index: 100001;
        height: 44px;
    }

    div#headercolumn3 {
        top: 5px;
        width: 100%;
        position: absolute;
        height: 44px;
    }

    .homepage div#headerwrapper + div {
        margin-top: 60px;
    }

    div#headercolumn5 {
        display: none;
    }

    div#social {
        display: none;
    }

    [data-id="maximenuck111"] .mobilemenuck-bar-title, [data-id="maximenuck111"] .mobilemenuck-bar-button {
        background: transparent !important;
        color: white !important
    }

    [data-id="maximenuck111"] .mobilemenuck-bar-button {
        padding-top: 0 !important;
        align-content: space-around;
        font-size: 2.8em !important;
    }

    [data-id="maximenuck111"].mobilemenuck {
        background-color: #3c1518de;
    }

    .mobilemenuck-topbar .mobilemenuck-title {
        background: transparent;
    }
    .mobilemenuck-topbar .mobilemenuck-button {
        color: white;
        line-height: 54px;
    }

    [data-id="maximenuck111"] .mobilemenuck-item > .level1 {
        background-color: transparent;
    }

    [data-id="maximenuck111"] .level2 + .mobilemenuck-submenu .mobilemenuck-item > div:not(.mobilemenuck-submenu) {
        background-color: transparent;
    }

    [data-id="maximenuck111"] .mobilemenuck-item > .level1:not(.headingck):hover, [data-id="maximenuck111"] .mobilemenuck-item > .level1.open,
    [data-id="maximenuck111"] .mobilemenuck-item > .level2:not(.headingck):hover, [data-id="maximenuck111"] .mobilemenuck-item > .level2.open,
    [data-id="maximenuck111"] .level2 + .mobilemenuck-submenu .mobilemenuck-item > div:not(.headingck):not(.mobilemenuck-submenu):hover, [data-id="maximenuck111"] .mobilemenuck-item > .level2 + .mobilemenuck-submenu .mobilemenuck-item > div.open:not(.mobilemenuck-submenu) {
        background-color: transparent;
        color: white;
    }

    #mainmenu div[id^=maximenuck] span.titreck-text {
        color: white;
    }

    #mainmenu div[id^=maximenuck] span.titreck-text:hover {
        color: var(--rosy-brown);
    }

    [data-id="maximenuck111"] .mobilemenuck-item > .level2 {
        background: transparent;
    }

    #mainmenu div[id^=maximenuck] span.titreck-text {
        font-size: 13px;
    }

    [data-id="maximenuck111"].mobilemenuck {
        color: #FFFFFF;
        padding-bottom: 5px;
        font-weight: bold;
        font-size: 1.2em;
        top: 55px !important;
        left: -202px !important;
        position: absolute !important;
        width: 230px;
    }

    div#headercolumn3 {
        display: flex;
        flex-direction: row-reverse;
        gap: 0;
    }

    form.mod-finder.js-finder-searchform.form-search.mainsearchmodule {
        margin-top: -4px;
    }


    [data-id="maximenuck111"] .mobilemenuck-item > .level2[data-id="maximenuck111"] .mobilemenuck-item > .level2  {
        display: none !important;
    }

    [data-id="maximenuck111"] .mobilemenuck-togglericon:after {
        background: transparent;
        color: white;
    }

    #maximenuck111-mobile-bar, #maximenuck111-mobile-bar-wrap-topfixed {
        display: block !important;
    }

    #searchfocus {
        margin-right: 16px;
        margin-top: 0;
    }

    .mobilemenuck-topbar {
        display: none;
    }

    /*mainpage*/

    .main-newsflash-item {
        margin: 10px;
    }

    .centermodule h3.tck-module-title, .bottommodule h3.tck-module-title {
        padding: 10px 0 5px 10px;
    }

    form.mod-finder.js-finder-searchform.form-search.mainsearchmodule.opacity0 {
        z-index: -1 !important;
    }

}

@media screen and (min-width: 1450px) and (max-width: 1630px) {
    div#headercolumn3 {
        gap: 35px;
    }

    #mainmenu div[id^=maximenuck] ul.maximenuck li.maximenuck.level1, #video div[id^=maximenuck] ul.maximenuck li.maximenuck.level1 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media screen and (min-width: 1368px) and (max-width: 1450px) {
    #mainmenu div[id^=maximenuck] ul.maximenuck li.maximenuck.level1, #video div[id^=maximenuck] ul.maximenuck li.maximenuck.level1 {
        padding-left: 10px;
        padding-right: 10px;
    }

    div#headercolumn3 {
        gap: 0;
    }

    #searchfocus {
        margin-right: 25px;
    }
}

@media screen and (min-width: 900px) {

    .actualexhibitions .com-content-category-blog__items > .com-content-category-blog__item:nth-child(even) {
        display: flex;
        flex-direction: row-reverse;
    }

    .actualexhibitions .com-content-category-blog__items > .com-content-category-blog__item:nth-child(even) .page-header {
        text-align: right;
    }
}

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

    .slickck-title {
        font-size: 30px;
        /*hyphens: auto;*/
    }

    .mod-articlesnews-horizontal.newsflash-horiz.mod-list, .com-content-category-blog__items.blog-items.exhibitions-card-container {
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    .partners-images {
        flex-direction: column;
    }

    div#footerwrapper {
        padding: 10px;
    }

    .bottommodule h3.tck-module-title, .verticalleft h3, .centermodule h3.tck-module-title {
        text-align: center;
    }

    .mainpage-welcome p, .centermodule .main-newsflash-item p, p {
        font-size: 14px;
    }

    .verticalleft h4.newsflash-title a {
        display: none;
    }

    .exhibitionplaces .com-content-category-blog.blog h1, .actualexhibitions .com-content-category-blog.blog h1,.active-exhibitions h3, .newspage-header h1, .educpage-header h1, .artworkpage-header h1,
    .layout-mainvisitorinfo .blog-article-title h2 {
        text-align: center;
    }

    .actualexhibitions .blog-item.tck-article {
        flex-direction: column;
    }

    .actualexhibitions .blog-item.tck-article figure.left.item-image, .actualexhibitions .blog-item.tck-article .item-content, .com-content-category-blog__item.blog-item.exhibitions-intro-card {
        width: 100%;
        /*padding: 0 10px 0 10px;*/
    }

    .actualexhibitions .page-header {
        padding: 0;
    }

    .page-header h2, .active-exhibitions h3, .newspage-header h1, .educpage-header h1, .artworkpage-header h1, .view-category.museumhistory h1 {
        font-size: 30px;
        hyphens: auto;
    }

    .exh-oph-fee-container {
        flex-direction: column;
        text-align: center;
    }

    .exhibition-extra h3, .museumhistory .page-header h2 {
        font-size: 17px;
    }

    .exhibition-extra a {
        font-size: 14px;
    }

    .educpage-educ-item-container, .artworkpage-artwork-item-container {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .masonrypics {
        grid-template-columns: 1fr;
    }

    .library .page-header h2 {
        text-align: center;
    }

    .contacts {
        flex-direction: column;
    }

    div#contact_one, div#contact_two, div#contact_three {
        width: 100%;
    }

    .footer-contacts {
        text-align: center;
    }

    .news-publish_date, .educ-publish_date {
        font-size: 12px;

    }

    .newspage-item-content a {
        font-size: calc(1.275rem + .3vw);
    }

    .newspage-news-item {
        flex-direction: column !important;
        gap: 0;
    }

    .newspage-item-content {
        width: 100%
    }

    .newspage-news-item figure.item-image {
        width: 100%;
    }

    /*.newspage-news-item img, .educpage-educ-item img {*/
    /*    height: 325px;*/
    /*    object-fit: cover;*/
    /*    object-position: center;*/
    /*}*/





}

@media screen and (min-width: 524px) and (max-width: 900px) {
    .masonrypics {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .masonrypics a img {
        width: 100%;
        height: 260px;
        object-fit: cover;
        object-position: center;

    }

}

@media screen and (max-width: 768px) {
    table td {
        font-size: 12px;
    }

    .footer1 p {
        text-align: center;
    }

    .footer1 p a, .footer-contacts a {
        font-size: 15px;
    }

}

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

    .bottommodule h3.tck-module-title, .verticalleft h3, .centermodule h3.tck-module-title, .exhibitionplaces .com-content-category-blog.blog h1, .actualexhibitions .com-content-category-blog.blog h1,
    .active-exhibitions h3, .layout-mainvisitorinfo .blog-article-title h2 {

        font-size: 30px;
        margin: 0 5px 0 5px;
        hyphens: auto;
    }

    .page-header h2 {
        font-size: 22px;
        hyphens: auto;
    }

    .actualexhibitions .page-header h2 {
        text-align: left;
    }



}