html {min-width: 1024px;}
@keyframes pzv-icon-animation {
		0%, 50%, 100% {transform: rotate(0deg);}
		10%, 30% {transform: rotate(-30deg);}
		20%, 40% {transform: rotate(30deg);}
}
@keyframes pzv-inner-animation {
		from {background-position: 0 0;}
		to {background-position: 0 -5px;}
}
.modal-open {overflow: hidden !important; padding-right: 17px;}
p {font-size: 0.8em; font-weight: 400; line-height: 1.5;}
.button {font-size: 0.8em; font-weight: 400; line-height: 1; padding: 0.9em 1.5em; border: 1px solid var(--bgcolorD); border-radius: 0.5em;}
.button:hover, .onactive {color: var(--bgcolor2); border-color: var(--bgcolor2);}
.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: 70%; min-width: 1280px; max-width: 1771px; padding: 0 2em;}
a {color: var(--bgcolorD);}
a:hover {color: var(--bgcolor2);}
.pro-but::after {font-family: FontAwesome; content: "\f178"; font-size: 1em; font-weight: normal; vertical-align: middle; margin-left: 0.5em;}
li.submenu::after {font-family: FontAwesome; content: "\f0d7"; font-size: 0.6em; margin-left: 0.5em; color: inherit; vertical-align: middle;}
span.separator::after {font-family: FontAwesome; content: "\f0da"; font-size: 0.6em; color: inherit; vertical-align: middle;}

.art-content {padding: 0 0 3em;}
.art-content .head-block {display: flex; flex-direction: row; align-items: center; justify-content: space-between;}
.art-content .head-block h2 {font-size: 1.35em;}
.art-content .head-block .button::after {font-family: FontAwesome; content: "\f178"; font-size: 1em; font-weight: normal; vertical-align: middle; margin-left: 0.5em;}
.art-content .head-block .button:hover {color: var(--bgcolorW); background-color: var(--bgcolor1); border-color: var(--bgcolor1);}
.lot-slider .lot-track {width: calc(100% + 0.75em); position: relative; padding: 1em 0; margin-right: -0.75em; overflow: hidden;}
.lot-slider .lot-track .lot-line {display: flex; flex-direction: row; flex-wrap: nowrap; position: relative;}
.lot-slider .lot-track .lot-line section {width: 25%; min-width: 25%; display: flex; flex-direction: column; padding-right: 0.75em;}
.lot-slider .lot-track .lot-line section .section-body {width: 100%; height: 100%; position: relative; display: flex; flex-direction: column; padding-bottom: 4em; border: 1px solid var(--bgcolor3); border-radius: 0.5em; box-shadow: 0.25em 0.25em 0.5em var(--bgcolor3); overflow: hidden;}
.lot-slider .lot-track .lot-line section .section-body figure {width: 100%; height: 14em; overflow: hidden;}
.lot-slider .lot-track .lot-line section .section-body figure img {position: relative; height: 100%; object-fit: cover; object-position: top center; transition: all 0.6s ease-out; transform: scale(1.2);}
.lot-slider .lot-track .lot-line section:hover .section-body figure img {transform: scale(1);}
.lot-slider .lot-track .lot-line section .section-body figure figcaption {position: absolute; left: 1em; max-width: calc(100% - 2em); top: 1em; font-size: 0.7em; line-height: 1; white-space: nowrap; padding: 0.5em; background-color: var(--bgcolor3); border-radius: 1em; overflow: hidden;}
.lot-slider .lot-track .lot-line section .section-body .text-item {padding: 1em;}
.lot-slider .lot-track .lot-line section .section-body .text-item h4 {font-size: 1em; margin-bottom: 0.5em;}
.lot-slider .lot-track .lot-line section .section-body .text-item p {font-size: 0.7em; line-height: 1.2;}
.lot-slider .lot-track .lot-line section .section-body a.sector {left: 0; width: 100%; top: 0; height: 100%;}
.lot-slider .lot-track .lot-line section .section-body .legal-item {position: absolute; left: 0; width: 100%; bottom: 0; padding: 1em;}
.lot-slider .lot-track .lot-line section .section-body .legal-item div {display: flex; flex-direction: row; align-items: center; justify-content: space-between; line-height: 1; padding-bottom: 0.5em;}
.lot-slider .lot-track .lot-line section .section-body .legal-item div span {font-size: 0.8em; opacity: 0.5; transition: opacity 0.6s ease-out;}
.lot-slider .lot-track .lot-line section:hover .section-body .legal-item div span {opacity: 1;}
.lot-slider .lot-track .lot-line section .section-body .legal-item .legal .bid::before {font-family: FontAwesome; content: "\f0e3"; font-size: 1em; font-weight: normal;  margin-right: 0.5em;}
.lot-slider .lot-track .lot-line section .section-body .legal-item .legal .clock::before {font-family: FontAwesome; content: "\f017"; font-size: 1em; font-weight: normal;  margin-right: 0.5em;} 
.lot-slider .lot-track .lot-line section .section-body .legal-item .legal i {font-style: normal; letter-spacing: 0.1em;}
.lot-slider .lot-track .lot-line section .section-body .legal-item .info a {font-size: 1em; color: var(--bgcolor1);}
.lot-slider .lot-track .lot-line section .section-body .legal-item .info a:hover {color: var(--bgcolor2);}

