* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

 :root {
    --white: #ffffff;
    --black: #000000;
    --magenta: #9D5CD0;
    --grey33: #333333;
    --grey66: #666666;
    --greyEC: #ececec;
    --greyCA: #cacaca;
    --greyB7: #B7B7B7;
    --grey99: #999999;
    --hoverF3:  #C283F3;
    --focusA4: #7943A4;
    --pink99: #D88F99;
    --magentaF0: #D1A9F0;
    --greyEA: #eaeaea;
    --red16: #D11616;
    --greyBB: #bbbbbb;
    --dark1B: #18171B;
    --grey96: #969696;
    --swiper-theme-color: transparent!important;
}

html {
    background-color: var(--white);
}

body, button, .ui-widget, input {
    margin: 0;
    font-family: 'Open Sans', sans-serif!important;
}

html,
body {
  position: relative;
  height: 100%;
}

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

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

img {
    max-width: 100%;
    object-fit: contain;
}

.section-all__link {
    font-size: 18px;
    line-height: 21.79px;
    font-weight: 600;
    color: var(--magenta)!important;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSansBold.woff') format('woff'), url(/fonts/OpenSansBold.woff2) format('woff2');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSansItalic.woff') format('woff'), url('/fonts/OpenSansItalic.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSansRegular.woff') format('woff'), url('/fonts/OpenSansRegular.woff2/') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSansSemiBold.woff') format('woff'), url('/fonts/OpenSansSemiBold.woff2')format('woff2');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Yandex';
    src: url('/fonts/YandexSansText-Bold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

/* modal */ 

.swiper-section-modal {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.7);
    backdrop-filter: blur(8px); 
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
}

.swiper-section-modal.modal-active {
    display: flex;
}

.swiper-section-modal__content {
    position: relative;
    display: flex;
    max-width: 900px;
    min-height: 400px;
    background-color: #fff;
    color: #000;
}

.swiper-section-modal__content-left {
    width: 44%;
}

.swiper-section-modal__content-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-section-modal__content-right {
    flex: 1;
    padding: 121px 50px 121px 49px;
    position: relative;
}

.swiper-section-modal__close {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 16px;
    height: 16px;
    background-color: transparent;
    border: none;
    cursor: pointer;
}


.swiper-section-modal__author {
    margin-bottom: 5px;
    font-size: 24px;
    line-height: 32.68px;
    font-weight: 600;
    color: var(--grey33);
}

.swiper-section-modal__name {
    font-size: 16px;
    line-height: 21.79px;
    font-weight: 600;
    color: var(--grey33);
}

.swiper-section-modal__date {
    margin-bottom: 41px;
    font-size: 12px;
    line-height: 16.34px;
    font-weight: 400;
    color: var(--grey96);
}

.swiper-section-modal__desc {
    font-size: 16px;
    line-height: 32px;
    font-weight: 600;
    color: var(--grey33);
}

/* header */

.header {
    position: relative;
    z-index: 2;
}

.header-top {
    padding: 27px 0 27px 0;
    background-color: var(--black);
}

.header-bottom {
    background-color: rgba(0, 0, 0, .4);
}

.container {
    max-width: 1640px;
    padding: 0 20px;
    margin-left: auto;
    margin-right: auto;
}

.header__container_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}  

.header__container_bottom, .header__nav-top_list, .header__nav-bottom_list{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.logo {
    display: inline-block;
    margin-right: -99px;
}

.logo img, .burger-wrapper img, .header-container__search-1024 img, .header-container__search_btn img, .header-container__search_cross img {
    width: inherit;
}

.logo:focus {
    outline: none;
}

.header-container__search-1024 {
    position: relative;
    display: none;
}

/* burger */

.burger-wrapper {
    display: none;
}

.burger-nav {
    display: none;
}

/* burger end */

.header__nav-top_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 78%;
}

.header__nav-top {
    display: flex;
    justify-content: space-between;
    width: 56%;
    margin-top: -4px;
}

.header__nav-bottom {
    margin-left: -1px;
    padding: 23px 0 23px 0;
}


.header__nav-top_link {
    display: inline-block;
    position: relative;
    font-size: 18px;
    line-height: 25px;
    font-weight: 600;
    color: var(--white);
    transition: color .3s ease-in-out, background-color .3s ease-in-out;
}

.header__nav-top_link > * {
    position: relative;
}

.header__nav-top_link::before {
    content: '';
    display: block;
    position: absolute;
    top: -5px;
    right: -6px;
    bottom: -5px;
    left: -6px;
    transition: background-color .3s ease-in-out;
}

.header__nav-top_link:hover {
    color: var(--hoverF3);
}

.header__nav-top_link:focus {
    outline: none;
}

.header__nav-top_link:active {
    color: var(--focusA4);
}

.header__nav-top_link:focus::before {
    background-color: var(--focusA4);
    outline: none;
}

.header__nav-top_link:active::before {
    background-color: transparent;
} 

.header__btn_enter {
    display: inline-block;
    position: relative;
    margin-top: -5px;
    margin-right: -2px;
    /* margin-left: 281px; */
    font-size: 18px;
    line-height: 24.51px;
    font-weight: normal;
    color: var(--white);
    transition: color .3s ease-in-out, background-color .3s ease-in-out;
}

.header__btn_enter > * {
    position: relative;
    margin-right: 2px;
}

.header__btn_enter::before {
    content: '';
    display: block;
    position: absolute;
    top: -8px;
    right: -8.5px;
    bottom: -8px;
    left: -8.5px;
}

.header__btn_enter-icon {
    margin-right: 3px;
}

.header__btn_enter-hover {
    transition: fill .3s ease-in-out;
}

.header__btn_enter:hover {
    color: var(--hoverF3);
}

.header__btn_enter:focus {
    outline: none;
}

.header__btn_enter:focus::before {
    background-color: var(--focusA4);
    outline: none;
}

.header__btn_enter:active span {
    color: var(--magenta);
}

.header__btn_enter:active::before {
    background-color: transparent;
}

.header__btn_enter:hover .header__btn_enter-hover {
    fill: var(--hoverF3);
    fill-rule: evenodd;
}

.header__btn_enter:active .header__btn_enter-hover {
    fill: var(--magenta);
    fill-rule: evenodd;
}

/* .header__nav-bottom */

.header__nav-bottom_item {
    display: inline-block;
    position: relative;
}

.header__nav-bottom_item:not(:last-child) {
    margin-right: 97px;
}

.header__nav-bottom_link {
    display: inline-block;
    position: relative;
    background-color: transparent;
    border: none;
    cursor: pointer;
}

.header__nav-bottom_link span {
    display: inline-block;
    position: relative;
    /* padding: 0 15px 0 0; */
    font-size: 18px;
    line-height: 24.51px;
    font-weight: 400;
    color: var(--white);
    /* background: url(../img/arrow-bottom.svg) right 62% no-repeat transparent; */
    transition: color .3s ease-in-out, background-image .3s ease-in-out;
    cursor: pointer;
}

.header__nav-bottom_link > * {
    position: relative;
}

.header__nav-bottom_link::before {
    content: '';
    display: block;
    position: absolute;
    top: -4px;
    right: -6px;
    bottom: -4px;
    left: -6px;
    transition: background-color .3s ease-in-out;
}

.header__nav-bottom_arrow path {
    transition: stroke .3s ease-in-out;
}

.header__nav-bottom_arrow-svg {
    transition: transform .3s ease-in-out;
}

.header__nav-bottom_link:focus::before {
    background-color: var(--focusA4);
}

.header__nav-bottom_link:focus {
    color: var(--white);
    outline:none;
}

.header__nav-bottom_link:hover span {
    color: var(--magenta);
}

.header__nav-bottom_link:hover .header__nav-bottom_arrow path {
    stroke: var(--magenta);
}

.header__nav-bottom_link:active span {
    color: var(--focusA4);
}

.header__nav-bottom_link:active .header__nav-bottom_arrow path {
    stroke: var(--focusA4);
}

.header__nav-bottom_link:active .header__nav-bottom_arrow-svg {
    transform-origin: center center;
    transform: rotate(180deg);
}

.header__nav-bottom_link:active::before {
    background-color: transparent;
}

.header__nav-bottom_link-active .header__nav-bottom_arrow-svg {
    transform-origin: center center;
    transform: rotate(180deg);
}

.header__nav-bottom_sub {
    display: none;
    position: absolute;
    bottom: -323px;
    width: 300px;
    height: 300px;
    padding: 40px;
    background-color: rgba(0, 0, 0, .6);
    transition: opacity .3s ease-in-out;
    z-index: 10;
}

.header__nav-bottom_sub .simplebar-content {
    padding: 2px!important;
}

.header__nav-bottom_sub .simplebar-wrapper {
    position: absolute;
    top: 40px;
    left: 40px;
    width: 220px;
    height: 220px;
    margin: 0!important;
    padding: 2px;
}

.header__nav-bottom_sub-active {
    display: block;
}

.header__nav-bottom_sub-item:not(:last-child) {
    margin-bottom: 20px;
}

.header__nav-bottom_sub-link {
    display: block;
    padding: 9px 14px 12px 14px;
    font-size: 14px;
    line-height: 19.07px;
    font-weight: 600;
    color: var(--white);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    transition: outline .3s ease-in-out, background-color .3s ease-in-out;
}

.header__nav-bottom_sub-link:hover {
    outline: 2px solid var(--magenta);
}

.header__nav-bottom_sub-link:focus {
    background-color: rgba(155, 53, 66, 0.3);
    outline: 2px solid var(--magenta);
}

.header__nav-bottom_sub-link:active {
    background-color: rgb(194, 131, 243, .4);
    outline: 2px solid var(--magentaF0);
}

.simplebar-track {
    right: 19px;
}

.simplebar-track.simplebar-vertical {
    top: 40px;
    bottom: 40px;
    width: 2px;
    background-color: var(--black);
}

.simplebar-scrollbar:before {
    position: absolute;
    content: '';
    background: var(--white);
    left: 0;
    right: 0;
    width: 2px;
    border-radius: 0;
    opacity: 0;
    transition: opacity 0.2s linear;
}

.header__nav-bottom_sub-tintoretto {
    background-image: url(../img/tintoretto.png);
}

.header__nav-bottom_sub-fridrih {
    background-image: url(../img/fridrih.png);
}

.header__nav-bottom_sub-leonardo {
    background-image: url(../img/leonardo.png);
}

.header__nav-bottom_sub-verokko {
    background-image: url(../img/verokko.png);
}

.header__nav-bottom_sub-mone {
    background-image: url(../img/mone.png);
}

.header__nav-bottom_sub-sysley {
    background-image: url(../img/sysley.png);
}

.header__nav-bottom_sub-mane {
    background-image: url(../img/mane.png);
}

.header__nav-bottom_sub-renuar {
    background-image: url(../img/renuar.png);
}

.header__nav-bottom_sub-vangoge {
    background-image: url(../img/vangoge.png);
}

.header__nav-bottom_sub-sezan {
    background-image: url(../img/sesan.png);
}

.header__nav-bottom_sub-gogen {
    background-image: url(../img/gogen.png);
}

.header__nav-bottom_sub-sera {
    background-image: url(../img/sera.png);
}

.header__nav-bottom_sub-kandin {
    background-image: url(../img/candin.png);
}

.header__nav-bottom_sub-marinetty {
    background-image: url(../img/marinetti.png);
}

.header__nav-bottom_sub-malevich {
    background-image: url(../img/malevich.png);
}

.header__nav-bottom_sub-picasso {
    background-image: url(../img/picasso.png);
}

.header__nav-bottom_sub-karra {
    background-image: url(../img/karra.png);
}

.header__nav-bottom_sub-pratella {
    background-image: url(../img/pratella.png);
}

.header__nav-bottom_sub-severini {
    background-image: url(../img/severini.png);
}

.header__nav-bottom_sub-balla {
    background-image: url(../img/balla.png);
}

.header__nav-bottom_search {
    display: flex;
    align-items: center;
    padding: 2px 0 0 0;
}

.header__nav-bottom_search-icon {
    margin-top: 5px;
}

.header__nav-bottom_search-submit {
    display: inline-block;
    margin-top: 2px;
    background-color: transparent;
    border: none;
}

.header__nav-bottom_search-submit:focus {
    outline:none;
}    

.header__nav-bottom_search-input {
    position: relative;
    display: inline-block;
    font-size: 18px;
    line-height: 24.51px;
    font-weight: 400;
    margin-right: -2px;
    margin-left: 9px;
    color: var(--white);
    background-color: transparent;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.85);
    cursor: pointer;
    transition: border-bottom .3s ease-in-out;
}


