@import url(https://fonts.googleapis.com/css?family=Playfair+Display:regular,500,600,700,800,900,italic,500italic,600italic,700italic,800italic,900italic&display=swap);
@import url(https://fonts.googleapis.com/css?family=Manrope:200,300,regular,500,600,700,800&display=swap);
@import url(https://fonts.googleapis.com/css?family=Raleway:100,200,300,regular,500,600,700,800,900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=PT+Sans&display=swap);
*{
    padding: 0;
    margin: 0;
    border: 0;
}
*,*:before,*:after{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
:focus,:active{outline: none;}
a:focus,a:active{outline: none;}

nav,footer,header,aside{display: block;}
html{
    font-size: 18px;
    font-family: 'Playfair Display';
}
html,body{
    height: 100%;
    width: 100%;
    font-size: 100%;
    line-height: 1;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
body{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    overflow-x: hidden;
    background: #120D0D;
}
input,button,textarea{font-family:inherit;}

input::-ms-clear{display: none;}
button{cursor: pointer;}
button::-moz-focus-inner {padding:0;border:0;}
a, a:visited{text-decoration: none;}
a:hover{text-decoration: none;}
ul li{list-style: none;}
img{vertical-align: top;}

p{
    color: #FFFBF2;
}

h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight: 400;}

.header{
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
.main{
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}
.footer{
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
._fav-active svg{
    fill: #FFFBF2;
}
.btn {
    background: #ffbc6c;
    border: none;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-family: 'Raleway';
    font-weight: 800;
    font-size: 15px;
    color: #0d0c10;
    padding: 16px 28px;
    outline: none;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.btn:hover, .btn:focus {
    background: #ffcd91;
}

.btn:active {
    background: #222222;
    color: #f5eeff;
    outline: 2px #ffbc6c solid;
}

.helper-text, .form-error__msg {
    padding-left: 8px;
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 140%;
    letter-spacing: -0.12px;

}
.helper-text{
    color: #AEAAAF;
}
.form-error__msg{
    color: #BA5164;
}
ul.pagination {
    display: inline-block;
    padding: 0;
    margin-top: 3.4375rem;
}
ul.pagination li {
    display: inline;
}
ul.pagination li a {
    color: #FFFFFF;
    float: left;
    font-weight: 700;
    font-size: 1.875rem;
    line-height: 100%;
    padding: 8px 16px;
    text-decoration: none;
}
ul.pagination .active{
    color: #FFBC6C;
}
ul.pagination .next-btn{
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
ul.pagination img{
    vertical-align: middle;
}
.showmore-btn{
    margin-top: 95px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.showmore-btn .btn{
    max-width: 265px;
    width: 100%;
}
/*-----------------------------DATEPICKER-----------------------------*/
.date-picker {
    position: relative;
    width: 100%;
    max-width: 240px;
    background-color: #EFE6DE;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #120D0D;
    -webkit-border-radius: 2.84694px;
    border-radius: 2.84694px;
}
.date-picker::after {
    position: absolute;
    right: 7px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: url(../img/chevron-down.svg);
    display: block;
    -webkit-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    transition: .2s ease-in;
}

.date-picker.open::after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}
.date-picker .selected-date {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #939094;
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
}
.selected-date._active{
    color: #181818;
}
.days-of-week{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    font-size: 11px;
    line-height: 120%;
    color: #7B827E;
    margin-top: 0.8rem;
}
.date-picker .dates {
    display: none;
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    background: #EFE6DE;
    -webkit-border-radius: 2.84694px;
    border-radius: 2.84694px;
    z-index: 2;
}

.date-picker .dates.active {
    display: block;
}

.date-picker .dates .month {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    border-bottom: 2px solid #EFE6DE;
    margin-top: 0.7rem;
}

.date-picker .dates .month .arrows {
    width: 35px;
    height: 35px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #120D0D;
    font-size: 14px;
}

.date-picker .dates .days {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[7];
    grid-template-columns: repeat(7, 1fr);
    height: 200px;
    font-size: 12px;
}
.date-picker .dates .days .day {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #6C7470;
}
.date-picker .dates .days .prev-month-day, .date-picker .dates .days .next-month-day{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #6C7470;
}
.date-picker .dates .days .day:hover:active{
    color: #e2d9d1  ;
    background: #FFBC6C;
    -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 1px 1px rgba(0, 0, 0, 0.05);
}

.date-picker .dates .days .day:hover{
    background: #1d1817;
    color: #e2d9d1;
    outline: 1px solid #FFBC6C;
}
.date-picker .dates .days .day.selected {
    background-color: #EFE6DE;
    border-bottom: 3px solid #120D0D;
}
.date-picker .dates .days .day.selected:hover{
    color: #6C7470;
    outline: none;
}
.arrows.prev-mth{
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.mth{
    text-align: center;
}
/*-----------------Filter Menu--------------------------------------------*/
.search-results{
    margin-right: 50px;
}
.filter{
    margin-top: 8.3333rem;
    margin-bottom: 68px;
}
.filter-menu form{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.filter-mobile {
    display: none;
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 700;
    font-size: 2rem;
    line-height: 100%;
    color: #FFFBF2;
}
.filter-menu .custom-input{
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    height: 50px;
    margin-right: 15px;
    margin-bottom: 15px;
    padding: 17px 28px 17px 16px;
}

.filter-menu .placeholder-input{
    max-width: 270px;
    width: 100%;
}

.filter-menu .filter-nav{
    margin-top: 0px;
}
.filter-menu .filter-nav .popup__close{
    display: none;
    right: 15px;
    top: auto;
}
.filter-col{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
}
/*------------------Filter Search--------------*/
.filter-menu .filter__search-wrapper .custom-input{
    padding-left: 48px;
}
.filter__input-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}
.filter__search-wrapper {
    position: relative;
    height: 100%;
    margin-right: 15px;

}
.filter__search-btn{
    position: absolute;
    height: 100%;
    top: -10px;
    left: 12px;
    background: inherit;
}
.filter__search-btn:before{
    content: url(../img/search.svg);
}
.custom-input:focus + .filter__search-btn::before{
    content: url(../img/searchactive.svg);
}
.custom-input:invalid + .filter__search-btn::before{
    content: url(../img/search-invalid.svg);
}
.filter__input {

    width: 100%;

}
/*------------------Filter Select--------------*/
.select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    display: block;
    width: 100%;
    max-width: 190px;
    margin-bottom: 20px;
}

.select__head {
    width: 100%;
    max-width: 100%;
    border: none;
    outline: none;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #EFE6DE;
    cursor: pointer;
    overflow: hidden;

}
.filter .select .custom-input{
    color: #939094;
}
.select__head.custom-input{
    margin-bottom: 0;
}
.select__head::before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: #EFE6DE;
    height: 19px;
}
.select__head::after {
    position: absolute;
    right: 7px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: url(../img/chevron-down.svg);
    display: block;
    -webkit-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    transition: .2s ease-in;
    z-index: 2;
}

.select__head.open::after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.select__list {
    display: none;
    position: absolute;
    top: 100%;
    right: -2px;
    width: 646px;
    background: #EFE6DE;
    -webkit-border-radius: 3px 0 3px 3px;
    border-radius: 3px 0 3px 3px;
    max-height: 205px;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 100;
    margin: 0;
    padding: 0;
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.2;
    color: #120D0D;
}

.select__list::-webkit-scrollbar {
    width: 7px;
    background-color: #F8F9FA;
    padding: 5px;
}

.select__list::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #D9D9D9;
}

.select__list .select__item {
    position: relative;
    padding: 10px 15px;
    cursor: pointer;
    list-style-type: none;

}
.select__list .select__item:nth-child(odd) {
    border: 1px solid #FFBC6C;
}

.select__list .select__item:hover {
    background: rgba(255, 188, 108, 0.2);
}

.type-toggler{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border: 2px solid #FFBC6C;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-top: 10px;
    -ms-grid-column-align: end;
    justify-self: end;
}
.options__item {
    cursor: pointer;
}

.options__input {
    width: 0;
    height: 0;
    opacity: 0;
    position: absolute;
}
.options__input:checked + .options__label{
    color: #FFBC6C;
    background-color: #120D0D;

}

.options__label {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 14px 31px;
    width: 100%;
    min-width: 105px;
    height: 100%;
    color: #120D0D;
    background-color: #FFBC6C;
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
}


/*-----------------HEADER------------------------------------------------*/
._lock{
    overflow: hidden;
}
[hidden].overlay{
    display: block !important;
    position: absolute;
    background-color: rgba(0,0,0,0.7);
    width: 100vw;
    height: 100vh;
    z-index: 1;
}
[class*="__container"]{
    max-width: 1320px;
    margin: 0px auto;
    padding: 0px 15px;
}
.header {
    z-index: 5;
    position: absolute;
    width: 100%;

}
.header__container {
    max-width: 1680px;
    margin: 0px auto;
    padding: 0px 15px;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 50px;
    min-height: 140px;
}
.header__logo{
    color: #F6EFDE;
    font-size: 2rem;
    line-height: 15px;
    font-weight: 400;
    text-decoration: none;
}
.burger-menu{
    display: none;
    position: relative;
    width: 39px;
    height: 26px;

    z-index: 15;
}
.burger-menu span,
.burger-menu:after,
.burger-menu:before{
    left:0;
    position: absolute;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #F6EFDE;
    width: 100%;
    height: 4px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.burger-menu:after,
.burger-menu:before{
    content: "";
}
.burger-menu:before{
    top: 0;
}
.burger-menu:after{
    bottom: 0;
}

.burger-menu span{
    top: 50%;
    -webkit-transform: scale(1) translate(0px,-50%);
    -ms-transform: scale(1) translate(0px,-50%);
    transform: scale(1) translate(0px,-50%);
}
.burger-menu._active span{
    -webkit-transform: scale(0) translate(0px,-50%);
    -ms-transform: scale(0) translate(0px,-50%);
    transform: scale(0) translate(0px,-50%);
}
.burger-menu._active::before{
    top:50%;
    -webkit-transform: rotate(-45deg) translate(0px,-50%);
    -ms-transform: rotate(-45deg) translate(0px,-50%);
    transform: rotate(-45deg) translate(0px,-50%);
}
.burger-menu._active::after{
    bottom:50%;
    -webkit-transform: rotate(45deg) translate(0px,50%);
    -ms-transform: rotate(45deg) translate(0px,50%);
    transform: rotate(45deg) translate(0px,50%);
}
.menu__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.menu__item {
    margin: 0 0px 0 75px;
    padding: 15px 0;
}
.menu__item form{
    position: relative;
    width: 0;
}
.menu__item form._active{
    width: 300px;
}
.menu__item input, button {
    border: none;
    outline: none;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
input, select{
    border: none;
    outline: none;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #EFE6DE;
}
.search-wrap{
    width: 40px;
}
.search-wrap._active{
    width: auto;
}
.menu__item input {
    width: 0;
    height: 42px;
    background: rgba(0,0,0,0);
    padding-left: 50px;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 0.7778rem;
    line-height: 100%;
    cursor: default;
}
.menu__item input._active {
    width: 100%;
    background: #EFE6DE;
    cursor: text;
}
.search-btn, .search-icon {
    height: 24px;
    width: 24px;
    position: absolute;
    top: 8px;
    left: 16px;
    background: none;
    cursor: pointer;

}
.search-btn{
    z-index: -1;
}
.search-btn._active{
    z-index: 3;
    background: #EFE6DE;
}
.search-icon{
    z-index: 3;
}
.search-icon._active{
    z-index: -1;
}
.search-btn:before{
    content: url(../img/search.svg);

}
input::-webkit-input-placeholder {
    color: #939094;
}
input:-moz-placeholder {
    color: #939094;
}
.custom-input{
    color: #181818;
}
.custom-input:hover,.custom-input:focus {
    outline: 2.5px solid #FFBC6C;
}
.custom-input.search-input._active:focus{
    outline: 2.5px solid #FFBC6C;
}
.custom-input.search-input {
    outline: none;
}
.custom-input.search-input._active:hover{
    outline: 2.5px solid #FFBC6C;
}
.custom-input.search-input._active:focus{
    outline: 2.5px solid #FFBC6C;
}
.custom-input:focus + .search-btn:before{
    content: url(../img/searchactive.svg);
}
::-webkit-search-cancel-button {
    -webkit-appearance: none;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
    -webkit-appearance: none;
}
input:invalid, input:focus:invalid{
    color: #BA5164;
    outline: 2.5px #BA5164 solid;
}
input:invalid::-webkit-input-placeholder{
    color: #BA5164;
}
input:invalid::-moz-placeholder{
    color: #BA5164;
}
input:invalid:-ms-input-placeholder{
    color: #BA5164;
}
input:invalid::-ms-input-placeholder{
    color: #BA5164;
}
input:invalid::placeholder{
    color: #BA5164;
}
input:focus:invalid.custom-input.search-input{
    outline: none;
}
.custom-input.search-input._active:focus:invalid{
    outline: 2.5px solid #BA5164;
}
input:invalid ~ .search-btn._active::before{
    content: url(../img/search-invalid.svg);
}
.form-group._form-error *{
    color: #BA5164;
    outline: 2.5px #BA5164 solid;
}
.form-control-addon._form-error *{
    color: #BA5164;
    outline: 2.5px #BA5164 solid;
}
._form-error .form-label, ._form-error .addon-btn, .form-error__msg{
    outline: none !important;
}
.custom-input.search-input._active._form-error{
    outline: 2.5px #BA5164 solid;
}
._form-error input::-webkit-input-placeholder{
    color: #BA5164;
}
._form-error input::-moz-placeholder{
    color: #BA5164;
}
._form-error input:-ms-input-placeholder{
    color: #BA5164;
}
._form-error input::-ms-input-placeholder{
    color: #BA5164;
}
._form-error input::placeholder{
    color: #BA5164;
}
.btn-error, .btn-error:focus{
    color: #EFE6DE;
    background-color: #BA5164;
}
button:disabled, button[disabled], button:disabled:hover, button[disabled]:hover, button:disabled:focus, button[disabled]:focus{
    background: #48464A;
    color: #79767B;
    border-color: #48464A;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    outline: none;
    cursor: default;
}
.menu__link {
    color: #F6EFDE;
    font-weight: 700;
    font-size: 1.3125rem;
}
.dropdown {
    float: left;
    overflow: hidden;
}

.dropdown-content {
    display: none;
    position: absolute;
    margin-top: 30px;
    min-width: 130px;
    z-index: 1;
    background: rgba(252, 250, 255, 0.09);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #F6EFDE;
}

.dropdown-content a {
    float: none;
    color: #F6EFDE;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {
    background-color: rgba(211, 211, 211, 0.459);
}

.menu__item:hover .dropdown-content {
    display: block;
}
.burger__list{
    display: none;
}
.search__link{
    text-decoration: underline;
}
.search__link._active{
    display: none;
}
.mobile-search{
    display: none;
}
.mobile-search._active{
    display: block;
}
.back-btn{
    display: none;
    font-weight: 500;
    font-size: 1.7222rem;
    line-height: 1.444rem;
    color: #F6EFDE;
    position: absolute;
    left: 15px;
    z-index: 15;
}
/*---------------MAIN----------------------------*/
.slider-bg{
    width: 100%;
    height: 970px;
    position: relative;
    z-index: 1;
}
.slider-item{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}
.slider-item:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color:rgba(0, 0, 0, 0.7);
}
.slick-list{
    overflow: hidden;
}
.slick-track{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

}
.slick-slide .slider-item{
    height: 970px;
}
.slick-dots{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 25px;

    max-width: 150px;
}
.slick-dots li{
    margin-left: 8px;
}
.slick-dots button{
    font-size: 0;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #797979;
    background: rgba(0,0,0,0);
}
.slick-dots .slick-active::after{
    content: '';
    margin-left: -30px;
    margin-top: -5px;
    position: absolute;
    padding: 20px;
    background: rgba(255, 188, 108, 0.1);
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.slick-dots li.slick-active button{
    border: 2px solid #FFBC6C;
}
.nav__container{
    position: relative;
    z-index: 3;
    margin-top: -130px;
}
.main{
    width: 100%;
    background: #120D0D;

}
.main__container{
    position: relative;
    z-index: 2;
}
.slider-item .main__container{
    height: 100%;
}
.main-info{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 200px;
}
.main-info__row{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.main-info__img{
    margin-top: 188px;
    max-width: 445px;
    max-width: -webkit-calc(265px + 180 * (100vw / 1920));
    max-width: calc(265px + 180 * (100vw / 1920));
    width: 100%;

}
.main-info__img img{
    width: 100%;
    height: 620px;
}
.main-title{
    margin-top: 300px;
    font-weight: 500;
    font-size: 3rem;
    line-height: 4.7222rem;
    color: #FFFFFF;
}
.mainpage-title{
    margin-bottom: 15px;
    margin-right: 50px;
    max-width: 800px;
    font-weight: 500;
    font-size: 3.5rem;
    line-height: 114.3%;
    color: #F6EFDE;
    font-size: -webkit-calc(25px + 39 * (100vw / 1920));
    font-size: calc(25px + 39 * (100vw / 1920));
}
.mainpage-subtitle{
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 700;
    font-size: 2.67rem;
    line-height: 114.3%;
    letter-spacing: 0.15em;
    color: #FFBC6C;
    font-size: -webkit-calc(17px + 31 * (100vw / 1920));
    font-size: calc(17px + 31 * (100vw / 1920));
}
.artwork-name{
    font-weight: 500;
    line-height: 3.5556rem;
    color: #FFBC6C;
    text-transform: uppercase;
    font-size: 3rem;

}
.artwork-info{
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 1.1667rem;
    line-height: 125%;
    margin-top: 2rem;
    margin-left: 650px;
}
.read-more{
    margin-top: 2rem;
}
.main-subtitle{
    margin-top: 30px;
    font-weight: 400;
    font-size: 2.6667rem;
    line-height: 3.5556rem;
    letter-spacing: 0.05em;
    color: #FFBC6C;
}
.actual-day{
    margin-top: 275px;
    font-weight: 700;
    font-size: 2.6667rem;
    line-height: 3.5556rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;

    color: #FFBC6C;
}
.actual-info{
    font-style: normal;
    font-weight: 700;
    font-size: 3rem;
    line-height: 4.7222rem;
    max-width: 830px;
    color: #FFFFFF;
}
.fav-icons{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 60px;
}
.fav-icons a{
    margin-top: 25px;
}
.name-page-sect{
    background: #160F0F;

}
.name-page-sect__container{
    max-width: 850px;
}
/*------------ARTWORKS-AND-NEWS----------------------------*/
.artworks-and-news{
    background: #120D0D;
    padding-top: 70px;
    padding-bottom: 70px;
}

.name-page{
    display: none;
    font-weight: 700;
    font-size: 1.3889rem;
    line-height: 113.5%;
    color: #FFFBF2;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    padding-bottom: 15px;
}
.heading{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-bottom: 35px;

}
.heading h2{
    padding-top: 85px;

    color: #FFFBF2;
    font-weight: 700;
    font-size: 1.3889rem;
    line-height: 113.5%;
}
.heading a{
    color: #FFFBF2;
    font-weight: 700;
    font-size: 1.3889rem;
    line-height: 113.5%;
}
.underline{
    max-width: 225px;
    margin-top: 10px;
}
.artworks-wrapper{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 60px 1fr 60px 1fr;
    grid-template-columns: repeat(3,1fr);
    gap: 40px 60px;
}
.artworks-item a{
    text-decoration: none;
    max-width: 400px;
}
.img-wrapper{
    max-width: 400px;
    height: 320px;
}
.week-artworks .img-wrapper{
    max-width: 100%;
}
.week-artworks-item{
    max-width: 430px;
    width: 100%;
}
.week-artworks-item a{
    display: block;
    max-width: 430px;
}
.artworks-item{
    width: 100%;
    max-width: 400px;
}
.artworks-item img{
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    width: 100%;
    height: 100%;
}
.artworks-item p{
    margin-top: 24px;
    font-size: 1.0556rem;
    line-height: 113.5%;
    color: #FFFBF2;

}
.publication-date {
    font-weight: 500;
    font-size: 1.2222rem;
    line-height: 113.5%;
    color: #FFFBF2;
    opacity: 0.7;
}
.item-heading {
    margin-top: 20px;
    margin-bottom: 30px;
    font-weight: 400;
    font-size: 1.3889rem;
    line-height: 113.5%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #FFFBF2;
}
.news-item .item-heading{
    margin-top: 15px;
    margin-bottom: 0;
}
.news-item .item-info{
    margin-top: 15px;
}
.artworks .item-heading{
    margin-bottom: 20px;
    font-weight: 700;
}
.artworks-item p{
    margin-top: 10px;
}
.news-wrapper{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -webkit-column-gap: 60px;
    -moz-column-gap: 60px;
    column-gap: 60px;
}
.news-slider-nav{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 47px;
}
.news-slider-nav .slick-arrow{
    font-size: 0;
    width: 90px;
    height: 16px;
    background: url('../img/slick-arrow.svg') 0 0 / 100% no-repeat;
}
.news-slider-nav .slick-prev{
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-right: 25px;
}
.news-wrapper .slick-slide{
    margin: 0 50px;
}
.news-wrapper{
    margin: 0 -50px;
}
.news-item span{
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.3333rem;
    color: #EEC456;
}
.news-item a{
    text-decoration: none;
}
.news-item .item-heading{
    font-weight: 400;
    font-size: 1.1111rem;
    line-height: 1.5rem;
    color: #FFFFFF;
}
.item-info{
    margin-top: 24px;
    font-weight: 500;
    font-size: 1.3333rem;
    line-height: 1.5556rem;
    color: #FFFFFF;
}
.news-item .item-info{
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.1667rem;

    color: #FFFFFF;
}
.read-more {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.read-more p{
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 113.5%;
    color: #FFFFFF;
    background-image: url("../img/Vector23.svg");
    background-position: 0 1.5rem;
    background-size: 100%;
    background-repeat: no-repeat;
    padding-bottom: 3rem;
    padding-right: 1.5rem;
}

.read-more a{
    text-decoration: none;
}
.week-artworks-wrapper{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
    grid-template-columns: repeat(3,1fr);
    gap: 20px;
}

.week-artworks-wrapper img{
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.week-artworks .item-heading{
    font-weight: 400;
    font-size: 1.3889rem;
    line-height: 113.5%;
    text-transform: uppercase;
    color: #FFFBF2;

}
.slick-slide.slick-active{
    height: 100%;
}
/*---------------FOOTER-----------------------------*/

.footer {
    background: black;
}
.bg{
    min-height: 190px;
    background: rgba(15, 15, 17, 0.66);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
}
.footer__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1680px;
}
.footer-logo{
    margin-top: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;

}
.footer-logo .header__logo{
    color: #FFFBF2;
    font-size: 1.5625rem;
}
.footer-logo span{
    font-weight: 400;
    font-size: 0.6667rem;
    line-height: 0.8889rem;
    color: #FFFBF2;

}
.footer-copyright {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 20px;
}
.footer-copyright a {
    color: inherit;
}
.footer-info{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 45px;
}
.footer-info div{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 140px;
}
.footer-info div p{
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.3333rem;
}
.footer-info div a{
    font-weight: 400;
    font-size: 0.8333rem;
    line-height: 1.1111;
    color: #FFFBF2;
    margin-top: 6px;
}
.footer-info .fav-icons{
    margin-top: 10px;
    margin-left: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}
.footer-info .fav-icons a{
    margin-right: 15px;
}

/*------------POPUPS--------------------------------*/
.popup {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    top: 0;
    left: 0;
    z-index: 20;
    opacity: 0;
    visibility: hidden;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-transition: all 0.1s ease 0s;
    -o-transition: all 0.1s ease 0s;
    transition: all 0.1s ease 0s;
}
.popup__body {
    min-height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 30px 10px;
}
.popup__content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 750px;
    padding: 80px;
    border: 1px solid #FFFFFF;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(252, 250, 255, 0.09);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    -webkit-transition: all 0.1s ease 0s;
    -o-transition: all 0.1s ease 0s;
    transition: all 0.1s ease 0s;
    opacity: 0;

}
.popup__close {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #FFFFFF;
}
.popup__tittle{
    margin-bottom: 30px;
}
.popup__tittle img{
    width: 5rem;
}
.popup__text {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 500;
    font-size: 2.4125rem;
    line-height: 3.45rem;
    text-align: center;
    color: #FFFFFF;
}
.popup__link {
    display: inline-block;
    color: #FFFBF2;
    border-bottom: 1px solid #FFFBF2;
}
.popup.open{
    opacity: 1;
    visibility: visible;
}
.popup.open .popup__content{
    opacity: 1;
}
.highlight {
    color:#FFBC6C;
}
.popup__change .popup__text{
    font-size: 2rem;
}
.popup__btn{
    margin-top: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}
.popup__btn .btn{
    max-width: 375px;
    width: 100%;
}

.menu__item .bvi-open {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}
/* DESKTOP */

@media(max-width:1440.98px){
    html{
        font-size: 98%;
    }
    .slider-bg{
        height: 831.5px;
    }
    .slick-slide .slider-item{
        height: 831.5px;
    }
    .main-info__img{
        max-width: 365px;
        max-width: -webkit-calc(265px + 105 * (100vw / 1920));
        max-width: calc(265px + 105 * (130vw / 1920));
    }
    .main-info__img img{
        height: 500px;
    }
    .menu__item {
        margin: 0 68px 0 0px;
    }
    .menu__item form._active{
        width: 230px;
    }
    .search-wrap._active{
        width: 180px;
    }
    .artworks-wrapper{

        justify-items: center;
    }
    .artworks-item a{
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .news-wrapper .slick-slide{
        margin: 0 15px;
    }
    .news-wrapper{
        margin: 0 -15px;
    }
    .week-artworks-wrapper{

        justify-items: center;
    }

}

@media(max-width:1300.98px){
    html{
        font-size: 95%;
    }
    .menu__list{
        display: none;
    }
    .burger-menu{
        display: block;
    }
    .menu__body{
        position: fixed;
        background: #160F0F;
        top: 0;
        left: -100%;
        width: 50%;
        height: 100%;
        overflow: auto;

    }
    .menu__body._active{
        top: 0;
        left: 0;
    }
    .burger__list._active{
        display: block;
        margin-top: 115px;
        margin-left: 15px;
    }
    .back-btn._active{
        display: block;
    }
    .artwork-info{
        margin-left: 0;
    }

}

/* TABLET */
@media(max-width:991.98px){
    html{
        font-size: 90%;
    }
    .filter{
        margin-top: 3.333rem;
    }
    .filter-menu form{
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .filter-col{
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .filter__search-wrapper{
        margin-right: 0;
    }
    .search-results{
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }
    .type-toggler{
        -ms-grid-column-align: start;
        justify-self: start;
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
        margin-bottom: 20px;
    }

    .menu__body._active{
        width: 100%;
    }
    .slider-bg{
        min-height: 750px;
        height: 750px;

    }
    .slick-slide .slider-item{
        min-height: 750px;
        height: 750px;
    }
    .main-info__img{
        margin-top: 140px;
    }
    .heading .underline{
        display: none;
    }
    .mainpage-title{

        max-width: 500px;
    }
    .actual-info{
        line-height: 4.2rem;
    }
    .name-page{
        display: block;
        padding-top: 150px;

    }
    .nav__container{
        margin-top: -100px;
    }
    .artworks-wrapper{
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }
    .artworks-and-news{
        padding-top: 10px;
    }
    .news-item .item-info{
        margin-top: 10px;
    }
    .news-item .item-heading{
        margin-top: 0;
        margin-bottom: 0;
    }
    .news-wrapper .news-item{
        margin-top: 25px;
    }
    .heading{
        padding-bottom: 15px;
    }
    .artworks .item-heading{
        margin-bottom: 0;
    }
    .artworks-item a{
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .news{
        border: none;
        margin-left: 0;
        margin-top: 35px;
    }

    .news-wrapper .slick-slide{
        margin: 0;
        height: 100%;
    }
    .news-wrapper{
        margin: 0;
    }
    .week-artworks-wrapper{
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }
    .footer{
        background: #160F0F;
    }
    .footer__container{
        max-width: 850px;
    }
    .filter__search-btn{
        top: -7px;
    }
}

/* MOBILE */
@media(max-width:767.98px){
    html{
        font-size: 85%;
    }
    .filter{
        margin-bottom: 20px;
    }
    .select__list{
        width: -webkit-calc(100vw - 28px);
        width: calc(100vw - 28px);
    }
    .news-item .item-heading{
        margin-bottom: 0;
    }
    .main-info{
        padding-bottom: 150px;
    }
    .main-info__row{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .mainpage-title{
        max-width: none;
        margin: 120px 0 8px 0;
        font-size: 2.7rem;
        font-size: -webkit-calc(25px + 39 * (100vw / 1920));
        font-size: calc(25px + 39 * (100vw / 1920));

    }
    .mainpage-subtitle{
        font-size: 2rem;
        font-size: -webkit-calc(17px + 31 * (100vw / 1920));
        font-size: calc(17px + 31 * (100vw / 1920));
    }
    .main-info__img{
        margin-top: 30px;
    }
    .main-info__img img{
        max-height: 374px;
        max-width: 269px;
    }
    .actual-day{
        margin-top: 250px;
    }
    .artworks-wrapper{
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
    }

    .week-artworks-wrapper{
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
    }
    .week-artworks-item{
        max-width: 400px;
    }
    .footer__container{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .footer-info div{
        margin-left: 20px;

    }
    .footer-info div:nth-child(1){
        margin-left: 0;

    }
    .footer-info div:nth-child(2){
        margin-top: 20px;

    }
    .footer-logo{
        margin-top: 20px;
    }
    .footer__container{
        padding-bottom: 30px;
    }
    .footer-info .fav-icons{
        margin-top: -40px;
        margin-left: 150px;
    }
    .news-slider-nav{
        margin-top: 40px;
    }
    .date-picker.custom-input{
        max-width: 100%;
    }
}
@media (max-width: 625px) {
    .date-picker .selected-date,
    .filter .select .custom-input {
        font-size: 9px;
    }
    .filter .select .custom-input{
        padding-top: 21px;
    }
    .select__list{
        font-size: 10px;
    }
    .filter-menu .custom-input,
    .options__label {
        font-size: 12px;
    }
    .select__head::before{
        height: 21px;
    }
    .popup__text {
        font-size: 1.6rem
    }
}
@media(max-width: 550px){
    .actual-info{
        margin-top: 15px;
        font-size: 26px;
        font-weight: 500;
        line-height: 36px;
    }
    .mainpage-title{
        font-size: 2.5rem;
        font-size: -webkit-calc(25px + 39 * (100vw / 1920));
        font-size: calc(25px + 39 * (100vw / 1920));
    }
}
@media(max-width:450.98px){
    html{
        font-size: 80%;
    }
    .filter{
        margin-top: 0.5rem;
    }

    .header__container {
        min-height: 85px;
    }
    .mainpage-title{
        font-size: 1.95rem;
        line-height: 114%;
        font-size: -webkit-calc(25px + (39 + 39 * 0.7) * ((100vw - 320px) / 1920));
        font-size: calc(25px + (39 + 39 * 0.7) * ((100vw - 320px) / 1920));
    }
    .mainpage-subtitle{
        font-size: 1.33rem;
        font-size: -webkit-calc(17px + (31 + 31 * 0.7) * ((100vw - 320px) / 1920));
        font-size: calc(17px + (31 + 31 * 0.7) * ((100vw - 320px) / 1920));
    }
    .actual-day{
        font-size: 33px;
        font-weight: 400;
        line-height: 44px;
    }

    .news{
        margin-top: 35px;
    }
    .news-item{
        margin-top: 50px;
    }
    .header__logo{
        font-size: 20px;
        line-height: 27px;
    }
    .burger-menu{
        width: 17px;
        height: 14px;
    }
    .burger-menu span,
    .burger-menu:after,
    .burger-menu:before{
        height: 2px;
    }
    .burger-menu._active::before {
        top: 45%;
    }

    .news-item{
        margin-top: 25px;

    }
    .heading h2{
        font-size: 14px;
        line-height: 100%;
    }
    .heading a {
        font-size: 16px;
    }
    .publication-date{
        font-size: 10px;
        line-height: 113.5%;
    }
    .item-heading{
        font-size: 12px;
        line-height: 113.5%;
    }
    .artworks-item .item-heading{
        margin-top: 15px;
        margin-bottom: 5px;
    }
    .artworks-item p{
        font-size: 10px;
        line-height: 113.5%;
        margin-top: 0;
    }
    .artworks-item .img-wrapper{
        height: 191px;
        width: auto;
    }
    .week-artworks .img-wrapper{
        height: 217px;
        width: auto;
    }
    .artworks-item{
        width: 100%;
    }
    .artworks-item a{
        width: auto;
    }
    .week-artworks-item{
        width: 100%;
    }
    .week-artworks-item a{
        width: auto;
    }
    .name-page{
        font-size: 14px;
        line-height: 100%;
        padding-top: 100px;
    }
    .news-item span{
        font-size: 10px;
        line-height: 13px;
    }
    .news-item .item-heading{
        margin-top: 5px;
        margin-bottom: 10px;
        font-size: 12px;
        line-height: 16px;
    }
    .news-item .item-info{
        margin-top: 0;
        margin-bottom: 25px;
    }
    .news-wrapper .news-item{
        margin-top: 0;
    }
    .item-info{
        font-size: 10px;
        line-height: 12px;
    }
    .read-more p{
        font-size: 12px;
        line-height: 113.5%;
    }
    .underline{
        max-width: 75px;
        margin-top: 0;
    }
    .footer-logo .header__logo{
        font-size: 13px;
        line-height: 17px;
    }
    .footer__container{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .footer-info div{
        margin-left: 20px;

    }
    .footer-info div:nth-child(1){
        margin-left: 0;

    }
    .footer-info div:nth-child(2){
        margin-top: 20px;

    }
    .footer-logo span{
        margin-top: 5px;
        font-size: 10px;
        line-height: 13px;
    }
    .footer-info div p{
        font-size: 12px;
        line-height: 16px;
    }
    .footer-info div a{
        font-size: 11px;
        line-height: 15px;
    }
    .footer-logo{
        margin-top: 20px;
    }
    .footer__container{
        padding-bottom: 30px;
    }
    .footer-info .fav-icons{
        margin-top: -40px;
        margin-left: 100px;
    }
    .popup__tittle{
        margin-bottom: 15px;
    }
    .popup__tittle img{
        width: 40px;
    }
    .popup__content{
        padding: 40px 30px;
    }
    .popup__change .popup__content{
        padding: 40px 5px;
    }
}
@media(max-width:350.98px){
    .slider-bg .slider-item .main-title{
        margin-top: 220px;
    }
    .slider-bg .slider-item .actual-day{
        margin-top: 220px;
    }
}