.product-content .flex {flex-direction: row; flex-wrap: wrap; width: calc(100% + 1em); margin-right: -1em; }
.product-content .flex section {display: flex; flex-direction: column; width: 33.33%; padding: 0 1em 1em 0;}
.product-content .flex section .section-body {width: 100%; height: 100%; position: relative; display: flex; flex-direction: column; padding-bottom: 6em; border: 1px solid var(--bgcolor3); border-radius: 0.5em; box-shadow: 0.25em 0.25em 0.5em var(--bgcolor3); overflow: hidden;}
.product-content .flex section .section-body figure {width: 100%; height: 19em; overflow: hidden;}
.product-content .flex section .section-body figure img {position: relative; height: 100%; object-fit: cover; object-position: top center; transition: all 0.6s ease-out; transform: scale(1.1);}
.product-content .flex section:hover .section-body figure img {transform: scale(1);}
.product-content .flex section .section-body figure figcaption {position: absolute; left: 1em; max-width: calc(100% - 2em); top: 1em; font-size: 0.7em; line-height: 1; padding: 0.5em; background-color: var(--bgcolor3); border-radius: 1em;}
.product-content .flex section .section-body .text-item {padding: 1em;}
.product-content .flex section .section-body .text-item h2 {font-size: 1.35em; margin-bottom: 0.5em;}
.product-content .flex section .section-body .text-item p {font-size: 0.7em; line-height: 1.2;}
.product-content .flex section .section-body a.sector {left: 0; width: 100%; top: 0; height: 100%;}
.product-content .flex section .section-body .legal-item {position: absolute; left: 0; width: 100%; bottom: 0; padding: 1em;}
.product-content .flex section .section-body .legal-item div {display: flex; flex-direction: row; align-items: center; justify-content: space-between; line-height: 1; padding-bottom: 0.5em;}
.product-content .flex section .section-body .legal-item .legal span {font-size: 0.8em; transition: opacity 0.6s ease-out;}
.product-content .flex section .section-body .legal-item .legal .bid::before {font-family: FontAwesome; content: "\f0e3"; font-size: 1em; font-weight: normal;  margin-right: 0.5em;}
.product-content .flex section .section-body .legal-item .legal .clock::before {font-family: FontAwesome; content: "\f017"; font-size: 1em; font-weight: normal;  margin-right: 0.5em;} 
.product-content .flex section .section-body .legal-item .legal i {font-style: normal; letter-spacing: 0.15em;}
.product-content .flex section .section-body .legal-item .info {padding: 0.5em 0 0; gap: 0.25em;}
.product-content .flex section .section-body .legal-item .info .button {display: flex; flex: 1 1 auto; justify-content: center;}
.product-content .flex section .section-body .legal-item .info .pro-but {color: var(--bgcolorW); background-color: var(--bgcolor2); border-color: var(--bgcolor2);}
.product-content .flex section .section-body .legal-item .info .pro-but:hover {background-color: var(--bgcolorD); border-color: var(--bgcolorD);}
.product-content .flex section .section-body .legal-item .info span.button {color: var(--bgcolorD); border-color: var(--bgcolorD);}
.product-content .flex .preview {display: flex; flex-direction: row; width: 50%; padding: 0 1em 1em 0;}
.product-content .flex .preview figure {width: 8em; min-width: 8em; height: 8em; padding: 0.5em; border: 1px solid var(--bgcolor1); border-radius: 0.5em;}
.product-content .flex .preview figure img {height: 100%; object-fit: contain; object-position: center;}
.product-content .flex .preview .text-item {position: relative; padding: 1em;}
.product-content .flex .preview .text-item h3 {font-size: 1.35em; margin-bottom: 0.5em;}
.product-content .flex .preview .text-item .loD {font-size: 0.8em; line-height: 1; top: 0; right: 1em;}