.header__nav-bottom_search-input:hover {
    border-bottom: 1px solid var(--hoverF3);
}

.header__nav-bottom_search-input:focus::placeholder {
    color: transparent;
}

.header__nav-bottom_search-input:focus {
    border-bottom: 1px solid var(--focusA4);
    outline: none;
}

.header__nav-bottom_search-input::placeholder {
    color: rgba(255, 255, 255, 0.85);
}

.header__nav-bottom_search-input:hover {
    border-bottom: 1px solid var(--hoverF3);
}    

/* slider */

.section-slider {
    position: relative;
    margin-top: -170px;
    margin-bottom: 80px;
}

.swiper-container {
    /* width: 100%;
    margin-left: auto;
    margin-right: auto; */
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.swiper-gallery__wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
  
.section-slider__content {
    position: relative;
    padding: 240px 78px 122px 20px;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}

/* animation */

@keyframes swiper-anim {
    from {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.5, 1.5);
    }
    to {
        transform: scale(1, 1);

    }
}

.mySlider .swiper-slide-active {
    animation: swiper-anim 15s normal infinite;
}

/* animation end */

.section-slider__1 {
    background-image: url(../img/birmingham-museums.jpg);
}
  
.section-slider__2 {
    background-image: url(../img/birmingham-museums-2.jpg);
}
  
.section-slider__3 {
    background-image: url(../img/birmingham-museums-3.jpg);
}

.section-slider__content_in {
    position: relative;
}

.section__heading {
    margin-bottom: 15.3px;   
    font-size: 48px;
    line-height: 65.37px;
    font-weight: 400;
    color: var(--grey33);
}
   
.section-slider__heading {
    position: relative;
    width: 37%;
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 72.2px;
    line-height: 83px;
    font-weight: bold;
    color: var( --white);
    z-index: 1;
}
  
.section-slider__desc {
    position: relative;
    width: 40%;
    margin-top: 0;
    margin-bottom: 92px;
    font-size: 18px;
    line-height: 30px;
    font-weight: bold;
    color: var( --white);
    z-index: 1;
}
  
.section-slider.container .swiper-pagination {
    bottom: 7%;
}
  
.section-slider.container .swiper-pagination .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    margin: 0 10px;
    background-color: rgba(255, 255, 255, 0.4);
    cursor: pointer;
}
  
.section-slider.container .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #fff;
}
  
.section-slider__btn {
    display: inline-block;
    position: relative;
    padding: 22.5px 36px 22.5px 35px;
    font-size: 18.1px;
    line-height: 24.51px;
    font-weight: 700;
    color: var( --white);
    background-color: var(--magenta);
    border-radius: 100px;
    z-index: 1;
    transition: background-color .3s ease-in-out, border .3s ease-in-out;
}

.section-slider__btn::before {
    content: '';
    position: absolute;
    display: inline-block;
    top: -3px;
    right: -3px;
    bottom: -3px;
    left: -3px;
    border-radius: 100px;
    z-index: -1;
}

.section-slider__btn:focus::before {
    border: 3px solid var(--white);
}

.section-slider__btn:focus::after {
    content: '';
    position: absolute;
    display: inline-block;
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
    border: 2px solid var(--hoverF3);
    border-radius: 100px;
    z-index: -1;
}

.section-slider__btn:active::after {
    border: none;
}

.section-slider__btn:focus {
    outline: none;
}

.section-slider__btn:hover::before {
    border: 3px solid var(--magentaF0);
}

.section-slider__btn:active {
    background-color: var(--focusA4);
}

.section-slider__btn:active::before {
    border: 3px solid var(--magentaF0);
}


.section-slider__container {
    max-width: 100%;
}

/* about */

.section-about {
    margin-bottom: 70px;
}

.section-about__heading {
    margin-bottom: 15.6px;
}

.section-about__desc {
    width: 67.8%;
    font-size: 16px;
    line-height: 32px;
    font-weight: 400;
    color: var(--grey33);
}

/* gallery */

.swiper-container {
    overflow: hidden;
}

.section-gallery {
    position: relative;
    margin-bottom: 80px;
    background: url(../img/gallery_bg.png) center top no-repeat transparent;
    background-size: cover;
}

.section-gallery__container {
    display: flex;
    padding: 80px 20px 79px 20px;
}

.section-gallery__left {
    display: flex;
    flex-direction: column;
    min-width: 401px;
    margin-right: 49px;
    flex: 1;
}

/* .section-gallery__right {
    max-width: 1150px;
    width: 100%;
    height: 836px;
    overflow: hidden;
} */

.section-gallery__left_filtr {
    margin-bottom: auto;
}

.swiper-gallery {
    position: relative;
}

.section-gallery__myGallery-wrap {
    position: relative;
    width: 100%;
    height: 836px;
    overflow: hidden;
}

.myGallery {
    position: relative;
    width: 100%;
    height: 100%;
}

.section-gallery__picture {
    position: relative;
    height: calc((100% - 136px) / 2);
    /* height: 350px !important; */
    cursor: pointer;
}

.section-gallery__picture_img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: center;
    cursor: pointer;
}

.section-gallery__picture::before {
    content: '';
    position: absolute;
    top: 25px;  
    right: 25px;
    bottom: 25px;
    left: 25px;
    transition: background .3s ease-in-out;
}

.section-gallery__picture:hover::before {
    background: url(../img/mygallery-hover-bg.svg) center no-repeat rgba( 0, 0, 0, .5);
}

.section-gallery__picture::after {
    content: '';
    position: absolute;
    top: 0;  
    right: 0;
    bottom: 0;
    left: 0;
    transition: background-color .3s ease-in-out, border .3s ease-in-out;
}

.section-gallery__picture:focus {
    outline-offset: -3px;
    outline: 3px solid var(--focusA4);
}

.section-gallery__picture:active::after {
    background-color: rgb(194, 131, 243, .4);
}

/* .myGallery .swiper-pagination-fraction {
    position: absolute;
    width: 51px;
    height: 50px;
    top: 25px;
    left: 52px;
    font-size: 16px;
    line-height: 32px;
    font-weight: 400;
    color: var(--white);
    text-align: left;
    z-index: 0;
} */

.swiper-myGallery__btns {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 35px;
    margin-bottom: 18px;
}

.swiper-button-prev__myPublication {
    margin-right: 17px;
}

.swiper-pagination.swiper-pagination__myGallery {
    position: relative;
    display: inline-block;
    max-width: 51px;
    margin-right: 20px;
    font-size: 16px;
    line-height: 32px;
    font-weight: 400;
    color: var(--white)!important;
}

.swiper-pagination__myPublication {
    display: inline-block;
    max-width: 50px;
    margin-right: 3px;
    font-size: 16px;
    line-height: 32px;
    font-weight: 400;
    color: var(--white)!important;
}


.swiper-button-prev__myGallery, .swiper-button-next__myGallery {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: var(--grey66);
    border-radius: 50%;
    outline: none;
    cursor: pointer;
    z-index: 1;
}

.swiper-button-prev__myGallery {
    left: 3px;
    margin-right: 13px;
}


/* button myGallery */

.swiper-button-prev__myGallery::after, .swiper-button-next__myGallery::after  {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
} 

.swiper-button-prev__myGallery_svg, .swiper-button-next__myGallery_svg {
    position: relative;
    z-index: 2;
}

.swiper-button-prev__myGallery:hover, .swiper-button-next__myGallery:hover {
    background-color: var(--magenta);
}

.swiper-button-prev__myGallery:focus::after, .swiper-button-next__myGallery:focus::after {
    border: 2px solid var(--black);
    border-radius: 50%;
}

.swiper-button-prev__myGallery:active::after, .swiper-button-next__myGallery:active::after{
    background-color: var(--focusA4);
    border: 2px solid var(--black);
    border-radius: 50%;
} 

.myGallery .swiper-button-next.swiper-button-disabled, .myGallery .swiper-button-prev.swiper-button-disabled {
    opacity: .5;
}

/* button myGallery end */

/* button myPublication */

.swiper-myPublication__btns {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 30px;
    margin-left: 9px;
}

.swiper-button-prev__myPublication, .swiper-button-next__myPublication {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: var(--grey66);
    border-radius: 50%;
    outline: none;
    cursor: pointer;
    z-index: 1;
}

.swiper-button-prev__myPublication {
    left: 0;
}

.swiper-button-prev__myPublication::after, .swiper-button-next__myPublication::after  {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
} 

.swiper-button-prev__myPublication_svg, .swiper-button-next__myPublication_svg {
    position: relative;
    z-index: 2;
}

.swiper-button-prev__myPublication:hover, .swiper-button-next__myPublication:hover {
    background-color: var(--magenta);
}

.swiper-button-prev__myPublication:focus::after, .swiper-button-next__myPublication:focus::after {
    border: 2px solid var(--black);
    border-radius: 50%;
}

.swiper-button-prev__myPublication:active::after, .swiper-button-next__myPublication:active::after{
    background-color: var(--focusA4);
    border: 2px solid var(--black);
    border-radius: 50%;
} 

.swiper-button-next__myPublication.swiper-button-disabled, .swiper-button-prev__myPublication.swiper-button-disabled {
   opacity: .5;
}

/* button myPublication end */

.section-gallery__left_heading {
    margin-bottom: 16px;
    font-size: 48px;
    line-height: 65.37px;
    font-weight: 400;
    color: var(--white);
}

.section-gallery__left_filtr-label {
    display: block;
    margin-bottom: 10px;
    font-size: 16.3px;
    line-height: 32px;
    font-weight: 600;
    color: var(--white);
}

.section-gallery__form .choices__inner {
    width: 99.8%;
    min-height: 40px;
    padding: 3px 3px 0 15px!important;
    font-size: 16px;
    line-height: 32px;
    font-weight: 400;
    color: var(--white);
    background: none;
    border: 1px solid var(--white);
    border-radius: 6px;
    cursor: pointer;
    transition: background .3s ease-in-out;
}

.section-gallery__form .choices {
    transition: background .3s ease-in-out;
}

.section-gallery__form .is-focused, .choices:hover {
    background: rgba(255, 255, 255, 0.2);
}



.section-gallery__form .choices__placeholder {
    opacity: 1;
}

.choices[data-type*=select-one]:after {
    transition: background .3s ease-in-out;
}

.section-gallery__form .choices[data-type*=select-one]:after {
    width: 12px;
    height: 7px;
    top: 54%;
    right: 15px;
    background: url(../img/arrow-select-down.svg) right center no-repeat transparent;
    border: none;
}

.section-gallery__form .choices__list--dropdown .choices__item--selectable.is-highlighted {
    position: relative;
    font-size: 16px;
    line-height: 32px;
    font-weight: 400;
    color: var(--white);
    background: rgba(255, 255, 255, 0.2);
}

.section-gallery__form .choices__list--dropdown .choices__item--selectable.is-highlighted::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0; 
    right: 0;
    border-top: 1px solid var(--grey99);
}

.section-gallery__form .choices__list--dropdown .choices__item--selectable.is-highlighted::after {
    content: '';
    position: absolute;
    bottom: -26px;
    left: 0; 
    right: 0;
    border-bottom: 1px solid var(--grey99);
}

.section-gallery__form .choices[data-type*=select-one].is-open:after {
    top: 60%;
    background: url(../img/arrow-select-up.svg) right center no-repeat transparent;
}


.section-gallery__form  .choices__list--dropdown {
    font-size: 16px;
    line-height: 32px;
    font-weight: 400;
    color: var(--grey99);
    background: transparent;
    border: 1px solid var(--grey99);
    border-radius: 6px;
    transition: background .3s ease-in-out;
}

.section-gallery__form .choices__list--single {
    padding: 0;
}

.section-gallery__left_filtr-select:hover {
    background: rgba(255, 255, 255, 0.2);
}    

.section-gallery__left_desc {
    margin-bottom: -9px;
    margin-left: -1px;
    font-size: 16px;
    line-height: 32px;
    font-weight: 600;
    color: var(--white);
}

.section-gallery__left_desc-link {
    position: relative;
    display: inline-block;
    color: var(--magenta);
    cursor: pointer;
    transition: color .3s ease-in-out, text-decoration .3s ease-in-out, background .3s ease-in-out;
}

.section-gallery__left_desc-link > * {
    position: relative;
}

.section-gallery__left_desc-link:focus {
    color: var(--white);
    outline: none;
}

.section-gallery__left_desc-link::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    right: -2px;
    bottom: 0;
    left: -2px;
}

