html {min-width: 1024px;}
@keyframes pzv-icon-animation {
	    0%, 50%, 100% {transform: rotate(0deg);}
	    10%, 30% {transform: rotate(-30deg);}
	    20%, 40% {transform: rotate(30deg);}
}
.modal-open {overflow: hidden !important; padding-right: 17px;}
p, li {font-size: 0.8em; font-weight: 400; line-height: 1.5;}
.button {font-size: 0.8em; font-weight: 400; line-height: 1; text-align: center; color: var(--bgcolorW); padding: 0.75em 1.5em 0.9em; background-color: var(--bgcolor1); border: 2px solid var(--bgcolor1); border-radius: 0.5em;}
.button:hover, .onactive {color: var(--bgcolor1); background-color: var(--bgcolorW);}
.mobile {display: none;}
.vievport {scroll-snap-type: x proximity; scroll-behavior: smooth;}
.vievtrack {width: 100%; position: relative; scroll-snap-align: start; scroll-snap-stop: always;}
.container {width: 100%; max-width: 2530px; padding: 0 8em;}
a {color: #1f1f1f;}
a:hover {color: var(--bgcolor2);}
h1, h2, h3 {font-size: 2em; line-height: 1;}
h1 {font-size: 2.5em;}
h4 {font-size: 1.25em;}
li.submenu::after {font-family: FontAwesome; content: "\f0d7"; font-size: 0.6em; color: var(--bgcolor2); margin: 0 1.6em 0 -1em;}
a.phone::before {font-family: FontAwesome; content: "\f095"; margin-right: 0.5em;}

.art-content {padding: 0 0 3em;}
.search-content {background-color: var(--bgcolor2); padding: 3em 0 2em;}
.search-content .head-block {text-align: center; color: var(--bgcolorW); padding: 0 0 2em;}
.search-content .form-content {flex-direction: row; gap: 1em;}
.search-content .form-content .form-group {flex: 1 1 auto;}
.search-content .form-content .form-group label {font-size: 1em; color: var(--bgcolorW);}
.search-content .form-content .form-group i {top: 40%;}
.search-content .form-content .button {min-width: 20%; font-size: 1em; height: 3em;}
.search-content .form-content .button::before {font-family: FontAwesome; content: "\f002"; vertical-align: middle; margin-right: 0.5em;}

.showcase .head-block {text-align: center; padding: 0 0 2em;}
.showcase .head-block h2 {color: var(--bgcolor1); margin-bottom: 0.5em;}
.showcase .head-block p {display: block; width: 50%; margin: 0 auto;}
.showcase .flex {flex-direction: row; gap: 2em;}
.showcase .flex section {position: relative; width: calc(25% - 1.5em); display: flex; flex-direction: column; transition: all 0.35s ease-out; border-radius: 0.5em; overflow: hidden;}
.showcase .flex section figure {width: 100%; aspect-ratio: 4 / 3; overflow: hidden;}
.showcase .flex section figure img {height: 100%; object-fit: cover; object-position: center;}
.showcase .flex section .sector {left: 0; top: 0; display: flex; flex-direction: column; gap: 5px; padding: 0.5em;}
.showcase .flex section .sector span {padding: 0.25em 0.75em; font-size: 0.8em; font-weight: 600; text-align: center; text-transform: lowercase; color: var(--bgcolor2); background-color: rgba(255,255,255,0.8); border-radius: 0.5em;}
.showcase .flex section .text-item {padding: 0.5em 0.5em 4em;}
.showcase .flex section .text-item p {line-height: 2;}
.showcase .flex section .text-item .price .bid {font-size: 1em; font-weight: 900; color: var(--bgcolor1);}
.showcase .flex section .text-item .local::before,
.showcase .flex section .text-item .comb::before {font-family: FontAwesome; font-size: 1em; color: var(--bgcolor2); margin-right: 0.5em; vertical-align: center; }
.showcase .flex section .text-item .local::before {content: "\f041";}
.showcase .flex section .text-item .comb::before {content: "\f546";}
.showcase .flex section a.ramc {position: absolute;}
.showcase .flex section a.button {position: absolute; left: 0; width: 100%; bottom: 0;}
.showcase .flex section:hover {transform: translateY(-0.25em); box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);}
.showcase .block-link {text-align: right; padding: 1em 0 0;}
.showcase .block-link .button {width: calc(25% - 2em); color: var(--bgcolor1); background-color: var(--bgcolorЦ); border-color: var(--bgcolor1);}
.showcase .block-link .button::after {font-family: FontAwesome; content: "\f178"; font-size: 1em; margin-left: 0.5em; vertical-align: center;}
.showcase .block-link .button:hover {color: var(--bgcolorW); background-color: var(--bgcolor1); border-color: var(--bgcolor1);}