.product-body .head-block {padding: 0 6em 1em 0;}
.product-body .flex {flex-direction: row; position: relative;}
.product-body .flex .favorite {position: absolute; right: 0; top: -2.5em; color: var(--bgcolor1); background-color: var(--bgcolor3); border-color: var(--bgcolor3);}
.product-body .flex .favorite:hover {color: var(--bgcolorW); background-color: var(--bgcolor2); border-color: var(--bgcolor2);}
.product-body .flex .favorite::after {font-family: FontAwesome; content: "\f08a"; font-size: 1em;}
.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 1em 1em 0;}
.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; padding: 1em 0 1em 1em; max-height: 100vh;}
.product-body .flex .items .lot-inner .lot-body {display: flex; flex-direction: row; flex-wrap: wrap; gap: 0.5em;}
.product-body .flex .items .lot-inner .lot-body .item {padding: 0.5em 1em; background-color: var(--bgcolor3); border-radius: 0.5em;}
.product-body .flex .items .lot-inner .lot-body .item .text-links {font-size: 0.7em; opacity: 0.8; text-align: center; padding: 0.5em 0 0;}
.product-body .flex .items .lot-inner .lot-body .item .text-links a::after {font-family: FontAwesome; content: "\f0d7"; font-size: 0.8em; margin-left: 0.5em;}
.product-body .flex .items .lot-inner .lot-body .item .text-helper {font-size: 0.7em; opacity: 0.8; display: flex; position: relative; justify-content: space-between;}
.product-body .flex .items .lot-inner .lot-body .item .text-helper .timer {font-size: 1.8em; font-weight: 400; line-height: 2; position: absolute; left: 50%;}
.product-body .flex .items .lot-inner .lot-body .item .text-helper .timer::before {font-family: FontAwesome; content: "\f017"; font-size: 0.8em; font-weight: normal;  margin-right: 0.5em;}
.product-body .flex .items .lot-inner .lot-body .item .text-helper .timer i {font-style: normal; letter-spacing: 0.25em;}
.product-body .flex .items .lot-inner .lot-body .item .price {font-size: 1.35em; font-weight: 600; line-height: 1; padding: 0.5em 0 0;}
.product-body .flex .items .lot-inner .lot-body .item table {width: 100%; border-collapse: collapse; margin-top: 1em; background-color: var(--bgcolorW);}
.product-body .flex .items .lot-inner .lot-body .item table td {font-size: 0.8em; text-align: center; padding: 0.5em; border: 0.5em solid var(--bgcolor3); }
.product-body .flex .items .lot-inner .lot-body .item table tr > td:last-child {text-align: right;}
.product-body .flex .items .lot-inner .lot-body .item form {padding: 2em 0 0;}
.product-body .flex .items .lot-inner .lot-body .item form .form-group .flex {padding: 0; justify-content: flex-end;}
.product-body .flex .items .lot-inner .lot-body .item form .form-group .flex label {flex-direction: row; flex: 0 0 auto;}
.product-body .flex .items .lot-inner .lot-body .item form .form-group .flex label input[type=radio] {display: block; margin-right: -2em; z-index: 2;}
.product-body .flex .items .lot-inner .lot-body .item form .form-group .flex label span {padding: 0.75em 1.5em 0.75em 3em;}
.product-body .flex .items .lot-inner .lot-body .item form .button {background-color: var(--bgcolor2); border-color: var(--bgcolor2);}
.product-body .flex .items .lot-inner .lot-body .item form .button:hover {color: var(--bgcolorW); background-color: var(--bgcolorD); border-color: var(--bgcolorD);}
.product-body .flex .items .lot-inner .lot-body .section {width: calc(50% - 0.25em);}
.product-body .flex .items .lot-inner .lot-body .big-section {width: 100%;}
.product-body .flex .items .lot-inner .lot-body .big-section h3 {font-size: 1.35em; padding: 1.5em 0 2em; text-align: center; color: var(--bgcolor2);}
.product-body .flex .text-items {padding: 1em;}
.product-body .flex .text-items .desc {padding: 0 3em 0 1em;}
.product-body .flex .text-items ul {padding-left: 0.75em;}
.product-body .flex .text-items p, .product-body .flex .text-items li {font-size: 0.8em; line-height: 1.5; margin-bottom: 0.25em;}
.product-body .flex .text-items .note-section {position: relative; margin: 0.5em 0; padding: 1.2em; border: 1px solid var(--bgcolor1); border-radius: 0.5em;}
.product-body .flex .text-items .note-section h3 {position: absolute; left: 1em; top: -0.75em; font-size: 0.8em; font-weight: 400; color: var(--bgcolor1); padding: 0.25em 0.5em; background-color: var(--bgcolorW);}
.product-body .flex .text-items .note-section h4 {font-size: 0.8em; margin-bottom: 0.5em;}