.section-gallery__left_desc-link:focus::before {
    background-color: var(--magenta);
    outline: none;
}

.section-gallery__left_desc-link:hover::before {
    border-bottom: 1px solid var(--magenta);
}

.section-gallery__left_desc-link:active {
    color: var(--focusA4);
}

.section-gallery__left_desc-link:active.section-gallery__left_desc-link::before {
    background-color: transparent;
}

.section-gallery__left_desc-link:active.section-gallery__left_desc-link::before {
    background-color: transparent;
    border-bottom: 1px solid var(--focusA4);
}


/* catalog */


.section-catalog {
    margin-bottom: 41px;
}

.section-catalog__heading_wrap {
    display: flex;
    margin-bottom: 16px;
}

.section-catalog__heading {
    margin-right: 36px;
    margin-bottom: 0;   
}

.section-catalog__countries {
    display: flex;
    margin: 12px 0 0 4px;
}

.section-catalog__countries_item {
    display: inline-block;
}

.section-catalog__countries_item:not(last-child) {
    margin-right: 50px;
}

.section-catalog__countries_link {
    position: relative;
    display: inline-block;
    width: 46px;
    height: 46px;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    outline: none;
    transition: box-shadow .3s ease-in-out, border-radius .3s ease-in-out;
}

.section-catalog__countries_link:hover, .section-catalog__countries_link:focus {
    border-radius: 29px;
    box-shadow: 0px 0px 20px rgba(157, 92, 208, 0.7);
}

.section-catalog__countries_link-active::after {
    content: '';
    position: absolute;
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
    border: 2px solid var(--focusA4);
    border-radius: 100%;
}

.section-catalog__countries_link:active {
    border: 2px solid var(--focusA4);
}

.section-catalog__countries-france {
    background-image: url(../img/france_flag.png);
}

.section-catalog__countries-germany {
    background-image: url(../img/germany_flag.png);
}

.section-catalog__countries-italy {
    background-image: url(../img/italy_flag.png);
}

.section-catalog__countries-russia {
    background-image: url(../img/russia_flag.png);
}

.section-catalog__countries-belgium {
    background-image: url(../img/belgium_flag.png);
}

.section-catalog__desc_wrap {
    display: flex;
    align-items: flex-start;
}

.section-catalog__desc {
    display: none;
    margin-bottom: 39px;
    font-size: 16px;
    line-height: 32px;
    font-weight: 400;
    color: var(--grey33);
    transition: opacity .5s ease-in-out;
}

.section-catalog__desc_in {
    width: 67.6%;
    margin-bottom: 38px;
}

.section-catalog__painter {
    position: relative;
    display: flex;
    justify-content: space-between;
    min-height: 581px;
}

.section-catalog__desc_active {
    display: flex;
    flex-direction: column;
    opacity: 1;
}

.section-catalog__painter_active {
    display: flex;
}

.section-catalog__painter_list {
    width: 50%;
    overflow: hidden;
}

#accordion .section-catalog__painter_item-date, #accordion2 .section-catalog__painter_item-date, #accordion3 .section-catalog__painter_item-date, #accordion4 .section-catalog__painter_item-date, #accordion5 .section-catalog__painter_item-date {
    position: relative;
    margin-top: -1px;
    padding: 41px 0 39px 0;
    background: url(../img/catalog_button.svg) right center no-repeat transparent;
    border: none;
    border-radius: 0;
    border-top: 1px solid var(--greyCA);
    border-bottom: 1px solid var(--greyCA);
    outline: none;
    transition: border .3s ease-in-out, color .3s ease-in-out,  background-image .3s ease-in-out;
    cursor: pointer;
}

#accordion .section-catalog__painter_item-link, #accordion2 .section-catalog__painter_item-link, #accordion3 .section-catalog__painter_item-link, #accordion4 .section-catalog__painter_item-link, #accordion5 .section-catalog__painter_item-link {
    display: inline-block;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    color: var(--grey33);
    transition: color .3s ease-in-out;
}

/* events  */

#accordion .section-catalog__painter_item-date:hover, #accordion2 .section-catalog__painter_item-date:hover, #accordion3 .section-catalog__painter_item-date:hover, #accordion4 .section-catalog__painter_item-date:hover, #accordion5 .section-catalog__painter_item-date:hover {
    background-image: url(../img/catalog_button_hover.svg);
    border-top: 1px solid var(--magenta);
    border-bottom: 1px solid var(--magenta);
    z-index: 1;
}

#accordion .section-catalog__painter_item-date:hover .section-catalog__painter_item-link, #accordion2 .section-catalog__painter_item-date:hover .section-catalog__painter_item-link, #accordion3 .section-catalog__painter_item-date:hover .section-catalog__painter_item-link, #accordion4 .section-catalog__painter_item-date:hover .section-catalog__painter_item-link, #accordion5 .section-catalog__painter_item-date:hover .section-catalog__painter_item-link {
   color: var(--magenta);
}

#accordion .section-catalog__painter_item-date:active, #accordion2 .section-catalog__painter_item-date:active, #accordion3 .section-catalog__painter_item-date:active, #accordion4 .section-catalog__painter_item-date:active, #accordion5 .section-catalog__painter_item-date:active {
    background-image: url(../img/catalog_button-active.svg);
    border-top: 1px solid var(--focusA4);
    border-bottom: 1px solid var(--focusA4);
    z-index: 1;
}

#accordion .section-catalog__painter_item-date:hover .section-catalog__painter_item-link, #accordion2 .section-catalog__painter_item-date:hover .section-catalog__painter_item-link, #accordion3 .section-catalog__painter_item-date:hover .section-catalog__painter_item-link, #accordion4 .section-catalog__painter_item-date:hover .section-catalog__painter_item-link, #accordion5 .section-catalog__painter_item-date:hover .section-catalog__painter_item-link {
   color: var(--focusA4);
}

#accordion .ui-accordion-header-active .section-catalog__painter_item-link, #accordion2 .ui-accordion-header-active .section-catalog__painter_item-link, #accordion3 .ui-accordion-header-active .section-catalog__painter_item-link, #accordion4 .ui-accordion-header-active .section-catalog__painter_item-link, #accordion5 .ui-accordion-header-active .section-catalog__painter_item-link{
    color: var(--magenta);
    background-color: transparent;
}

#accordion .ui-accordion-header-active, #accordion2 .ui-accordion-header-active, #accordion3 .ui-accordion-header-active, #accordion4 .ui-accordion-header-active, #accordion5 .ui-accordion-header-active {
    background-image: url(../img/catalog_button-active.svg);
}

#accordion .ui-state-focus .section-catalog__painter_item-link, #accordion2 .ui-state-focus .section-catalog__painter_item-link, #accordion3 .ui-state-focus .section-catalog__painter_item-link, #accordion4 .ui-state-focus .section-catalog__painter_item-link, #accordion5 .ui-state-focus .section-catalog__painter_item-link {
    color: var(--white);
    background-color: var(--magenta);
    border: none;
    outline: none;
}

#accordion .ui-state-focus, #accordion2 .ui-state-focus, #accordion3 .ui-state-focus, #accordion4 .ui-state-focus, #accordion5 .ui-state-focus {
    background-image: url(../img/catalog_button_hover.svg);
}

#accordion .ui-accordion-header-active:hover .section-catalog__painter_item-link, #accordion2 .ui-accordion-header-active:hover .section-catalog__painter_item-link, #accordion3 .ui-accordion-header-active:hover .section-catalog__painter_item-link, #accordion4 .ui-accordion-header-active:hover .section-catalog__painter_item-link, #accordion5 .ui-accordion-header-active:hover .section-catalog__painter_item-link {
    color: var(--magenta);
    border: none;
}

#accordion .ui-state-hover .section-catalog__painter_item-link, #accordion2 .ui-state-hover .section-catalog__painter_item-link, #accordion3 .ui-state-hover .section-catalog__painter_item-link, #accordion4 .ui-state-hover .section-catalog__painter_item-link, #accordion5 .ui-state-hover .section-catalog__painter_item-link {
    background-color: transparent;
}

/* events end */

#accordion  .ui-icon, #accordion2 .ui-icon,  #accordion3 .ui-icon, #accordion4 .ui-icon, #accordion5 .ui-icon {
    display: none;
}

#accordion .ui-widget-content, #accordion2 .ui-widget-content, #accordion3 .ui-widget-content, #accordion4 .ui-widget-content, #accordion5 .ui-widget-content {
    padding: 26px 0 16px 0;
    border: none;
}

.section-catalog__painter_sub {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 298px;
    width: 91.5%;  
}

.section-catalog__painter_empty-wrap {
    display: flex;
    align-items: center;
}

.section-catalog__painter_sub-link {
    font-size: 16px!important;
    line-height: 30px;
    font-weight: 400;
    color: var(--grey33);
    background-color: transparent;
    border: none;
    border-bottom: 1px solid var(--white);
    cursor: pointer;
    outline: none;
    transition: color .3s ease-in-out, border .3s ease-in-out;
}   

.painter-sub__active_link, .section-catalog__painter_sub-link:focus {
    color: var(--white);
    background-color: var(--magenta);
}

.section-catalog__painter_sub-link:active {
    color: var(--focusA4);
    background-color: transparent!important;
    border-bottom: none!important;
}

.section-catalog__painter_sub-link:hover {
    color: var(--magenta);
    background-color: transparent;
    border-bottom: 1px solid var(--magenta);
}

.section-catalog__painter_empty-bg {
    flex: none;
    width: 279px;
    height: 189px;
    margin-right: 24px;
    margin-left: 2px;
    background-color: var(--greyB7);
    border: 12px solid var(--white);
    outline: 2px solid var(--greyB7);
}

.section-catalog__painter_empty-heading {
    margin-bottom: 5px;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    color: var(--grey33);
}

.section-catalog__painter_empty-desc {
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 21.79px;
    font-weight: 400;
    color: var(--grey33);
}

.ui-widget-content .section-catalog__painter_empty-link {
    font-size: 16px;
    line-height: 21.79px;
    font-weight: 600;
    color: var(--magenta);
}

.section-catalog__painter_sub-painter {
    position: absolute;
    width: calc(50% - 50px);
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    opacity: 0;
    transition: opacity .5s ease-in-out;
}

.section-catalog__painter_active {
    display: flex;
}

.painter-sub__active {
    transition: opacity .5s ease-in-out;
    z-index: 3;
    opacity: 1; 
}

.sub-painter__img {
   margin-bottom: 21px;
}

.sub-painter__name {
    margin-bottom: 9px;
    font-size: 23.4px;
    line-height: 32.68px;
    font-weight: 600;
    letter-spacing: .5px;
    color: var(--grey33);
}

.sub-painter__date {
    display: block;
    margin-bottom: 5px;
    font-size: 11.5px;
    line-height: 16.34px;
    font-weight: 400;
    letter-spacing: .3px;
    color: var(--grey99);
}

.sub-painter__desc {
    font-size: 16.1px;
    line-height: 32px;
    font-weight: 400;
    color: var(--grey33);
}

/* events */

.swiper-container.myEvents {
    position: relative;
}

.section-events {
    position: relative;
    margin-bottom: 80px;
}

.section-events__list {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}

.section-events__item {
    display: flex;
    flex-direction: column;
    height: auto;
    margin-bottom: 50px;
    width: calc((100% - 50px*2 ) / 3);
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: center top;
    border: 1px solid var(--greyCA);
}

.section-events__item_img {
    margin-bottom: 9px;
}

.section-events__item_wrap {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0 17px 40px 50px;
}

.section-events__item_place, .section-events__item_date {
    display: block;
    text-align: right;
    font-size: 12px;
    line-height: 16.34px;
    font-weight: 600;
    color: var(--grey99);
}

.section-events__item_date {
    margin-bottom: 4px;
}

.section-events__item_heading {
    margin-bottom: 4px;
    font-size: 24px;
    line-height: 32.7px;
    font-weight: 600;
    color: var(--grey33);
}

.section-events__item_desc {
    width: 93%;
    margin-bottom: 81px;
    font-size: 16px;
    line-height: 32px;
    font-weight: 400;
    color: var(--grey33);
}

.section-events__item_readmore {
    position: relative;
    display: inline-block;
    margin-top: auto;
    margin-right: auto;
    font-size: 16px;
    line-height: 32px;
    font-weight: 400;
    color: var(--magenta);
    transition: color .3s ease-in-out, background-color .3s ease-in-out, border-bottom .3s ease-in-out;
    outline: none;
    z-index: 1;
}

