/* region Variables */
:root {
    --main-text: #ffffff;
    --border-radius: 8px;
    --retreat: 0 80px 0 80px;
    --grey-text: #999999;
    --grey-light: #cccccc;
    --grey-bg: #F1F2F3;
}

.map iframe { height: 900px;}
.main-page { min-width: 375px; box-sizing: border-box; height: 100%;margin: auto; }
.main-content { margin-left: 25%; }
.main-page__content { overflow: hidden; }
.section-title { margin-block: 35px; } /* padding-left: calc(26% - 13px) */
.section-title h2 { font-size: 60px;font-weight: 700;line-height: 1.2; color: #000;}
.content-wrapper { width: 100%; min-width: 375px; padding: 0 0 0 170px; box-sizing: border-box; margin: 0 auto; position: relative;}
.txt-bold { font-weight: 500;}

/* --------------------------------- */
/*.header { position: relative;}*/
.header { position: absolute;top: 0; background-color: transparent;width: 100%;z-index: 100; border-bottom: 1px solid rgba(204, 204, 204, 0.4);}
.header-content { display: flex; justify-content: space-between; padding: 20px 20px 12px; }
.header-content::before { content: ''; position: absolute; width: 100%; left: 0; height: 1px; top: 50px;background-color: var(--grey-light);opacity: 0.4;}

.header-seo { display: flex; gap: 140px; padding-left: 80px;  padding-bottom: 12px;padding-top: 12px;}
.header-seo .seo-text { font-size: 3px; color: var(--grey-light); max-width: 125px; }
.header-logo { padding-top: 5px; padding-left: 59px; padding-bottom: 15px; z-index: 2;}
.header-languages a { padding-inline: 10px; font-size: 17px; text-transform: uppercase; color: #000; }
.header-languages a.current {color: var(--grey-light);}
.header-menu { align-self: end; padding: 10px 20px;  margin-top: 45px;}
.header-menu .header-navbar ul li.first::before {  content: ''; position: absolute; width: 33px; left: 30%; height: 1px; top: -22px;background-color: #000; transform: rotate(90deg);opacity: 0; }
.header-menu .header-navbar ul li:hover::before {opacity: 0.6;}
.header-menu .header-navbar ul li:hover::after {opacity: 0.6;}
.header-menu .header-navbar .main-link {position: relative; font-size: 16px;color: #fff; text-transform: uppercase;line-height: 1.2; }
.header-menu .header-navbar .main-link:hover { text-decoration: none; }
.header-menu .header-navbar .main-link::before { content: ""; display: block;position: absolute;top: 3px;opacity: 0.5;left: -15px;width: 5px;height: 5px;border-left: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg);margin: 2px;}
body.inside .header-menu .header-navbar .main-link { color: #000;}
body.inside .header-menu .header-navbar .main-link::before {border-left: 2px solid var(--grey-text); border-bottom: 2px solid var(--grey-text); }

.header-navbar ul li { display: inline-block;margin-right: 20px; font-size: 17px; padding: 7px 15px; font-weight: 300; position: relative;}
.header-navbar ul li:hover > ul { display: flex; flex-direction: column;  }
.header-navbar ul li ul { position: absolute; top: 30px; left: 0; padding: 10px 0; display: none;  border-bottom: none; transition: display 2s; background-color: #ffffff66; z-index: 100; }
.header-navbar ul li ul li { position: relative; width: 220px; margin: 0 25px; box-sizing: border-box; border-bottom: 1px solid #000; opacity: 0; transform: translateX(-30px); transition: opacity 0.5s ease, transform 0.5s ease; }
.header-navbar ul li ul li:last-of-type { border-bottom: none;}
.header-navbar ul li ul li.show {  opacity: 1; transform: translateX(0);}
.header-navbar ul li ul li::after { display: none; }
.header-navbar ul li ul li a { display: block; padding: 10px 0; line-height: 21px; font-size: 15px; text-decoration: none; color: #000; transition: all .2s; }
.header-navbar ul li ul li a:hover { text-shadow: 0 0 15px #FFFFFF;  -moz-transform: scale(1.05); -webkit-transform: scale(1.05);  -o-transform: scale(1.05); transform: scale(1.05); }

.header-menu-burger { display: none; float: right; width: 40px;padding: 29px 10px 10px;overflow: hidden;cursor: pointer;}
.menu-btn { float: right; width: 100%; height: 3px; background: #000; margin: 3px 0; border-radius: 45px; }
.menu-btn.short { width: 70%; }

/* --------------------------------- */
.banner { margin-bottom: 22px; }
.hero-slider { position: relative; max-height: 610px; width: 100%; display: inline-block; padding: 0;}
.hero-slider .slider__content { display: block;position: relative; cursor: pointer; }
.hero-slider .slider__content .slide__image { filter: grayscale(1) contrast(0.5); height: 610px; background-size: cover !important; }
.hero-slider .slider__content .slide__itext { width: 100%; position: absolute; background: #0000004f; color: #fff; bottom: 0; padding: 30px;}
.hero-slider .slider__content .slide__itext h3 { font-size: 40px; font-weight: 200;}
.hero-slider .slider__content .slide__itext p {font-weight: 200; font-size: 15px; }
.hero-slider .slider__content .slide__itext a { color: #fff;}
.hero-slider .slide__text {position: absolute; bottom: 100px; left: 77px; color: #000; max-width: 700px;}
.hero-slider .slide__text a { color: #000; }
.hero-slider .slide__text h3 {font-size: 60px; font-weight: 400; text-transform: uppercase;line-height: 1.2;}
.hero-slider .slide__buttons { display: flex; gap: 10px; margin-top: 37px; margin-left: -4px;}
.hero-slider .slide__button { padding:  20px 28px; font-size: 12px; letter-spacing: 4px; background-color: rgba(255, 255, 255, 0.5);}
.hero-slider .slide__button:hover { background-color: rgba(0, 0, 0, 0.5); color: #fff; }

/* --------------------------------- */
.gallery { width: 100%; margin: 16px 0; padding-bottom: 8px; position: relative;}
.gallery .slick-slide { padding: 13px; }
.gallery-slider__elem {position: relative; transition: all .5s; cursor: pointer;height: 500px; overflow: hidden;}
.gallery-slider__elem img,
.event-item img { width: 100%;height: 100%; object-fit: cover; filter: grayscale(1) brightness(0.7); transition: all .5s;}
.gallery-slider__elem a { position: absolute; width: 100%;height: 100%; top: 0;left: 0;}
.gallery-slider__nav-buttons {display: flex;justify-content: space-between;padding-inline: 50px;}
.gallery-slider__nav-buttons .gallery-slider__nav-button img { width: 80px; cursor: pointer;}
.gallery-slider__nav-buttons .gallery-slider__nav-button.next {opacity: 0.4;}
.gallery-slider__elem:hover > img,
.event:hover > img { filter: none;}
.gallery-slider__elem:hover { transform: scale(1.02)}
.gallery-slider__elem.slick-active ~ .slick-slide:not(.slick-active) { opacity: 0.3; filter: contrast(0.4);}
.gallery-slider__elem .gallery-slider__text {position: absolute; bottom: 31px; left: 47px; max-width: 300px; }
.event__text h3 { font-size: 30px;font-weight: bold;line-height: 1.212; color: #fff;}
.gallery-slider__elem .gallery-slider__text h3 { font-size: 28px;font-weight: bold;line-height: 1.212; color: #fff }
.gallery-slider__elem .gallery-slider__text .descr,
.event__text .descr { font-size: 11px; margin-top: 20px; margin-bottom: 14px;}
.gallery-slider__elem .gallery-slider__text .descr { color: #fff;}
.gallery-slider__elem .gallery-slider__text .date,
.event__text .date { font-size: 11px; color: var(--grey-text);}

.gallery-slider__nav { margin-top: 30px; padding-left: 13px; padding-right: 50px; max-height: 20px; display: flex; justify-content: space-between;} /*margin-left: 25%; */
.nav-right,
.nav-left { cursor: pointer; }
.gallery-slider__nav img { width: 80px; opacity: 0.4; transition: all .5s;}
.gallery-slider__nav:hover img {opacity: 1; transform: scale(1.04);}

/* --------------------------------- */
/*.publications-slider { margin-left: 25%; }*/
.publication-slide { max-width: 430px; padding: 13px;cursor: pointer; }
.publication-slide__image{ width: 100%; max-height: 300px; max-width: 300px; aspect-ratio: 1; background-repeat: no-repeat; background-size: cover; background-position: center;}
.publication-slide__text h2 { padding: 21px 13px; font-size: 18px; font-weight: 100; line-height: 1.2;}
.publication-slide__text h2 a { transition: all .3s;}
.publication-slide__text h2 a:hover { text-decoration: underline; font-weight: 500; }
.publication-slide.slick-active ~ .slick-slide:not(.slick-active) { opacity: 0.3;}

/* --------------------------------- */
.partners__wrapper {  display: flex; gap: 50px; margin-top: 80px; justify-content: center;}
.partner { flex-basis: 300px;  }
.partner__text h2  { text-align: center; color: #000;font-size: 22px; margin-top: 15px;margin-bottom: 10px;}
.partner__image { width: 100%;  background-repeat: no-repeat; background-size: cover; background-position: center;}
.partner__image img { max-width: 100%;}
/* --------------------------------- */
.project { max-width: 1200px; margin: 0 auto; }
.project__block { padding-top: 30px; display: flex; justify-content: center; gap: 80px; }
.project__line { display: inline-block; border: 1px solid #fff; }
.project__block-img { width: 60%; height: 60%; }
.project__block-img img { width: 100%; height: 500px; object-fit: cover; }
.project__block-txt { max-width: 400px; align-content: center; }
/* ----------------- margin-left: 25%; ---------------- */
.events-block { position: relative; margin: 50px 0; padding-bottom: 100px; }
.events-wrapper { display: flex; align-items: flex-end;gap: 26px; flex-wrap: wrap;}
.event-item {  padding-left: 13px; position: relative; margin: 0; transition: all .5s; cursor: pointer; max-width: 345px; height: 460px; overflow: hidden;}
.event-item a { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.event__text {position: absolute; bottom: 15px; left: 33px; max-width: 280px; color: #fff;}
.calendar-block {  flex-basis: 50%; max-width: 500px;  display: flex; flex-direction: column; padding-left: 13px; margin-right: 13px;}
.calendar-title { text-align: center;text-transform: capitalize;font-size: 18px;margin: 0;padding-block: 15px;border-bottom: 1px solid var(--grey-text);border-top: 1px solid var(--grey-text);}
/* --------------------------------- */
.archive a { text-decoration: none; color: #000; }
.archive a:hover { text-decoration: underline; font-weight: 500; }
.archive__block-link { max-width: 800px; margin: -150px auto 0 ;  background-color: var(--grey-bg); filter: grayscale(100%); padding: 50px; }
.archive__block-link a { display: flex; flex-direction: column; line-height: 2; align-items: center; }
.archive .page-banner { background: linear-gradient(to top, #1f2c3a 0%, #2f3c4742 100%), url("../../uploads/admin/archive-img.jpg") no-repeat 50% 73%/cover; }
/* --------------------------------- */
.museums { max-width: 1250px; margin: 0 auto;  padding-bottom: 100px;padding-right: 170px; box-sizing: border-box;}
.museums__wrapper { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px;}
.museum-item { position: relative; cursor: pointer; }
.museum-item.two,
.museum-item.eight,
.museum-item.five,
.museum-item.eleven { padding-top: 57px; }
.museum-item.six,
.museum-item.nine,
.museum-item.three,
.museum-item.twelve { padding-top: 115px; }
.museum-item__content {position: relative; }
.museum-item__content .museum-item__nav { position: absolute; bottom: 20px;left: 70px;opacity: 0; font-size: 17px; transition: opacity .35s ease; color: #fff;z-index: 2;}
.museum-item__content .museum-item__nav img { margin-left: 5px; width: 24px; }
.museum-item__content:hover .museum-item__nav {opacity: 1; }
.museum-item__content:hover .museum-item__title { bottom: 30px; background: rgba(214, 214, 214, 0); color: #fff;}
.museum-item__content:hover .museum-item__title a { color: #fff; }
.museum-item__content::before { content: '';position: absolute;right: 0;width: 100%;height: 1px;top: -13px;background: #ccc;z-index: 1;}
.museum-item__cover {  aspect-ratio: 1; display: block; position: relative; width: 100%;height: 100%; background-position: center; background-size: cover; z-index: 2; filter: brightness(0.8);  transition: all 0.5s ease;}
.museum-item__cover:hover { filter: brightness(0.6); }
.museum-item__cover img { height: 100%; width: 100%; object-fit: cover;}
.museum-item__title { position: absolute;background: rgba(214, 214, 214); width: 77%; padding: 20px; left: 50px; bottom:-22px; min-height: 42px; transition: all .6s ease;z-index: 2;}
.museum-item__title a { font-size: 15px;font-weight: 500;color: #000;  transition: all .6s ease;}

/* --------------------------------- */
.places__wrapper { display: flex; flex-wrap: wrap;  gap: 25px; margin-bottom: 50px; }
.place-item {position: relative; flex-basis: 22%; filter: grayscale(1);  transition: all .5s;}
.place-item.color { filter: none;}
.place-item__cover { display: block; aspect-ratio: 1; background-size: cover; background-repeat: no-repeat; background-position: center; }
.place-item:hover { filter: none;}
.place-item__overlay {position: absolute; top: 0; width: 100%; height: 100%; background-image: linear-gradient(360deg, rgb(0 0 0 / 67%) 0%, rgb(0 0 0 / 51%) 10%, rgb(255 255 255 / 0%) 77%);}
.place-item__title { position: absolute;width: 100%; height: 100%; z-index: 3; top: 0;}
.place-item__title a  {position: relative; top: 0; display: block; width: 100%; height: 100%; }
.place-item__title a h3 { position: absolute; bottom: 26px; left: 15px; font-size: 30px; color: #fff;  }
.place-item__img { width: 100%;}
.place-item.color h3 { font-weight: 500;padding-top: 10px;text-transform: capitalize;text-align: center;}
.note { margin-bottom:  100px;}
/* --------------------------------- */
.history__block-one, .history__block-two, .history__block-three { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 100px; padding-right: 170px; }
.history__title { text-align: center; margin-bottom: 50px; }
.history__card { flex: 1 1 calc(25% - 20px); width: 500px; background-color: #d6d6d6f2; padding: 40px; font-size: 20px; color: #000; line-height: 1.5; position: relative; }
.history__card::after { content: ""; position: absolute; top: 10px; left: 10px; right: -10px; bottom: -10px; border: 1px solid #ccc; z-index: -1; }
.history__card img, .history__card-last img { max-width: 300px; float: right; margin: 0 -120px 15px 20px; border: 4px solid #fff; filter: grayscale(50%); transition: 1s; cursor: pointer; }
.history__card img:hover, .history__card-last img:hover { transform: scale(1.1); }
.history__block-button { display: flex; justify-content: center; gap: 20px; padding-top: 40px; transition: all 1s ease; margin-bottom: 100px; }
.history__button { color: black; text-decoration: none; background-color: var(--grey-bg); padding: 15px; display: flex; text-align: center; font-size: 14px; transition: 1s; }
.history__button img { width: 30px; height: 30px; margin-right: 20px;  filter: invert(1);}
.history__button:hover { transform: scale(1.1); }
.history__card-last {  background-color: #d6d6d6f2; padding: 40px; font-size: 20px; color: #000; line-height: 1.5; position: relative; width: 500px; }

/* --------------------------------- */
.literature {max-width: 1600px; margin: 0 auto; display: grid;grid-template-columns: repeat(3, 1fr); gap: 25px; align-items: start; }
.literature__block-button { display: flex; justify-content: center; gap: 20px; margin-top: 80px; transition: all 1s ease; }
.literature__button { color: black; text-decoration: none; background-color: var(--grey-bg); padding: 15px; transition: all 0.7s ease; }
.literature__button:hover { transform: scale(1.1); }
.literature__card { position: relative; display: flex; align-items: flex-end; transition: all 1s ease; cursor: pointer; }
.literature__card:nth-of-type(2) { padding-top: 57px; }
.literature__card:nth-of-type(3) { padding-top: 115px; }
.literature__card img { width: 100%; height: 100%; max-width: 400px; min-height: 300px; object-fit: cover; filter: grayscale(100%); transition: all 1s ease; cursor: pointer; }
.literature__card:hover { filter: grayscale(0%); transform: scale(1.1); }
.literature__card-content { background: #d6d6d6f2; padding: 20px; margin-left: -150px;margin-bottom:-22px; color: #ccc; max-width: 250px; filter: grayscale(100%); z-index: 3;}
.literature__card-content p { font-size: 14px; line-height: 1.5; color: #000000; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.literature__card img:hover { filter: grayscale(0%); }
/* --------------------------------- */
.about-us__title { font-size: 60px; font-weight: 700; line-height: 1.2; color: #000; padding-bottom: 50px; text-align: center;}
.about-us__bg { height: 600px; width: 100%; display: flex; justify-content: center; margin: 50px 0 100px;}
.about-us__bg img { height: 100%; width: 1200px; object-fit: cover; }
.about-us__img img { width: 500px; height: auto; object-fit: cover; }

.about-us__block { max-width: 1200px; margin: 0 auto 150px; display: flex; justify-content: center; gap: 100px; padding-top: 50px; }
.about-us__block p { align-content: center; line-height: 1.4; max-width: 600px; }
.about-us__partners { display: flex; justify-content: center; gap: 40px; }
.about-us__partners img { width: 150px; height: 150px; }
/* --------------------------------- */
.about-place { display: flex; padding-right: 170px; box-sizing: border-box; align-items: center;}
.about-place__text { flex-basis: 60%;padding: 20px 40px;box-sizing: border-box;}
.about-place__image {flex-basis: 40% }
.about-place__image img { width: 100%;}

/* --------------------------------- */
.about-project { display: flex; }
.about-project_image {position: relative; width: 50%;}
.about-project_image .img-big { width: 100%; filter: grayscale(1); transition: all .6s; }
.about-project_image .img-big:hover { filter: none;}
.about-project_image .img-sm {position: absolute; width: 300px; right: -76px;top: 46px;  border: 4px solid #fff; }
.about-project_image::after {content: "";position: absolute;top: 10px;left: 10px;right: -10px;bottom: -10px;border: 1px solid #ccc;z-index: -1;}
.about-project_text { width: 50%;display: flex;align-items: center; padding-left: 100px; padding-right: 200px;}

/* --------------------------------- */
.contacts .page-banner { background: linear-gradient(to top, #1f2c3a 0%, #2f3c4742 100%), url("../../uploads/admin/contact-background.jpg") no-repeat 50% 73%/cover; }
.contacts__block-link { max-width: 800px; margin: -150px auto 0; background-color: var(--grey-bg); filter: grayscale(100%); padding: 50px; }
.contacts__block-link p { display: flex; flex-direction: column;  align-items: center; color: #000; }
.contacts__position img { width: 25px; height: 25px; object-fit: cover; }
.contacts__position { display: flex; justify-content: center; gap: 10px; align-items: center;}
.contacts__position:last-of-type p { margin: 0;}
/* --------------------------------- */
.interactive__guide { position: relative; }
.interactive__guide-image { text-align: center; margin-bottom: 30px; }
.interactive__guide-img { line-height: 28px; max-width: 100%; cursor: pointer; transition: 1s; }
.interactive__guide-img:hover { transform: scale(1.1); filter: grayscale(50%); }
.interactive__guide-logo-name { color: #25aae1; text-decoration: none; }
.interactive__guide-content-border { border-left: 1px solid #ccc; padding-left: 20px; max-width: 1000px; margin: 50px auto;  }
.interactive__guide-btn { padding-top: 20px; display: flex; justify-content: center;}
.interactive__guide-btn .guide-btn { flex-basis: 45%; max-width: 250px; }
.interactive__guide-table-img { width: 100%; transition: 1s; cursor: pointer; filter: grayscale(1); }
.interactive__guide-table-img:hover { filter: grayscale(0); transform: scale(1.1); }
.interactive__guide-txt { display: flex; justify-content: center; }
/* --------------------------------- */
.video-block {position: relative; display: grid; gap: 30px; grid-template-columns: repeat(3, 1fr); max-width: 1600px; padding-right: 170px; }
.video-item { display: block; max-width: 560px;}
.video-item__caption {padding: 21px 13px;font-size: 18px;font-weight: 100;line-height: 1.2; color: #000;}

.video-section  {width: 100%; }
.video-wrapper{ position: relative; width: 100%; max-height: 1000px; overflow: hidden; }
#video { position: relative;width: 100%; height: 100%;}


/* --------------------------------- */
#preloader { position: fixed; top: 0; left: 0; width: 100%;height: 100%;z-index: 10000;background: #000;}

#loader { position: absolute; left: 50%; top: 50%; z-index: 1; width: 120px; height: 120px;transform:translate(-50%, -50%);}
#loader   hr{border:0;margin:0;width:40%;height:40%;position:absolute;border-radius:50%;animation:spin 2s ease infinite}

#loader hr:first-child{background: #b3b3b3;animation-delay:-1.5s}
#loader hr:nth-child(2){background: #ffffff;animation-delay:-1s}
#loader hr:nth-child(3){background:#b3b3b3;animation-delay:-0.5s}
#loader hr:last-child{background:#ffffff}

@keyframes spin{
    0%,100%{transform:translate(0)}
    25%{transform:translate(160%)}
    50%{transform:translate(160%, 160%)}
    75%{transform:translate(0, 160%)}
}

/* --------------------------------- */
.view { padding-top: 165px;}
.view .view-header { padding-top: 80px; }
.view .view-title h1 { font-size: 40px; font-weight: 300; color: #000; margin-bottom: 10px;}
.view .view-bread a { font-size: 13px; color: #999; }
.view .view-content { padding: 50px 0 0 0;  }
.view .view-content .view-content__left { float: left; width: 270px; position: relative; overflow: hidden; }
.view .view-content .view-content__right { margin-left: 300px; min-height: 50vh;}

/* --------------------------------- */
.collection { width: 100%; margin: 16px 0; padding-bottom: 8px;}
.collection-slider  {display: flex;flex-wrap: wrap; margin-left: 50px;}
.collection-item { transition: all .5s; }
.collection-item__content  { min-height: 500px; position: relative; padding: 13px; cursor: pointer; max-width: 375px;}
.collection-item img { width: 85%; margin: auto; transition: all .5s;}
.collection-slider__nav {display: flex;justify-content: space-between;padding-inline: 50px;}
.collection-slider__nav img { width: 80px; cursor: pointer;}
.collection-slider__nav .nav-button.next {opacity: 0.4;}
.collection-item:hover { transform: scale(1.02);}
.collection-item.slick-active ~ .slick-slide:not(.slick-active) { opacity: 0.3;}
.collection-item .collection-item__text {position: absolute; bottom: 31px; left: 47px; max-width: 300px; }
.collection-item .collection-item__text h3 {font-size: 25px; line-height: 27px; color: #000 }
.collection-item .collection-item__text p { font-size: 11px; margin-top: 20px; margin-bottom: 14px;}
.collection-intro { padding: 50px 100px 100px 48px; }
.collection-note { font-size: 15px; padding: 20px 100px 20px 30px; margin-left: 48px; margin-top: 100px; border-left: 2px solid #ccc;}
.collection-intro p strong,
.collection-note p strong { font-weight: 600;}

/* --------------------------------- */
.team img { object-fit: cover;object-position: top;}
.page-banner {background: linear-gradient(to top, #22374fad 0%, #2f3c471f 100%), url("../../templates/img/team_bg.jpg") no-repeat 50% 80%/cover;width: 100%;min-height: 25em;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;color: #fff;}
.partners .page-banner { background: linear-gradient(to top, #1f2c3a 0%, #2f3c4742 100%), url("../../templates/img/partners-bg.jpg") no-repeat 50% 73%/cover; }
.page-banner .page-content {width: min(37.5em, 90%);position: relative;z-index: 10;}
.page-banner .page-content h1 {font-size: 50px;font-weight: 700;}
.team__wrapper {position: relative;margin-top: -70px; display: flex;flex-direction: column;align-items: center;}
.team__wrapper .card { padding: 20px; display: flex; justify-content: center; align-items: center; flex-direction: column;  }
.team__wrapper .card h2 {color: #000;font-size: 22px ;margin-top: 15px;margin-bottom: 10px;}
.team__wrapper .card p {color: var(--grey-text);font-size: 15px;}
.team__wrapper .cards-top {display: grid;grid-template-columns: repeat(2, 300px); gap: 50px;align-items: baseline;}
.team__wrapper .cards-center { display: grid;grid-template-columns: repeat(3, 300px);  gap: 50px; align-items: baseline;}
.team__wrapper .card img { border-radius: 50%; width: clamp(7.5rem, 40vw, 15.375rem);height: clamp(7.5rem, 40vw, 15.375rem);transition: all 1s; cursor: pointer; }
.team__wrapper .card img:hover {transform: scale(1.02); }
/* --------------------------------- */

.map-wrapper { padding-right: 170px;}
.map-wrapper .map { margin-top: 50px;}
.mobile-menu-content a:last-child { border-bottom: none; }
/* --------------------------------- */
.support { margin-left: calc(25% + 13px); margin-block: 100px; background-color: #F2F2F2; }
.support-content {display: flex; align-items: center; padding: 80px 0 80px 80px; gap: 40px; }
.logos { display: flex; }
.support-logo { max-width: 330px;}
.support-logo.hoe { max-width: 108px;padding-left: 50px; }
.support-logo img { width: 100%; }
.support-text { font-size: 13px; line-height: 1.2; max-width: 500px; color: rgb(153, 153, 153); }

.containerObjects {max-width: 1250px; padding-right: 170px; margin: auto; display: flex; flex-wrap: wrap; gap: 25px; padding-bottom: 100px;}
.containerObject { padding-bottom: 100px;}
.containerObject--images--slider { max-width: 1250px; padding-right: 170px; margin: auto; display: flex; flex-wrap: wrap; gap: 25px;}
.containerObject--images--slider a { flex-basis: 30%;}
.containerObject--images--slider a h3 { font-size: 18px;  padding-top: 5px;}
.containerObject--images--slider a img { width: 100%;}
.containerObjects .containerObjects--element {  width: 33%; padding: 0 10px; margin-bottom: 20px; box-sizing: border-box; }
.containerObjects .containerObjects--element--content { height: 400px; }
.containerObjects .containerObjects--element--content .containerObjects--element--item { display: block; width: 100%; height: 100%; background-size: cover !important; position: relative; }
.containerObjects .containerObjects--element--content .containerObjects--element--item h3 { position: absolute; bottom: 0; left: 0; padding: 25px;font-size: 15px; font-weight: 400;color: #000; background: rgba(214, 214, 214); width: 100%; box-sizing: border-box; }
.containerObjects .containerObjects--element--content .containerObjects--element--item h3:empty { padding: 0; }

/* --------------------------------- */
.footer { width: 100%; padding: 40px 80px 40px 170px; overflow: hidden; color: #000;  background-color: var(--grey-light);box-sizing: border-box;}
.footer a { color: #000; }
.footer .footer-left { float: left; width: 250px; }
.footer .footer-left .footer-logotype { float: left; }
.footer .footer-copyrights { clear: both; width: 100%; font-size: 15px; }
.footer .footer-copyrights a { font-size: 15px; display: inline-block; }
.footer .footer-copyrights p { margin: 7px 0; font-size: 15px;}
.footer .footer-right.graph { float: right; text-align: right; margin-right: 0; width: 100%; }

/* --------------------------------- */
.mobile-menu { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background-color: rgb(0 0 0 / 80%); }
.mobile-menu_container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; display: inline-grid; justify-content: center; align-content: center; }
.mobile-menu-close { position: absolute; top: 0; right: 44px; font-size: 60px; cursor: pointer; color: #fff; }
.mobile-menu-content { position: relative; display: inline-block; text-align: left; margin-bottom: -200px; opacity: 0; visibility: hidden; transition: all .3s; }
.mobile-menu-content.active { margin-bottom: 0; opacity: 1; visibility: visible; }
.mobile-menu-content a { display: block; color: #fff; font-size: 24px; font-weight: 600; padding: 10px 0; border-bottom: 1px solid #ffffff78; }
.mobile-menu-content ul li ul li a { font-size: 18px; padding: 7px 0 7px 30px; color: rgba(255,255,255,0.7); }
.mobile-menu-content a:last-child { border-bottom: none; }
/* --------------------------------- */


@media screen and (max-width: 2000px) {
    .main-content { margin-left: 20%; }
    .support  {margin-left: calc(20% + 13px); }
}

@media screen and (max-width: 1800px) {
    .main-content { margin-left: 10%; }
    .content-wrapper { padding: 0 0 0 10%;}
    .support  { margin-left: calc(10% + 13px)}
}


@media screen and (max-width: 1680px) {
    .newsMain--block .newsMain--image { width: 325px; }
    .place-item__title a h3 { font-size: 24px;}
}


@media screen and (max-width: 1600px){
    .main-content { margin-left: 80px; }
    .support  { margin-left: 80px; }
    .mainBlock--left { width: 100%; }
    .mainBlock--right { width: 100%; padding: 60px 0 0 0; }
    .mainBlock--right .mainCalendar--wrapper { display: flex; align-items: center; gap: 30px; }
    .mainCalendar--block.previous { width: 50%; }
    .newsMain--block .newsMain--image { width: 370px; }
    .about-project_text { padding-right: 150px;}
    .map-wrapper { padding-right: 150px;}
    .history__block-one, .history__block-two, .history__block-three { padding-right: 150px;}
    .map iframe {height: 750px;}
    .video-block {grid-template-columns: repeat(2, 1fr); justify-content: start; padding-right: 150px;}

}

@media screen and (max-width: 1400px){
    .header-navbar ul li { margin-right: 0;}
    .support-content {padding: 60px 0 60px 40px;}
    .content-wrapper { padding: 0 0 0 80px;}
    .team__wrapper .cards-center { gap: 20px;}
    .place-item { flex-basis: 31%;}
    .video-block { padding-right: 80px;}
}

@media screen and (max-width: 1280px) {
    .collection-item__content { min-height: 400px;}
}

@media screen and (max-width: 1200px){
    .header-menu-burger { display: block; }
    .header-menu { display: none; }
    .support-content,
    .about-project { flex-direction: column;}
    .about-project_text { width: 95%; padding: 30px 50px 30px 0;}
    .about-project_image .img-sm { display: none;}
    .about-project_image { width: 95%;}
    .museums { padding-right: 100px;}
    .map-wrapper { padding-right: 100px;}
    .history__block-one, .history__block-two, .history__block-three { padding-right: 100px; }
    .history__card, .history__card-last { font-size: 18px;}
    .museums__wrapper { grid-template-columns: repeat(2, 1fr); gap: 50px; }
    .museum-item.six, .museum-item.nine, .museum-item.three, .museum-item.twelve { padding-top: 0;}
    .museum-item.two, .museum-item.eight, .museum-item.five, .museum-item.eleven { padding-top: 0;}
    .collection-intro {padding: 50px 100px 50px 48px; }
}



@media screen and (max-width: 1024px){
    .team__wrapper .card img { width: clamp(5.5rem, 37vw, 13.375rem);height: clamp(5.5rem, 37vw, 13.375rem); }
    .team__wrapper .cards-center {grid-template-columns:  repeat(3, 250px); }
    .team__wrapper .cards-top { grid-template-columns: repeat(2, 250px); }
    .place-item { flex-basis: 48%;}
    .view-content__left { display: none;}
    .view .view-content .view-content__right,
    .collection-slider,
    .collection-note { margin-left: 0;}
    .collection-intro {padding: 0 30px 30px 0;}
    .collection-item .collection-item__text h3 { font-size: 22px; line-height: 24px;}

}

@media screen and (max-width: 1000px){
    .main-content {margin-left: 50px;}
    .main-content h2  {margin-left: 15px;}
    .video-block { padding-right: 15px;}
}

@media screen and (max-width: 860px) {
    .mainBlock--right .mainCalendar--wrapper { flex-direction: column; }
    .mainCalendar--block.previous { width: 100%; }
    .team__wrapper .cards-center {grid-template-columns:  repeat(2, 250px); }
}

@media screen and (max-width: 768px) {
    .header-logo { padding-left: 20px;}
    .content-wrapper { padding: 0 50px 0 50px;}
    .main-content { margin-left: 0; padding: 0 15px; }
    .support-content {padding: 40px 0 40px 20px;}
    .support-logo.hoe { padding-left: 20px;}
    .support  {  margin-left: 0;}
    .events-wrapper { flex-direction: column; align-items: center; }
    .page-banner { min-height: 10em;}
    .partners__wrapper { margin-top: 30px; gap: 20px; }
    .contacts__block-link {margin: -20px auto 0; padding: 30px;}
    .contacts__block-link p { margin: 10px 0;}
    .history__block-one, .history__block-two, .history__block-three { padding-right: 55px;}
    .museums { padding-right: 0;}
    .map-wrapper { padding-right: 0;}
    .history__card, .history__card-last { padding: 20px;}
    .place-item__title a h3 { font-size: 22px; }
    .place-item { flex-basis: 45%;}
    .publication-slide__text h2 { padding: 15px 0 15px 13px; margin-left: 0; max-width: 270px;}
    .map iframe {height: 600px;}
    .video-block {grid-template-columns: 1fr; padding-right: 0;}
    .event-item { flex-basis: auto;}
}

@media screen and (max-width: 700px){
    .view-content .view-content--mobile { margin: 40px 12px 60px 12px;}
    .slider  .slider .slider__content .slide__image { height: 600px;}
    .containerMain--left { border-right: 2px solid #000;}
    .slider .slider--right--block .slider--right--element { width: 100%; padding: 0 0 0 20px;}
    .newsMain--block { width: 100%; flex: 100%; }
    .footer .footer--times.graph { float: left; text-align: left; padding-top: 30px; }
    .footer .footer--copyrights { text-align: left; }
    .container-page { height: auto; }
    .containerFirst { height: 700px; }
    .view-content .view-content--content .view-content--content--left .containerCategories { display: none; }
    .view-content .view-content--content .view-content--content--right { margin-left: 0; clear: both; }
    .view-content .view-content--content .view-content--content--right img { max-width: 100%; }
    .mobile-menu-content ul li ul li a { font-size: 16px;}
    .view-content .view-content--content .view-content--content--left { width: 100%;}
    .view-content .view-content--content { padding: 20px 0 0 0;}
    .footer { padding: 40px 80px;}
}


@media screen and (max-width: 576px) {
    .section-title { margin-block: 20px; }
    .section-title h2 {font-size: 45px;}
    .view .view-title h1 { font-size: 30px;}
    .gallery-slider__nav { margin-top: 15px; padding-right: 15px;}
    .events-block { padding-bottom: 50px; padding-inline: 13px;}
    .event, .calendar-block { max-width: 450px;}
    .event-item { padding-left: 0;}
    .gallery-slider__elem .gallery-slider__text { max-width: 450px;}
    .footer { padding: 40px; }
    .content-wrapper { padding: 0 13px 0 13px;}
    .view .view-header { padding-top: 20px;}
    .header-logo { padding-left: 10px; }
    .about-project_text { padding: 30px 15px 30px 0;}
    .support { margin-block: 50px; }
    .partner { flex-basis: 200px; }
    .team__wrapper .card p { margin-top: 0;}
    .team__wrapper .cards-center {grid-template-columns: 1fr;gap: 0; }
    .team__wrapper .cards-top { grid-template-columns: 1fr;gap: 0; }
    .museums__wrapper { grid-template-columns: 1fr;}
    .contacts__position { justify-content: start; }
    .history__block-one, .history__block-two, .history__block-three { padding-right: 0; gap: 50px; }
    .history__card, .history__card-last { font-size: 16px;}
    .history__card img, .history__card-last img { float: none; margin: 0 0 15px 0;}
    .collection-item__content { min-height: 450px; margin: auto; }
    .place-item { flex-basis: 100%;}
    .map iframe {height: 400px;}
    .med-center__container { gap: 0;}
    .publication-slide__text h2 { font-size: 15px; }
}

@media screen and (max-width: 450px) {
    .logos { align-items: center;}
    .support-content {padding: 40px 10px;}
    .gallery-slider__elem .gallery-slider__text { max-width: 350px;}
    .footer { padding: 30px 20px; }
    .header-content { padding: 20px 10px 12px; }
    .partner { flex-basis: 150px; }
    .main-content {  padding: 0; }
    .event-item { max-width: 100%;}
    .calendar-block { margin-right: 0; padding-left: 0;}
}