.usertext .content {padding: 1em 0 0;}
.usertext .content h2 {font-size: 1.35em; margin-bottom: 0.5em;}
.usertext .content > div {position: relative; text-align: justify; column-count: 2; column-gap: 2em; padding-bottom: 1em; margin-bottom: 1em;}
.usertext .content > div::after {content: ""; position: absolute; left: 45%; width: 10%; height: 2px; bottom: 0; background-color: var(--bgcolor1);}
.usertext .content > div::first-letter {font-size: 120%; font-weight: 900; color: var(--bgcolor1);}
.usertext .content > div b {color: var(--bgcolor1);} 
.usertext .content ul {font-size: 0.8em; padding: 0 0 0 1em;}
.usertext .content ul li {line-height: 2;}
.usertext .content ul li a {color: var(--bgcolor2);}
.usertext .content ul li a:hover {text-decoration: underline;}
.usertext .content > .flex {text-align: left; column-count: 1; column-gap: 0;}
.usertext .content > .flex::first-letter {font-size: 100%; font-weight: 400; color: var(--bgcolorD);}
.usertext .content > .flex > div {width: 50%; padding: 1em;}

.show-body .flex {flex-direction: row-reverse; position: relative;}
.show-body .flex .items {display: flex; flex-direction: column;}
.show-body .flex .images {width: 20%;}
.show-body .flex .images figure {width: 100%; margin-top: -1em;}
.show-body .flex .text-item {width: 80%; padding: 0 2em 2em 0; text-align: justify;}
.show-body .flex .text-item p {margin-bottom: 0.5em;}
.show-body .flex .text-item .pro-but {color: var(--bgcolor2); margin-top: 0.5em;}
.show-body .slide-track {width: calc(100% + 1em); display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; margin-right: -1em; overflow: hidden;}
.show-body .slide-track figure {width: 20%; min-width: 20%; display: flex; flex-direction: column; padding: 0 1em 0 0;}
.show-body .slide-track figure a {position: absolute;}