.section-events__item_readmore::after {
    content: '';
    position: absolute;
    right: 1px;
    bottom: 2px;
    left: 0;
    border-bottom: 1px solid var(--magenta);
    transition: boder-bottom .3s ease-in-out;
}

.section-events__item_readmore::before {
    content: '';
    display: block;
    position: absolute;
    top: -4px;
    right: -8px;
    bottom: -4px;
    left: -8px;
    transition: background-color .3s ease-in-out;
    z-index: -1;
}

.section-events__item_readmore:focus {
    color: var(--white);
}

.section-events__item_readmore:focus::before {
    background-color: var(--magenta);
}

.section-events__item_readmore:focus::after {
    border-bottom: 1px solid var(--white);
}

.section-events__item_readmore:hover {
    color: var(--focusA4);
}

.section-events__item_readmore:hover::after {
    border-bottom: 1px solid var(--focusA4);
}

.section-events__item_readmore:active {
    color: var(--grey33);
}

.section-events__item_readmore:active::after {
    border-bottom: 1px solid var(--grey33);
}

.section-events__item_readmore:active::before {
  background-color: transparent;
}

/* ************************************** */
/* 
.section-events__item_book {
    background-image: url(../img/books_engraving.png);
}

.section-events__item_discussion {
    background-image: url(../img/discussion.jpg);
}

.section-events__item_formation {
    background-image: url(../img/formation.png);
}

.section-events__item_bienalle {
    background-image: url(../img/bienalle.png);
}

.section-events__item_vindzor {
    background-image: url(../img/vindzor.png);
} */

.section-events__button {
    display: block;
    position: relative;
    margin: 0 auto;
    padding: 16px 33px 15px 33px;
    font-size: 18px;
    line-height: 24.51px;
    font-weight: bold;
    color: var(--magenta);
    background-color: transparent;
    border: 2px solid var(--magenta);
    border-radius: 100px;
    cursor: pointer;
    transition: background-color .3s ease-in-out, color .3s ease-in-out, border .3s ease-in-out;
}

.section-events__button:focus {
    outline: none;
}

.section-events__button-focus:focus::before {
    content: '';
    position: absolute;
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
    border: 2px solid var(--hoverF3);
    border-radius: 100px;
    outline: none;
}

.section-events__button:hover {
    color: var(--white);
    background-color: var(--magenta);
}

.section-events__button:active {
    color: var(--white);
    background-color: var(--focusA4);
    border: 2px solid var(--magentaF0);
}

.section-events__button:active.section-events__button-focus::before {
    border: none;
}

.section-events__hidden {
    display: none;
}

.section-events__button_hidden {
    display: none!important;
}

.section-events__hidden_open {
    display: flex;
}

.section-events__list .section-events__hidden:nth-child(3) {
    display: flex;
}

.section-events__list .section-events__hidden:nth-child(2) {
    display: flex;
}

.section-events__list .section-events__item:nth-child(3) .section-events__hidden {
    display: flex;
}

/* publications */

.section-projects__heading {
    margin-bottom: 15.9px;
}

.section-publications {
    margin-bottom: 80px;
    background: url(../img/birmingham-museums-publication.jpg) center top no-repeat transparent;
    background-size: cover;
}

.section-publications__container {
    display: flex;
    padding: 80px 20px 53px 20px;
}

.section-publications__left {
    min-width: 278px;
    margin-right: 87px;
}

.section-publications__left_spoiler {
    display: none;
}

.section-publications__myPublication {
    width: 100%;
    height: 630px;
    padding-top: 32px;
    padding-right: 2px;
    overflow: hidden;
}

.section-publications__myPublication_block {
    display: none;
}

.myPublication {
    position: relative;
    width: 100.4%;
    height: 100%;
    margin-left: 4px;
    padding: 0 8px 5px 5px;
}

.myPublication .swiper-wrapper {
    width: 102%;
}

.section-publications__heading {
    margin-bottom: 16px;
    font-size: 48.1px;
    line-height: 65.37px;
    font-weight: 400;
    color: var(--white);
}

.section-publications__checkbox {
    position: relative;
    display: flex;
    flex-direction: column;
    margin-bottom: 27px;
}

.section-publications__checkbox_heading, .section-publications__price_heading {
    font-size: 17.3px;
    line-height: 32px;
    font-weight: 400;
    color: var(--white);
}

.section-publications__checkbox_heading {
    margin-bottom: 0;
}

.section-publications__price_heading {
    margin-bottom: 6px;
}

.section-publications__checkbox_item {
    position: relative;
}

.section-publications__checkbox_input + .section-publications__checkbox_label {
    color: var(--white);
    font-size: 16px;
    line-height: 32px;
    font-weight: 400;
    padding-left: 24px;
    cursor: pointer;
    transition: color .3s ease-in-out;
}    

.section-publications__checkbox_input {
    position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	padding:0 !important;
	border:0 !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden;
}
  
.section-publications__checkbox_input + .section-publications__checkbox_label::before {
    content: '';
    position: absolute;
    top: 29%;
    right: 0;
    bottom: 0;
    left: 0;
    width: 10px;
    height: 10px;
    background: none;
    border: 1px solid var(--white);
    transition: border-color .3s ease-in-out, background .3s ease-in-out;
}

.section-publications__checkbox_input:checked + .section-publications__checkbox_label::before {
    color: var(--hoverF3);
    background: url(../img/publication-check.svg) center center no-repeat transparent;
    border: 1px solid var(--magenta);
}

.section-publications__checkbox_input:focus + .section-publications__checkbox_label::before {
    border: 1px solid var(--hoverF3);
}

.section-publications__checkbox_label:hover, .section-publications__checkbox_input:focus + .section-publications__checkbox_label {
    color: var(--hoverF3);
}

.section-publications__checkbox_label:hover.section-publications__checkbox_label::before, .section-publications__checkbox_input:focus + .section-publications__checkbox_label::before {
    border: 1px solid var(--hoverF3);
}

.section-publications__price_form {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 78.1%;
    padding: 0 10px 0 10px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 6px;
}

.section-publications__price_item {
    position: relative;
    width: 46%;
}

.section-publications__price_label {
    font-size: 16px;   
    line-height: 32px;
    font-weight: 400;
    color: var(--white); 
}

.section-publications__price_input {
    width: 28%;
    padding:2px 0 2px 9px;
    font-size: 16px;
    line-height: 32px;
    font-weight: 400;
    color: var(--white);
    background: rgba(157, 92, 208, 0.5);
    border: 1px solid transparent;
    cursor: pointer;
    transition: background .3s ease-in-out;
}

.section-publications__price_input::placeholder {
    color: var(--white);
}

.section-publications__price_input:hover {
    background: rgba(157, 92, 208, 1);
}

.section-publications__price_input:focus {
    background: rgba(157, 92, 208, 1);
    border: 1px solid rgba(255, 255, 255, 0.5);
    outline: none;
}

.section-publications__price_input:active {
    background: var(--focusA4);
    outline: none;
}

.section-publications__price_currency {
    font-size: 16px;   
    line-height: 32px;
    font-weight: 400;
    color: var(--white); 
}

.section-publications__right_slide-picture {
    display: block;
    margin-bottom: 22px;
}

.section-publications__right_wrap-left {
    display: flex;
    justify-content: space-between;
}

.section-publications__right_item-top {
    display: flex;
    justify-content: space-between;
}

.section-publications__right_item-name {
    width: 62%;
    margin-bottom: 1px;
    font-size: 16.1px;
    line-height: 21.79px;
    font-weight: bold;
    color: var(--white);
    overflow: hidden;
}

.section-publications__right_item-author, .section-publications__right_item-name {
    white-space: nowrap;
    text-overflow: ellipsis;
}

.section-publications__right_item-author {
    width: 100%;
    margin-bottom: 14px;
    font-size: 15.8px;
    line-height: 21.79px;
    font-weight: 400;
    color: var(--white);
    overflow: hidden;
}

.section-publications__right_item-price {
    font-size: 15.8px;
    line-height: 21.79px;
    font-weight: 400;
    font-style: italic;
    color: var(--white);
} 

.section-publications__right_item-button {
    position: relative;
    display: block;
    padding: 6px 19px 8px 20px;
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    color: var(--white);
    background-color: transparent;
    border: none;
    border: 2px solid var(--magenta);
    border-radius: 100px;
    transition: background-color .3s ease-in-out;
    cursor: pointer;
    outline: none;
    z-index: 1;
}

.section-publications__right_item-button::before {
    content: '';
    position: absolute;
    top: -7px;
    right: -7px;
    bottom: -7px;
    left: -7px;
    transition: border .3s ease-in-out;
    outline: none;
    z-index: 2;
}

.section-publications__right_item-button:focus::before {
    border: 2px solid var(--hoverF3);
    border-radius: 100px;
}

.section-publications__right_item-button:hover {
    background-color: var(--magenta);
} 

.section-publications__right_item-button::after {
    content: '';
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    transition: background-color .3s ease-in-out, border .3s ease-in-out;
    z-index: -1;
} 

.section-publications__right_item-button:active::after {
    background-color: var(--focusA4);
    border: 3px solid var(--magentaF0);
    border-radius: 100px;
}

.section-publications__right_item-button:active::before {
    border: none;
}

/* projects */

.section-projects {
    margin-bottom: 80px;
}

.section-projects__desc {
    width: 66%;
    margin-bottom: 19px;
    font-size: 16px;
    line-height: 32px;
    font-weight: 400;
    color: var(--grey33);
}

.section-projects__desc_nbsp {
    display: inline-block;
    margin-right: 22px;
}

.section-projects__desc_link {
    display: inline-block;
    padding: 0;
    font-weight: 600;
    color: var(--magenta);
    background-size: 100% 1px;
    background-position: 0% 95%;
    background-repeat: no-repeat;
    transition: background-image .3s ease-in-out, background-color .3s ease-in-out;
}

.section-projects__desc_link:hover {
    background-image: linear-gradient(var(--magenta), var(--magenta));
}

.section-projects__desc_link:focus {
    color: var(--white);
    background-color: var(--magenta);
    outline: none;
}

.section-projects__desc_link:active {
    color: var(--focusA4);
    background-color: transparent;
    background-image: linear-gradient(var(--focusA4), var(--focusA4));
}

.section-contacts__heading {
    margin-bottom: 16px;
    font-size: 48.1px;
}

.section-projects__heading_h3 {
    margin-bottom: 23px;
    font-size: 24.1px;
    line-height: 32px;
    font-weight: 600;
    color: var(--grey33);
}

.section-projects__desc_tooltip {
    display: inline-block;
    position: relative;
    width: 16px;
    height: 16px;
}

#project-tooltip-1, #project-tooltip-2, #project-tooltip-3 {
    position: absolute;
    top: 17%;
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: none;
    border-radius: 50%;
    cursor: pointer;
}

#project-tooltip-1:hover .section-projects__desc_tooltip-icon, #project-tooltip-2:hover .section-projects__desc_tooltip-icon, #project-tooltip-3:hover .section-projects__desc_tooltip-icon  {
    fill: var(--magentaF0);
}

#project-tooltip-1:active .section-projects__desc_tooltip-icon-stroke, #project-tooltip-2:active .section-projects__desc_tooltip-icon-stroke, #project-tooltip-3:active .section-projects__desc_tooltip-icon-stroke  {
    fill: var(--white);
}

#project-tooltip-1:focus, #project-tooltip-2:focus, #project-tooltip-3:focus {
    outline: none;
}

#project-tooltip-1:focus .section-projects__desc_tooltip-icon, #project-tooltip-2:focus .section-projects__desc_tooltip-icon, #project-tooltip-3:focus .section-projects__desc_tooltip-icon  {
    fill: var(--magentaF0);
}

#project-tooltip-1:active .section-projects__desc_tooltip-icon, #project-tooltip-2:active .section-projects__desc_tooltip-icon, #project-tooltip-3:active .section-projects__desc_tooltip-icon  {
    fill: var(--magenta);
    stroke: var(--magenta);
}
  
#myButton:hover, #myButton:focus {
    background: url(../img/tooltip-icon-active.svg) center center no-repeat transparent;
}
  
.tippy-box {
    background-color: transparent;
}

.tooltip-wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.tooltip__html {
    display: block;
    position: relative;
    padding: 8px 11px 8px 11px;
    font-size: 12px;
    line-height: 16.34px;
    font-weight: 600;
    text-align: center;
    background-color: var(--magenta);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    z-index: 1;
}

