@charset "UTF-8";

/*
Theme Name: Twenty Twenty-One
Version: 2.731
*/

@font-face{ font-display: swap; font-family: 'Pobeda-Regular'; src: url('assets/fonts/Pobeda-Regular.woff2'); }
@font-face{ font-display: swap; font-family: 'Pobeda-Bold'; src: url('assets/fonts/Pobeda-Bold.woff2'); }
@font-face{ font-display: swap; font-family: 'OpenSansCondensed-Light'; src: url('assets/fonts/OpenSansCondensed-Light.woff2'); }
@font-face{ font-display: swap; font-family: 'OpenSansCondensed-Regular'; src: url('assets/fonts/OpenSansCondensed-Regular.woff2'); }
@font-face{ font-display: swap; font-family: 'OpenSansCondensed-Medium'; src: url('assets/fonts/OpenSansCondensed-Medium.woff2'); }
@font-face{ font-display: swap; font-family: 'OpenSansCondensed-SemiBold'; src: url('assets/fonts/OpenSansCondensed-SemiBold.woff2'); }
@font-face{ font-display: swap; font-family: 'OpenSansCondensed-Bold'; src: url('assets/fonts/OpenSansCondensed-Bold.woff2'); }
@font-face{ font-display: swap; font-family: 'OpenSansCondensed-Italic'; src: url('assets/fonts/OpenSansCondensed-Italic.woff2'); }