.account-start .flex {flex-direction: column; align-items: center; justify-content: center; min-height: calc(100vh - 18.11em); padding: 1em 0;}
.account-start .flex .content {width: 50%; padding: 2em; border: 1px solid var(--bgcolor1); border-radius: 0.5em;}
.account-start .flex .content h1 {position: absolute; left: 1em; top: -0.75em; font-size: 0.8em; font-weight: 400; color: var(--bgcolor1); padding: 0.25em 0.5em; background-color: var(--bgcolorW);}
.account-start .form-content a.button {width: 49%; text-align: center; }
.account-start .form-content button.button {color: var(--bgcolorW); background-color: var(--bgcolor2); border-color: var(--bgcolor2);}
.account-start .form-content button.button:hover {opacity: 0.8;}
.account-start .form-content a.button:last-child {width: 100%;}
.account-start .form-content .title {padding: 0 0 2em; text-align: center;}
.account-start .form-content .title h4 {font-size: 1.35em;}
.account-start .form-content a.pro-but {display: block; text-align: center; text-decoration: underline;}
.account-start .form-content a.pro-but::after {content: "";}

.account-content .flex {flex-direction: row; flex-wrap: wrap; gap: 1em; padding: 0.5em 0 0;}
.account-content .flex .items {display: flex; flex-direction: column; }
.account-content .flex .basis {width: calc(50% - 0.5em);}
.account-content .flex .fl-block {flex: 1 1 auto;}
.account-content .flex .items section {position: relative; width: 100%; height: 100%; padding: 2em; border: 1px solid var(--bgcolor1); border-radius: 0.5em;}
.account-content .flex .fl-block section {display: flex; align-items: center; justify-content: center;}
.account-content .flex .items section h2 {position: absolute; left: 1.5em; top: -0.75em; font-size:  0.8em; color: var(--bgcolor1); padding: 0.25em 0.5em; background-color: var(--bgcolorW);}
.account-content .flex .items section h3 {font-size: 1.35em; margin-bottom: 0.5em;}
.account-content .flex .items section h4 {font-size: 1em; font-weight: 400;}
.account-content .flex .items section p {margin-bottom: 0.5em;}
.account-content .flex .items section big {font-weight: 600; position: relative; color: var(--bgcolor1); cursor: pointer;}
.account-content .flex .items section big:hover {color: var(--bgcolor2);}
.account-content .flex .items section big::after {font-family: FontAwesome; content: "\f24d"; font-size: 1em; position: absolute; right: -1.15em; top: -1em; color: var(--bgcolor1); opacity: 0;} 
.account-content .flex .items section big:hover::after {opacity: 1;}
.account-content .flex .items section a {color: var(--bgcolor2);}
.account-content .flex .fl-block section a {color: var(--bgcolorD);}
.account-content .flex .items section a:hover {text-decoration: underline;}
.account-content .flex .items section ul {font-size: 0.8em; list-style: none;}
.account-content .flex .items section ul li {display: flex; flex-direction: row; align-items: center; padding: 0.5em 0; border-bottom: 1px solid var(--bgcolor3)}
.account-content .flex .items section ul li span {width: 25%; display: flex; flex-direction: column; line-height: 1; text-align: right; padding: 0 0.25em;}
.account-content .flex .items section ul li span:first-child, .account-content .flex .items section ul li span:nth-child(2) {text-align: left;}

.part-slider .part-track {width: 100%; position: relative; padding: 1em 0 0; overflow: hidden;}
.part-slider .part-track .part-line {display: flex; flex-direction: row; flex-wrap: nowrap; position: relative;}
.part-slider .part-track .part-line section {width: 20%; min-width: 20%; text-align: center;}
.part-slider .part-track .part-line section img {height: 4em;}