.tooltip__arrow {
    position: absolute;
    left: calc(50% - 4px);
    bottom: -4px;
    width: 8px;
    height: 8px;
    background-color: var(--magenta);
    transform: rotate(45deg);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    z-index: 2;
}

.myPartners {
    position: relative;
    height: 150px;
    padding: 0;
}

.section-projects__slider {
    position: relative;
    padding: 0 75px;
}

.section-projects__slider_pic {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--greyCA);
    cursor: pointer;
}

.section-projects__slider_img {
    object-fit: contain;
    filter: grayscale(100%);
    opacity: .3;
    transition: filter .3s ease-in-out, opacity .3s ease-in-out;
}

.section-projects__slider_pic-body {
    width: 70%;
    text-align: center;
}

.section-projects__slider-freelands .section-projects__slider_pic-body {
    width: 54.5%;
}

.section-projects__slider-institute .section-projects__slider_pic-body {
    width: 72.5%;
}

.section-projects__slider-workhouse .section-projects__slider_pic-body {
    width: 72%;
}

.section-projects__slider_pic:hover .section-projects__slider_img {
    filter: grayscale(0%);
    opacity: 1;
}

.section-projects__slider_pic:active {
    border: 1px solid var(--magenta);
}

.section-projects__slider_pic:focus {
    border: 1px solid var(--magenta);
    outline: none;
}

.section-projects__myPartners-wrap {
    position: relative;
}

/* button myPartners */

.swiper-button__myPartners {
    position: absolute;
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    top: calc(50% - 15px);
}

.swiper-button-prev__myPartners, .swiper-button-next__myPartners {
    position: relative;
    width: 30px;
    height: 30px;
    background-color: var(--greyEC);
    border-radius: 50%;
    outline: none;
    transition: background-color .3s ease-in-out;
    cursor: pointer;
    z-index: 10;
}

.swiper-button-prev__myPartners:focus, .swiper-button-next__myPartners:focus {
    outline: none;
}

.swiper-button-prev__myPartners::after, .swiper-button-next__myPartners::after  {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
} 

.swiper-button-prev__myPartners:hover, .swiper-button-next__myPartners:hover {
    background-color: var(--magentaF0);
}

.swiper-button-prev__myPartners:active, .swiper-button-next__myPartners:active {
    background-color: var(--magentaF0);
}

.swiper-button-prev__myPartners:active::after, .swiper-button-next__myPartners:active::after {
    border-radius: 50%;
    border: 2px solid var(--magenta);
}

.swiper-button-prev__myPartners:focus::after, .swiper-button-next__myPartners:focus::after {
    border: 2px solid var(--magenta);
    border-radius: 50%;
}

.myPartners .swiper-button-next__myPartners.swiper-button-disabled, .myPartners .swiper-button-prev__myPartners.swiper-button-disabled {
    opacity: .5;
}

.swiper-button-prev__myPartners_svg, .swiper-button-next__myPartners_svg {
    position: relative;
}


.swiper-button-prev__myPartners_svg:focus, .swiper-button-next__myPartners_svg:focus {
    outline: none;
}

    
.swiper-button-prev__myPartners.swiper-button-disabled, .swiper-button-next__myPartners.swiper-button-disabled {
    background-color: var(--greyEC);
}

.swiper-button-prev__myPartners.swiper-button-disabled path, .swiper-button-next__myPartners.swiper-button-disabled {
    stroke: var(--greyBB);
}


/* button myPartners end */

/* contacts */

.section-contacts__wrap {
    position: relative;
    border-top: 1px solid var(--greyCA);
}

.section-contacts__info {
    max-width: 1600px;
    margin: 0 auto;
}

.section-contacts__info_in {
    padding: 123px 20px 120px 0;
}

.section-contacts__map {
    position: absolute;
    width: 64.61%;
    height: 100%;
    right: 0;
    top: -1px;
    border-left: 1px solid var(--greyCA);
}

.section-contacts__heading_h3 {
    margin-bottom: 3px;
    font-size: 24.2px;
    line-height: 32px;
    font-weight: 600;
    color: var(--grey33);
}    

.section-contacts__adress {
    display: inline-block;
    margin-bottom: 28px;
    font-size: 16.1px;
    line-height: 32px;
    font-weight: 400;
    color: var(--grey33);
}

.section-contacts__call {
    margin-bottom: 16px;
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
    color: var(--grey33);
}

.section-contacts__form {
    position: relative;
}

.section-contacts__form_input {
    display: block;
    width: 25.35%;
    margin-bottom: 23px;
    padding: 3px 25px 3px 23px;
    font-size: 16.5px;
    line-height: 32px;
    font-weight: 400;
    color: var(--grey99);
    border: 1px solid var(--grey33);
    border-radius: 100px;
    cursor: pointer;
    transition: background-color .3s ease-in-out, color .3s ease-in-out, border .3s ease-in-out;
}

.section-contacts__form_input::placeholder {
    color: var(--grey99);
} 

.section-contacts__form_input {
    background-color: var(--white);
    outline: none;
}

.section-contacts__form_input:hover {
    background-color: var(--greyEA);
    outline: none;
}

.section-contacts__form_input-wrap {
    position: relative;
}

.section-contacts__form_input {
    color: var(--grey33);
}

.js-validate-error-label {
    position: absolute;
    display: inline-block;
    top: -9px;
    left: 20px;
    font-size: 12px;
    line-height: 16.34%;
    font-weight: 400;
    color: var(--red16)!important;
}

.section-contacts__form_input.js-validate-error-field {
    color: var(--grey99)!important;
    border: 1px solid var(--red16)!important;
}

.section-contacts__form_button {
    position: relative;
    margin-top: -1px;
    margin-bottom: 38px;
    padding: 15px 33px 16px 33px;
    font-size: 18.2px;
    line-height: 24.51px;
    font-weight: bold;
    color: var(--magenta);
    background-color: transparent;
    border: 2px solid var(--magenta);
    border-radius: 100px;
    cursor: pointer;
    transition: color .3s ease-in-out, background-color .3s ease-in-out;
}

.section-contacts__form_button > * {
    position: relative;
}

.section-contacts__form_button:focus::before {
    content: '';
    position: absolute;
    top: -6px;
    right: -6px;
    bottom: -6px;
    left: -6px;
    border: 2px solid var(--magentaF0);
    border-radius: 100px;
}

.section-contacts__form_button:focus {
    outline: none;
}

.section-contacts__form_button:hover {
    color: var(--white);
    background-color: var(--magenta);
}

.section-contacts__form_button:active::before {
    background-color: var(--focusA4);
    border: 2px solid var(--magentaF0);
}

.section-contacts__1click {
    margin-bottom: 15px;
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
    color: var(--grey33);
}

.section-contacts__messengers_item {
    display: inline-block;
    margin-right: 16px;
} 

.section-contacts__messengers_link {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 100%;
    transition: opacity .3s ease-in-out, border .3s ease-in-out;
}

.section-contacts__messengers_link::after {
    transition: border .3s ease-in-out;
}

.section-contacts__messengers_link:active::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid var(--focusA4);
    border-radius: 100%;
}

.section-contacts__messengers_link:hover, .section-contacts__messengers_link:focus {
    opacity: .4;
    outline: none;
}

.section-contacts__messengers_link:active {
    opacity: 1;
}

.section-contacts__messengers_link:active::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid var(--focusA4);
    border-radius: 100%;
}



/* .section-contacts__messengers_item-whatsapp {
    background-image: url(../img/Whatsapp-Icon.svg);
}
.section-contacts__messengers_item-telegram {
    background-image: url(../img/Telegram_2019_Logo.svg);
} */


[class*="ymaps-layers-pane"] {
    filter: grayscale(1);
}


/* footer */

.footer {
    background-color: var(--black);
}

.footer__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 48px 20px 44px 20px;
}

.footer__logo {
    display: inline-block;
    margin-right: auto;
}

.footer__logo:focus {
    outline: none;
}

.footer__social {
    display: flex;
    margin-top: -1px;
}

.footer__social_item:not(:last-child) {
    display: inline-block;
    margin-right: 20px;
}

.footer__social_link {
    display: inline-block;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: cover;
}

.footer__social_vk-path path, .footer__social_inst-path path, .footer__social_fb-path path {
    transition: fill .3s ease-in-out;
}


.footer__social_link-vk:hover .footer__social_vk-path path, .footer__social_link-inst:hover .footer__social_inst-path path,
 .footer__social_link-fb:hover .footer__social_fb-path path {
    fill: var(--white);
}

.footer__social_link-vk:focus .footer__social_vk-path path, .footer__social_link-inst:focus .footer__social_inst-path path,
.footer__social_link-fb:focus .footer__social_fb-path path {
   fill: var(--white);
   outline: none;
}

.footer__social_link-vk:focus, .footer__social_link-inst:focus,
.footer__social_link-fb:focus {
   outline: none;
}

.footer__social_link-vk:active .footer__social_vk-path path, .footer__social_link-inst:active .footer__social_inst-path path,
 .footer__social_link-fb:active .footer__social_fb-path path {
    fill: var(--magenta);
}



/* category check */

.section-publications__left-check {
    display: none;
    width: 100%;
    margin-right: 0;
}

.header__top_search-form {
    display: none;
}