.crumbs {position: relative; color: var(--bgcolorW); margin-bottom: 3em;}
.crumbs .box {position: absolute; left: 0; width: 100%; top: 0; height: 100%; background-position: center;}
.crumbs .box::after {position: absolute; left: 0; width: 100%; top: 0; height: 100%; content: ""; background-image: linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0.01) 100%);}
.crumbs .container {padding: 6em 8em 4em;}
.crumbs .nav {font-size: 0.8em; line-height: 1; padding: 0.5em 0.25em;}
.crumbs a.nav {color: var(--bgcolorW);}
.crumbs .separator {padding: 0 0.5em;}

.product-content .product-list {display: flex; flex-direction: row-reverse; gap: 2em;}
.product-content .product-list .items {display: flex; flex-direction: column;}
.product-content .product-list .service {width: calc(30% - 1em);}
.product-content .product-list .service .form-content {padding: 2em; background-color: var(--bgcolor3); border-radius: 0.5em;}
.product-content .product-list .service .form-content h2 {padding: 0 0 1.25em;}
.product-content .product-list .service .form-content label {font-size: 1em; font-weight: 600;}
.product-content .product-list .service .form-content .button {font-size: 1em; height: 3em; width: calc(50% - 5px);}
.product-content .product-list .service .form-content button.button::before {font-family: FontAwesome; content: "\f002"; vertical-align: middle; margin-right: 0.5em;}
.product-content .product-list .service .form-content a.button {color: var(--bgcolor1); background-color: var(--bgcolor3)}
.product-content .product-list .list {width: calc(75em - 1em);}
.product-content .product-list .list .flex {flex-direction: row; flex-wrap: wrap; gap: 2em;}
.product-content .product-list .list .flex section {position: relative; width: calc(33.33% - 1.35em); display: flex; flex-direction: column; transition: all 0.35s ease-out; border-radius: 0.5em; overflow: hidden;}
.product-content .product-list .list .flex section figure {width: 100%; aspect-ratio: 4 / 3; overflow: hidden;}
.product-content .product-list .list .flex section figure img {height: 100%; object-fit: cover; object-position: center;}
.product-content .product-list .list .flex section .sector {left: 0; top: 0; display: flex; flex-direction: column; gap: 5px; padding: 0.5em;}
.product-content .product-list .list .flex section .sector span {padding: 0.25em 0.75em; font-size: 0.8em; font-weight: 600; text-align: center; text-transform: lowercase; color: var(--bgcolor2); background-color: rgba(255,255,255,0.8); border-radius: 0.5em;}
.product-content .product-list .list .flex section .text-item {padding: 0.5em 0.5em 4em;}
.product-content .product-list .list .flex section .text-item p {line-height: 2;}
.product-content .product-list .list .flex section .text-item .price .bid {font-size: 1em; font-weight: 900; color: var(--bgcolor1);}
.product-content .product-list .list .flex section .text-item .local::before,
.product-content .product-list .list .flex section .text-item .comb::before {font-family: FontAwesome; font-size: 1em; color: var(--bgcolor2); margin-right: 0.5em; vertical-align: center;}
.product-content .product-list .list .flex section .text-item .local::before {content: "\f041";}
.product-content .product-list .list .flex section .text-item .comb::before {content: "\f546";}
.product-content .product-list .list .flex section a.ramc {position: absolute;}
.product-content .product-list .list .flex section a.button {position: absolute; left: 0; width: 100%; bottom: 0;}
.product-content .product-list .list .flex section:hover {transform: translateY(-0.25em); box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);}