@keyframes stroke{ 100%{ stroke-dashoffset: 0; } }
@keyframes scale{ 0%, 100%{ transform: none; } 50%{ transform: scale3d(1.1, 1.1, 1); } }
@keyframes fill{ 100% { box-shadow: inset 0px 0px 0px 3rem #e5b34e; } }

*{ margin: 0; padding: 0; box-sizing: border-box; border: 0; font-weight: normal; }
a{ color: #fff; text-decoration: none; -webkit-tap-highlight-color: transparent; transition: color .3s ease; -webkit-transition: color .3s ease; }
a:hover{ color: #fff; }
img{ display: block; }
p img{ display: inline-block; vertical-align: middle; }
input,select,textarea{ font-family: 'OpenSansCondensed-Regular'; outline: 0; }
table{ border-collapse: collapse; border-spacing: 0; }
table th{ border-collapse: collapse; border-spacing: 0; }
table td{ border-collapse: collapse; border-spacing: 0; }

.bold, b, strong{ font-family: 'OpenSansCondensed-Regular' !important; font-weight: normal; font-style: normal; }
.ital, i, em{ font-family: 'OpenSansCondensed-Italic'; font-weight: normal; font-style: normal; }
.clear{ height: .1rem; clear: both; }
.flexer{ display: flex; align-items: center; }
.flexer.between{ justify-content: space-between; }
.nomargin{ margin: 0; }
.center{ text-align: center; }
.centered{ width: fit-content; margin: 0 auto; }
.right{ text-align: right; }
.upper{ text-transform: uppercase; }
.hidden{ display: none!important; }
.only_pc{ display: block!important; }
.only_mobile{ display: none!important; }
.no-pointer{ pointer-events: none; }
.scroller{ cursor: pointer; }

.button{ display: table; position: relative; padding: 0 4rem; font: 1.6rem 'OpenSansCondensed-Light'; height: 5rem; line-height: 5rem; background: transparent; backdrop-filter: blur(2rem); border: 1px solid #fff; border-radius: 5rem; color: #fff; text-transform: uppercase; text-align: center; cursor: pointer; transition: all .3s ease; }
.button:not(.white):hover{ transform: scale(1.06); }
.button.white{ font-family: 'OpenSansCondensed-Medium'; color: #000; background: #fff; }
.button.white:after{ content: ''; position: absolute; left: 0; right: 0; bottom: 1.2rem; width: 100%; max-width: 0; height: 1px; background: #000; margin: 0 auto; transition: all .3s ease; }
.button.white:hover:after{ max-width: 20rem; }

html{ scroll-behavior: smooth; }

html{ font-size: clamp(1px,.52vw,10px); }
body{ position: relative; background: #1C1D1D; background-size: cover; padding-top: 16rem; color: #fff; font: 1.6rem 'OpenSansCondensed-Light'; text-size-adjust: none; }
body.overflow{ overflow: hidden; }

body::-webkit-scrollbar-track{ background-color: #272727; }
body::-webkit-scrollbar{ width: 1rem; background-color: #525252; }
body::-webkit-scrollbar-thumb{ background-color: #525252; border: none; border-radius: .3rem; }

.container{ position: relative; width: 100%; max-width: 142rem; margin: 0 auto; padding: 0; }

header{ position: fixed; top: 0; left: 0; right: 0; padding: 3rem 4rem; transition: all .3s ease; backdrop-filter: blur(3rem); z-index: 7; }
header .container{ display: flex; align-items: center; justify-content: space-between; gap: 3rem; }
header .logo{ opacity: .12; transition: all .3s ease; }
header .logo a{ display: block; font: 3rem 'Pobeda-Bold'; letter-spacing: -.12rem; text-transform: uppercase; text-decoration: none; }
header.active{ padding: 1rem 4rem; background: rgba(0,0,0,.21); }
header.active .logo{ opacity: .8; }

.main_banner{ display: flex; justify-content: center; align-items: center; gap: 12rem; position: relative; margin-bottom: 10rem; background-size: cover; }
.main_banner .txt{ width: 50rem; min-width: 50rem; }
.main_banner .txt h1{ margin-bottom: 1rem; font: 6rem 'Pobeda-Bold'; line-height: 1.05; letter-spacing: -.4rem; text-transform: uppercase; }
.main_banner .txt h2{ margin-bottom: 10rem; font: 3.82rem 'Pobeda-Regular'; line-height: 1.05; letter-spacing: -.2rem; text-transform: uppercase; }
.main_banner .txt p{ font: 2.6rem 'Pobeda-Regular'; line-height: 1.4; letter-spacing: -.12rem; text-transform: uppercase; }
.main_banner .txt ul{ margin: 0 0 0 2rem; }
.main_banner .txt ul li{ font: 2.6rem 'Pobeda-Regular'; line-height: 1.4; letter-spacing: -.12rem; }
.main_banner .txt b{ font-family: 'Pobeda-Bold'!important; }
.main_banner .img{ display: flex; align-items: center; justify-content: center; width: 52rem; min-width: 52rem; height: 72rem; margin-right: 3rem; border-radius: 2.5rem; background: rgba(255,255,255,.2); overflow: hidden; }
.main_banner .img img{ width: 100%; height: 100%; object-fit: cover; }

.competencies{ margin-bottom: 12rem; }
.competencies h3{ margin-bottom: 4rem; font: 6rem 'Pobeda-Bold'; line-height: 1.05; letter-spacing: -.2rem; text-transform: uppercase; }
.competencies .group{ display: flex; gap: 2.6rem; margin-bottom: 4rem; }
.competencies .group .item{ display: flex; flex-direction: column; justify-content: space-between; flex: 1; position: relative; height: 60rem; padding: 5rem; border-radius: 2.5rem; border: 1px solid #828282; transition: all .3s ease; cursor: pointer; overflow: hidden; }
.competencies .group .item > *{ position: relative; z-index: 2; }
.competencies .group .item .title{ margin-bottom: 2rem; font: 3.8rem 'Pobeda-Bold'; line-height: 1.1; letter-spacing: -.2rem; }
.competencies .group .item .bg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: top center; pointer-events: none; z-index: 1; }
.competencies .group .item .arrow{ display: block; width: 4rem; height: 4rem; margin: auto 0 0; border-radius: 100%; background: #fff url('assets/images/icon-arrow.svg') no-repeat center / 1.4rem; transition: all .3s ease; transform: translateX(-3rem); opacity: 0; }
.competencies .group .item:hover{ transform: scale(1.02); }
.competencies .group .item:hover .arrow{ transform: translateX(0); opacity: 1; }

.philosophy{ display: flex; justify-content: center; align-items: center; gap: 14rem; position: relative; margin-bottom: 8rem; background-size: cover; }
.philosophy .txt{ display: flex; flex-direction: column; justify-content: center; width: 48rem; min-width: 48rem; }
.philosophy .txt h3{ margin-bottom: 3rem; font: 6rem 'Pobeda-Bold'; line-height: 1.05; letter-spacing: -.2rem; text-transform: uppercase; }
.philosophy .txt .subtitle{ margin-bottom: 10rem; font: 3.2rem 'Pobeda-Bold'; line-height: 1.05; letter-spacing: -.2rem; text-transform: uppercase; }
.philosophy .txt p{ font: 2.6rem 'Pobeda-Regular'; line-height: 1.4; letter-spacing: -.12rem; text-transform: uppercase; }
.philosophy .txt .quote{ position: relative; margin-bottom: 12rem; }
.philosophy .txt .quote:before{ content: ''; position: absolute; top: -4rem; left: 0; width: 2rem; height: 2rem; background: url('assets/images/quote.svg') no-repeat center / contain; }
.philosophy .txt .quote:after{ content: ''; position: absolute; bottom: -3rem; right: 0; width: 2rem; height: 2rem; background: url('assets/images/quote.svg') no-repeat center / contain; transform: rotate(180deg); }
.philosophy .txt .owner{ font: 3.2rem 'Pobeda-Bold'; text-align: right; }
.philosophy .img{ display: flex; align-items: center; justify-content: center; width: 52rem; min-width: 52rem; height: 72rem; margin-right: 3rem; border-radius: 2.5rem; background: rgba(255,255,255,.2); overflow: hidden; }
.philosophy .img img{ width: 100%; height: 100%; object-fit: cover; }

.auction{ margin-bottom: 24rem; }
.auction h3{ margin-bottom: 3rem; font: 6rem 'Pobeda-Bold'; line-height: 1.05; letter-spacing: -.2rem; text-transform: uppercase; }
.auction h4{ margin-bottom: 3rem; font: 4rem 'Pobeda-Bold'; line-height: 1.05; letter-spacing: -.2rem; text-transform: uppercase; }
.auction p{ margin-bottom: 3rem; font: 2.6rem 'Pobeda-Regular'; line-height: 1.4; letter-spacing: -.12rem; text-transform: uppercase; }
.auction h4 + p{ margin-bottom: 0; }
.auction .group{ display: flex; gap: 5rem; margin-bottom: 1rem; padding: 0; }
.auction .group .item{ position: relative; flex: 1; padding: 14rem 0 7rem 4rem; }
.auction .group .item:before{ content: ''; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background: #fff; mask-image: linear-gradient(to bottom, transparent 15%, #fff, transparent 85%); opacity: .3; }
.auction .group .item .title{ display: flex; gap: .6rem; padding-left: 0; font: 3.6rem 'Pobeda-Bold'; line-height: 1.05; letter-spacing: -.2rem; }
.auction .group .item .title span{ width: 2rem; min-width: 2rem; opacity: .3; }
.auction .group .item p{ font: 1.6rem 'OpenSansCondensed-Light'; letter-spacing: 0; padding-left: 2.6rem; }
.auction .result{ margin-bottom: 8rem; }
.auction .result .title{ margin-bottom: 3rem; font: 3.6rem 'Pobeda-Bold'; line-height: 1.05; letter-spacing: -.2rem; text-align: center; text-transform: uppercase; }
.auction .result p{ font: 1.6rem 'OpenSansCondensed-Regular'; letter-spacing: 0; text-align: center; }

.auction .buttons{ display: flex; gap: 3rem; margin-bottom: 1rem; padding: 0; }
.auction .buttons .item{ flex: 1; height: 10rem; border: 1px solid #fff; border-radius: 5rem; }
.auction .buttons .item:last-child{ border: none; }
.auction .buttons .item:last-child > div{ line-height: 4rem; height: 100%; border: none; }
.auction .buttons .item:last-child > div:after{ bottom: 3rem; }
.auction .buttons .item > div{ display: flex; justify-content: center; align-items: flex-end; gap: 1.3rem; padding: 2.5rem 0 3rem 0; font: 2.4rem 'Pobeda-Bold'; line-height: 5rem; }
.auction .buttons .item > div span{ font-size: 2rem; line-height: 4.2rem; }
.auction .buttons .item > div b{ font: 3.4rem 'Pobeda-Bold'!important; line-height: 5rem!important; }

footer{ position: relative; height: 67rem; }
footer .container{ display: flex; flex-direction: column; justify-content: space-between; position: relative; z-index: 2; height: 100%; padding-bottom: 6rem; }
footer:before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: url('assets/images/footer.webp') no-repeat bottom center / contain;  z-index: 1; }
footer .links{ display: flex; justify-content: space-between; }
footer .links .item .label{ font: 1.6rem 'OpenSansCondensed-Medium'; text-transform: uppercase; opacity: .4; }
footer .links .item .login{ display: flex; align-items: center; gap: 1.4rem; font: 3rem 'Pobeda-Bold'; }
footer .links .item .login img{ width: 4rem; height: 4rem; object-fit: contain; }
footer .links .item .login a{ display: block; position: relative; }
footer .links .item .login a:not(.txt):after{ display: none; }
footer .links .item .login a:after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 100%; max-width: 0; height: 1px; background: #fff; transition: all .3s ease; }
footer .links .item .login a:hover:after{ max-width: 20rem; }
footer .links .item:nth-of-type(2){ text-align: center; }
footer .links .item:nth-of-type(3){ text-align: center; }
footer .links .item:nth-of-type(4){ text-align: right; }
footer .copy{ display: flex; justify-content: space-between; }
footer .copy a,
footer .copy span{ opacity: .4; }

article{ margin-bottom: 14rem; font: 1.6rem 'OpenSansCondensed-Light'; }
article h1{ font: 3.2rem 'Pobeda-Bold'; letter-spacing: -.12rem; text-align: center; }
article h2{ font: 2.6rem 'Pobeda-Bold'; letter-spacing: -.12rem; }
article h3{ font: 2.6rem 'Pobeda-Bold'; letter-spacing: -.12rem; }
article h1,
article h2,
article h3,
article p,
article ul,
article ol,
article table{ margin-bottom: 2rem; }
article table{ table-layout: fixed; width: 100%; border-collapse: collapse; }
article table th{ background: #fff; color: #000; }
article table th,
article table td{ padding: 1rem 3rem; }
article table td{ border-bottom: 1px solid rgba(255,255,255,.4); }

article p + h2{ margin-top: 5rem; }
article p + h3{ margin-top: 5rem; }

.cookie-law{ display: flex; align-items: center; justify-content: space-between; position: fixed; bottom: 2rem; right: 2rem; max-width: 120rem; padding: 1rem 2rem; font: 1.6rem 'OpenSansCondensed-Light'; line-height: 1.2; border-radius: 1rem; background: #000; backdrop-filter: blur(2rem); opacity: 0; pointer-events: none; box-shadow: .1rem .1rem 2rem var(--header-shadow); z-index: 20; transform: translateY(20rem); transition: all .6s ease; }
.cookie-law.loaded{ opacity: 1; pointer-events: all; transform: translateY(0); }
.cookie-law.closed{ transform: translateY(20rem)!important; }
.cookie-law a{ text-decoration: underline; }
.cookie-law .button{ display: table; margin-left: 2rem; font-size: 1.3rem; background: #fff; color: #000; height: 3.2rem; line-height: 3.2rem; border-radius: 1rem; padding: 0 3rem; }

/* POPUPs */
.popup{ display: flex; align-items: center; justify-content: flex-start; position: fixed; top: 0; left: 0; width: 100%; height: 100dvh; backdrop-filter: blur(10rem) saturate(1.5); opacity: 0; pointer-events: none; z-index: 12; transition: all .75s ease; }
.popup .close{ display: block; position: absolute; top: 2rem; right: 2rem; width: 4rem; height: 4rem; margin: 0; border: 1px solid #fff; border-radius: 100%; opacity: 0; cursor: pointer; z-index: 5; transition: all .3s ease; }
.popup .close:after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('assets/images/icon-close.svg') no-repeat center; background-size: 1.5rem; border-radius: 100%; }
.popup.active{ opacity: 1; pointer-events: all; }
.popup.active .close{ opacity: 1; }
.popup .form{ display: flex; flex-wrap: wrap; align-items: center; gap: 4rem; position: relative; margin: 0 auto; padding: 6rem; width: 60rem; background: #1C1D1D; background-size: cover; border-radius: 2rem; z-index: 2; }
.popup .form .title{ width: 100%; min-width: 100%; margin-bottom: 3rem; font: 3rem 'OpenSansCondensed-Regular'; line-height: 1.1; text-transform: uppercase; }
.popup .form label{ width: 100%; min-width: 100%; margin-top: 1rem; font: 2rem 'OpenSansCondensed-Light'; line-height: 1.1; }
.popup .form label[for=callback]{ font-size: 1.6rem; opacity: .65; }
.popup .form .consent{ display: flex; align-items: center; gap: 1rem; margin-top: 1rem; margin-bottom: 3rem; }
.popup .form .consent label{ margin-top: 0; font-size: 1.4rem; }
.popup .form .txt{ display: flex; flex-wrap: wrap; gap: 1rem; width: 100%; z-index: 2; }
.popup .form .txt input[type=text],
.popup .form .txt input[type=date],
.popup .form .txt input[type=time]{ width: 100%; padding: 0 2rem 0 5rem; font: 1.6rem 'OpenSansCondensed-Light'; height: 5.6rem; line-height: 5.6rem; background: #efeff0; border-bottom: 1px solid transparent; border-radius: .5rem; }
.popup .form .txt input.user{ background: #efeff0 url('assets/images/icon-user.svg') no-repeat left 2rem center; background-size: 2rem; }
.popup .form .txt input.tel{ background: #efeff0 url('assets/images/icon-phone.svg') no-repeat left 2rem center; background-size: 1.7rem; }
.popup .form .txt input[type=text],
.popup .form .txt input[type=date],
.popup .form .txt input[type=time]::placeholder{ color: #000; }

.popup .form .txt .summa{ display: flex; gap: 2rem; width: 100%; }
.popup .form .txt .summa .plusminus{ display: flex; gap: 2rem; width: 100%; }
.popup .form .txt .summa .plusminus .btn{ display: flex; align-items: center; justify-content: center; width: 5.6rem; min-width: 5.6rem; height: 5.6rem; font: 2.4rem 'OpenSansCondensed-Bold'; color: #000; background: #fff; border-radius: .5rem; cursor: pointer; }
.popup .form .txt .summa .plusminus .result{ display: flex; align-items: center; justify-content: center; width: 100%; height: 5.6rem; font: 2rem 'OpenSansCondensed-Regular'; background: transparent; border: 1px solid #ccc; border-radius: .5rem; }

.popup .form .txt .flatpickr_group{ display: flex; gap: 2rem; width: 100%; }
.popup .form .txt .flatpickr_group span{ width: calc(50% - .5rem); max-width: calc(50% - .5rem); min-width: calc(50% - .5rem); }
.popup .form .txt .flatpickr_group input{ width: 100%; }
.popup .form .txt textarea{ display: block; width: 100%; height: 14rem; padding: 2rem 2.5rem; background: #fff url('assets/images/icon-message.svg') no-repeat left 2rem center; background-size: 1.8rem; }
.popup .form .txt .button{ width: 100%; justify-content: center; }
.popup .form .txt .hint{ display: block; width: 100%; font: 1.6rem 'OpenSansCondensed-Light'; line-height: 1.2; text-align: center; opacity: .65; }
.popup .form .txt .wi100{ width: 100%; }
.flatpickr_group .date{ position: relative; }
.flatpickr_group .date:before{ content: ''; position: absolute; top: 0; left: 2rem; width: 2.4rem; height: 100%; background: url('assets/images/icon-date.svg') no-repeat left center; background-size: 1.6rem; pointer-events: none; }
.flatpickr_date::-webkit-calendar-picker-indicator{ opacity: 0; display: block; position: absolute; right: 0; width: 2.4rem; height: 100%; cursor: pointer; }
.flatpickr_group .time{ position: relative; }
.flatpickr_group .time:before{ content: ''; position: absolute; top: 0; left: 2rem; width: 2.4rem; height: 100%; background: url('assets/images/icon-time.svg') no-repeat left center; background-size: 1.6rem; pointer-events: none; }
.flatpickr_time::-webkit-calendar-picker-indicator{ opacity: 0; display: block; position: absolute; right: 0; width: 2.4rem; height: 100%; cursor: pointer; }

.attention{ border-bottom: 1px solid #cc0000!important; background-image: url('assets/images/attention.svg')!important; z-index: 2; }
.err_message{ display: block; position: relative; width: 100%; margin: 0; font-size: 1.4rem; color: #ff1c2d; }
.consent .err_message{ margin: 0 0 0.5rem; }
.acpt_error{ color: #ff1c2d!important; }

.success{ display: none; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 80%; padding: 0; box-sizing: border-box; }
.success .message{ display: flex; align-items: center; flex-direction: row-reverse; align-content: center; gap: 2rem; }
.success p{ margin: 0!important; }
.success p span{ display: block; margin: 0 0 1rem 0; font: 2.6rem 'OpenSansCondensed-Regular'; }
.success .success-animation{ margin: 15rem auto; }
.fancybox__container .success{ width: 100%; }
.checkmark{ display: block; width: 10rem; min-width: 10rem; height: 10rem; border-radius: 50%; stroke-width: 2; stroke: #4caf50; stroke-miterlimit: 10; box-shadow: inset 0px 0px 0px #4caf50; animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both; position: relative; top: 0.5rem; right: 0.5rem; margin: 0 auto; }
.checkmark__circle{ stroke-dasharray: 166; stroke-dashoffset: 166; stroke-width: 2; stroke-miterlimit: 10; stroke: #4caf50; fill: #212121; animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards; }
.checkmark__check{ transform-origin: 50% 50%; stroke-dasharray: 48; stroke-dashoffset: 48; animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards; }

.error{ display: none; width: 100%; position: absolute; top: 0; bottom: 0; margin: auto; padding: 0; box-sizing: border-box; }
.popup .error{ width: 80%; }
.error img{ width: 10rem!important; height: auto; }
.error .message{ display: flex; align-items: center; flex-direction: row-reverse; align-content: center; gap: 2rem; }
.error p{ margin: 0!important; }
.error p span{ display: block; margin: 0 0 1rem 0!important; font: 2.6rem 'OpenSansCondensed-Regular'; }
.fancybox__container .error{ width: 100%; }

@media(max-width:1600px){
    html{ font-size: clamp(1px,.64vw,10px); }
}

@media(max-width:820px){
    html{ font-size: clamp(1px,2.5vw,10px); }

    body{ padding-top: 0; }

    .only_pc{ display: none!important; }
    .only_mobile{ display: block!important; }
    .button{ height: 6.2rem; line-height: 6.2rem; }

    .container{ width: 100%; max-width: 84rem; padding: 0 2rem; }

    header{ position: relative; padding: 2rem 0 3rem; }
    header .container{ flex-wrap: wrap; justify-content: center; gap: 1.5rem; }
    header .container .logo{ display: none; }
    header .container .button{ background: #fff; color: #000; font-family: 'OpenSansCondensed-Medium'; }

    .main_banner{ gap: 3rem; flex-wrap: wrap; }
    .main_banner .img{ order: 1; width: 100%; height: 48rem; min-width: auto; margin-right: 0; }
    .main_banner .txt{ order: 2; width: 100%; min-width: auto; }
    .main_banner .txt h1{ margin-bottom: 1rem; font-size: 4.2rem; line-height: 1; text-align: center; }
    .main_banner .txt h2{ margin-bottom: 2rem; font-size: 3.4rem; line-height: 1; text-align: center; }
    .main_banner .txt .img{ margin-bottom: 2rem;; }
    .main_banner .txt ul li{ line-height: 1.2; }

    .competencies h3{ margin-bottom: 2rem; font-size: 4.2rem; }
    .competencies .group{ flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; }
    .competencies .group .item{ flex: none; width: 100%; height: 46rem; padding: 3rem; text-shadow: .1rem .1rem .2rem rgba(0,0,0,.8); }
    .competencies .group .item .title{ font-size: 3.2rem; }
    .competencies .button{ width: 100%; }


    .philosophy{ gap: 3rem; flex-wrap: wrap; }
    .philosophy .txt{ width: 100%; min-width: auto; }
    .philosophy .txt h3{ margin-bottom: 2rem; font-size: 4.2rem; line-height: 1.2; }
    .philosophy .txt .subtitle{ margin-bottom: 7rem; font-size: 2.6rem; line-height: 1.2; }
    .philosophy .txt p{ font-size: 2.4rem; line-height: 1.2; }
    .philosophy .txt .quote{ margin-bottom: 6rem; font: 1.8rem 'OpenSansCondensed-Light'; letter-spacing: 0; }
    .philosophy .txt .quote:before{ top: -3.4rem }
    .philosophy .txt .owner{ font-size: 2.6rem; line-height: 1.2; }
    .philosophy .img{ width: 100%; min-width: auto; height: 48rem; margin-right: 0; }

    .auction{ margin-bottom: 14rem; }
    .auction .buttons{ flex-wrap: wrap; }
    .auction .buttons .item{ flex: none; width: 100%; }
    .auction h3{ margin-bottom: 2rem; font-size: 4.2rem; line-height: 1.2; }
    .auction h4{ margin-bottom: 2rem; font-size: 3rem; line-height: 1.2; }
    .auction p{ margin-bottom: 2rem; font: 1.8rem 'OpenSansCondensed-Light'; letter-spacing: 0; }
    .auction .group{ gap: 3rem; max-width: 100%; overflow-x: auto; }
    .auction .group .item{ width: 22rem; min-width: 22rem; padding: 7rem 0 3rem 3rem; }
    .auction .group .item .title{ flex-direction: column; font-size: 3rem; padding-right: 2rem; }
    .auction .group .item p{ padding-left: 0; }
    .auction .result .title{ font-size: 4.2rem; text-align: left; }
    .auction .result p{ text-align: left; }
    .auction .buttons{ gap: 2rem; }
    .auction .buttons .item{ height: auto; min-height: 8.6rem; }
    .auction .buttons .item > div{ flex-direction: column; align-items: center; gap: 0; padding: 1.75rem 0 .5rem; font-size: 2rem; }
    .auction .buttons .item > div.white{ padding: 1rem; }
    .auction .buttons .item > div span{ line-height: 1; }
    .auction .buttons .item > div b{ line-height: 1!important; }

    footer{ height: auto; padding-top: 12rem; }
    footer:before{ top: 0; bottom: auto; right: 0; width: 9.6rem; height: 9.6rem; margin: auto; border-radius: 100%; background-size: 300%; background-position: top -3.4rem center; }
    footer .container{ justify-content: flex-start; }
    footer .author{ display: block; margin-bottom: 3rem; font: 3rem 'Pobeda-Bold'; letter-spacing: -4%; text-transform: uppercase; text-align: center; }
    footer .links{ gap: 1rem; justify-content: center; align-items: center; margin-bottom: 6rem; }
    footer .links .item .label{ display: none; }
    footer .links .item .login .txt{ display: none; }
    footer .links .item .button{ height: 4rem; line-height: 4rem; padding: 0 2rem; }
    footer .copy{ flex-wrap: wrap; }
    footer .copy a,
    footer .copy span{ width: 100%; text-align: center; }

    .cookie-law{ left: 1rem; right: 1rem; bottom: 1rem; padding: 1rem 1.5rem; }
    .cookie-law .button{ margin: 0 0 0 1rem; }

    .consent label{ margin: 0; }
    .popup .form{ width: 100%; padding: 4rem 2.5rem; }
    .popup .close{ top: 1rem; right: 1rem; }
    .popup .form .title{ margin-bottom: 2rem; }
    .popup .form .consent{ margin-bottom: 2rem; }
    .popup .form .txt .flatpickr_group{ gap: 1rem; }
    .popup .form .txt .flatpickr_group input{ box-sizing: border-box; width: -webkit-fill-available; }
}