@media (max-width: 1400px) {

    .container {
        padding: 0 50px;
    }

    .header-top {
        padding: 28px 0 29px 0;
    }

    .header-container__burger {
        width: 36px;
        height: 28px;
        margin-top: 2px;
        background-color: transparent;
        border: none;
    }

    .header-container__burger:focus {
        outline: none;
    }

   
    .burger-nav__active {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;    
        padding: 37px 37px 0 48px;
        background: rgba(0, 0, 0, 0.9);
        overflow: hidden;
        z-index: 4;
    }

    /* .burger-nav__list {
        margin-bottom: 113px;
    } */

    .burger-nav__item:not(last-child) {
        padding: 0;
    }

    .header-container__burger_x {
        width: 29px;
        height: 29px;
        margin-bottom: 30px;
        margin-left: 2px;
        /* background: url(../img/burger-button-x-1024.svg) center no-repeat transparent; */
        border: none;
        background-color: transparent;
    }

    .header-container__burger_x:focus {
        outline: none;
    }

    .burger-nav__link {
        position: relative;
        display: inline-block;
        padding: 0;
        margin: 0;
        font-size: 24px;
        line-height: 64px;
        font-weight: 600;
        color: var(--white);
        transition: background-color .3s ease-in-out;
    }

    .burger-nav__link:focus {
        color: var(--white);
        outline: none;
    }

    .burger-nav__link:active {
        color: var(--focusA4);
    }

    .burger-nav__link:focus::before {
        content: '';
        position: absolute;
        top: 0;
        right: -6px;
        bottom: 0;
        left: -6px;
        background-color: var(--focusA4);
        z-index: -1;
    }

    .burger-nav__link:active::before {
        background-color: transparent;
    }

    .header__btn_enter-burger {
        position: absolute;
        display: inline-block;
        bottom: 6.5%;
        margin: 0;
        padding: 17px 92px 15px 88px;
        border: 2px solid var(--magenta);
        border-radius: 100px;
    }

    .header__btn_enter-burger:hover {
        color: var(--white);
        background-color: var(--magenta);
    }

    .header__btn_enter-burger:hover .header__btn_enter-icon path {
        fill: var(--white);
    }

    .header__btn_enter-burger:active {
        background-color: var(--focusA4);
    }

    .header__btn_enter:active span {
        color: var(--white);
    }

    .header__btn_enter-burger:active::after {
        content: '';
        position: absolute;
        top: -3px;
        right: -3px;
        bottom: -3px;
        left: -3px;
        border: 3px solid var(--magentaF0);
        border-radius: 100px;
    }

    .header__btn_enter-burger:focus {
        background-color: transparent;
    }

    .header__btn_enter-burger:focus::before {
        top: -7px;
        right: -7px;
        bottom: -7px;
        left: -7px;
        background-color: transparent;
        border: 2px solid var(--hoverF3);
        border-radius: 100px;
    }

    .header-bottom {
        display: none;
    }

    .section-slider__container {
        padding: 0;
    }

    .section-slider {
        margin-top: -100px;
        margin-bottom: 81px;
    }

    .section-slider__1 {
        background-image: url(../img/birmingham-museums-1024.jpg);
    }
      
    .section-slider__2 {
        background-image: url(../img/birmingham-museums-2-1024.jpg);
    }
      
    .section-slider__3 {
        background-image: url(../img/birmingham-museums-3-1024.jpg);
    }

    .section-slider__content {
        padding: 213px 50px 114px 50px;
    }

    .section-slider__heading {
        width: 64%;
        margin-bottom: 11px;
        font-size: 72.3px;
        line-height: 83px;
        font-weight: bold;
        color: var(--white);
    }

    .section-slider__desc {
        width: 75%;
        margin-bottom: 133px;
        font-size: 18.1px;;
    }

    .section-about__heading {
        margin-bottom: 14px;
    }

    .section-about__desc {
        width: 100%;
        font-size: 16px;
    }

    .section-slider__btn {
        padding: 22.5px 37px 24px 35px;
        font-size: 18px;
    }

    .section-about {
        margin-bottom: 71px;
    }
    
    /* gallery */

    .swiper-section-modal__content {
        width: calc(100% - 430px);   
    }

    .section-gallery {
        margin-bottom: 80px;
        background: url(../img/gallery_bg-1024.png) center top no-repeat transparent;
        background-size: cover;
    }

    .section-gallery__myGallery-wrap {
        height: 679px;
    }

    .section-gallery__container {
        padding-top: 80px;
        padding-bottom: 64px;
    }

    .section-gallery__left_heading {
        margin-bottom: 16px;
        font-size: 48px;
    }

    .section-gallery__left_filtr-label {
        margin-bottom: 10px;
        font-size: 16.1px;
    }

    .section-gallery__left {
        min-width: 30.4%;
        margin-right: 49px;
    }

    .section-gallery__right {
        max-width: 100%;
    }

    .swiper-button-prev__myGallery {
        left: 1px;
    }

    .section-gallery__form .choices__inner {
        padding: 2px 3px 0 14.1px!important;
        font-size: 15.9px;
    }

    .section-gallery__left_desc {
        margin-bottom: 6px;
        margin-left: -1px;
    }

    /* catalog */

    .section-catalog__heading {
        margin-right: 43px;
    }

    .section-catalog__countries {
        margin: 19px 0 0 0;
    }

    .section-catalog__heading_wrap {
        margin-bottom: 13px;
    }

    .section-catalog__desc_in {
        width: 100%;
    }

    .section-catalog__countries_item {
        margin-right: 50px;
    }

    .section-catalog__desc {
        width: 100%;
        margin-bottom: 39px;
    }

    .sub-painter__img {
        display: inline-block;
        margin-bottom: 21px;
    }

    .sub-painter__name {
        margin-bottom: 9px;
    }

    .sub-painter__desc {
        width: 95%;
    }

    #accordion .section-catalog__painter_item-date {
        padding: 42px 0 38px 0;
    }
    
    #accordion .ui-widget-content, #accordion2 .ui-widget-content, #accordion3 .ui-widget-content, #accordion4 .ui-widget-content, #accordion5 .ui-widget-content {
        padding: 25px 0 26px 0;
    }

    .section-catalog__painter_sub {
        min-height: 384px;
    }

    /* events */

    .section-events__item_heading {
        margin-bottom: 3px;
        line-height: 33.3px;
    }

    .section-events__item_desc {
        margin-bottom: 25px;
    }

    .section-events__button {
        padding: 15px 33px 16px 33px;
    }

    /* publications */

    .section-publications__container {
        padding-top: 80px;
        padding-bottom: 53px;
    }

    .section-publications__left {
        width: 30%;
        margin-right: 12px;
    }

    .section-publications__right {
        width: 68.1%;
    }

    .section-publications__checkbox_input + .section-publications__checkbox_label::before {
        top: 30%;
    }

    .section-publications__right_slide-picture {
        margin-bottom: 11px;
    }

    .section-publications__right_item-author {
        margin-bottom: 14.9px;
    }

    .swiper-myPublication__btns {
        margin-bottom: 29px;
        margin-left: 0;
    }

    /* projects */ 

    .section-projects {
        margin-bottom: 80px;
    }

    .section-projects__desc {
        width: 100%;
        margin-bottom: 19px;
    }

    .section-projects__desc_nbsp {
        margin-right: 0;
    }

    .section-projects__heading {
        margin-bottom: 16px;
    }
    

    /* contacts */

    .section-contacts__info_in {
        padding: 123px 0 120px 50px;
    }

    .section-contacts__map {
        width: 52.4%;
    }

    .section-contacts__form_input {
        width: 34.4%;
    }

    .section-contacts__messengers_link {
        transform-origin: left top;
        transform: scale(1.5);
        margin-right: 26px;
    }

    .section-contacts__messengers_item {
        margin-right: 20px;
    }

    /* footer */

    .footer__container {
        padding-top: 48px;
        padding-bottom: 44px;
    }

    .footer__logo {
        margin-left: 1px;
    }

    .footer__social_item:not(:last-child) {
        margin-right: 45px;
    }

    .footer__social {
        margin-right: 7px;
    }

    .footer__social_link svg {
       transform: scale(1.33);
    }
}


@media (max-width: 1200px) {
    .header__nav-top {
        display: none;
    }

    .burger-wrapper {
        display: block;
        margin-top: 1px;
    }

    .logo {
        width: 188px;
        height: 42px;
        margin-right: 0;
        margin-left: -6px;
    }

    .header-container__search-1024 {
        display: block;
    }

    .header__top_search-form {
        display: none;
        position: absolute;
        width: 30px;
        right: 50px;
        background-color: var(--black);
        transition: width .3s ease-in-out;
    }

    .header-container__search_link {
        position: relative;
        display: inline-block;
        width: 29.45px;
        height: 28.82px;
        margin-top: 2px;
        background-color: transparent;
        border: none;
        transition: transform .3s ease-in-out;
    }

    .swiper-section-modal__content {
        width: calc(100% - 100px);   
    }

    .btn.header__btn_enter {
        display: none;
    }

    .header__top_search-input {
        position: relative;
        display: inline-block;
        width: 100%;
        padding: 5px 0 5px 0;
        color: rgba(255, 255, 255, .85);
        background-color: transparent;
        border: none;
        border-bottom: 1px solid rgba(255, 255, 255, .85);
    }

    .header__top_search-cross {
        display: none;
    }

    .search-form__open {
        /* clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 0%); */
        display: flex;
        /* width: calc(100% - 100px); */
        width: 22%;
        height: 100%;
        align-items: center;
        z-index: 3;
    }

    .header__top_search-wrap {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }

    .header-container__search_link:focus {
        border: none;
        outline: none;
    }

    .header__top_search-input:focus {
        outline: none;
        border-bottom: 1px solid rgba(121, 67, 164, .85);
    }

    .header__container_top {
        position: relative;
    }

    .search-form__open::before {
        content: '';
        position: absolute;
        top: -2px;
        right: -2px;
        bottom: -2px;
        left: -4px;
        z-index: -1;
        background-color: var(--dark1B);
    } 

    .header-container__search_btn, .header-container__search_cross {
        display: inline-block;
        padding-right: 0;
        background-color: transparent;
        border: none;
    }

    .header-container__search_btn {
        width: 29.45px;
        height: 28.82px;
        margin-right: 10.5px;
    }

    .header-container__search_cross {
        display: none;
    }

}


@media (max-width: 1024px) {


    /* gallery */ 

    .myGallery {
        height: 679px;
    }

    .section-gallery__picture {
        position: relative;
        height: calc((100% - 119px) / 2);
    }

    .section-events__item_date {
        margin-bottom: 1px;
    }

    .section-gallery__left_desc {
        margin-bottom: -10px;
        margin-left: -1px;
    }

    .swiper-pagination.swiper-pagination__myGallery {
        margin-right: 18px;
    }

    .swiper-myGallery__btns {
        margin-bottom: 17px;
    }

    .section-gallery__container {
        padding-bottom: 80px;
    }

    .section-catalog__painter_list {
        width: calc((100% - 50px) / 2);
    }

    .section-catalog__painter_sub-painter {
        width: 50%;
    }

    .section-publications__checkbox_heading {
        margin-bottom: 0;
    }

    .section-publications__price_heading {
        margin-bottom: 7px;
    }

    .section-publications__myPublication {
        padding: 33px 15px 5px 6px;
    }

    .section-projects__slider {
        padding: 0 53px;
    }

    .myPartners {
        height: 128px;
    }

    .myPublication {
        padding: 0 10px 5px 5px;
    }

    .myPublication {
        width: 105.1%;
        margin-left: -6px;
    }

    .swiper-pagination__myPublication {
        margin-right: 2px;
    }

    .sub-painter__date {
        margin-bottom: 6px;
    }

    .section-catalog__painter_sub {
        width: 115%;
        min-height: 384px;
    }

    #accordion .section-catalog__painter_item-date {
        padding: 41px 0 39px 0;
    }

    #accordion .ui-widget-content, #accordion2 .ui-widget-content, #accordion3 .ui-widget-content, #accordion4 .ui-widget-content, #accordion5 .ui-widget-content {
        padding: 26px 0 26px 0;
    }

    /* events */

    .section-events {
        margin-bottom: 80px;
    }

    .section-events__item {
        width: calc((100% - 27px*2 ) / 3);
    }

    .section-publications__right_slide-picture {
        margin-bottom: 10px;
    }

    .section-events__item_img {
        margin-bottom: 14px;
    }

    .section-events__item_readmore::after {
        left: 2px;
    }

    .section-publications__right_item-button {
        padding: 6px 20px 8px 19px;
    }

    .section-publications__container {
        padding-bottom: 53px;
    }

    .section-catalog__painter_empty-wrap {
        width: 100%;
    }

    .section-catalog__painter_empty-bg {
        width: 189px;
        height: 130px;
    }

    .section-events__item_wrap {
        padding-bottom: 48px;
        padding-left: 34px;
    }

    .section-publications__price_form {
        width: 99.8%;
    }

    .swiper-button-prev__myPartners {
        left: 0;
    }

}

@media (max-width: 930px) {
    .section-catalog__painter_sub-painter {
        position: relative;
        display: none;
        width: 100%;
    }

    .painter-sub__active {
        display: flex;
    }

    .section-catalog__painter_list {
        position: relative;
        width: 100%;
        margin-bottom: 50px;
    }

    .section-catalog__painter {
        flex-direction: column-reverse;
    }

    .section-catalog__painter_sub {
        min-height: 290px;
    }
}