.map {position: relative;}
.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);}
.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: 600; 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; color: var(--bgcolor1); 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: 1px solid #ddd; 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.search::after, .form-content .form-group button.search::after {font-family: FontAwesome; content: "\f002";}
.form-content .form-group i.price::after {font-family: FontAwesome; content: "\f158";}
.form-content .button {width: 100%; font-size: 1em; 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(--bgcolor2); background-color: var(--bgcolorW); border-color: var(--bgcolor2);}
.form-content .form-group .flex {flex-direction: row; flex-wrap: wrap; padding: 1em 0; gap: 0.25em;}
.form-content .form-group .flex label {font-size: 0.8em; display: flex; flex-direction: column; flex: 1 1 auto; min-width: 19%; text-align: center; cursor: pointer;}
.form-content .form-group .flex label input[type=radio] {display: none;}
.form-content .form-group .flex label span {display: block; color: var(--bgcolor1); padding: 0.75em 1.5em; background-color: var(--bgcolor3); border: 1px solid var(--bgcolor1); border-radius: 0.5em; cursor: inherit;}
.form-content .form-group .flex label input:checked + span {color: var(--bgcolorW); background-color: var(--bgcolor2); border-color: var(--bgcolor2);}
.form-content .policy-note label span {font-size: 1em;}
.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.5);}

.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 {font-size: 14px; font-weight: 400; line-height: 1.5;}
.button {font-size: 12px;}
.mobile {display: block;}
.desctop {display: none;}
.container {width: 100%; min-width: 320px; padding: 0 2em;}
li.submenu::after {content: "";}
	
.art-content {font-size: 130%;}
.art-content .head-block {flex-direction: column; justify-content: center;}
.art-content .head-block h2 {margin-bottom: 0.5em;}
.art-content .head-block .button {color: var(--bgcolorW); background-color: var(--bgcolor1); border-color: var(--bgcolor1);}
.art-content .head-block .pro-but {display: none;}
.lot-slider .lot-track .lot-line section {width: 50%; min-width: 50%;}
.lot-slider .lot-track .lot-line section .section-body {padding-bottom: 8em;}
.lot-slider .lot-track .lot-line section .section-body .text-item {font-size: 130%; padding: 1em 0.5em;}
.lot-slider .lot-track .lot-line section .section-body .legal-item {padding: 1em 0.5em;}
.lot-slider .lot-track .lot-line section .section-body .legal-item .legal {font-size: 130%; flex-direction: column; align-items: flex-start; justify-content: center;}
.lot-slider .lot-track .lot-line section .section-body .legal-item .legal .bid {letter-spacing: 0.1em;}
.lot-slider .lot-track .lot-line section .section-body .legal-item .legal .clock::before {margin-right: 0.65em;}
.lot-slider .lot-track .lot-line section .section-body .legal-item div span {line-height: 1.5;} 
.lot-slider .lot-track .lot-line section .section-body .legal-item .info a {font-size: 1.5em;}
	
.product-content {font-size: 130%;}
.product-content .flex {flex-direction: column; width: 100%; margin-right: 0; }
.product-content .flex section {display: flex; flex-direction: column; width: 100%; padding: 0 0 1em 0;}
.product-content .flex section .section-body {padding-bottom: 8em;}
.product-content .flex section .section-body figure {height: 22em;}
.product-content .flex section .section-body figure figcaption {font-size: 12px;}
.product-content .flex section .section-body .text-item p {font-size: 12px;}
.product-content .flex section .section-body .legal-item .legal span {font-size: 14px;}
.product-content .flex .preview {width: 100%; height: 9em; padding: 0 0 1em 0;}
.product-content .flex .preview .text-item {overflow: hidden;}
	