.product-body .flex {flex-direction: row; position: relative; gap: 2em;}
.product-body .flex .items {width: 50%; position: relative; display: flex; flex-direction: column;}
.product-body .flex .items .slide-track {display: flex; flex-direction: column;}
.product-body .flex .items .slide-track figure {width: 100%; padding: 0 0 1em;}
.product-body .flex .items .slide-track figure img {height: 100%; object-fit: cover; object-position: center;}
.product-body .flex .items .slide-track figure a {position: absolute;}
.product-body .flex .items .lot-inner {position: sticky; top: 6em; max-height: 100vh;}
.product-body .flex .items .lot-inner h2 {margin-bottom: 0.5em;}
.product-body .flex .items .lot-inner .unit {position: relative; height: 100%; padding: 1em; border: 1px solid var(--bgcolor3); border-radius: 0.5em;}
.product-body .flex .items .lot-inner .bid {font-size: 1.25em; font-weight: 900; color: var(--bgcolor1);}
.product-body .flex .items .lot-inner .text-item {display: flex; flex-direction: row; gap: 1em; margin-bottom: 1em;}
.product-body .flex .items .lot-inner .text-item .item {display: flex; flex-direction: column; width: 50%;}
.product-body .flex .items .lot-inner h4 {font-size: 1em; margin: 0 0 0.25em;}
.product-body .flex .items .lot-inner ul {padding: 0.5em 0;}
.product-body .flex .items .lot-inner ul li {display: flex; justify-content: space-between; font-weight: 600; padding: 0.5em 0; border-bottom: 1px solid var(--bgcolor3);}
.product-body .flex .items .lot-inner ul li i {font-style: normal; font-size: 1em; color: var(--bgcolor1); margin-right: 0.5em;}
.product-body .flex .items .lot-inner .button {width: 100%; margin-top: 3em;}
.product-body .flex .items .lot-inner .form-content .form-group .flex {background-color: var(--bgcolor3); box-shadow: none;}

.map {position: relative; width: 100%; height: 100%;}
.map .ramc {position: absolute; display: flex; justify-content: center; align-items: center; background-color: rgba(255,255,255,0.5); opacity: 0;}
.map .ramc:hover {opacity: 1;}