@media (max-width: 768px) {

    .logo {
        margin-top: 0;
        margin-left: -7px;
    }

    .header__top_search-form {
        width: calc(100% - 100px);
        right: 50px;
    }

    .burger-nav__active {
        padding-left: 49px;
    }

    .header__btn_enter-burger {
        bottom: 6.4%
    }

    .header-top {
        padding: 27px 0 29px 0;
    }

    .header__top_search-input {
        margin-right: 23px;
    }

    .header__top_search-cross {
        display: block;
    }

    .search-form__open::before {
        background-color: var(--black);
    }

    .header-container__search_cross {
        display: block;
    }

    .section-slider__1 {
    background-image: url(../img/birmingham-museums-768.jpg);
    }
  
    .section-slider__2 {
    background-image: url(../img/birmingham-museums-2-768.jpg);
    }
  
    .section-slider__3 {
    background-image: url(../img/birmingham-museums-3-768.jpg);
    }

    .section-gallery__container {
        flex-direction: column;
    }

    .section-catalog {
        margin-bottom: -18px;
    }

    .section-catalog__painter_empty-bg {
        width: 275px;
        height: 189px;
    }

    .section-catalog__painter_empty-wrap {
        width: 85%;
    }

    .sub-painter__desc {
        width: 101%;
    }

    .section-gallery__left_heading {
        margin-bottom: 15px;
    }

    .section-events__item {
        width: calc((100% - 34px) / 2);
    }
    
    .section-publications__container {
        display: block;
        padding-top: 84px;
    }

    .section-publications__left {
        width: 100%;
        margin-right: 0;
    }

    .section-publications__checkbox {
        flex-wrap: wrap;
        height: 180px;
    }

    .swiper-myGallery__btns {
        margin-bottom: 18px;
    }

    .swiper-button-prev__myGallery {
        left: 0;
        margin-right: 9px;
    }

    .swiper-pagination.swiper-pagination__myGallery {
        margin-right: 21px;
    }


    .section-slider__heading {
        width: 86%;
    }

    .section-slider__desc {
        width: 100%;
        font-size: 18px;
    }

    .section-slider__content {
        padding-top: 213px;
    }

    .section-gallery {
        background: url(../img/gallery_bg-768.png) center top no-repeat transparent;
    }

    .section-gallery__form .choices {
        position: relative;
        width: 45.3%;
        z-index: 12;
    }
    
    .section-gallery__form .choices__list--dropdown {
        background-color: var(--black);
    }

    .section-gallery__container {
        position: relative;
        padding-bottom: 164px;
    }

    .section-gallery__left {
        margin-bottom: 25px;
    }

    .section-gallery__left_desc {
        position: absolute;
        margin: 0;
        right: 50px;
        bottom: 6.3%;
        /* top: 88%; */
        left: 50px;
    }

    .section-gallery {
        margin-bottom: 80px;
    }

    .section-catalog__countries {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 70%;
        margin-top: 9px;
        margin-left: -3px;
    }
    
    .section-catalog__countries_item:not(last-child) {
        margin-right: 0;
    }

    .section-catalog__heading_wrap {
        margin-bottom: 16px;
    }

    .section-catalog__desc_in {
        margin-bottom: 21px;
    }

    #accordion .ui-widget-content {
        padding-bottom: 15px;
    }

    .section-events__item_heading {
        width: 99%;
        margin-bottom: 2px;
    }

    .section-publications__myPublication {
        height: auto;
    }

    .section-events__item_desc {
        margin-bottom: 59px;
    }

    .section-catalog__painter_sub {
        width: 109%;
    }

    .section-catalog__desc {
        margin-bottom: 37px;
    }

    .section-events__item_wrap {
        padding-bottom: 47px;
    }

    .section-events__item_img {
        margin-bottom: 14px;
    }
    
    .section-events__item {
        margin-bottom: 50px;
    }

    .section-events__button {
        padding-bottom: 15px;
    }

    .section-events__list .section-events__hidden:nth-child(3) {
        display: none;
    }

    .section-publications__checkbox {
        align-content: space-between;
        margin-bottom: 5px;
    }

    .section-publications__checkbox_item:nth-child(7) {
        display: flex;
        flex-direction: column;
        width: 23%;
    }

    .section-publications__checkbox_item:nth-child(7) .section-publications__checkbox_input + .section-publications__checkbox_label::before {
        top: 16%;
    }

    .section-publications__checkbox_input + .section-publications__checkbox_label {
        padding-left: 24px;
    }

    .section-publications__price_heading {
        font-size: 16.3px;
    }

    .section-publications__price {
        width: 41.5%;
    }

    .section-publications__price_label {
        font-size: 15px;
    }

    .section-publications__myPublication {
        padding: 0;
    }

    .section-publications__left {
        margin-bottom: 49px;
    }

    .swiper-myPublication__btns {
        margin-bottom: 0;
        margin-left: 0;
    }

    .swiper-button-prev__myPublication {
        margin-right: 18px;
    }

    .swiper-pagination__myPublication {
        margin-top: 1px;
    }

    .myPublication {
        width: 94.1%;
        margin-left: 22px;
        padding-top: 28px;
    }

    .section-publications__right_slide-picture {
        margin-bottom: 10px;
    }

    .section-publications__right_item-name {
        margin-right: 2px;
        font-size: 16px;
    }

    .section-publications__right_item-price {
        font-size: 15.3px;
    }

    .section-publications__right_item-author {
        margin-bottom: 15px;
        font-size: 16.1px;
    }

    .section-publications__right_item-button {
        padding: 6px 19px 8px 20px;
    }

    .section-publications__container {
        padding-bottom: 75px;
    }

    .section-projects__desc {
        width: 99%;
        margin-bottom: 25px;
    }

    .section-projects__heading_h3 {
        margin-bottom: 29px;
    }

    .myPartners {
        height: 105px;
    }

    .section-contacts__map {
        width: 44%;
    }
    
    .section-contacts__form_input {
        width: 46.6%;
    }

    .section-projects__slider-freelands .section-projects__slider_pic-body {
        width: 98%;
    }

    .section-projects__slider-institute .section-projects__slider_pic-body {
        width: 99%;
    }

    .section-projects__slider_pic-body {
        width: 98%;
    }

    .section-projects__slider_img {
        width: 80%;
        height: 100%;
    }

    .section-projects {
        margin-bottom: 81px;
    }

    .section-contacts__map {
        width: 44.2%;
    }

}


@media (max-width: 730px) {

    .section-catalog__painter_sub {
        min-height: 384px;
    }

    .section-catalog__heading_wrap {
        display: block;
    }

    .section-catalog__countries {
        width: 100%;
    }

    .section-publications__price {
        width: 60%;
    }

    .section-contacts__map {
        top: 50px;
        width: 100%;
        height: 320px;
    }

    .section-contacts__adress {
        margin-bottom: 356px;
        font-size: 14px;
        line-height: 19.07px;
    }

    .section-contacts__heading_h3 {
        margin-bottom: -1px;
        font-size: 18px;
        line-height: 24.51px;
    }

    .section-contacts__form_input {
        width: 46.7%;
    }

    .section-contacts__heading {
        margin-bottom: 12px;
    }

    .section-contacts__info_in {
        position: relative;
        padding: 0 15px 30px 50px;
    }

    .section-contacts__call {
        margin-bottom: 17px;
        font-size: 18px;
    }

    .section-contacts__form_input {
        margin-bottom: 20px;
    }

    .ymaps-map {
        width: 100%;
        height: 320px;
    }

    .section-contacts__wrap {
        border-top: none;
    }

    .section-contacts__form_button {
        margin-bottom: 20px;
        padding: 12px 33px 9px 33px;
        font-size: 12px;
        line-height: 16.34px;
    }

    .section-contacts__1click {
        margin-bottom: 6px;
        font-size: 18px;
        line-height: 32px;
    }

    .section-contacts {
        padding-bottom: 8px;
    }

    .section-contacts__messengers_link {
        margin-right: 5px;
        transform: scale(1.3);
    }

}