.product-body {font-size: 150%;}
.product-body .flex {flex-direction: column;}
.product-body .flex .favorite {font-size: 14px; top: -4em;}
.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 .lot-inner {margin-top: 1em; padding: 0;}
.product-body .flex .items .lot-inner .lot-body {display: flex; flex-direction: row; flex-wrap: wrap; gap: 0.5em;}
.product-body .flex .items .lot-inner .lot-body .item {padding: 0.5em 1em; background-color: var(--bgcolor3); border-radius: 0.5em;}
.product-body .flex .items .lot-inner .lot-body .item .text-helper {font-size: 0.7em; opacity: 0.8; display: flex; justify-content: space-between;}
.product-body .flex .items .lot-inner .lot-body .item .text-helper .timer {font-size: 16px; left: auto; position: relative;}
.product-body .flex .items .lot-inner .lot-body .item .text-helper .timer::before {font-family: FontAwesome; content: "\f017"; font-size: 0.8em; font-weight: normal;  margin-right: 0.5em;}
.product-body .flex .items .lot-inner .lot-body .item .text-helper .timer i {font-style: normal; letter-spacing: 0.25em;}
.product-body .flex .items .lot-inner .lot-body .item .price {font-size: 1.35em; font-weight: 600; line-height: 1; padding: 0.5em 0 0;}
.product-body .flex .items .lot-inner .lot-body .item table {width: 100%; border-collapse: collapse; margin-top: 1em; background-color: var(--bgcolorW);}
.product-body .flex .items .lot-inner .lot-body .item table td {font-size: 0.8em; text-align: center; padding: 0.5em; border: 0.5em solid var(--bgcolor3); }
.product-body .flex .items .lot-inner .lot-body .item table tr > td:last-child {text-align: right;}
.product-body .flex .items .lot-inner .lot-body .item form {padding-top: 1em;}
.product-body .flex .items .lot-inner .lot-body .section {width: calc(50% - 0.25em);}
.product-body .flex .items .lot-inner .lot-body .big-section {width: 100%;}

.usertext {font-size: 130%;}
.usertext .content > div {position: relative; column-count: 1; column-gap: 0;}
.usertext .content > div::after {display: none;}
.usertext .content > div::first-letter {font-size: 120%; font-weight: 900; color: var(--bgcolor1);}
.usertext .content > div b {color: var(--bgcolor1);}
.usertext .content ul {font-size: 14px;}
.usertext .content > .flex {flex-direction: column;}
.usertext .content > .flex::first-letter {font-size: 100%; font-weight: 400; color: var(--bgcolorD);}
.usertext .content > .flex > div {width: 100%; padding: 1em 0;}
	
.show-body {font-size: 130%;}
.show-body .flex {flex-direction: column;}
.show-body .flex .images {width: 100%;}
.show-body .flex .images figure {margin-top: 0; padding: 0 4em;}
.show-body .flex .text-item {width: 100%; padding: 2em 0 1em; text-align: left;}
.show-body .slide-track {overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth;}
.show-body .slide-track figure {width: 100%; min-width: 100%; display: flex; flex-direction: column; padding: 0 1em 0 0; scroll-snap-align: start; scroll-snap-stop: always;}
.show-body .slide-track figure a {position: absolute;}


.account-start .flex {flex-direction: column; align-items: center; justify-content: center; min-height: calc(100vh - 18.11em); padding: 1em 0;}
.account-start .flex .content {width: 100%;}
.account-start .form-content a.button {width: 100%; margin: 0;}
.account-start .form-content button.button {margin: 0;}
.account-start .form-content button.button:hover {opacity: 0.8;}
.account-start .form-content a.button:last-child {width: 100%;}
.account-start .form-content .title {padding: 2em 0;}
.account-start .form-content .title h4 {font-size: 1.35em;}
.account-start .form-content a.pro-but {margin-top: 2em;}
.account-start .form-content a.pro-but::after {content: "";}
	
.account-content {font-size: 130%;}
.account-content .flex {flex-direction: column;}
.account-content .flex .items {display: flex; flex-direction: column;}
.account-content .flex .basis {width: 100%;}
.account-content .flex .items section {width: 100%; padding: 1em; border: 1px solid var(--bgcolor1); border-radius: 0.5em;}
.account-content .flex .items section h3, .account-content .flex .items section p {text-align: center;}
.account-content .flex .items section ul {font-size: 12px;}	
.part-slider .part-track .part-line section {width: 50%; min-width: 50%;}
.part-slider .part-track .part-line section img {height: 5em;}

.modal-content {width: 90%; font-size: 130%; padding: 0 25px 25px;}
.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);}
}