.modal-content {display: inline-block; width: 30vw; line-height: 1; text-align: left; vertical-align: middle; padding: 0 2.5em 2.5em; background-color: #f7f7f7; box-shadow: 0 10px 15px -5px rgba(0, 0, 0, 0.3); overflow: hidden; transition: all 0.4s ease-out; transform: scale(0); border-radius: 0.5em;}
.modal-content .close {font-size: 1.8em; position: absolute; top: 1em; right: 1em; color: #333; opacity: 0.3;}
.modal-content .modal-body {width: 100%; text-align: center; padding-top: 2.5em;}
.modal-content .modal-body span {font-size: 3.5em; color: var(--bgcolor2); margin: 20px 0;}
.modal-content .modal-body p {font-weight: 600; font-size: 1em; line-height: 1; color: var(--bgcolorD);}
.modal-content .close:hover {opacity: 1;}
.form-content {font-size: 0.8em;}
.form-content p {font-size: 1em;}
.form-content .title {width: 100%; padding: 4em 0 1em; font-weight: normal;}
.form-content .title h4 {font-size: 2em; font-weight: 900; line-height: 1;}
.product-content .item-smal form .title {padding: 1em 0 2em;}
.product-content .item-smal form .title h4 {font-size: 1.6em;}
.form-content .form-group, .form-content .policy-note, .form-content .file-body {width: 100%; position: relative; margin-bottom: 1.5em;}
.form-content .form-group > label {position: absolute; left: 0; white-space: nowrap; max-width: 100%; overflow: hidden; top: 0; height: 3em; margin: 0; cursor: text; pointer-events: none; display: flex; align-items: center; color: #777; transition: all 0.2s ease;}
.form-content .form-group > label > span {margin: 0 0.4em; padding: 0 0.4em;}
.form-content .form-group > label > span.required::after {content: "*"; color: #ff0000; margin-left: 0.15em;}
.form-content .input-filled > label {top: -1.2em; height: 1em; line-height: 1em; font-size: 0.75em; color: inherit;}
.form-content .form-group i {position: absolute; right: 0; width: 2.5em; font-size: 1em; font-style: normal; text-align: center; top: 50%; line-height: 2em; height: 2em; margin-top: -1em; opacity: 0.3; transition: all 0.3s ease; pointer-events: none;}
.form-content .form-group .form-control {display: block; width: 100%; height: 3em; font-size: 1em; color: #55595c; padding: 0.5em 1.5em 0.5em 0.5em; background: #fff; border: #ddd solid 1px; border-radius: 0.5em;}
.form-content .form-group textarea.form-control {height: auto;}
.form-content .form-group i.textarea {top: 1.5em;}
.form-content .form-group i.name::after {font-family: FontAwesome; content: "\f007";}
.form-content .form-group i.tel::after  {font-family: FontAwesome; content: "\f095";}
.form-content .form-group i.email::after {font-family: FontAwesome; content: "\f0e0";}
.form-content .form-group i.password {pointer-events: auto; cursor: pointer;}
.form-content .form-group i.password::after {font-family: FontAwesome; content: "\f070";}
.form-content .form-group i.openpassword::after {font-family: FontAwesome; content: "\f06e";}
.form-content .form-group i.textarea::after {font-family: FontAwesome; content: "\f040";}
.form-content .form-group i.price::after {font-family: FontAwesome; content: "\f158";}
.form-content .form-group i.search::after, .form-content .form-group button.search::after {font-family: FontAwesome; content: "\f002";}
.form-content .button {font-size: 0.8em; padding: 1em 1.5em 0.75em; margin-bottom: 2.5em; transform: skewX(0); color: var(--bgcolorW); background-color: var(--bgcolor1); border: 2px solid var(--bgcolor1); transition: all 0.25s ease-out;}
.form-content .button:hover {color: var(--bgcolor1); background-color: #eee;}
.form-content .form-group .flex {flex-direction: row; flex-wrap: wrap; padding: 1em 0;}
.form-content .form-group .flex label {display: flex; flex-direction: column; flex: 1 0 auto; max-width: 50%; min-width: 19%; text-align: center;}
.form-content .form-group .flex label span {font-size: 0.8em;}
.form-content .policy-note label span {font-size: 0.8em;}
.form-content .file-body label {display: block; font-size: 0.8em; padding: 1.25em 1.5em 1em; text-align: center; background-color: #ddd; cursor: pointer;}
.form-content .file-body label span {cursor: pointer;}
.form-content .file-body label span::before {font-family: FontAwesome; content: "\f0c6"; font-size: 110%; margin-right: 0.5em;}
.form-content .file-body input {display: none;}
.art-content iframe {width: 100%; height: 35em;}
.popup {text-align: center; line-height: 100vh; background-color: rgba(0,0,0,0.3);}

.fancybox-inner {position: fixed; left: 0; width: 100%; top: 0; height: 100%; background-color: rgba(0,0,0,0.8);}
.fancybox-infobar {color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0;}
.fancybox-toolbar {right: 0; top: 0; z-index: 9999;}
.fancybox-toolbar .fancybox-button {color: #eee; background: rgba(30,30,30,.6); border: 0; cursor: pointer; display: inline-block; height: 44px; padding: 10px; position: relative; transition: color .2s; vertical-align: top; width: 44px;}
.fancybox-toolbar .fancybox-button i {font-size: 1.6em; font-style: normal;}
.fancybox-button-arrow {position: absolute; height: 100px; top: calc(50% - 50px); width: 70px; color: #eee; background: none; border: 0; cursor: pointer; z-index: 999;}
.fancybox-arrow-left {left: 0; padding: 31px 26px 31px 6px;}
.fancybox-arrow-right {right: 0; padding: 31px 6px 31px 26px;}
.fancybox-button-arrow i {font-size: 1.6em; font-style: normal; padding: 10px; background: rgba(30,30,30,.6);}
.fancybox-inner .container {height: 100%; padding: 44px 0;}
.fancybox-slide {width: 100%; height: 0; text-align: center; opacity: 0; visibility: collapse; transition: opacity 0.2s ease-out; transition: transform 0.35s ease-out; z-index: -1;}
.wish {height: 100%; opacity: 1; visibility: visible; z-index: 999;}
.zoom {transform: scale(1.5);}
.fancybox-slide img {width: auto; height: 100%; object-fit: contain; object-position: center; cursor: zoom-in;}
.zoom img {cursor: grab;}

.disclaimer {position: fixed; width: 40%; right: 1.5em; bottom: 1em; background-color: #ebebeb; border-radius: 0.25em; transform: translateY( calc(100% + 1em) ); transition: transform 0.6s ease-out; z-index: 8888;}
.disclaimer .flex {padding: 1.5em; flex-direction: row;}
.disclaimer .flex .text-item {display: flex; flex-direction: column; width: 95%; padding-right: 1em;}
.disclaimer .flex .text-item p {font-size: 0.8em; color: #111;}
.disclaimer .flex .text-item a {color: #7c69ef;}
.disclaimer .flex .but-item {display: flex; flex-direction: column; width: 5%;}
.disclaimer .flex .but-item .close {text-align: center; padding: 1em;}
.disclaimer-active {transform: translateY(0);}

@media(max-width:760px) {

html {min-width: 320px;}
.modal-open {padding-right: 0;}
p, li {font-size: 14px; font-weight: 400; line-height: 1.5;}
.button {font-size: 14px;}
.mobile {display: block;}
.desctop {display: none;}
h1, h2, h3 {font-size: 22px;}
h1 {font-size: 28px}
h4 {font-size: 16px;}
.container {width: 100%; max-width: 760px; padding: 0 3em;}
	
.search-content .head-block {padding: 0 0 3em;}
.search-content .form-content {flex-direction: column;}
.search-content .form-content .button {height: auto;}

.showcase .head-block p {width: 100%;}
.showcase .flex {flex-wrap: wrap;}
.showcase .flex section {width: 100%;}
.showcase .flex section .sector span {font-size: 12px;}
.showcase .flex section .text-item {padding-bottom: 5em;}
.showcase .flex section .text-item p, 
.showcase .flex section .text-item h4 {line-height: 1; margin-bottom: 0.5em;}
.showcase .flex section a.button {font-size: 12px;}
.showcase .block-link {text-align: center; padding: 2em 0 0;}
.showcase .block-link .button {width: 100%;}

.crumbs .box::after {background-image: linear-gradient(to bottom, rgba(0,0,0,0.01) 20%, rgba(0,0,0,0.7) 80%, rgba(0,0,0,0.01) 100%);}
.crumbs .container {padding: 6em 4em 4em;}
.crumbs nav {font-size: 14px;}
	
.product-content .product-list {flex-direction: column-reverse;}
.product-content .product-list .service {width: 100%; padding: 0 0 2em;}
.product-content .product-list .list {width: 100%;}
.product-content .product-list .list .flex section {position: relative; width: calc(50% - 1em);}
.product-content .product-list .list .flex section .sector span {font-size: 12px;}
.product-content .product-list .list .flex section .text-item {padding-bottom: 5em;}
.product-content .product-list .list .flex section .text-item p, 
.product-content .product-list .list .flex section .text-item h4 {line-height: 1; margin-bottom: 0.5em;}
.product-content .product-list .list .flex section a.button {font-size: 12px;}
	
.product-body {font-size: 150%;}
.product-body .container {padding: 0;}
.product-body .flex {flex-direction: column;}
.product-body .flex .items {width: 100%;}
.product-body .flex .items .slide-track {flex-direction: row; width: 100%; height: 90vw; overflow-y: hidden; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth;}
.product-body .flex .items .slide-track figure {width: calc(100% + 1em); min-width: calc(100% + 1em); height: 100%; position: relative; scroll-snap-align: start; scroll-snap-stop: always;}
.product-body .flex .items .slide-track figure img {object-fit: contain;}
.product-body .flex .items .lot-inner {position: relative; top: 0; max-height: 300vh; padding: 0 1em;}
.product-body .flex .items .lot-inner .text-item {flex-direction: column;}
.product-body .flex .items .lot-inner .text-item .item {display: flex; flex-direction: column; width: 100%;}
	
.modal-content {width: 90vw;}
.form-content {font-size: 12px;}

.fancybox-slide img {width: 100%; height: 100%; object-fit: contain; object-position: center;}

table.table {width: 150%;}
	

.disclaimer {width: 100%; right: 0; bottom: 0; border-radius: 0; transform: translateY(100%);}
.disclaimer .flex .text-item p {font-size: 12px;}
.disclaimer .flex .but-item .close {font-size: 14px;}
.disclaimer-active {transform: translateY(0);}
}