@media (max-width: 640px) {

    .myPublication .swiper-wrapper {
        width: 100%;
    }

    .section-slider__heading {
        width: 100%;
        margin-bottom: 13px;
        font-size: 32px;
        line-height: 37px;
        font-weight: bold;
    }

    .section-events__hidden {
        display: flex;
    }

    .section-events__myEvents_wrap {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
    }

    .section-events__list {
        flex-wrap: nowrap;
    }

    .myEvents {
        position: relative;
        width: 100%;
        height: 100%;
        padding-bottom: 16px;
    }

    .section-events__item img {
        width: 100%;
    }

    .section-events__item {
        height: auto;
        padding: 0;
        background-image: none;
    }

    .swiper-pagination__myEvents.swiper-pagination-bullets.swiper-pagination-horizontal {
        text-align: center;
    }

    .swiper-pagination__myEvents .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        margin: 0 7px!important;
    }

    .swiper-myPublication__btns {
        display: none;
    }

    .swiper-pagination__myEvents .swiper-pagination-bullet-active {
        background-color: var(--grey66);
    }

    .section-publications__left {
        display: none;
    }

    .section-publications__left-check {
        display: block;
        width: 100%;
        margin-right: 0;
    }

    .section-publications__heading-check {
        color: var(--white);
    }

    .section-publications__checkbox_heading-check {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 13px 0;
        color: var(--white);
        border-top: 1px solid rgba( 255, 255, 255, .5);
        border-bottom: 1px solid rgba( 255, 255, 255, .5);
    }

    .section-publications__checkbox_arrow {
        transition: transform .3s ease-in-out;
    }

    .section-publications__checkbox_arrow-active {
        transform-origin: center center;
        transform: rotate(180deg);    
    }

    .section-publications-check__wrap {
        position: relative;
        margin-bottom: 30px;
    }

    .checkbox-list {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    
    .checkbox--label {
        position: relative;
        padding-left: 25px;
        cursor: pointer;
        transition: color .3s ease-in-out;
        display: none;
    }
    
    .checkbox--label:hover {
        color: var(--hoverF3);
    }
    
    .checkbox--label:hover .custom-checkbox {
        border-color: var(--hoverF3);
    }
    
    .checkbox--label:active {
        color: var(--hoverF3);
    }
    
    .checkbox--label:active .custom-checkbox {
        border-color: var(--hoverF3);
    }
    
    .checkbox--label-checked:after {
        content: "x";
        position: absolute;
        outline: 1px solid var(--hoverF3);
        right: 0;
    }
    
    .checkbox {
        position: absolute !important;
        clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
        clip: rect(1px, 1px, 1px, 1px);
        padding:0 !important;
        border:0 !important;
        height: 1px !important; 
        width: 1px !important; 
        overflow: hidden;
    }
    
    .checkbox:checked + .custom-checkbox {
        border-color: var(--hoverF3);
    }
    
    .custom-checkbox--text {
        font-size: 16px;
        line-height: 16.79px;
        font-weight: 400;
        color: var(--white);
    }

    .checkbox:checked + .custom-checkbox + .custom-checkbox--text {
        display: block;
        color: var(--hoverF3);
        background: url(../img/category-X.svg) right center no-repeat transparent;
    }
    
    .custom-checkbox {
        position: absolute;
        width: 12px;
        height: 12px;
        border: 1px solid rgba(255, 255, 255, .5);
        left: 0;
        top: calc((100% - 13px) / 2);    
        transition: border .3s ease-in-out;
    }
    
    .custom-checkbox:before {
        content: "";
        position: absolute;
        width: 4px;
        height: 4px;
        border-radius: 100%;
        background-color: var(--hoverF3);
        top: calc(50% - 2px);
        left: calc(50% - 2px);
        opacity: 0;
    }
    
    .checkbox:checked + .custom-checkbox:before  {
        opacity: 1;
    }
    
    .checkbox--label {
        opacity: 0;
        transform: translateY(-20px);
        transition-property: opacity, transform;
        transition: .3s ease-in-out;
    }
    
    .checkbox--label.checkbox--label-active {
        display: block;
    }
    
    .checkbox--label.animation-test {
        margin-top: -1px;
        padding: 13px 0 13px 24px;
        border-top: 1px solid rgba( 255, 255, 255, .5);
        border-bottom: 1px solid rgba( 255, 255, 255, .5);
        opacity: 1;
        transform: translateY(0px);
    }      

    .section-publications__price {
        width: 100%;
        margin-bottom: 50px;
    }

    .section-publications__price_form {
        width: 100%;
    }

    .myPublication {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .myPublication .swiper-wrapper {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .section-publications__right_slide {
        width: calc((100% - 30px) / 2)!important;
        margin-right: 0!important;
    }

    .section-publications__right_item-button {
        margin-bottom: 50px;
    }

}

@media  (max-width: 600px) {
    .section-gallery {
        margin-bottom: 50px;
        background: url(../img/gallery_bg-320.png) center top no-repeat transparent;
        background-size: cover;
    }

    .section-gallery__left {
        margin-right: 0;
        margin-bottom: 40px;
        padding-top: 50px;
    }

    .section-gallery__left_filtr-label {
        margin-bottom: 5px;
    }

    .swiper-section-modal__content {
        display: flex;
        flex-direction: column;
        width: calc(100% - 30px);   
    }

    .swiper-section-modal__content-left {
        width: 100%;
    }

    .swiper-section-modal__content-right {
        flex: 1;
        padding: 17px 20px 26px 20px;
        position: relative;
    }

    .section-gallery__container {
        padding: 0 50px 270px 50px;
    }

    .section-gallery__form .choices {
        width: 99.4%;
    }

    .swiper-myGallery__btns {
        position: absolute;
        bottom: -16.7%;
        justify-content: space-evenly;
        width: 100%;
        margin: 0;
        padding: 0 48px;
    }

    .section-gallery__myGallery-wrap {
        height: 367px;
        width: 99%;
    }

    .myGallery {
        height: 100%;
    }

    .section-gallery__picture {
        height: 100%;
    }

    .section-gallery__myGallery-wrap {
        overflow: visible;
    }

    .swiper-button-prev__myGallery {
        left: 11px;
        margin-right: 0;
    }

    .swiper-pagination.swiper-pagination__myGallery {
        margin-right: 0;
    }

    .section-gallery__left_desc {
        padding: 0 50px;
        right: 14px;
        left: 14px;
    }
    
}

@media (max-width: 503px) {

    .section-gallery__left_desc {
        right: 14px;
        left: 15px;
    }

    .section-publications__right_item-price {
        position: absolute;
        bottom: 28%;
        font-size: 12px;
        line-height: 16.34px;
    }

    .section-publications__right_item-author {
        margin-bottom: 29px;
    }
}

@media (max-width: 440px) {

    .logo {
        width: 97px;
        height: 22px;
        margin-top: -4px;
        margin-left: -6px;
    }

    .burger-wrapper {
        margin-top: 0;
    }

    .section-slider__container {
        padding: 0 15px;
    }

    .burger-nav__link {
        font-size: 16px;
        line-height: 32px;
    }

    .burger-nav__active {
        padding: 15px 0 0 15px;
    }

    .header-container__burger_x {
        width: 15px;
        height: 15px;
        margin-left: 1px;
        margin-bottom: 16px;
    }

    .header__btn_enter-img {
        width: 9px;
        height: 9px;
    }

    .header-container__search-1024 {
        width: 18px;
        height: 18px;
    }

    .burger-nav__list {
        margin-bottom: 18px;
    }

    .header__btn_enter-burger {
        bottom: 7%;
        padding: 10px 27px 10px 30px;
        font-size: 12px;
        line-height: 16.34px;
        font-weight: 600;
    }

    .section-publications__container {
        padding-top: 50px;
    }

    .section-gallery__left_desc {
        bottom: 4.7%;
        padding: 0;
    }

    .header-top {
        padding: 13px 0 9px 0;
    }

    .header-container__burger {
        width: 24px;
        height: 18px;
        margin-top: -3px;
    }  

    .header-container__search_link {
        width: 18px;
        height: 18px;
        margin-top: -2px;
    }

    .header__top_search-form {
        width: 100%;
        padding: 40px 16px 19px 57px;
        right: 0;
        background-color: rgba( 0, 0, 0, .8);
    }

    .header__top_search-input {
        margin-right: 34px;
        padding: 0;
    }

    .search-form__open::before {
        background-color: transparent;
    }

    .header-container__search_btn {
        width: 18px;
        height: 18px;
        margin-right: 3px;
    }

    .header__top_search-wrap img {
        width: 15px;
        height: 15px;
        margin-top: -23px;
    }

    .section-gallery__form .choices__inner {
        width: 100%;
    }

    .container.section-slider__content {
        padding: 133px 12px 45px 12px;
        text-align: center;
    }

    .section-slider__desc {
        margin-bottom: 40px;
        font-size: 12px;
        line-height: 16.34px;
        font-weight: 400;
    }

    .section-slider__btn {
        padding: 13px 20px 12px 20px;
        font-size: 12px;
        line-height: 16.34px;
    }

    .section-slider {
        margin-bottom: 50px;
    }

    .section__heading {
        margin-bottom: 11.4px;
        font-size: 28px;
        line-height: 38.13px;
        font-weight: 400;
    }

    .section-contacts__heading {
        margin-bottom: 11.6px;
    }

    .section-gallery__left_heading {
        margin-bottom: 11.4px;
    }

    .container {
        padding: 0 15px 0 16px;
    }

    .section-gallery__container {
        padding: 0 12px 270px 15px;
    }

    .section-slider__1 {
        background-image: url(../img/birmingham-museums-320.jpg);
    }
      
        .section-slider__2 {
        background-image: url(../img/birmingham-museums-2-320.jpg);
    }
      
        .section-slider__3 {
        background-image: url(../img/birmingham-museums-3-320.jpg);
    }

    .section-events__list .section-events__hidden:nth-child(2), .section-events__list .section-events__hidden:nth-child(3) {
        display: none;
    }

    .section-about__container {
        padding: 0 14px 0 16px;
    }

    .section-catalog__painter_sub {
        min-height: 780px;
    }

    .section-catalog__painter_sub-name {
        width: 100%;
    }

    .section-catalog__heading_wrap {
        display: flex;
        flex-direction: column;
        margin-bottom: 9px;
    }

    .section-catalog__countries-france {
        background-image: url(../img/flag-france-320.svg);
    }
    
    .section-catalog__countries-germany {
        background-image: url(../img/flag-germany-320.svg);
    }
    
    .section-catalog__countries-italy {
        background-image: url(../img/flag-italy-320.svg);
    }
    
    .section-catalog__countries-russia {
        background-image: url(../img/flag-russia-320.svg);
    }
    
    .section-catalog__countries-belgium {
        background-image: url(../img/flag-belgium-320.svg);
    }

    .section-catalog__countries_item {
        margin-right: 19px;
    }

    .section-catalog__countries_link-active::after {
        top: -2px;
        right: -2px;
        bottom: -2px;
        left: -2px;
    }

    .section-publications__container {
        padding-top: 50px;
    }

    .section-events__container {
        padding-left: 15px;
    }

    .section-publications__heading-check {
        margin-bottom: 12px;
    }

    .section-about__heading {
        margin-bottom: 13px;
        margin-left: -1px;
    }

    .section-about__desc {
        margin-left: -1px;
        font-size: 14px;
        line-height: 28px;
        font-weight: 400;
    }

    .section-about {
        margin-bottom: 40px;
    }

    .section-catalog__heading {
        margin: 0 0 0 -1px;
    }

    .section-catalog__countries {
        margin-top: 12px;
        margin-left: -1px;
    }

    .section-catalog__countries_link {
        width: 32px;
        height: 32px;
    }

    .section-catalog__desc_in {
        display: none;
    }

    #accordion .ui-accordion-header-active .section-catalog__painter_item-link, #accordion2 .ui-accordion-header-active .section-catalog__painter_item-link, #accordion3 .ui-accordion-header-active .section-catalog__painter_item-link, #accordion4 .ui-accordion-header-active .section-catalog__painter_item-link, #accordion5 .ui-accordion-header-active .section-catalog__painter_item-link {
        margin-left: -1px;
        font-size: 18px;
        line-height: 32px;
        font-weight: 600;
        color: var(--grey33);
    }

    #accordion .section-catalog__painter_item-date, #accordion2 .section-catalog__painter_item-date, #accordion3 .section-catalog__painter_item-date, #accordion4 .section-catalog__painter_item-date, #accordion5 .section-catalog__painter_item-date {
        padding: 20px 0;
        background-image: url(../img/catalog_button-320.svg);
    }

    #accordion .section-catalog__painter_item-date:active, #accordion2 .section-catalog__painter_item-date:active, #accordion3 .section-catalog__painter_item-date:active, #accordion4 .section-catalog__painter_item-date:active, #accordion5 .section-catalog__painter_item-date:active {
        background-image: url(../img/catalog_button-active-320.svg);
    }

    #accordion .section-catalog__painter_item-date:hover, #accordion2 .section-catalog__painter_item-date:hover, #accordion3 .section-catalog__painter_item-date:hover, #accordion4 .section-catalog__painter_item-date:hover, #accordion5 .section-catalog__painter_item-date:hover {
        background-image: url(../img/catalog_button-active-320.svg);
    }

    #accordion .ui-state-focus, #accordion2 .ui-state-focus, #accordion3 .ui-state-focus, #accordion4 .ui-state-focus, #accordion5 .ui-state-focus {
        background-image: url(../img/catalog_button_focus-320.svg);
    }

    #accordion .ui-accordion-header-active, #accordion2 .ui-accordion-header-active, #accordion3 .ui-accordion-header-active, #accordion4 .ui-accordion-header-active, #accordion5 .ui-accordion-header-active {
        margin-top: 7px;
        padding: 20px 0;
        background-image: url(../img/catalog_button-active-320.svg);
        /* background-position-y: 54%; */
    }

    .section-catalog__painter_item-h3 {
        margin-left: -1px;
    }

    #accordion .ui-widget-content, #accordion2 .ui-widget-content, #accordion3 .ui-widget-content, #accordion4 .ui-widget-content, #accordion5 .ui-widget-content {
        padding-top: 21px;
        padding-bottom: 8px;
        margin-left: -1px;
    }

    #accordion .section-catalog__painter_item-link, #accordion2 .section-catalog__painter_item-link, #accordion3 .section-catalog__painter_item-link, #accordion4 .section-catalog__painter_item-link, #accordion5 .section-catalog__painter_item-link {
        font-size: 18px;
    }

    .section-catalog__painter_empty-wrap {
        width: 100%;
    }

    .section-catalog__painter_empty-heading {
        font-size: 18px;
        line-height: 32px;
        font-weight: 600;
    }

    .section-catalog__painter_empty-bg {
        width: 90px;
        height: 130px;
        border: 6px solid var(--white);
    }

    .sub-painter__img {
        margin-bottom: 11px;
    }

    .sub-painter__name {
        margin-left: -1px;
    }

    .sub-painter__name {
        margin-bottom: 14px;
    }

    .sub-painter__date {
        margin-bottom: 6px;
    }

    .sub-painter__desc {
        width: 100%;
        margin-left: -1px;
    }

    .section-catalog__desc {
        margin-bottom: 1px;
    }

    .section-events__item {
        width: 100%;
    }

    .section-events__item_img {
        margin-bottom: 10px;
    }

    .section-events__item_date {
        margin-bottom: 3px;
    }

    .section-events__item_wrap {
        padding: 0 11px 48px 27px;
    }

    .section-events__item_heading {
        margin-bottom: 36px;
    }

    .section-events__item_desc {
        margin-bottom: -9px;
    }

    .myEvents {
        padding-bottom: 0;
    }

    .swiper-container.myEvents {
        margin-bottom: -1px;
    }

    .section-events__list {
        padding-bottom: 81px;
    }

    .section-events__hidden {
        display: flex;
    }

    .section-events__button {
        display: none;
    }

    .swiper-pagination__myEvents.swiper-pagination-bullets.swiper-pagination-horizontal {
        position: absolute;
        bottom: 6%;
    }

    .swiper-pagination__myEvents .swiper-pagination-bullet {
        margin: 0 12px!important;
    }

    .section-events__item_readmore::after {
        right: -5px;
    }

    .section-events {
        margin-bottom: 0;
    }

    .myPublication .swiper-wrapper {
        width: 100%;
    }

    .section-publications__right_slide {
        width: calc((100% - 27px) / 2)!important;

    }    

    .section-publications__left-check {
        margin-left: -1px;
    }

    .section-publications__checkbox_heading-check {
        padding: 2px 0 4px 0;
        font-size: 16px;
        line-height: 32px;
        font-weight: bold;
    }

    .section-publications-check__wrap {
        margin-bottom: 18px;
        margin-left: -1px;
    }

    .section-publications__price_form {
        width: 95.5%;
    }

    .checkbox--label.animation-test {
        margin-left: 1px;
        padding: 10px 0 11px 24px;
    }

    .section-publications__left {
        padding-top: 50px;
    }

    .section-publications__left {
        display: none;
    }

    .section-publications__left_spoiler {
        display: block;
        height: 322px;
        opacity: 0;
        overflow: hidden;
    }

    .section-publications__right_block {
        width: calc((100% - 28px) / 2);
        margin-bottom: 0;
    }

    .section-publications__right_slide-picture {
        margin-bottom: 6.7px;
    }

    .section-publications__right_item-name {
        font-size: 12px;
        line-height: 16.34px;
    }

    .section-publications__right_item-top {
        position: relative;
        display: block;
    }

    .section-publications__right_item-author {
        font-size: 12px;
        line-height: 15.34px;
    }

    .section-projects__container {
        padding-left: 15px;
    }

    .section-publications__right_item-name {
        margin-bottom: 0;
    }

    .section-publications__right_item-price {
        bottom: -34px;
    }

    .section-publications__right_item-button {
        padding: 9px 33px 11px 35px;
        font-size: 12px;
        line-height: 16.34px;
    }

    .section-publications {
        margin-bottom: 50px;
    }

    .section-projects__heading_h3 {
        margin-bottom: 11px;
        font-size: 18px;
        line-height: 32px;
    }

    .section-projects__desc {
        margin-bottom: 10px;
    }

    .section-projects__slider {
        width: 99%;
        padding: 0 46px;
    }

    .section-events__item {
        margin-bottom: 0;
    }

    .section-catalog {
        margin-bottom: 0;
    }

    .myPartners {
        height: 65px;
    }

    .section-projects {
        margin-bottom: 50px;
    }

    .section-contacts__info_in {
        padding-left: 14px;
    }

    .section-projects__slider_img {
        width: 56%;
    }

    .swiper-button__myPartners {
        top: calc(50% - 16px);
    }

    .section-contacts__form_input {
        width: 100%;
    }

    .section-contacts__container {
        padding: 0 15px 0 15px;
    }

   
    .footer__container {
        flex-direction: column-reverse;
        justify-content: center;
        padding: 22px 0 17px 0;
    }

    .footer__social {
        margin: 0 0 20px 0;
    }

    .footer__logo {
        margin-right: 0;
    }

    .footer__social_link svg {
        transform: scale(1.12);
    }

    .footer__social_item:not(:last-child) {
        margin-right: 36px;
    }

    .section-contacts__info_in {
        padding-bottom: 29px;
    }

    .section-contacts__map::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
    }

}