@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

:root {
  --nicebarMargin: 392px;
  --filtersWidth: 354px;
}

html,
body,
form,
input,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li {
  margin: 0;
  padding: 0;
}
html,
body {
  width: 100%;
  height: 100%;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary,
div,
form,
label {
  display: block;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}
:focus {
  outline: 0;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  /*-webkit-tap-highlight-color: rgba(0, 0, 0, 0);*/
}
body {
  background: #fff;
  overflow-x: hidden;
}
body.dimmed {
  overflow: hidden;
}
body,
table,
td,
th {
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  font-size: 15px;
  line-height: 1.6;
  color: #000;
}
button,
input,
optgroup,
select,
textarea {
  font: inherit;
  color: inherit;
  border: 0 none;
}
a,
button {
  cursor: pointer;
}
a {
  color: #3da940;
  text-decoration: none;
  transition: 0.3s all;
}
a:hover {
  color: #5bbd84;
  text-decoration: none;
}
b,
strong {
  font-weight: 600;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  margin: 20px 0;
  color: #000;
}
/* h1 {font-size: 42px;line-height: 1;}
h2 {font-size: 33px;line-height: 40px;}
h3 { font-size: 21px; line-height: 26px; }
h4 { font-size: 18px; line-height: 22px; }
h5 { font-size: 14px; line-height: 20px; }
h6 { font-size: 12px; line-height: 20px; } */
h1 {
  font-size: 30px;
  line-height: 1.2;
}
h2 {
  font-size: 24px;
  line-height: 1.2;
}
h3 {
  font-size: 22px;
  line-height: 1.2;
}
h4 {
  font-size: 20px;
  line-height: 1.2;
}
h5 {
  font-size: 16px;
  line-height: 1.2;
}
h6 {
  font-size: 12px;
  line-height: 1.2;
}
p {
  margin: 20px 0;
}
.content ul,
.plain-content ul {
  list-style-type: none;
  padding-left: 0px;
}
.content ul li,
.plain-content ul li {
  clear: both;
}
.content ul li + li,
.plain-content ul li + li {
  padding-top: 10px;
}
.content ul li:before,
.plain-content ul li:before {
  margin-right: 20px;
  content: "";
  background: #3da949 url("../icons/bullet.svg") no-repeat;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: top 4px center;
  border-radius: 100%;
  color: white;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  float: left;
  position: relative;
  top: -3px;
}
.content ol li + li,
.plain-content ol li + li {
  padding-top: 10px;
}

aside {
  display: none;
  position: fixed;
  width: 80%;
  max-width: 360px;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  background: #3da940;
  z-index: 12000;
  box-shadow: 0 0 5px #00000047;
  transition: all 0.5s;
  left: -100%;
  padding: 0 0 30px;
}
aside.active {
  left: 0;
}
aside a {
  display: block;
  padding: 10px 0px;
  color: #fff;
}
aside .logo {
  background: #fff;
  padding: 0 30px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
aside .logo img {
  display: block;
  width: auto;
  height: 30px;
}
aside .menu {
  margin: 20px 0;
  padding: 0 30px;
}
aside .menu > a {
  font-size: 17px;
  font-weight: 400;
}
aside .menu > a + div {
  padding-left: 20px;
}
aside .actions {
  padding: 0 30px;
  position: relative;
  margin: 0 0 -10px 0;
}
aside .actions > a {
  margin: 0 0 10px 0;
  border-radius: 4px;
  color: #000;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
}
aside .actions .my-account {
  background: #fff;
}
aside .actions .add-auction {
  background: #f2c94c;
}
.mobilemenu {
  display: none;
  float: right;
  background: transparent;
  padding: 10px 6px;
  align-items: center;
  height: 56px;
}
.mobilemenu > span {
  display: block;
  width: 25px;
  height: 3px;
  border-radius: 1px;
  background: #000;
}
.mobilemenu > span + span {
  margin: 4px 0 0 0;
}
.green-btn {
  display: block;
  background-color: #3da940 !important;
  color: #fff;
  font-weight: 600;
  padding: 10px 25px;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 1.1;
  border-radius: 4px;
  transition: 0.3s all;
  cursor: pointer;
  text-align: center;
}
.green-btn:hover {
  background-color: #5bbd84 !important;
  color: #fff;
}
.green2-btn {
  display: block;
  background-color: #c1e874 !important;
  color: #000;
  font-weight: 600;
  padding: 10px 25px;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 1.1;
  border-radius: 4px;
  transition: 0.3s all;
  cursor: pointer;
  text-align: center;
}
.green2-btn:hover {
  background-color: #a5d050 !important;
  color: #000;
}
.yellow-btn {
  display: block;
  background: #f2c94c;
  color: #000;
  font-weight: 600;
  padding: 10px 25px;
  text-transform: uppercase;
  font-size: 14px;
  border-radius: 4px;
  transition: 0.3s all;
  cursor: pointer;
  text-align: center;
}
.yellow-btn:hover {
  background-color: #efd27b;
  color: #000;
}
.yellow-border-btn {
  display: block;
  background: #fff;
  color: #000;
  font-weight: 600;
  padding: 10px 25px;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 1.1;
  border-radius: 4px;
  transition: 0.3s all;
  border: 2px solid #f2c94c;
  cursor: pointer;
  text-align: center;
}
.yellow-border-btn:hover {
  background-color: #efd27b;
  color: #000;
}

.outline-btn {
  display: block;
  background: transparent;
  color: #333;
  font-weight: 600;
  padding: 14px 32px;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 1.1;
  border-radius: 8px;
  transition: 0.3s all;
  border: 2px solid #333;
  cursor: pointer;
  text-align: center;
}
.outline-btn:hover {
  background-color: #f5f5f5;
  color: #333;
  border-color: #555;
}

.orange-btn {
  display: block;
  background: #e69500;
  color: #000;
  font-weight: 600;
  padding: 10px 25px;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 1.1;
  border-radius: 4px;
  transition: 0.3s all;
  cursor: pointer;
  text-align: center;
}
.orange-btn:hover {
  background-color: orange;
  color: #000;
}

.gray-border-btn {
  display: block;
  background: transparent;
  color: #6b798f;
  font-weight: 600;
  padding: 9px 25px;
  text-transform: uppercase;
  font-size: 14px;
  border-radius: 4px;
  transition: 0.3s all;
  cursor: pointer;
  border: 1px solid #6b798f;
}
.gray-border-btn:hover {
  background-color: #6b798f;
  color: #fff;
}
.red-btn {
  background: red !important;
}
a.btn-download {
  display: block;
}
.btn-inline {
  display: inline-flex !important;
}
.white-btn {
  display: block;
  background-color: #fff;
  color: #000;
  font-weight: 600;
  padding: 10px 25px;
  text-transform: uppercase;
  font-size: 14px;
  border-radius: 4px;
  transition: 0.3s all;
  cursor: pointer;
}
.white-btn:hover {
  background-color: #f1f1f1;
  color: #000;
}
.export-pdf-btn,
.export-excel-btn,
.export-pdf-btn-v2 {
  background: #f2c94c;
  color: #000;
  font-weight: 300;
  padding: 4px 12px;
  text-transform: uppercase;
  font-size: 12px;
  border-radius: 4px;
  transition: 0.3s all;
  cursor: pointer;
  float: right;
  margin-top: 20px;
}
.export-pdf-btn:hover,
.export-excel-btn:hover,
.export-pdf-btn-v2:hover {
  background: #efd27b;
  color: #000;
}
.export-pdf-btn-v2 {
  margin-left: 1rem;
  background: #f2a94c;
}
.export-excel-btn {
  margin-left: 1rem;
  background: #dbadad;
}
.red-btn {
  display: block;
  background: #ea0000;
  color: #fff;
  font-weight: 600;
  padding: 10px 25px;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 1.1;
  border-radius: 4px;
  transition: 0.3s all;
  cursor: pointer;
}
.red-btn:hover {
  background: #e64545;
  color: #fff;
}
.btn-left {
  float: left;
  margin-top: 10px;
}
.btn-right {
  float: right;
  margin-top: 10px;
}
.white-plus-icon {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMjYiIGhlaWdodD0iMjYiCnZpZXdCb3g9IjAgMCAxOTIgMTkyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE5MnYtMTkyaDE5MnYxOTJ6IiBmaWxsPSJub25lIj48L3BhdGg+PGcgZmlsbD0iI2ZmZmZmZiI+PGcgaWQ9InN1cmZhY2UxIj48cGF0aCBkPSJNODguNjE1MzgsMjIuMTUzODVjLTQuNDQyMywwIC03LjM4NDYyLDIuOTQyMzEgLTcuMzg0NjIsNy4zODQ2MnY1MS42OTIzMWgtNTEuNjkyMzFjLTQuNDQyMywwIC03LjM4NDYyLDIuOTQyMzEgLTcuMzg0NjIsNy4zODQ2MnYxNC43NjkyM2MwLDQuNDQyMzEgMi45NDIzMSw3LjM4NDYyIDcuMzg0NjIsNy4zODQ2Mmg1MS42OTIzMXY1MS42OTIzMWMwLDQuNDQyMzEgMi45NDIzMSw3LjM4NDYyIDcuMzg0NjIsNy4zODQ2MmgxNC43NjkyM2M0LjQ0MjMxLDAgNy4zODQ2MiwtMi45NDIzIDcuMzg0NjIsLTcuMzg0NjJ2LTUxLjY5MjMxaDUxLjY5MjMxYzQuNDQyMzEsMCA3LjM4NDYyLC0yLjk0MjMgNy4zODQ2MiwtNy4zODQ2MnYtMTQuNzY5MjNjMCwtNC40NDIzIC0yLjk0MjMsLTcuMzg0NjIgLTcuMzg0NjIsLTcuMzg0NjJoLTUxLjY5MjMxdi01MS42OTIzMWMwLC00LjQ0MjMgLTIuOTQyMywtNy4zODQ2MiAtNy4zODQ2MiwtNy4zODQ2MnoiPjwvcGF0aD48L2c+PC9nPjwvZz48L3N2Zz4=")
    50% 50% no-repeat;
}
.lemodal-btn {
  display: block;
  float: left;
  background: #f2c94c;
  color: #000;
  font-weight: 600;
  padding: 9px 25px;
  text-transform: uppercase;
  font-size: 14px;
  border-radius: 4px;
}
.lemodal-btn:hover {
  background: #efd27b;
  color: #000;
}
/* Clearer */
header > div:after,
section > div:after,
main > div:after,
footer > div:after,
.notification-modal > div:after {
  display: block;
  clear: both;
  content: "";
}

.content-wrapper:not(.fluid-wrapper) {
  width: 1500px;
  max-width: 100%;
  margin: 0 auto;
}
.fluid-wrapper {
  width: 100%;
}

/*
----- HEADER ------
*/

header {
  background: #fff;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2000;
}
header .header-inner {
  height: 80px;
  display: flex;
  align-items: center;
}
header .header-logo {
  display: block;
  width: auto;
  height: 38px;
}
header .header-navigation {
  margin-left: 36px;
  padding-left: 36px;
  position: relative;
  display: flex;
  align-items: center;
}
header .header-navigation:before {
  content: "";
  position: relative;
  left: -36px;
  width: 1px;
  height: 30px;
  background: #e4e4e4;
}
header .header-navigation a {
  display: block;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  color: #000;
}
header .header-navigation a.active {
  color: #f1c856;
}
header .header-navigation a:hover {
  color: #f1c856;
}
header .header-navigation a + a {
  margin-left: 36px;
}
header .header-navigation a .home {
  display: block;
  width: 24px;
  height: 24px;
}
header .header-actions {
  display: flex;
  margin-left: auto;
  position: relative;
}
header .header-actions .header-button {
  display: flex;
  align-items: center;
  border-radius: 4px;
  padding: 8px 14px;
  position: relative;
}
header .header-actions .header-button + .header-button {
  margin-left: 10px;
}
header .header-actions .header-button img {
  width: 24px;
  height: 24px;
  margin-right: 4px;
  margin-left: -6px;
}
header .header-actions .header-button span {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  color: #000;
  transition: 0.3s color;
  white-space: nowrap;
}
header .header-actions .header-button:not(.new-ad-button):hover span {
  color: #f1c856;
}
header .header-actions .header-button.new-ad-button {
  background: #f1c856;
}
.notification-bubble {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: #ff0000;
  font-size: 10px;
  color: #fff;
  border-radius: 50%;
  margin-left: 4px;
}
header .crmintra-actions {
  display: none;
  position: absolute;
  top: 60px;
  right: 0;
  background: #fff;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border: 2px solid #f2c94c;
  border-top: 0 none;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.19);
  transition: 0.3s all;
  z-index: 50;
  width: 360px;
}
header .crmintra-actions.active {
  display: block;
}
header .crmintra-actions .choose-auth {
  overflow: hidden;
  background: #f2c94c;
}
header .crmintra-actions .choose-auth > div {
  width: calc(100% / 4);
  float: left;
  text-align: center;
  background: #f2c94c;
  color: #000;
  padding: 12px 0;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  border-right: 1px solid #daa70f;
}
header .crmintra-actions .choose-auth > div:last-child {
  border-right: 0 none;
}
header .crmintra-actions .choose-auth > div.current {
  background: #fff;
}
header .crmintra-actions .choose-auth > div.current:hover {
  background: #fff;
}
header .crmintra-actions .choose-auth > div:hover {
  background: #efd27b;
}
header .crmintra-actions .choose-auth > div[data-tab="tab-2"] {
  border-left: 1px solid #daa70f;
  border-right: 1px solid #daa70f;
}
header .crmintra-actions .login {
  padding: 20px;
}
header .crmintra-actions .login .tab-content {
  display: none;
}
header .crmintra-actions .login .tab-content.current {
  display: block;
}
header .crmintra-actions .login label {
  font-size: 14px;
  height: 30px;
  font-weight: 600;
}
header .crmintra-actions .login input {
  width: 100%;
  background: #ffffff;
  padding: 7px 10px;
  margin-bottom: 5px;
  border: 1px solid #f2c94c;
  border-radius: 4px;
  box-shadow: inset 0 0 10px #8888883b;
  -webkit-appearance: none;
}
header .crmintra-actions .login input::-webkit-input-placeholder {
  font-weight: normal;
  color: #c3c3c3;
}
header .crmintra-actions .login .smart_id_auth_response .notification-sent {
  display: flex;
  align-items: center;
}
header
  .crmintra-actions
  .login
  .smart_id_auth_response
  .notification-sent
  .code {
  margin-left: 12px;
  line-height: 17px;
}
header .crmintra-actions .login .smart_id_auth_response .check-code-text {
  margin: 20px 0;
  font-size: 12px;
  line-height: 16px;
  background: #f7f7f7;
  padding: 10px;
  color: #717171;
}
header .crmintra-actions .login .smart_id_auth_response .smart-id-cancel {
  display: block;
  font-size: 13px;
  font-weight: 600;
  background: #f74848;
  color: #fff;
  padding: 4px 12px;
  border-radius: 5px;
  text-align: center;
}
header .crmintra-actions .login .smart_id_auth_response .smart-id-cancel:hover {
  background: #f72222;
}
.auth-fail-message {
  margin-top: 15px;
  background: #ffe9e9;
  padding: 10px;
  text-align: center;
  font-size: 13px;
  line-height: 16px;
  overflow: hidden;
}
header .crmintra-actions .login button {
  width: 100%;
  background-color: #f2c94c;
  color: #000;
  font-weight: 600;
  height: 38px;
  display: block;
  border-radius: 4px;
  text-transform: uppercase;
  font-size: 13px;
}
.login .forgot {
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 13px;
  color: #8a8a8a;
  margin-top: 6px;
}
.login .forgot:hover {
  color: #5d5d5d;
}
header .crmintra-actions .register {
  margin-top: 20px;
  padding-top: 10px;
  border-top: 1px solid #f1f1f1;
}
header .crmintra-actions .register span {
  display: block;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  height: 30px;
}
header .crmintra-actions .register a {
  display: block;
  width: 100%;
  text-align: center;
  background: #3da940;
  color: #fff;
  font-weight: 600;
  padding: 12px 5px;
  border-radius: 4px;
  font-size: 13px;
}
header .crmintra-actions .register .benefits {
  margin-top: 20px;
}
header .crmintra-actions .register .benefits b {
  display: block;
  font-size: 14px;
  margin-bottom: 5px;
}
header .crmintra-actions .register .benefits ul li {
  padding: 0 0 3px 12px;
  font-size: 12px;
}
header .crmintra-actions .loginmethod.disabled .register-btn,
header .crmintra-actions .loginmethod.disabled button {
  background-color: #ccc !important;
}
.headersticky {
  height: 80px;
}

/*
----- NEW HERO ------
*/

.hero-auction {
  padding: 30px 0 60px;
}
.hero-auction .highlighted-auction {
  display: block;
  position: relative;
  height: 500px;
  box-shadow: 0 0 30px rgb(0 0 0 / 10%);
}
.highlighted-auction:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgb(0, 0, 0);
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.6) 0%,
    rgba(255, 255, 255, 0) 60%
  );
  z-index: 1;
}
.hero-auction .highlighted-auction .image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero-auction .highlighted-auction .ending {
  position: absolute;
  top: 30px;
  right: 0;
  background: #3da940;
  height: 78px;
  padding: 0 38px;
  font-size: 24px;
  line-height: 1;
  font-weight: 600;
  color: #fff;
  display: flex;
  align-items: center;
}
.hero-auction .highlighted-auction .ending:before {
  content: "";
  width: 10px;
  border-width: 39px 5px;
  border-style: solid;
  border-color: transparent transparent #3da940 #3da940;
  position: absolute;
  top: 0;
  left: -10px;
  transform: scale(-1, 1);
}
.hero-auction .highlighted-auction .ending img {
  display: block;
  width: 30px;
  height: 30px;
  margin-right: 8px;
}
.hero-auction .highlighted-auction .bottom {
  position: absolute;
  bottom: 70px;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  z-index: 2;
}
.hero-auction .highlighted-auction .bottom .left {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.hero-auction .highlighted-auction .bottom .price-container {
  background: #3da940;
  position: relative;
  padding: 0 48px 0 48px;
  left: -12px;
  height: 78px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.hero-auction .highlighted-auction .bottom .price-container:before {
  content: "";
  width: 0;
  height: 0;
  border-width: 6px 6px;
  border-style: solid;
  border-color: #2c8a2e #2c8a2e transparent transparent;
  position: absolute;
  bottom: -12px;
  left: 0;
}
.hero-auction .highlighted-auction .bottom .price-container:after {
  content: "";
  width: 10px;
  border-width: 39px 5px;
  border-style: solid;
  border-color: #3da940 transparent transparent #3da940;
  position: absolute;
  top: 0;
  right: -10px;
}
.hero-auction .highlighted-auction .bottom .price-container .price-label {
  font-size: 18px;
  line-height: 1.2;
  color: #fff;
}
.hero-auction .highlighted-auction .bottom .price-container .price {
  color: #fff;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
}
.hero-auction .highlighted-auction .bottom .name {
  margin-left: 30px;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
  color: #fff;
  /* text-shadow: 0 2px #646464; */
}
.hero-auction .highlighted-auction .bottom .right {
  padding-right: 70px;
  display: flex;
  align-items: flex-end;
}
.hero-auction .highlighted-auction .bottom .cta {
  padding: 15px 25px;
  text-transform: initial;
}
.hero-auction .auction-list-tiles {
  margin-top: 38px;
}
.hero-auction .auction-list-tiles .auction {
  width: calc(100% / 3 - 38px);
}

/*
----- USEFUL  ------
*/

.more-useful {
  padding: 80px 0;
  background: url("../img/hero-bg.jpg");
  background-position: center center;
  background-size: cover;
  position: relative;
}
.more-useful:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
}
.more-useful .useful-container {
  display: flex;
  align-items: flex-start;
  position: relative;
  margin-left: -20px;
}
.more-useful .useful-container .useful-item {
  display: flex;
  align-items: center;
  width: calc(100% / 3 - 20px);
  margin-left: 20px;
}
.more-useful .useful-container .useful-item .useful-icon img {
  display: block;
  width: 64px;
  height: auto;
}
.more-useful .useful-container .useful-item .useful-content {
  padding-left: 22px;
  position: relative;
  right: 0;
  transition: 0.3s right;
}
.more-useful .useful-container .useful-item .useful-content .useful-title {
  /* font-size: 26px; */
  font-size: 22px;
  line-height: 1;
  color: #fff;
}
.more-useful .useful-container .useful-item .useful-content .useful-sub {
  /* font-size: 20px; */
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
  color: #f3ca4d;
  margin-top: 5px;
}

/*
----- TK AUCTIONS  ------
*/

.tk-auctions {
  padding: 60px 0;
  background: #f5f9eb;
  position: relative;
  overflow: hidden;
}
.tk-auctions .section-title {
  display: flex;
  justify-content: center;
  margin-bottom: 60px;
}
.tk-auctions .section-title img {
  display: block;
  width: auto;
  max-width: 100%;
  height: 60px;
}
.tk-auctions .ribbon {
  width: 350px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #3da940;
  color: #fff;
  position: absolute;
  top: 79px;
  right: -77px;
  transform: rotate(45deg);
  font-size: 20px;
  font-weight: 600;
}
.tk-auctions .list-btn {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  background: #fff;
  color: #6b798f;
  text-align: center;
}
.tk-auctions .list-btn:is(:hover, :focus) {
  background: #6b798f;
  color: #fff;
}
.tk-auctions .list-btn div {
  font-size: 28px;
  margin-bottom: 10px;
  color: #6b798f;
}
.tk-auctions .list-btn span {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 600;
  text-transform: uppercase;
  color: #6b798f;
}
.tk-auctions .list-btn:is(:hover, :focus) div,
.tk-auctions .list-btn:is(:hover, :focus) span {
  color: #fff;
}

/*
----- OLD HERO ------
*/

.hero {
  position: relative;
}
.hero:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
}
.hero .hero-bg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
}
.hero .hero-inner {
  padding: 120px 0;
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
}
.hero .auction-types {
  margin-right: 60px;
}
.hero .auction-types .auction-type-title {
  font-size: 26px;
  font-weight: 600;
  line-height: 1.2;
  color: #f3ca4d;
  margin-bottom: 40px;
  white-space: nowrap;
}
.hero .auction-types .auction-types-inner {
  display: flex;
  margin: 0 0 -20px -20px;
  padding-bottom: 27px;
}
.hero .auction-types .auction-types-inner .col {
  margin: 0 0 20px 20px;
}
.hero .auction-types .type {
  display: flex;
  align-items: center;
}
.hero .auction-types .type + .type {
  margin-top: 27px;
}
.hero .auction-types .type .type-img {
  width: 54px;
  min-width: 54px;
  height: 54px;
  border-radius: 50%;
  background: #3da940;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-right: 20px;
}
.hero .auction-types .type.different .type-img {
  background: #fff;
}
.hero .auction-types .type.type-8 .type-img {
  background: #fff;
  border: 2px solid #3da940;
}
.hero .auction-types .type .type-img img {
  display: block;
  width: 28px;
  height: 28px;
}
.hero .auction-types .type .type-img .type-count {
  width: 24px;
  min-width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #f7c554;
  font-size: 12px;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -7px;
  right: -7px;
  font-weight: 400;
}
.hero .auction-types .type .type-name {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  white-space: nowrap;
}
.hero .auction-types .type:hover .type-name {
  color: #f3ca4d;
}
.hero .auction-types .sell-button {
  display: block;
  margin-top: 30px;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  padding: 10px 12px;
  border: 2px solid #ffff;
  border-radius: 4px;
}
.hero .map {
  width: 643px;
  min-width: 643px;
  position: relative;
  margin-right: 30px;
}
.hero .map .map-img {
  display: block;
  width: 100%;
  height: auto;
}
.chart {
  cursor: pointer;
  position: relative;
}
.chart .img-outer {
  position: relative;
  width: 40px;
  height: 40px;
  background: #3da940;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: pulse 2s infinite;
}
.chart .img-outer img {
  display: block;
  width: 22px;
  height: 22px;
}
.html + svg .outer {
  stroke: #3da940;
}
.chart.ending svg .outer {
  stroke: #ef5842;
}
.chart svg {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
}
.outer {
  fill: transparent;
  stroke: #333;
  stroke-width: 3;
  stroke-dasharray: 534;
  transition: stroke-dashoffset 1s;
  -webkit-animation-play-state: running;
  -moz-transform: rotate(-89deg) translateX(-190px);
}
.hero .map .layer .inner-1 {
  position: absolute;
}
.hero .map .layer .inner-2 {
  margin: 0 auto;
  width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero .map .layer .harju {
  top: 11%;
  right: 52%;
}
.hero .map .layer .voru {
  top: 83%;
  right: 17%;
}
.hero .map .layer .polva {
  top: 70%;
  right: 20%;
}
.hero .map .layer .tartu {
  top: 55%;
  right: 22%;
}
.hero .map .layer .viljandi {
  top: 57%;
  right: 40%;
}
.hero .map .layer .jarva {
  top: 30%;
  right: 38%;
}
.hero .map .layer .laane-viru {
  top: 15%;
  right: 28%;
}
.hero .map .layer .rapla {
  top: 30%;
  right: 54%;
}
.hero .map .layer .laane {
  top: 33%;
  right: 69%;
}
.hero .map .layer .saare {
  top: 55%;
  right: 89%;
}
.hero .map .layer .hiiu {
  top: 32%;
  right: 86%;
}
.hero .map .layer .ida-viru {
  top: 15%;
  right: 12%;
}
.hero .map .layer .valga {
  right: 31%;
  top: 74%;
}
.hero .map .layer .parnu {
  top: 50%;
  right: 57%;
}
.hero .map .layer .jogeva {
  top: 39%;
  right: 26%;
}
.hero .map .layer .inner-2 .chart {
  float: left;
}
.hero .map .layer .inner-2 .chart + .chart {
  margin-left: 7px;
}
.chart[data-percent="100"] .outer {
  stroke-dashoffset: 0;
  -webkit-animation: show100 2s;
  animation: show100 2s;
}
.chart[data-percent="75"] .outer {
  stroke-dashoffset: 425;
  -webkit-animation: show75 2s;
  animation: show75 2s;
}
.chart[data-percent="50"] .outer {
  stroke-dashoffset: 460;
  -webkit-animation: show50 2s;
  animation: show50 2s;
}
.chart[data-percent="25"] .outer {
  stroke-dashoffset: 495;
  -webkit-animation: show25 2s;
  animation: show25 2s;
}
.chart .chart-object-content {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
}
.chart:hover .chart-object-content {
  display: block;
}
.chart .chart-object-content .auctions-mini {
  position: relative;
  z-index: 200;
  right: 50px;
  width: 330px;
  background: #fff;
  /* box-shadow: 0 0 7px rgba(0, 0, 0, 0.46); */
  border-radius: 4px;
  overflow: hidden;
  cursor: initial;
  padding-bottom: 62px;
}
.chart .chart-object-content .auctions-mini .auctions-mini-list {
  position: relative;
  display: flex;
  left: 0;
  transition: 0.5s left;
}
.chart .chart-object-content .auctions-mini .auctions-mini-list > div {
  padding: 15px 15px 0 15px;
  flex: 0 0 330px;
}
.auctions-mini {
  position: relative;
  overflow: hidden;
  background: #ff0000;
  width: 280px;
  padding-bottom: 94px;
}
.auctions-mini-head {
  position: absolute;
  width: 100%;
  bottom: 0;
  background: rgba(255, 255, 255, 0.5);
  padding: 15px;
}
.auctions-trigger {
  float: left;
  cursor: pointer;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-size: 17px 17px !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-color: #3da940 !important;
  transition: 0.3s background-color;
  border: 2px solid #fff;
  position: absolute;
  bottom: 70px;
}
.auctions-trigger:hover {
  background-color: #4bab73 !important;
}
.auctions-mini-prev {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSI4MCIgaGVpZ2h0PSI4MCIKICAgICB2aWV3Qm94PSIwIDAgMjYgMjYiCiAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjsiPjxnIGlkPSJzdXJmYWNlMSI+PHBhdGggc3R5bGU9IiAiIGQ9Ik0gMTAuNTkzNzUgMTMgTCAxOS4xNzk2ODggNC4yMzQzNzUgQyAxOS41NjI1IDMuODQzNzUgMTkuNTU4NTk0IDMuMjE4NzUgMTkuMTcxODc1IDIuODI4MTI1IEwgMTcuNjM2NzE5IDEuMjkyOTY5IEMgMTcuMjQyMTg4IDAuOTAyMzQ0IDE2LjYwOTM3NSAwLjkwMjM0NCAxNi4yMTg3NSAxLjI5Njg3NSBMIDUuMjkyOTY5IDEyLjI5Mjk2OSBDIDUuMDk3NjU2IDEyLjQ4ODI4MSA1IDEyLjc0MjE4OCA1IDEzIEMgNSAxMy4yNTc4MTMgNS4wOTc2NTYgMTMuNTExNzE5IDUuMjkyOTY5IDEzLjcwNzAzMSBMIDE2LjIxODc1IDI0LjcwMzEyNSBDIDE2LjYwOTM3NSAyNS4wOTc2NTYgMTcuMjQyMTg4IDI1LjA5NzY1NiAxNy42MzY3MTkgMjQuNzA3MDMxIEwgMTkuMTcxODc1IDIzLjE3MTg3NSBDIDE5LjU1ODU5NCAyMi43ODEyNSAxOS41NjI1IDIyLjE1NjI1IDE5LjE3OTY4OCAyMS43NjU2MjUgWiAiPjwvcGF0aD48L2c+PC9zdmc+")
    50% 50% no-repeat;
  left: 3px;
}
.auctions-mini-next {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSI4MCIgaGVpZ2h0PSI4MCIKICAgICB2aWV3Qm94PSIwIDAgMjYgMjYiCiAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjsiPjxnIGlkPSJzdXJmYWNlMSI+PHBhdGggc3R5bGU9IiAiIGQ9Ik0gMTAuNTkzNzUgMTMgTCAxOS4xNzk2ODggNC4yMzQzNzUgQyAxOS41NjI1IDMuODQzNzUgMTkuNTU4NTk0IDMuMjE4NzUgMTkuMTcxODc1IDIuODI4MTI1IEwgMTcuNjM2NzE5IDEuMjkyOTY5IEMgMTcuMjQyMTg4IDAuOTAyMzQ0IDE2LjYwOTM3NSAwLjkwMjM0NCAxNi4yMTg3NSAxLjI5Njg3NSBMIDUuMjkyOTY5IDEyLjI5Mjk2OSBDIDUuMDk3NjU2IDEyLjQ4ODI4MSA1IDEyLjc0MjE4OCA1IDEzIEMgNSAxMy4yNTc4MTMgNS4wOTc2NTYgMTMuNTExNzE5IDUuMjkyOTY5IDEzLjcwNzAzMSBMIDE2LjIxODc1IDI0LjcwMzEyNSBDIDE2LjYwOTM3NSAyNS4wOTc2NTYgMTcuMjQyMTg4IDI1LjA5NzY1NiAxNy42MzY3MTkgMjQuNzA3MDMxIEwgMTkuMTcxODc1IDIzLjE3MTg3NSBDIDE5LjU1ODU5NCAyMi43ODEyNSAxOS41NjI1IDIyLjE1NjI1IDE5LjE3OTY4OCAyMS43NjU2MjUgWiAiPjwvcGF0aD48L2c+PC9zdmc+")
    50% 50% no-repeat;
  transform: rotate(180deg);
  margin-left: 7px;
  right: 3px;
}
.slide-nr {
  font-size: 14px;
  line-height: 32px;
  float: left;
  /*letter-spacing: -2px;*/
}
.slide-nr b {
  font-weight: normal;
  margin: 0 4px;
}
.auctions-mini-all {
  float: right;
}
.chart .chart-object-content .current-data {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 15px 0;
}
.chart .chart-object-content .current-data .price {
  background: #3da940;
  color: #fff;
  position: relative;
  padding: 8px 15px 8px 15px;
  margin-left: -15px;
  font-size: 14px;
}
.chart .chart-object-content .current-data .price b {
  font-size: 18px;
}
.chart .chart-object-content .current-data .price:after {
  content: "";
  width: 10px;
  border-width: 19px 5px;
  border-style: solid;
  border-color: #3da940 transparent transparent #3da940;
  position: absolute;
  top: 0;
  right: -10px;
}
.chart .chart-object-content .current-data .time {
  color: #3da940;
}
.chart.ending .chart-object-content .current-data .time {
  color: #e34f26;
}
.chart .chart-object-content .columns {
  columns: 2;
  margin-top: 5px;
  padding: 0 30px;
}
.chart .chart-object-content .columns > div {
  padding: 5px 0;
  page-break-inside: avoid;
  break-inside: avoid-column;
}
.chart .chart-object-content .columns b {
  display: block;
}
.chart .chart-object-content .city {
  color: #000;
  font-weight: 600;
}
.chart .chart-object-content .city:before {
  display: block;
  content: "";
  width: 40px;
  height: 40px;
  background-color: #3da940 !important;
  background-size: 26px 26px !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  border-radius: 50%;
  float: left;
  margin-right: 10px;
}
.chart .chart-object-content .aot-1 .city:before {
  background: url("../icons/types/type-1-white.svg");
}
.chart .chart-object-content .aot-2 .city:before {
  background: url("../icons/types/type-2-white.svg");
}
.chart .chart-object-content .aot-3 .city:before {
  background: url("../icons/types/type-3-white.svg");
}
.chart .chart-object-content .aot-4 .city:before {
  background: url("../icons/types/type-4-white.svg");
}
.chart .chart-object-content .aot-5 .city:before {
  background: url("../icons/types/type-5-white.svg");
}
.chart .chart-object-content .aot-6 .city:before {
  background: url("../icons/types/type-6-white.svg");
}
.chart .chart-object-content .aot-7 .city:before {
  background: url("../icons/types/type-7-white.svg");
}
.chart .chart-object-content .aot-8 .city:before {
  background: url("../icons/types/type-8-white.svg");
}
.chart .chart-object-content .aot-9 .city:before {
  background: url("../icons/types/type-9-color.png");
  background-color: #ffffff;
  border: 2px solid #3da940;
  border-radius: 50%;
}
.chart .chart-object-content .aot-10 .city:before {
  background: url("../icons/types/type-10-white.svg");
  background-color: #0071bc;
}
.chart .chart-object-content .address {
  font-size: 13px;
  line-height: 1.2;
  overflow: hidden;
}
.chart:hover .chart-object-content .auctions-mini-all a {
  display: block;
  text-align: center;
  padding: 3px 10px;
  overflow: hidden;
  border-radius: 5px;
  font-size: 14px;
  float: left;
  font-weight: 600;
}
.chart:hover .chart-object-content .auctions-mini-all a.see-auction {
  background: #fff;
  color: #3da940;
  border: 1px solid #3da940;
}
.chart:hover .chart-object-content .auctions-mini-all a.see-auction:hover {
  background: #4bab73;
  color: #fff;
}
.chart:hover .chart-object-content .auctions-mini-all a.more-auctions {
  background: #fff;
  color: #f7c554;
  border: 1px solid #f7c554;
}
.chart:hover .chart-object-content .auctions-mini-all a.more-auctions:hover {
  background: #efd27b;
  color: #fff;
}
.chart:hover .chart-object-content .auctions-mini-all a + a {
  margin-left: 7px;
}
.chart .num-of-auctions {
  width: 22px;
  height: 22px;
  background: #fff;
  border: 1px solid #dcdcdc;
  border-radius: 50%;
  position: absolute;
  top: -8px;
  right: -7px;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  box-shadow: 0 0 5px #cecece;
  color: #5f5f5f;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero .hero-useful {
  width: 100%;
  max-width: 440px;
  margin-left: auto;
}
.hero .hero-useful .useful-item {
  display: flex;
}
.hero .hero-useful .useful-item + .useful-item {
  margin-top: 65px;
}
.hero .hero-useful .useful-item .useful-content {
  padding: 0 22px;
  border-left: 1px solid #f3ca4d;
  position: relative;
  right: 0;
  transition: 0.3s right;
}
.hero .hero-useful .useful-item .useful-content .useful-title {
  font-size: 22px;
  line-height: 1;
  color: #fff;
}
.hero .hero-useful .useful-item .useful-content .useful-sub {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
  color: #f3ca4d;
  margin-top: 5px;
}
.hero .hero-useful .useful-item:hover .useful-content {
  right: -20px;
}

/*
----- MAIN PAGE AUCTIONS ------
*/

.ending-auctions {
  padding: 70px 0;
  background: #d4dde6;
}
.ending-auctions .section-title {
  font-size: 26px;
  font-weight: 600;
  line-height: 1.6;
  margin: 0 0 10px;
  text-align: center;
}
.ending-auctions .owl-stage-outer {
  padding-top: 30px;
  padding-bottom: 30px;
}
.ending-auctions .auction-list-tiles {
  display: block;
  margin: 0 auto;
  width: calc(100% - 120px);
}
.ending-auctions .auction-list-outer.active {
  display: block;
}
.ending-auctions .auction-list-tiles .auction {
  width: 100%;
  height: 100%;
  margin: 0;
}
.ending-auctions .list-btn {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  background: #fff;
  color: #6b798f;
}
.ending-auctions .list-btn:is(:hover, :focus) {
  background: #6b798f;
  color: #fff;
}
.ending-auctions .list-btn div {
  font-size: 28px;
  margin-bottom: 10px;
}
.ending-auctions .list-btn span {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 600;
  text-transform: uppercase;
}
.ending-auctions .list-btn:is(:hover, :focus) span {
  color: #fff;
}
.ending-auctions .owl-prev,
.ending-auctions .owl-next {
  position: absolute;
  top: 50%;
  transform: translatey(-50%);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  background: #fff;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: 0.3s all ease-in-out;
  color: #a8a8a8;
  margin-bottom: 90px;
}
.ending-auctions .owl-next:after {
  background: url("../icons/forward-icon-gray.svg") no-repeat center center;
}
.ending-auctions .owl-prev:after {
  content: "";
  background: url("../icons/back-icon-gray.svg") no-repeat center center;
}
.ending-auctions .owl-prev:after,
.ending-auctions .owl-next:after {
  content: "";
  width: inherit;
  height: inherit;
  background-size: 20px 20px;
}
.ending-auctions .owl-prev span,
.ending-auctions .owl-next span {
  display: none;
}
.ending-auctions .owl-prev {
  left: -60px;
}
.ending-auctions .owl-next {
  right: -60px;
}

/*
----- HIGHLIGHTED AUCTIONS ------
*/

.highlighted-auctions {
  padding: 36px 0 90px 0;
  background: #f8f9fa;
}
.highlighted-auctions .section-title {
  font-size: 26px;
  font-weight: 600;
  line-height: 1.6;
  margin: 0 0 10px;
  text-align: center;
}
.highlighted-auctions .owl-stage-outer {
  padding-top: 30px;
  padding-bottom: 30px;
}
.highlighted-auctions .auction-list-tiles {
  display: block;
  margin: 0 auto;
  width: calc(100% - 120px);
}
.highlighted-auctions .auction-list-outer.active {
  display: block;
}
.highlighted-auctions .auction-list-tiles .auction {
  width: 100%;
  height: 100%;
  margin: 0;
}
.highlighted-auctions .highlighted-auction::before {
  display: none !important;
}
.highlighted-auctions .owl-prev,
.highlighted-auctions .owl-next {
  position: absolute;
  top: 50%;
  transform: translatey(-50%);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  background: #fff;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: 0.3s all ease-in-out;
  color: #a8a8a8;
  margin-bottom: 90px;
}
.highlighted-auctions .owl-next:after {
  content: "";
  background: url("../icons/forward-icon-gray.svg") no-repeat center center;
  width: 40px;
  height: 40px;
  background-size: 20px 20px;
}
.highlighted-auctions .owl-prev:after {
  content: "";
  background: url("../icons/back-icon-gray.svg") no-repeat center center;
  width: 40px;
  height: 40px;
  background-size: 20px 20px;
}
.highlighted-auctions .owl-prev span,
.highlighted-auctions .owl-next span {
  display: none;
}
.highlighted-auctions .owl-prev {
  left: -60px;
}
.highlighted-auctions .owl-next {
  right: -60px;
}

/*
----- AUCTIONS LIST ------
*/

.auction-list-tiles {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  position: relative;
  margin: 0 0 -38px -38px;
}
.auction-section-bg {
  width: 100%;
  padding: 70px 0;
  position: relative;
}
.auction-section-bg.dormant-only {
  padding-top: 20px;
}
.auction-section-bg.ended-only {
  padding-top: 20px;
}
.auction-section-bg::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -9999px;
  right: -9999px;
  z-index: -1;
}
@media screen and (max-width: 1600px) {
    .auction-section-bg::before {
        left: -80px;
        right: -80px;
    }
}
@media screen and (max-width: 1420px) {
    .auction-section-bg::before {
        left: -40px;
        right: -40px;
    }
}
@media screen and (max-width: 980px) {
    .auction-section-bg::before {
        left: -12px;
        right: -12px;
    }
}
.auction-section-bg.preview-section {
  padding: 40px 0 70px 0;
}
.auction-section-bg.preview-section::before {
  background: #d4dde6;
}
.auction-section-bg.ended-section::before {
  background: #f8f9fa;
}
/*
   The band above is a full-bleed trick: the ::before is pulled 9999px past both edges of the
   section so the tint reaches the window. On a listing page the section sits in the right-hand
   column, with .auction-list-filters beside it, so the left bleed ran underneath the filters —
   and that column is transparent by design, so the tint showed straight through it and the
   filters looked like they were floating on a broken background. It only became visible where a
   preview section starts high enough on the page to sit level with the filters, which is every
   municipality page (their auctions are all "Lähiajal algamas") but not /kinnisvara, where that
   section falls far below the filter column.

   So the tint now starts at the section's own left edge whenever the filters are next to it.
   The right-hand bleed is untouched, including its responsive clamps, and below 980px the
   filters collapse and the section spans the full width anyway.
*/
.auction-list-outer.list .auction-section-bg::before {
  left: 0;
}
.auction-list-tiles h3.dormant-title {
  font-size: 22px;
  font-weight: 600;
  margin: 30px 0 20px 0;
  padding: 0 0 16px 40px;
  color: #000;
  line-height: 1.2;
  flex: 0 0 100%;
  text-align: left;
}
.auction-section-bg > .content-wrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.auction-list-tiles h3 {
  font-size: 26px;
  font-weight: 600;
  line-height: 1.6;
  margin: 0 0 10px 0;
  padding-bottom: 30px;
  flex: 100%;
  text-align: center;
}
.auction-list-tiles h3 span {
  border-bottom: 2px solid #f1c856;
}
.auction-list-tiles .auction {
  width: calc(100% / 4 - 38px);
  margin: 0 0 38px 38px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  position: relative;
  display: flex;
  flex-direction: column;
  background: #fff;
}
.auction-list-tiles .auction .auction-img {
  position: relative;
  height: 235px;
}
.auction-list-tiles .auction .auction-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.auction-list-tiles .auction .auction-img div.auction-type {
  position: absolute;
  top: 0;
  left: 0;
  width: 68px;
  height: 73px;
  border-bottom-right-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: 30px 30px !important;
}
.auction-list-tiles .auction .auction-img .badges-wrap {
  position: absolute;
  top: 12px;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.auction-list-tiles .auction .auction-img .badges-wrap .badge {
  position: relative;
  right: -6px;
  width: 42px;
  height: 42px;
  background: #f2c94c;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
}
.auction-list-tiles .auction .auction-img .badges-wrap .badge + .badge {
  margin-top: 8px;
}
.auction-list-tiles .auction .auction-img .badges-wrap .badge:before {
  content: "";
  border-width: 21px 6px;
  border-style: solid;
  border-color: #f2c94c #f2c94c transparent transparent;
  position: absolute;
  top: 0;
  left: -12px;
}
.auction-list-tiles .auction .auction-img .badges-wrap .badge:after {
  content: "";
  width: 0;
  height: 0;
  border-width: 3px 3px;
  border-style: solid;
  border-color: #f2c94c transparent transparent #f2c94c;
  position: absolute;
  right: 0;
  bottom: -6px;
}
.auction-list-tiles .auction .auction-img .badges-wrap .badge-buy-now {
  width: auto;
  padding-left: 5px;
  padding-right: 10px;
}
.auction-list-tiles .auction .auction-img .badges-wrap .badge-buy-now img {
  display: block;
  width: 18px;
  height: 18px;
}
.auction-list-tiles .auction .auction-img .badges-wrap .badge-buy-now .label {
  white-space: nowrap;
  font-size: 11px;
  margin-left: 5px;
}
.auction-list-tiles .auction .auction-img .badges-wrap .badge-preregistration {
  width: auto;
  padding-left: 5px;
  padding-right: 10px;
  background: #3da940;
  color: #fff;
}
.auction-list-tiles .auction .auction-img .badges-wrap .badge-preregistration:before {
  border-color: #3da940 #3da940 transparent transparent;
}
.auction-list-tiles .auction .auction-img .badges-wrap .badge-preregistration:after {
  border-color: #3da940 transparent transparent #3da940;
}
.auction-list-tiles .auction .auction-img .badges-wrap .badge-preregistration .label {
  white-space: nowrap;
  font-size: 11px;
  margin-left: 5px;
}
.auction-list-tiles .auction .auction-img .badges-wrap .badge-dormant {
  width: auto;
  padding-left: 10px;
  padding-right: 10px;
}
.auction-list-tiles .auction .auction-img .badges-wrap .badge-dormant .label {
  white-space: nowrap;
  font-size: 11px;
}
.auction-list-tiles .auction .auction-img .badges-wrap .auction.with-label {
  width: auto;
  padding-left: 6px;
  padding-right: 10px;
  color: #fff;
}
.auction-list-tiles .auction .auction-img .badges-wrap .auction.with-label .label {
  white-space: nowrap;
  font-size: 11px;
  margin-left: 4px;
}
.auction-list-tiles .auction .auction-img .badges-wrap .auction img {
  display: block;
  width: 22px;
  height: 22px;
  position: relative;
  left: -4px;
}
.auction-list-tiles .auction .auction-img .badges-wrap .auction {
  background: #ed0808;
}
.auction-list-tiles .auction .auction-img .badges-wrap .auction:before {
  border-color: #ed0808 #ed0808 transparent transparent;
}
.auction-list-tiles .auction .auction-img .badges-wrap .auction:after {
  border-color: #b10202 transparent transparent #b10202;
}
.auction-list-tiles .auction .auction-img .wow-badge {
  display: block;
  position: absolute;
  right: 20%;
  bottom: -8px;
  width: 82px;
  height: auto;
}
.auction-list-tiles .auction:hover .auction-img .badge {
  background: #46af54;
}
.auction-list-tiles .auction:hover .auction-img .badge:before {
  border-color: #46af54 #46af54 transparent transparent;
}
.auction-list-tiles .auction:hover .auction-img .badge:after {
  border-color: #46af54 transparent transparent #46af54;
}
.auction-list-tiles .auction.aot-1 .auction-type {
  background: url("../icons/types/type-1-white.svg");
  background-color: #3da940;
}
.auction-list-tiles .auction.aot-2 .auction-type {
  background: url("../icons/types/type-3-white.svg");
  background-color: #a9d159;
}
.auction-list-tiles .auction.aot-3 .auction-type {
  background: url("../icons/types/type-3-white.svg");
  background-color: #f7c554;
}
.auction-list-tiles .auction.aot-4 .auction-type {
  background: url("../icons/types/type-4-white.svg");
  background-color: #f7c554;
}
.auction-list-tiles .auction.aot-5 .auction-type {
  background: url("../icons/types/type-5-white.svg");
  background-color: #f7c554;
}
.auction-list-tiles .auction.aot-6 .auction-type {
  background: url("../icons/types/type-6-white.svg");
  background-color: #f7c554;
}
.auction-list-tiles .auction.aot-7 .auction-type {
  background: url("../icons/types/type-7-white.svg");
  background-color: #f7c554;
}
.auction-list-tiles .auction.aot-8 .auction-type {
  background: url("../icons/types/type-8-white.svg");
  background-color: #f7c554;
}
.auction-list-tiles .auction.aot-9 .auction-type {
  background: url("../icons/types/type-9-color.png");
  background-color: #ffffff;
  border: 2px solid #3da940;
}
.auction-list-tiles .auction.aot-10 .auction-type {
  background: url("../icons/types/type-10-white.svg");
  background-color: #0071bc;
}

/* TK ICONS START */
.tk-auctions .auction-list-tiles .auction.aot-1 .auction-type {
  background: url("../icons/auction-types/c1-icon-white.svg");
  background-color: #3da940;
}
.tk-auctions .auction-list-tiles .auction.aot-2 .auction-type {
  background: url("../icons/auction-types/c2-icon-white.svg");
  background-color: #a9d159;
}
.tk-auctions .auction-list-tiles .auction.aot-3 .auction-type {
  background: url("../icons/auction-types/c4-icon-white.svg");
  background-color: #f7c554;
}
/* TK ICONS END */

.auction-list-tiles .auction .auction-content {
  padding: 0 20px 30px;
  background: #fff;
}
.auction-list-tiles .auction .auction-content .auction-price {
  position: relative;
  display: flex;
  align-items: flex-start;
  margin-top: -15px;
  margin-bottom: 15px;
}
.auction-list-tiles .auction .auction-content .auction-price .current-price {
  background: #3da940;
  position: relative;
  padding: 8px 22px 8px 32px;
  margin-left: -32px;
}
.auction-list-tiles
  .auction
  .auction-content
  .auction-price
  .current-price:before {
  content: "";
  width: 0;
  height: 0;
  border-width: 6px 6px;
  border-style: solid;
  border-color: #2c8a2e #2c8a2e transparent transparent;
  position: absolute;
  bottom: -12px;
  left: 0;
}
.auction-list-tiles
  .auction
  .auction-content
  .auction-price
  .current-price:after {
  content: "";
  width: 10px;
  border-width: 30px 5px;
  border-style: solid;
  border-color: #3da940 transparent transparent #3da940;
  position: absolute;
  top: 0;
  right: -10px;
}
.auction-list-tiles
  .auction
  .auction-content
  .auction-price
  .current-price
  .price-label {
  font-size: 14px;
  line-height: 1.2;
  color: #fff;
}
.auction-list-tiles
  .auction
  .auction-content
  .auction-price
  .current-price
  .price {
  color: #fff;
  font-size: 20px;
  line-height: 1.2;
  white-space: nowrap;
  font-weight: 500;
}
.auction-list-tiles .auction .auction-content .auction-price .right {
  margin-left: auto;
  padding-top: 23px;
  display: flex;
  flex-direction: column;
}
.auction-list-tiles
  .auction
  .auction-content
  .auction-price
  .right
  .buy-now-price {
  display: flex;
  color: #777;
  font-size: 14px;
  line-height: 1.2;
  margin-top: 3px;
}
.auction-list-tiles
  .auction
  .auction-content
  .auction-price
  .right
  .buy-now-price
  .price-label {
  margin-right: 5px;
}
.auction-list-tiles
  .auction
  .auction-content
  .auction-price
  .right
  .bids-info-text {
  color: #777;
  font-size: 14px;
  line-height: 1.2;
  text-align: right;
}
.auction-list-tiles
  .auction
  .auction-content
  .auction-price
  .right
  .increase-percent {
  color: #777;
  font-size: 14px;
  line-height: 1.2;
  text-align: right;
}
.auction-list-tiles
  .auction
  .auction-content
  .auction-price
  .right
  .increase-percent
  span {
  color: #3da940;
  font-size: 14px;
  font-weight: 600;
}
.auction-list-tiles .auction .auction-content .auction-price .ending {
  margin-left: auto;
  display: flex;
  align-items: center;
}
.auction-list-tiles
  .auction
  .auction-content
  .auction-price
  .ending
  .ending-icon {
  display: block;
  width: 15px;
  height: 15px;
  margin-right: 12px;
}
.auction-list-tiles .auction .auction-content .auction-price .price-per-m2 {
  font-size: 13px;
  text-align: right;
  color: #aeaeae;
}
.auction-list-tiles .auction .auction-content .auction-price .time-left {
  font-size: 14px;
  color: #000;
}
.auction-list-tiles .auction .auction-content .auction-price .time-left .time-label {
  font-size: 11px;
  display: block;
  line-height: 8px;
}
.auction-list-tiles .auction .auction-content .auction-price .ending.preview-auction .ending-icon {
  filter: brightness(0) saturate(100%) invert(78%) sepia(51%) saturate(442%) hue-rotate(359deg) brightness(98%) contrast(93%);
}
.auction-list-tiles .auction .auction-content .auction-name {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  color: #3da940;
  margin-bottom: 6px;
}
.auction-list-tiles .auction .auction-content .auction-address {
  font-size: 14px;
  line-height: 1.3;
  color: #000;
}
.auction-list-tiles .auction .auction-content .auction-cadastral span {
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  color: #949494;
  border: 1px solid #949494;
  font-style: initial;
  border-radius: 4px;
  padding: 4px 4px;
  margin-top: 5px;
}
.auction-list-tiles .auction .auction-content .cadastre-name-vs-maakond {
  display: flex;
  flex-wrap: wrap;
}
.auction-list-tiles .auction .auction-content .cadastre-name-vs-maakond div {
  font-size: 14px;
  line-height: 1.3;
  color: #000;
}
.auction-list-tiles
  .auction
  .auction-content
  .cadastre-name-vs-maakond
  div:not(:last-child):after {
  content: ";";
  display: inline-block;
  margin-right: 5px;
}
.one-cadastre .cadastre-name-vs-maakond {
  display: none !important;
}
.auction-list-tiles .auction .auction-parameters {
  padding: 0 0 20px;
  display: flex;
  justify-content: center;
  margin-top: auto;
  background: #fff;
}
.auction-list-tiles .auction .auction-parameters .parameter {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: calc(100% / 3);
  padding: 0 6px;
}
.auction-list-tiles
  .auction
  .auction-parameters
  .parameter
  + .parameter:before {
  content: "";
  width: 1px;
  height: 38px;
  background: #e1e5ed;
  position: absolute;
  left: 0;
}
.auction-list-tiles
  .auction
  .auction-parameters
  .parameter
  .parameter-icon-outer {
  width: 20px;
  height: 20px;
  margin-bottom: 10px;
}
.auction-list-tiles
  .auction
  .auction-parameters
  .parameter
  .parameter-icon-outer
  .parameter-icon {
  display: block;
  width: inherit;
  height: inherit;
}
.auction-list-tiles .auction .auction-parameters .parameter .parameter-label {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.1;
  color: #000;
}
.auction-list-tiles .auction .auction-customer-day {
  /* background: #f7c554; */
  background: #9ca6b1;
  display: flex;
  align-items: center;
  padding: 8px 20px;
  font-size: 14px;
  font-weight: 600;
}
.auction-list-tiles .auction .auction-customer-day img {
  display: block;
  width: 19px;
  height: 19px;
  margin-right: 10px;
}
.auction-list-tiles .auction .auction-customer-day .customer-day-label {
  color: #fff;
}

/* Coming auction in list */

.auction-list-tiles
  .aot-coming
  .auction-content
  .auction-price
  .current-price
  .price-label {
  font-size: 17px;
  line-height: 1;
  height: 43px;
  display: flex;
  align-items: center;
}
.auction-list-tiles .aot-coming .auction-img {
  overflow: hidden;
}
.auction-list-tiles .aot-coming:not(:hover) .auction-img:after {
  content: "";
  background: rgba(255, 255, 255, 0.84)
    url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSIjM2RhOTQwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiPiAgICA8cGF0aCBkPSJNIDYgMCBDIDIuNyAwIDAgMi43IDAgNiBDIDAgOS4zIDIuNyAxMiA2IDEyIEMgOS4zIDEyIDEyIDkuMyAxMiA2IEMgMTIgMi43IDkuMyAwIDYgMCB6IE0gNiAyIEMgOC4yIDIgMTAgMy44IDEwIDYgQyAxMCA4LjIgOC4yIDEwIDYgMTAgQyAzLjggMTAgMiA4LjIgMiA2IEMgMiAzLjggMy44IDIgNiAyIHogTSAxNiAyIEwgMTYgNCBMIDEzLjczODI4MSA0IEMgMTMuOTAzMjgxIDQuNjQgMTQgNS4zMDggMTQgNiBMIDE5IDYgTCAxOSA4IEwgMTMuNzM4MjgxIDggQyAxMy41NTUyODEgOC43MSAxMy4yODA4NzUgOS4zODEgMTIuOTIxODc1IDEwIEwgMTkgMTAgTCAxOS4wMDE5NTMgMjAgTCA1IDIwIEwgNSAxMy45MzE2NDEgQyA0LjMwMSAxMy44NDQ2NDEgMy42MzEgMTMuNjY4MTA5IDMgMTMuNDEyMTA5IEwgMyAyMCBDIDMgMjEuMTAzIDMuODk3IDIyIDUgMjIgTCAxOSAyMiBDIDIwLjEwMyAyMiAyMSAyMS4xMDMgMjEgMjAgTCAyMSA2IEMgMjEgNC44OTcgMjAuMTAzIDQgMTkgNCBMIDE4IDQgTCAxOCAyIEwgMTYgMiB6IE0gNi45MDAzOTA2IDMuMTk5MjE4OCBMIDUuMTk5MjE4OCA2LjA5OTYwOTQgTCA3LjQwMDM5MDYgOC4zMDA3ODEyIEwgOC4zMDA3ODEyIDcuMzAwNzgxMiBMIDYuODAwNzgxMiA1LjkwMDM5MDYgTCA4IDMuODAwNzgxMiBMIDYuOTAwMzkwNiAzLjE5OTIxODggeiIvPjwvc3ZnPg==");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50px 50px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
}

.customer-days-wrap {
  margin-bottom: 40px;
}
.customer-days-wrap .available-customer-day-row {
  text-align: left;
}
.customer-days-wrap .available-customer-day-row + .available-customer-day-row {
  margin-top: 20px;
}
.customer-days-wrap .available-customer-day-row .title {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px;
}
.customer-days-wrap .available-customer-day-row .available-times {
  position: relative;
  margin: 0 0 -10px -10px;
  display: flex;
  flex-wrap: wrap;
  flex: 1;
}
.customer-days-wrap .available-customer-day-row .available-times .time {
  margin: 0 0 10px 10px;
  height: 34px;
  padding: 0 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #fff;
  border: 1px solid #f1c856;
  font-size: 14px;
  border-radius: 4px;
  cursor: pointer;
  user-select: none;
}
.customer-days-wrap .available-customer-day-row .available-times .time:hover {
  background: #f1c856;
  color: #fff;
}
.customer-days-wrap .available-customer-day-row .available-times .time.active {
  background: #f1c856;
  color: #fff;
}
.modal-book-customer-day .form .form-row > label {
  width: 130px;
}
.modal-book-customer-day .form .form-row > div {
  width: 100%;
}
.auction-list-tiles .auction .auction-hover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(61, 169, 64, 0.7);
  justify-content: center;
  padding-top: 100px;
  display: none;
}
.auction-list-tiles .auction:hover .auction-hover {
  display: flex;
}
.auction-list-tiles .auction .auction-hover span {
  display: inline-block;
  background: #f1c856;
  color: #000;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 10px 20px;
  border-radius: 4px;
  align-self: start;
}
.auction-list-tiles .auction .auction-hover span:hover {
  background: #f3d47f;
}

.auction-list-buttons-outer {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.auction-list-buttons-outer a {
  text-transform: none;
  margin: 5px;
}

/*
----- AUCTIONS LIST FILTERS ------
*/

.auction-list-filters {
  width: var(--filtersWidth);
  margin-right: 38px;
  float: left;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.auction-list-filters .auction-type-options {
  padding: 42px 25px 10px;
}
.auction-list-filters .auction-type-options-inner {
  position: relative;
  margin: 0 0 -20px -15px;
  display: flex;
  flex-wrap: wrap;
}
.auction-list-filters .auction-type-options-inner .auction-type {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc(100% / 4 - 15px);
  margin: 0 0 20px 15px;
  text-align: center;
}
.auction-list-filters
  .auction-type-options-inner
  .auction-type
  .auction-type-image {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #d3d3d3;
  display: flex;
  align-items: center;
  justify-content: center;
}
.auction-list-filters
  .auction-type-options-inner
  .auction-type.active
  .auction-type-image {
  background: #3da940;
  border-color: #3da940;
}
.auction-list-filters
  .auction-type-options-inner
  .auction-type
  .auction-type-image
  img {
  display: block;
  width: 26px;
  height: 26px;
}
.auction-list-filters
  .auction-type-options-inner
  .auction-type
  .auction-type-image
  img.is-active {
  display: none;
}
.auction-list-filters
  .auction-type-options-inner
  .auction-type.active
  .auction-type-image
  img.is-active {
  display: block;
}
.auction-list-filters
  .auction-type-options-inner
  .auction-type.active
  .auction-type-image
  img:not(.is-active) {
  display: none;
}
.auction-list-filters
  .auction-type-options-inner
  .auction-type
  .auction-type-label {
  font-size: 14px;
  font-weight: 500;
  color: #797979;
  margin-top: 10px;
  width: 100%;
  /* pt57162: break-word only splits a word that cannot fit on a line of its
     own; "anywhere" also let short labels be chopped. hyphens:auto did nothing
     here anyway, the page carries no lang attribute and Estonian hyphenation
     is not shipped by every browser. */
  overflow-wrap: break-word;
}
.auction-list-filters
  .auction-type-options-inner
  .auction-type.active
  .auction-type-label {
  color: #3da940;
}
.auction-list-filters .transaction-type-filter {
  padding: 15px 25px;
  background: #fff;
  border-bottom: 1px solid #dedede;
}
.auction-list-filters .transaction-type-filter .select-opt {
  margin: 0;
}
.auction-list-filters .auction-type-filter .filter-header {
  display: flex;
  align-items: center;
  height: 62px;
  background: #f0f0f0;
  padding: 0 25px;
  cursor: pointer;
  display: none;
}
.auction-list-filters .auction-type-filter:not(:last-child) .filter-header {
  border-bottom: 1px solid #dedede;
}
.auction-list-filters .auction-type-filter .filter-header.active {
  background: #fff;
  border-bottom: 0 none;
}
.auction-list-filters .auction-type-filter .filter-header .filter-icon {
  width: 22px;
  height: 22px;
  margin-right: 20px;
}
.auction-list-filters .auction-type-filter .filter-header .filter-icon img {
  display: block;
  width: inherit;
  height: inherit;
}
.auction-list-filters .auction-type-filter .filter-header .filter-title {
  font-size: 14px;
  font-weight: 600;
  color: #000;
  margin-right: 15px;
}
.auction-list-filters .auction-type-filter .filter-header .filter-arrow {
  display: block;
  width: 16px;
  height: 16px;
  margin-left: auto;
}
.auction-list-filters .auction-type-filter .filter-header.active .filter-arrow {
  transform: rotate(180deg);
}
.auction-list-filters .auction-type-filter .filter-content {
  padding: 15px 25px 25px;
  display: none;
}
.auction-list-filters
  .auction-type-filter
  .filter-header.active
  + .filter-content {
  display: block;
}
.auction-list-filters .auction-type-filter .filter-content form > * + * {
  margin-top: 20px;
}
.auction-list-filters .auction-type-filter .filter-content .apply-filters {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  border-radius: 2px;
  background-color: #f7c554;
  background-image: url("../icons/search-icon-black.svg");
  background-repeat: no-repeat;
  background-position: left 20px center;
  background-size: 20px 20px;
  padding: 0 30px 0 46px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  color: #000;
  transition: 0.3s background-color;
}
.auction-list-filters
  .auction-type-filter
  .filter-content
  .apply-filters:hover {
  background-color: #f3d47f;
}
.auction-list-sorting.hide-desktop {
  display: none;
}

/*
----- AUCTIONS LIST WITH FILTERS ------
*/

.auction-list-filters + .auction-list-outer {
  width: calc(100% - 354px - 38px);
  float: right;
}
.auction-list-filters + .auction-list-outer .auction-list-tiles .auction {
  width: calc(100% / 3 - 38px);
}
.auction-list-outer {
  display: none;
}
.auction-list-outer.active {
  display: flex;
}
.running-auctions .auction-list-outer.active {
  display: block;
}

/*
-----AUCTIONS LISTS FILTERS TOGGLE IN MOBILE ------
*/

.open-auction-list-filters {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 12px 0;
  cursor: pointer;
  text-align: center;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
  margin-bottom: 30px;
  display: none;
}
.open-auction-list-filters:after {
  display: block;
  content: attr(data-label-open);
}
.open-auction-list-filters.active:after {
  content: attr(data-label-close);
}
.open-auction-list-filters img {
  display: block;
  width: 19px;
  height: 19px;
  margin-right: 8px;
}

/*
----- NICE BAR------
*/

.nice-bar {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-position: center center !important;
}
.nice-bar:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
}
.nice-bar > * {
  position: relative;
  z-index: 1;
}
/*
.nice-bar > div {
	display: flex;
	align-items: flex-end;
	height: 100%;
	padding-bottom: 30px;
}
*/
.nice-bar h1 {
  margin: 0;
  font-size: 26px;
  color: #fff;
}
.nice-bar.special {
  height: auto;
  margin-bottom: 100px;
  z-index: 10;
}
.nice-bar.special:after {
  background: -moz-linear-gradient(
    top,
    rgba(89, 175, 65, 0.5) 0%,
    rgba(74, 180, 98, 1) 66%,
    rgba(66, 183, 115, 1) 99%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(89, 175, 65, 0.5) 0%,
    rgba(74, 180, 98, 1) 66%,
    rgba(66, 183, 115, 1) 99%
  );
  background: linear-gradient(
    to bottom,
    rgba(89, 175, 65, 0.5) 0%,
    rgba(74, 180, 98, 1) 66%,
    rgba(66, 183, 115, 1) 99%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8059af41', endColorstr='#3da940',GradientType=0 );
}
.nice-bar.special > div {
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-end;
  padding: 70px 0;
  z-index: 11;
}
.nice-bar.special .page-desc {
  color: #fff;
  font-size: 20px;
  line-height: 30px;
  margin-top: 50px;
}
.nice-bar.special .page-desc i {
  display: block;
  font-style: normal;
  margin-top: 10px;
}
.nice-bar.special .section-anchor {
  margin-top: 50px;
  position: relative;
  width: 100%;
}
.nice-bar.special .section-anchor > div {
  float: left;
}
.nice-bar.special .section-anchor > div + div {
  margin-left: 20px;
}
.nice-bar.special .section-anchor > div:hover a span {
  border-top: 10px solid #f7c554;
  transition: 0.3s border;
}
.nice-bar.special .section-anchor a {
  display: block;
  float: left;
  color: #000;
  background: #a9d159;
  font-size: 13px;
  font-family: "Lato";
  font-weight: 600;
  padding: 26px 58px;
  position: relative;
  text-transform: uppercase;
}
.nice-bar.special .section-anchor a span {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  border-top: 10px solid #a9d159;
  border-left: 0px solid transparent;
  border-right: 0px solid transparent;
  transition: 0.3s border;
  bottom: -10px;
}
.nice-bar.special .section-anchor a:hover {
  background: #f7c554;
}
.nice-bar.blog {
  padding: 80px 0;
  min-height: 500px;
  display: flex;
  align-items: center;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
}
.nice-bar.blog .blog-header {
  max-width: 910px;
  margin: 0 auto;
}
.nice-bar.blog:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #282d1e00;
}
.nice-bar.blog h1 {
  font-size: 46px;
  color: #f3ca4d;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  position: relative;
}
.nice-bar.blog .lead {
  font-size: 24px;
  text-align: center;
  line-height: 1.4;
  color: #fff;
  margin-top: 30px;
  position: relative;
}
.nice-bar.blog .lead pre {
  font-family: inherit;
  font-size: 18px;
  white-space: normal;
  font-style: italic;
}

/*
----- AUCTION VIEW ------
*/

.auction-view-header {
  background-size: cover;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 60px 0;
  background-color: #000;
}
.auction-view-header.panic-mode-active {
  padding-top: 130px;
}
.auction-view-header:after {
  content: "";
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.auction-view-header .auction-view-header-inner {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2;
}
.auction-view-header .auc-type-icon {
  width: 59px;
  min-width: 59px;
  height: 59px;
  border-radius: 50%;
  margin-right: 28px;
  background-repeat: no-repeat;
  background-size: 34px 34px;
  background-position: center center;
}
.auction-view-header .auc-type-icon.aot-1 {
  background-image: url("../icons/types/type-1-white.svg");
  background-color: #3da940;
}
.auction-view-header .auc-type-icon.aot-2 {
  background-image: url("../icons/types/type-2-white.svg");
  background-color: #a9d159;
}
.auction-view-header .auc-type-icon.aot-3 {
  background-image: url("../icons/types/type-3-white.svg");
  background-color: #f3ca4d;
}
.auction-view-header .auc-type-icon.aot-4 {
  background-image: url("../icons/types/type-4-white.svg");
  background-color: #f3ca4d;
}
.auction-view-header .auc-type-icon.aot-4 {
  background-image: url("../icons/types/type-4-white.svg");
  background-color: #f3ca4d;
}
.auction-view-header .auc-type-icon.aot-5 {
  background-image: url("../icons/types/type-5-white.svg");
  background-color: #f3ca4d;
}
.auction-view-header .auc-type-icon.aot-6 {
  background-image: url("../icons/types/type-6-white.svg");
  background-color: #f3ca4d;
}
.auction-view-header .auc-type-icon.aot-7 {
  background-image: url("../icons/types/type-7-white.svg");
  background-color: #f3ca4d;
}
.auction-view-header .auc-type-icon.aot-8 {
  background-image: url("../icons/types/type-8-white.svg");
  background-color: #f3ca4d;
}
.auction-view-header .auc-type-icon.aot-9 {
  background-image: url("../icons/types/type-9-color.png");
  background-color: #ffffff;
  border: 2px solid #3da940;
}
.auction-view-header .auc-type-icon.aot-10 {
  background-image: url("../icons/types/type-10-white.svg");
  background-color: #0071bc;
}
.auction-view-header .auction-title {
  display: flex;
  position: relative;
}
.auction-view-header .auction-title-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.auction-view-header .auction-title h1 {
  color: #fff;
  font-size: 26px;
  font-weight: 600;
  margin: 0;
}
.auction-view-header .auction-title .auction-address {
  font-size: 16px;
  line-height: 1.2;
  color: #fff;
  margin-top: 20px;
  border: 1px solid #b0b2b7;
  padding: 6px 13px;
  border-radius: 4px;
}
.auction-view-header .auction-title .rent-badge {
  display: inline-block;
  background: #f3ca4d;
  color: #000;
  font-size: 13px;
  font-weight: 500;
  padding: 4px 12px;
  border-radius: 4px;
  margin-top: 10px;
}
.auction-view-header .auction-title .dormant-badge {
  display: inline-block;
  background: #5fa77d;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  padding: 4px 12px;
  border-radius: 4px;
  margin-top: 10px;
  margin-left: 8px;
}
.more-than-three-cadastre .auction-address {
  display: none !important;
}
.more-than-three-cadastre .auction-cadastral {
  display: none !important;
}
.auction-name-vs-county {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin: 20px 0 -10px -10px;
}
.auction-name-vs-county > div {
  font-size: 17px;
  line-height: 1.1;
  padding: 6px 8px;
  color: #fff;
  border: 1px solid #8c8989;
  border-radius: 4px;
  margin: 0 0 10px 10px;
}
.auction-view-header-sub {
  position: relative;
}
.auction-view-header-sub:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background: #42a945;
  width: 50%;
}
.auction-view-header-sub .content-wrapper {
  padding: 0;
  background: #42a945;
}
.auction-view-header-sub .customer-day-wrap {
  display: flex;
  padding: 20px 0;
  position: relative;
}
.auction-view-header-sub .customer-day-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0 !important;
}
.auction-view-header-sub .customer-day-row .customer-day-label {
  color: #fff;
  font-size: 18px;
  line-height: 1.2;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.auction-view-header-sub .customer-day-row .customer-day-label img {
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 23px;
}
.auction-view-header-sub .customer-day-row .customer-day-label div {
  margin-right: 6px;
}
.auction-view-header-sub .customer-day-row .customer-day-label span {
  margin-right: 6px;
  border-bottom: 1px solid #f2c94c;
}

.one-cadastre .auction-name-vs-county {
  display: none;
}
.auction-view-content:not(.auction-view-header-sub) {
  margin-top: -50px;
}
.auction-view-content
  .auction-view-row:not(.main-data-row)
  + .auction-view-row {
  margin-top: 50px;
}
.auction-view-content .object-message {
  margin-bottom: 20px;
  padding: 10px 20px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  background: #ceea97;
}
.auction-view-content .object-message img {
  display: block;
  width: 32px;
  height: 32px;
  margin-right: 20px;
}
.auction-view-content .object-message .text {
  font-weight: 600;
}
.auction-view-content .auction-images {
  margin-bottom: 50px;
}
.auction-view-content .auction-images .main-image {
  position: relative;
  height: 512px;
  overflow: hidden;
}
.auction-view-content .auction-images .main-image a img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  border-radius: 6px;
}
.auction-view-content .auction-images .main-image .open-image {
  position: absolute;
  right: 30px;
  bottom: 24px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.1);
  transition: 0.3s background-color;
}
.auction-view-content .auction-images .main-image:hover .open-image {
  background: rgba(0, 0, 0, 0.45);
}
.auction-view-content .auction-images .main-image .open-image:hover {
  background: rgba(0, 0, 0, 0.6);
}
.auction-view-content .auction-images .main-image .open-image img {
  display: block;
  width: 28px;
  height: 28px;
}
.auction-view-content .auction-images .thumbs {
  margin-top: 10px;
  display: flex;
}
.auction-view-content .auction-images .thumbs .thumbs-inner {
  margin: 0 0 -10px -10px;
  position: relative;
  display: flex;
  flex: 1;
}
.auction-view-content .auction-images .thumbs .thumbs-inner a {
  border-radius: 6px;
  border: 2px solid transparent;
  overflow: hidden;
  width: calc(100% / 5 - 10px);
  margin: 0 0 10px 10px;
}
.auction-view-content .auction-images .thumbs .thumbs-inner a.active {
  border: 2px solid #a9d159;
}
.auction-view-content .auction-images .thumbs .thumbs-inner a img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.auction-view-content .auction-images .thumbs-inner a.thumb-more {
  position: relative;
  cursor: pointer;
}
.auction-view-content .auction-images .thumbs-inner a.thumb-more .thumb-count {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  border-radius: 4px;
  pointer-events: none;
}
.auction-view-content .auction-images .thumbs-inner a.thumb-more:hover .thumb-count {
  background: rgba(0, 0, 0, 0.4);
}
.auction-view-content .auction-main-data {
  display: flex;
  align-items: flex-start;
}
.auction-view-content .auction-main-data .auction-details {
  /* flex: 1; */
  margin-bottom: 50px;
  width: calc(100% - 500px - 50px);
}
.auction-view-content
  .auction-main-data
  .auction-details
  .auction-details-inner
  ~ div {
  margin-top: 50px;
}
.auction-view-content
  .auction-main-data
  .auction-details
  .auction-details-inner {
  display: flex;
  margin: 0 0 -50px -50px;
}
.auction-view-content
  .auction-main-data
  .auction-details
  .auction-details-inner
  + .auction-details-inner {
  margin-top: 50px;
}
.auction-view-content
  .auction-main-data
  .auction-details
  .auction-details-inner
  .details-box {
  margin: 0 0 50px 50px;
}
.auction-view-content
  .auction-main-data
  .auction-details
  .auction-details-inner
  .details-box.auction-overview-box {
  /* width: calc(100% - 350px - 100px); */
  flex: 1;
}
.auction-view-content
  .auction-main-data
  .auction-details
  .auction-details-inner
  .details-box.estate-overview-box {
  flex: 1;
}
.auction-view-content
  .auction-main-data
  .auction-details
  .auction-details-inner
  .details-box.estate-overview-box
  .price-per-m2 {
  font-size: 14px;
  color: #aeaeae;
  margin-left: 10px;
}
.auction-view-content
  .auction-main-data
  .auction-details
  .auction-details-inner
  .details-box.fixed-size {
  width: 350px;
}
.auction-view-content
  .auction-main-data
  .auction-details
  .auction-details-inner
  .details-box.attachments-box {
  position: relative;
}
.auction-view-content
  .auction-main-data
  .auction-details
  .auction-details-inner
  .details-box.attachments-box:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 44px;
  background: rgb(255, 255, 255);
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.5074404761904762) 5%,
    rgba(255, 255, 255, 0.6110819327731092) 10%,
    rgba(255, 255, 255, 0.8211659663865546) 20%,
    rgba(255, 255, 255, 0.8995973389355743) 30%,
    rgba(255, 255, 255, 0.9724264705882353) 40%,
    rgba(255, 255, 255, 1) 50%
  );
}
.auction-view-content
  .auction-main-data
  .auction-details
  .content-customer-day {
  display: flex;
  background: #f3f3f3;
  padding: 10px 20px;
  border-radius: 5px;
  margin-top: 40px !important;
}
.auction-view-content
  .auction-main-data
  .auction-details
  .content-customer-day
  .customer-day-label {
  display: flex;
  align-items: center;
  padding-right: 20px;
  margin-right: auto;
}
.auction-view-content
  .auction-main-data
  .auction-details
  .content-customer-day
  .customer-day-label
  img {
  width: 24px;
  height: 24px;
  margin-right: 6px;
}
.auction-view-content
  .auction-main-data
  .auction-details
  .content-customer-day
  .customer-day-label
  div {
  margin-right: 6px;
}
.auction-view-content
  .auction-main-data
  .auction-details
  .content-customer-day
  .customer-day-label
  span {
  font-weight: 600;
  border-bottom: 1px solid #f2c94c;
  margin-bottom: -2px;
}
.auction-view-content .details-box {
  display: flex;
  flex-direction: column;
  border: 2px solid #dedede;
}
.auction-view-content .details-box.estate-overview-box {
  margin-top: 30px;
}
.auction-view-content .details-box.estate-inquiry-box {
  margin-top: 40px;
}
.auction-view-content .view-details .details-row.multiple .details-box {
  margin: 0 0 50px 50px;
}
.auction-view-content .details-box .details-box-title {
  position: absolute;
  font-size: 18px;
  font-weight: 600;
  margin-left: 17px;
  padding: 0 8px;
  background: #fff;
  margin-top: -17px;
  align-self: flex-start;
  margin-right: 14px;
}
.auction-view-content .details-box .details-box-inner {
  display: flex;
  flex-direction: column;
  margin-top: 15px;
  flex: 1;
}
.auction-view-content .details-box .row {
  display: flex;
}
.auction-view-content .details-box .row:nth-child(1):last-child {
  margin-bottom: 15px;
}
.auction-view-content .details-box:not(.attachments-box) .row:nth-child(even) {
  background: #f5f5f5;
}
.auction-view-content .details-box .row > div {
  padding: 10px 12px;
}
.auction-view-content .details-box .row .label {
  width: 160px;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 600;
}
.auction-view-content .last-offers .row .label {
  font-weight: normal;
}
.auction-view-content .details-box .row .value {
  font-size: 14px;
  line-height: 1.2;
  flex: 1;
}
.auction-view-content .last-offers .row .value {
  text-align: right;
}
.auction-view-content .details-box .row .value + .label {
  border-left: 1px solid #dedede;
}
/* pt58195 the VAT note as a small line under the price at the top of the auction page */
.auction-price-vat-text {
  font-size: 11px;
  text-transform: uppercase;
}
/* pt58195 the same note in the bid and buy-now windows */
.notification-modal .vat-info {
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  white-space: nowrap;
}
.auction-view-content .details-box .row .value .vat-info {
  font-size: 10px;
  line-height: 1;
  color: #9a9a9a;
  text-transform: uppercase;
  margin-left: 4px;
}
.auction-view-content .details-box.estate-overview-box .row .label {
  display: flex;
  align-items: center;
}
.auction-view-content
  .details-box.estate-overview-box
  .row
  .label
  .parameter-icon
  img {
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.auction-view-content .details-box .details-box-message {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding-bottom: 35px;
}
.auction-view-content .details-box .details-box-message .message-icon {
  display: block;
  width: 72px;
  height: 72px;
}
.auction-view-content .details-box .details-box-message .message {
  font-size: 16px;
  line-height: 1.2;
  color: #505050;
  width: 100%;
  max-width: 220px;
  text-align: center;
  margin-top: 5px;
}
.auction-view-content .details-box .plain-content {
  padding: 10px 25px 25px;
  color: #5a5a5a;
}
.auction-view-content .details-box .scrollable {
  /* max-height: 156px; */
  height: 156px;
  overflow: hidden;
  overflow-y: auto;
  flex: initial;
}
.auction-view-content .details-box .plain-content > p {
  margin-top: 0;
}
.auction-view-content .details-box .plain-content > p:last-child {
  margin-bottom: 0;
}
.auction-view-content .details-box .attachment {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.auction-view-content .details-box .attachment + .attachment {
  margin-top: 9px;
}
.auction-view-content .details-box .pdf-icon {
  background: url("../icons/pdf-icon-green.svg") no-repeat top -1px left;
  background-size: 20px 20px;
  padding: 0 0 0 28px;
  color: #000;
}
.auction-view-content .details-box .attachments-bordered-outer {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin: 0 0 -16px -16px;
}
.auction-view-content
  .details-box
  .attachments-bordered-outer
  .attachment-bordered {
  border: 1px solid #edecef;
  padding: 10px 12px;
  border-radius: 4px;
  margin: 0 0 16px 16px;
  box-shadow: 0 0 3px rgb(177, 177, 177, 0.27);
}
.auction-view-content
  .details-box
  .attachments-bordered-outer
  .attachment-bordered
  a {
  font-size: 14px;
  line-height: 1.1;
}
.auction-view-content
  .details-box
  .attachments-bordered-outer
  .attachment-bordered
  .pdf-icon {
  background-position: top 1px left;
}
.auction-view-content .details-box .plain-content .gallery {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin: 0 0 -20px -20px;
}
.auction-view-content .details-box .plain-content .gallery a {
  margin: 0 0 20px 20px;
}
.auction-view-content .details-box .plain-content .gallery a img {
  display: block;
  width: 170px;
  height: 135px;
  object-fit: cover;
  border-radius: 5px;
}
.auction-view-content .details-box .question-text-box {
  display: flex;
  align-items: center;
  padding: 10px 20px;
  border-radius: 4px;
  background: #f3f3f3;
  margin-bottom: 30px;
}
.auction-view-content .details-box .question-text-box img {
  display: block;
  width: 36px;
  height: 36px;
  margin-right: 20px;
}
.auction-view-content .details-box .question-text-box .text {
  color: #000;
  font-weight: 600;
  font-size: 14px;
}
.auction-view-content .details-box table {
  width: 100%;
  border-collapse: collapse;
}
.auction-view-content .details-box table tbody tr:hover td {
  background: #f5f5f5;
}
.auction-view-content .details-box table th {
  text-align: left;
  font-weight: normal;
  font-size: 14px;
  color: #959595;
  padding: 5px 0;
}
.auction-view-content .details-box table td {
  padding: 5px 0;
  border-bottom: 1px solid #eee;
  font-size: 14px;
}
.auction-view-content .details-box .scrollable-outer {
  overflow: hidden;
  overflow-x: auto;
}
.auction-view-content .details-box .scrollable-outer table {
  min-width: 580px;
}
.auction-view-content .auction-qa .section-title {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 30px;
}

/* Q&A Item Container */
.auction-view-content .auction-qa .item {
  padding: 28px 0;
  border-bottom: 1px solid #a9d159;
  background: none !important;
  box-shadow: none !important;
}
.auction-view-content .auction-qa .item:first-child {
  padding-top: 8px;
}
.auction-view-content .auction-qa .item:last-child {
  border-bottom: none;
}

/* Unanswered State - removed border for more minimalist look */

/* Question Header */
.auction-view-content .auction-qa .question-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  gap: 16px;
}
.auction-view-content .auction-qa .question-meta {
  font-size: 13px;
  color: #666;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.auction-view-content .auction-qa .question-meta strong {
  color: #333;
}

/* Badges */
.auction-view-content .auction-qa .badge {
  display: inline-block;
  padding: 0 4px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  color: #999;
}
.auction-view-content .auction-qa .badge.private {
  color: #888;
}
.auction-view-content .auction-qa .badge.private:before {
  content: "• ";
}
.auction-view-content .auction-qa .badge.unanswered {
  color: #333;
  font-weight: 600;
}
.auction-view-content .auction-qa .badge.unanswered:before {
  content: "• ";
}

/* Delete Button */
.auction-view-content .auction-qa .btn-delete {
  background: transparent;
  color: #ccc;
  border: none;
  padding: 4px 8px;
  cursor: pointer;
  font-size: 12px;
  transition: color 0.2s ease;
}
.auction-view-content .auction-qa .btn-delete:hover {
  color: #dc3545;
}

/* Question Text */
.auction-view-content .auction-qa .item .question-text {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  color: #1a1a1a;
  margin-bottom: 20px;
}

/* Answer Container */
.auction-view-content .auction-qa .item .answer-container {
  margin-top: 20px;
  padding-top: 20px;
  padding-left: 24px;
  border-top: 1px solid #f0f0f0;
  display: block;
}
.auction-view-content .auction-qa .item .answer-header {
  display: flex;
  align-items: baseline;
  margin-bottom: 12px;
  gap: 8px;
}
.auction-view-content .auction-qa .item .answer-header .person-name {
  font-size: 13px;
  font-weight: 500;
  color: #666;
}
.auction-view-content .auction-qa .item .answer-header .time {
  font-size: 12px;
  color: #999;
  font-weight: 400;
}
.auction-view-content .auction-qa .item .answer-text {
  font-size: 15px;
  line-height: 1.6;
  color: #333;
}

/* Q&A Form Styles */
.auction-view-content .estate-inquiry-box .form .form-row {
  margin-bottom: 10px;
}
.auction-view-content .estate-inquiry-box .form input[type="text"],
.auction-view-content .estate-inquiry-box .form input[type="email"],
.auction-view-content .estate-inquiry-box .form textarea {
  background-color: #ffffff;
  border: 1px solid #e8e8e8;
}
.auction-view-content .estate-inquiry-box .form input[type="text"],
.auction-view-content .estate-inquiry-box .form input[type="email"] {
  padding: 0 12px;
}
.auction-view-content .estate-inquiry-box .form textarea {
  padding: 12px;
}
.auction-view-content .estate-inquiry-box .green-btn {
  width: auto;
  display: inline-block;
}
.auction-view-content .estate-inquiry-box .plain-content > div > p {
  font-size: 19px;
  font-weight: 500;
}

.auction-view-content .auction-right-block {
  width: 500px;
  margin-left: 50px;
  flex-shrink: 0;
}
.auction-view-content .auction-right-block .auction-actions {
  margin-top: -140px;
  /* position: sticky; */
  /* top: 100px; */
  position: relative;
  z-index: 2;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  background: #fff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  overflow: hidden;
}
.auction-view-content
  .auction-right-block
  .auction-actions
  .auction-price-data {
  height: 120px;
  background: #f0f0f0;
  border-top: 10px solid #f3ca4d;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  display: flex;
}
/*
  pt57126: the countdown loses the "N päeva" part once under a day is left, and in the
  narrow "Oksjoni lõpuni" column the longer form wrapped onto a second line, so the box
  under it jumped up by a line the moment an auction crossed the 24 hour mark. The
  countdown is always one line now, which keeps every state the same height.
*/
.auction-view-content .live-end-timestamp-data {
  white-space: nowrap;
}
.auction-view-content
  .auction-right-block
  .auction-actions
  .auction-price-data
  .data-column {
  width: 50%;
  display: flex;
  align-items: center;
  padding-left: 20px;
}
.auction-view-content
  .auction-right-block
  .auction-actions
  .auction-price-data
  .data-column
  + .data-column {
  border-left: 1px solid #dedede;
}
.auction-view-content
  .auction-right-block
  .auction-actions
  .auction-price-data
  .data-column
  img {
  display: block;
  width: 48px;
  height: 48px;
  margin-right: 14px;
}
.auction-view-content
  .auction-right-block
  .auction-actions
  .auction-price-data
  .data-column
  .label {
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
}
.auction-view-content
  .auction-right-block
  .auction-actions
  .auction-price-data
  .data-column
  .value {
  font-size: 24px;
  font-weight: 600;
  line-height: 1;
  color: #3da940;
  margin-top: 4px;
}
.auction-view-content
  .auction-right-block
  .auction-actions
  .auction-price-data
  .data-column
  .value
  i {
  font-style: normal;
}
.auction-endtime-text 
{
  position: absolute;
  width: 300px;
  font-size: 12px;
  right: -73px;
  top: 92px;
  color: #4f4f4f;
}
@media screen and (max-width: 1600px) {
  .auction-endtime-text 
  {
	position: absolute;
  	width: 300px;
  	font-size: 11px;
  	right: -109px;
  	top: 80px;
  	color: #4f4f4f;
  }
}
@media screen and (max-width: 980px) {
  .auction-endtime-text 
  {
  	position: static;
  }
}
.auction-view-content .auction-right-block .auction-actions .deposit-message {
  padding: 20px;
  text-align: center;
  background: #ceea97;
  font-size: 14px;
  line-height: 1.2;
}
.auction-view-content .auction-right-block .auction-actions .auction-bet {
  background: #fff;
  padding: 35px 55px;
  /* box-shadow: 0 0 10px rgba(0,0,0,.1); */
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  position: relative;
}
.auction-view-content .auction-right-block .auction-actions .auction-bet.has-dormant-overlay {
  padding-top: 70px;
  padding-bottom: 50px;
}
.auction-view-content .auction-right-block .auction-actions .auction-bet .dormant-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 35px 55px;
  background-color: rgba(0, 0, 0, 0.78);
  color: #fff;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  z-index: 50;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.auction-view-content .auction-right-block .auction-actions .auction-bet .dormant-overlay h2 {
  color: #fff;
  text-align: center;
  margin: 0 0 15px 0;
  font-size: 22px;
}
.auction-view-content .auction-right-block .auction-actions .auction-bet .dormant-overlay p {
  color: #fff;
  font-size: 14px;
  line-height: 1.5;
  margin: 0 0 12px 0;
}
.auction-view-content .auction-right-block .auction-actions .auction-bet .dormant-overlay a {
  color: #3da940;
  text-decoration: underline;
}
.auction-view-content .auction-right-block .auction-actions .auction-bet .dormant-overlay .green-btn {
  margin: 25px auto 0 auto;
  display: block;
}
.auction-view-content
  .auction-right-block
  .auction-actions
  .notification-block
  + .auction-bet {
  padding-top: 0;
}
.auction-view-content
  .auction-right-block
  .auction-actions
  .auction-bet
  .title {
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 25px;
}
.auction-view-content
  .auction-right-block
  .auction-actions
  .auction-bet
  .title
  + button {
  margin-bottom: 10px;
}
.auction-view-content
  .auction-right-block
  .auction-actions
  .auction-bet
  .offer-price {
  display: flex;
  flex-direction: column;
}
.auction-view-content
  .auction-right-block
  .auction-actions
  .auction-bet
  .offer-price-inner {
  height: 50px;
  border-radius: 2px;
  overflow: hidden;
  display: flex;
  margin-bottom: 20px;
}
.auction-view-content
  .auction-right-block
  .auction-actions
  .auction-bet
  .offer-price
  input {
  height: inherit;
  padding: 0 22px;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  border-left: 1px solid #dedede;
  width: 100%;
  color: #000;
  font-size: 22px;
  font-weight: 600;
  border-radius: 0;
  box-shadow: none;
  -webkit-appearance: none;
}
.auction-view-content
  .auction-right-block
  .auction-actions
  .auction-bet
  .offer-price
  .input-buttons {
  height: inherit;
  width: 50px;
  min-width: 50px;
}
.auction-view-content
  .auction-right-block
  .auction-actions
  .auction-bet
  .offer-price
  .input-buttons
  .button {
  height: calc(100% / 2);
  width: inherit;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px 16px;
  background-color: #3da940;
  cursor: pointer;
  transition: 0.3s background-color;
}
.auction-view-content
  .auction-right-block
  .auction-actions
  .auction-bet
  .offer-price
  .input-buttons
  .button:hover {
  background-color: #4bc37e;
}
.auction-view-content
  .auction-right-block
  .auction-actions
  .auction-bet
  .offer-price
  .input-buttons
  .button.increase {
  background-image: url("../icons/arrow-up-icon-white.svg");
}
.auction-view-content
  .auction-right-block
  .auction-actions
  .auction-bet
  .offer-price
  .input-buttons
  .button.decrease {
  background-image: url("../icons/arrow-down-icon-white.svg");
}
.auction-view-content
  .auction-right-block
  .auction-actions
  .auction-bet
  .offer-price
  .flat-yellow {
  height: 50px;
  padding: 0 20px;
  border-radius: 2px;
  background: #f1c856;
  border: 2px solid transparent;
  color: #000;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  transition: 0.3s all;
}
.auction-view-content
  .auction-right-block
  .auction-actions
  .auction-bet
  .offer-price
  .flat-yellow:hover {
  background: #fff;
  border: 2px solid #f1c856;
}
.auction-view-content .auction-right-block .deposit-note {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 10px;
  /* background: #fdf6e1; */
}
.auction-view-content .auction-right-block .deposit-note img {
  display: block;
  width: 18px;
  height: 18px;
  margin-right: 5px;
  position: relative;
  top: -1px;
}
.auction-view-content .auction-right-block .deposit-note .text {
  font-size: 13px;
  line-height: 1.2;
  color: #686868;
}
.auction-view-content .auction-right-block .bid-help-link {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 10px;
  /* background: #fdf6e1; */
}
.auction-view-content .auction-right-block .bid-help-link img {
  display: block;
  height: 30px;
  margin-right: 7px;
  position: relative;
  top: 6px;
}
.auction-view-content .auction-right-block .bid-help-link .text {
  font-size: 13px;
  line-height: 1.2;
  color: #686868;
  text-decoration: underline;
}

.auction-view-content
  .auction-right-block
  .auction-actions
  .auction-bet
  .bet-information-data {
  display: flex;
  justify-content: center;
  margin: 30px -15px 0;
}
.auction-view-content
  .auction-right-block
  .auction-actions
  .auction-bet
  .bet-information-data
  .data-column {
  display: flex;
  margin: 0 15px;
  width: calc(100% / 2 - 15px);
}
.auction-view-content
  .auction-right-block
  .auction-actions
  .auction-bet
  .bet-information-data
  .data-column
  + .data-column:before {
  content: "";
  position: relative;
  left: -15px;
  border-left: 1px solid #dedede;
}
.auction-view-content
  .auction-right-block
  .auction-actions
  .auction-bet
  .bet-information-data
  .data-column
  img {
  width: 40px;
  min-width: 40px;
  height: 40px;
  margin-right: 10px;
}
.auction-view-content
  .auction-right-block
  .auction-actions
  .auction-bet
  .bet-information-data
  .data-column
  .column-content
  .label {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  color: #a9d159;
}
.auction-view-content
  .auction-right-block
  .auction-actions
  .auction-bet
  .bet-information-data
  .data-column
  .column-content
  .value {
  font-size: 14px;
  font-weight: 600;
  color: #000;
  margin-top: 3px;
}
.auction-view-content
  .auction-right-block
  .auction-actions
  .auction-bet
  .buy-now {
  margin-top: 30px;
}
.auction-view-content
  .auction-right-block
  .auction-actions
  .auction-bet
  .buy-now.timeless {
  margin-top: 0px;
}
/* pt57126: the amount and the euro sign are separate spans here, so the gap comes from CSS */
.auction-view-content
  .auction-right-block
  .auction-actions
  .auction-bet
  .buy-now
  .buy-now-price
  .currency {
  margin-left: 4px;
}
.auction-view-content
  .auction-right-block
  .auction-actions
  .auction-bet
  .btn-low-bid {
  margin-top: 30px;
}
.auction-view-content
  .auction-right-block
  .auction-actions
  .auction-bet
  .flat-white {
  width: 100%;
  height: 50px;
  padding: 0 20px;
  background: #fff;
  border-radius: 2px;
  border: 2px solid #f1c856;
  color: #000;
  font-size: 14px;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 600;
  transition: 0.3s all;
}
.auction-view-content
  .auction-right-block
  .auction-actions
  .auction-bet
  .flat-green {
  width: 100%;
  height: 50px;
  padding: 0 20px;
  background: #3da940;
  border-radius: 2px;
  color: #fff;
  font-size: 13px;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 600;
  transition: 0.3s all;
}
.auction-view-content
  .auction-right-block
  .auction-actions
  .auction-bet
  .flat-white:hover {
  background: #f1c856;
}
.auction-view-content
  .auction-right-block
  .auction-actions
  .auction-bet
  .flat-green:hover {
  background: #5bbd84 !important;
}
.auction-view-content
  .auction-right-block
  .auction-actions
  .auction-bet
  .buy-now
  + .btn-low-bid {
  margin-top: 0;
}
.auction-view-content .auction-right-block .auction-user-buttons {
  position: relative;
  padding: 0 10px;
}
.auction-view-content
  .auction-right-block
  .auction-user-buttons
  .auction-user-buttons-content {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 0;
}
.auction-view-content
  .auction-right-block
  .auction-user-buttons
  .auction-user-buttons-content.two-buttons > div {
  flex: 1;
  display: flex;
}
.auction-view-content
  .auction-right-block
  .auction-user-buttons
  .auction-user-buttons-content.two-buttons > div > form {
  margin: 0;
  flex: 1;
  display: flex;
}
.auction-view-content
  .auction-right-block
  .auction-user-buttons
  .auction-user-buttons-content.two-buttons .follow,
.auction-view-content
  .auction-right-block
  .auction-user-buttons
  .auction-user-buttons-content.two-buttons .share-button {
  flex: 1;
  width: 100%;
  box-sizing: border-box;
}
.auction-view-content .auction-right-block .details-box.last-offers {
  margin: 40px 0 30px;
}
.auction-view-content
  .auction-right-block
  .details-box.last-offers
  .details-box-inner {
  max-height: 190px;
  overflow: hidden;
  overflow-y: auto;
  display: block;
}
.auction-view-content .auction-right-block .location-on-map {
  box-shadow: 0 0 5px rgb(0 0 0 / 10%);
  margin: 30px 0 10px;
}
.auction-view-content .auction-right-block .location-on-map img {
  display: block;
  width: 100%;
  height: 250px;
  object-fit: cover;
}
.auction-view-content .auction-right-block .location-map-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}
.auction-view-content .auction-agent {
  padding: 30px 40px;
  margin-top: 30px;
  box-shadow: 0 0 5px rgb(0 0 0 / 10%);
}
.auction-view-content .auction-agent.timeless {
  margin-top: 0px;
}
.auction-view-content .auction-agent .title {
  font-size: 22px;
  font-weight: 600;
}
.auction-view-content .auction-agent .contact-box {
  display: flex;
  margin-top: 20px;
}
.auction-view-content .auction-agent .contact-box .agent-img {
  display: block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  margin-right: 22px;
}
.auction-view-content .auction-agent .contact-box .agent-data {
  padding-top: 4px;
  display: flex;
  flex-direction: column;
}
.auction-view-content .auction-agent .contact-box .agent-data .agent-name {
  font-size: 18px;
  font-weight: 600;
}
.auction-view-content .auction-agent .contact-box .agent-data .agent-company {
  font-size: 14px;
  margin-bottom: 15px;
}
.auction-view-content .auction-agent .contact-box .agent-data .contact-opt {
  display: flex;
}
.auction-view-content
  .auction-agent
  .contact-box
  .agent-data
  .contact-opt
  + .contact-opt {
  margin-top: 4px;
}
.auction-view-content .auction-agent .contact-box .agent-data .contact-opt img {
  display: block;
  width: 16px;
  height: auto;
  margin-right: 8px;
}
.auction-view-content .auction-agent .contact-box .agent-data .contact-opt a {
  font-size: 15px;
  font-weight: 500;
  color: #000;
}
.auction-view-content .auction-agent .contact-box .agent-data .box-cta {
  margin-top: 15px;
  align-self: flex-start;
}
.auction-view-content .cadastral-data {
  border-left: 5px solid #3da940;
}
.auction-view-content .cadastral-data .cadastral-content {
  display: flex;
}
.auction-view-content .cadastral-data .cadastral-tabs {
  flex: 1;
  width: 100%;
}
.auction-view-content .cadastral-data .cadastral-tabs .tab-content {
  display: none;
}
.auction-view-content .cadastral-data .cadastral-tabs .tab-content.active {
  display: block;
}
.auction-view-content .cadastral-data .cadastral-tabs .tab-header {
  width: 100%;
  height: 50px;
  display: flex;
  border-bottom: 2px solid #dedede;
}
.auction-view-content .cadastral-data .cadastral-tabs .tab-header .tab-option {
  height: inherit;
  display: flex;
  align-items: center;
  padding: 0 20px;
  font-size: 14px;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 600;
  /*cursor: pointer;*/
  border-top: 2px solid #dedede;
  border-right: 2px solid #dedede;
  border-top-right-radius: 5px;
  min-width: 25%;
  cursor: pointer;
}
.auction-view-content .cadastral-data .cadastral-tabs .tab-header .tab-option:nth-child(1) .tab-title {

  font-weight: 300;
  font-size: 0.8rem;
}
.auction-view-content .cadastral-data .cadastral-tabs .tab-header .tab-option .tab-title {

  font-weight: 300;
  font-size: 0.7rem;
}
.auction-view-content .cadastral-data .cadastral-tabs .tab-header .tab-option.active .tab-title {
  font-weight: 600;
  font-size: 0.7rem;
}
.auction-view-content .cadastral-data .cadastral-tabs .tab-header .tab-option:nth-child(1).active .tab-title {
  font-weight: 600;
  font-size: 0.9rem;
}
.auction-view-content
  .cadastral-data
  .cadastral-tabs
  .tab-header
  .tab-option.active {
  background: #fff;
  border-bottom: 2px solid #fff;
}
.auction-view-content
  .cadastral-data
  .cadastral-tabs
  .tab-header
  .tab-option
  .tab-title {
  margin-right: 6px;
}
.auction-view-content
  .cadastral-data
  .cadastral-tabs
  .tab-header
  .tab-option
  span {
  font-size: 13px;
  font-weight: 600;
  color: #767676;
  margin-left: 8px;
  position: relative;
}
.auction-view-content
  .cadastral-data
  .cadastral-tabs
  .tab-header
  .tab-option
  .expand {
  display: none;
}
.auction-view-content
  .cadastral-data
  .cadastral-tabs
  .tab-header
  .cadastral-parameters-header {
  display: none;
}
.auction-view-content .cadastral-data .cadastral-tabs .tab-content {
  padding: 20px 0 20px 20px;
}
.auction-view-content
  .cadastral-data
  .cadastral-tabs
  .object-data-section
  + .object-data-section {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #ececec;
}
.auction-view-content
  .cadastral-data
  .cadastral-tabs
  .object-data-section
  .section-label {
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 26px;
}
.auction-view-content
  .cadastral-data
  .cadastral-tabs
  .object-data-section
  .section-parameters {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin: 0 0 -20px -50px;
}
.auction-view-content
  .cadastral-data
  .cadastral-tabs
  .object-data-section
  .section-parameters
  .parameter {
  width: calc(100% / 4 - 50px);
  margin: 0 0 20px 50px;
  display: flex;
}
.auction-view-content
  .cadastral-data
  .cadastral-tabs
  .object-data-section
  .section-parameters
  .parameter
  .parameter-icon
  img {
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 20px;
}
.auction-view-content
  .cadastral-data
  .cadastral-tabs
  .object-data-section
  .section-parameters
  .parameter
  .parameter-label {
  font-size: 14px;
  line-height: 1.2;
  font-weight: 400;
}
.auction-view-content .cadastral-data .terms-content {
  padding: 20px 12px 40px;
}
.auction-view-content .cadastral-data .terms-content .terms-content-title {
  font-size: 19px;
  font-weight: 600;
}
.auction-view-content .cadastral-data .terms-content .plain-content {
  margin-top: 10px;
}
.auction-view-content
  .auction-view-row.collapsed
  .cadastral-data
  .cadastral-tabs
  .tab-content,
.auction-view-content
  .auction-view-row.collapsed
  .cadastral-data
  .cadastral-image,
.auction-view-content
  .auction-view-row.collapsed
  .cadastral-data
  .cadastral-bottom,
.auction-view-content .auction-view-row .cadastral-parameters-header {
  display: none;
}
.auction-view-content
  .auction-view-row.collapsed
  + .auction-view-row.collapsed {
  margin-top: 30px;
}
.auction-view-content
  .auction-view-row
  .cadastral-tabs
  .tab-header
  .tab-option
  .expand {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("../icons/arrow-up-filled-icon-gray.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  margin-left: auto;
}
.auction-view-content
  .auction-view-row.collapsed
  .cadastral-tabs
  .tab-header
  .tab-option
  .expand {
  transform: rotate(-180deg);
}
.more-similar-auctions {
  margin-top: 40px;
}

/*
----- ABOUT COMPANY SUB PAGE ------
*/

.img-cols {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin: 0 0 -20px -40px;
}
.img-cols .col {
  margin: 0 0 20px 40px;
  display: flex;
}
.img-cols .col > img {
  display: block;
  width: 100px;
  height: 100px;
}
.img-cols .col .text-container {
  padding-top: 15px;
  padding-left: 15px;
}
.img-cols .col .text-container .highlighted-text {
  font-size: 30px;
  font-weight: 600;
  color: #3da940;
}
.img-cols .col .text-container .text {
  margin-top: 10px;
  font-size: 17px;
  color: #848484;
}

/*
----- AUCTION NOTIFICATION ------
*/

.notification-block .autobid-max {
  font-size: 14px;
  color: #3ea941;
}
.notification-block {
  display: flex;
  background: #fff;
  padding: 0;
  border-radius: 2px;
  opacity: 0;
  font-size: 25px;
  text-align: center;
  margin: 30px 55px;
  animation: notification-animation 0.3s 0.3s cubic-bezier(0, 0.8, 0.32, 1.07)
    forwards;
}
.notification-block .notification-icon {
  width: 60px;
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.notification-block .notification-icon i {
  font-size: 32px;
  color: #fff;
}
.notification-block .notification-message {
  color: #000;
  padding: 20px;
  flex: 1;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 16px;
  font-weight: 600;
}
.notification-block .notification-message .message {
  font-size: 16px;
  font-weight: 600;
}
.notification-block .notification-message .message-btn {
  margin-left: 15px;
}
.notification-block.yellow {
  border: 2px solid #f7c554;
}
.notification-block.yellow .notification-icon {
  background: #f7c554;
}
.notification-block.green {
  border: 2px solid #3da940;
}
.notification-block.green .notification-icon {
  background: #3da940;
}
.notification-block.auction-subscribed {
  background: #3da940;
  color: #fff;
}
.notification-block .sign-auction {
  display: inline-flex;
  font-size: 14px;
  padding: 5px 13px;
  text-transform: uppercase;
  animation: dow-pulse 1s infinite;
}

/*
----- MAIN PAGE CONSULT SECTION ------
*/

.consult {
  height: 411px;
  background: #0f993f url("../img/consult-bg.png") no-repeat left top;
  background-size: contain;
}
.consult > div {
  height: inherit;
}
.consult .consult-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-left: auto;
  height: inherit;
  width: 515px;
}
.consult .consult-text h2 {
  color: #fff;
  font-size: 45px;
  margin: 0 0 10px;
}
.consult .consult-text p {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
  color: #fff;
  margin: 10px 0 0;
}
.consult .consult-text .section-btn-outer {
  margin-top: 30px;
  justify-content: flex-start;
}
section .section-btn {
  display: block;
  background: #f7c554;
  color: #000;
  font-weight: 600;
  padding: 9px 25px;
  text-transform: uppercase;
  font-size: 14px;
  border-radius: 4px;
  transition: 0.3s all;
  cursor: pointer;
}

/*
----- MAIN PAGE LEAVE CONTACTS SECTION ------
*/

.leave-contacts {
  padding: 60px 0;
  background: #fff;
}
.leave-contacts .start-form {
  padding: 0 !important;
  background: none;
}
.leave-contacts .section-inner {
  display: flex;
}
.leave-contacts .form-container {
  flex: 1;
  scroll-margin-top: 110px;
  flex-direction: column;
}
.leave-contacts .form-container-outer {
  position: relative;
  width: 1200px;
  max-width: 100%;
  margin-inline: auto;
  margin-top: 30px;
}
.leave-contacts .form-container .section-title {
  font-size: 32px;
  font-weight: 600;
  line-height: 1.1;
  margin-bottom: 10px;
  color: #6f6c6c;
  text-align: center;
}
.leave-contacts .form-container .section-subtitle {
  color: #6f6c6c;
  font-size: 20px;
  line-height: 1.4;
  text-align: center;
}
.leave-contacts .form-wrapper .form-container {
  padding-right: 380px;
}
.form-wrapper .input-container b {
  display: none;
}
.leave-contacts .form-container .form .form-row > div b {
  display: none;
}
.leave-contacts .form-container .form .form-row > div > button {
  width: auto;
}
.leave-contacts .form-wrapper .contact-container {
  display: none;
}
.leave-contacts .form-container .form-bg {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  opacity: .4;
}
.leave-contacts .newsletter {
  margin-top: 80px;
}

/*
----- NEWSLETTER ------
*/

.sec-newsletter {
  padding: 40px 0;
}

/*
----- MAIN PAGE WHY US SECTION ------
*/

.buying-help-header + .how {
  padding-top: 230px;
}
.how {
  padding: 70px 0;
}
.why-us .section-title {
  font-size: 34px;
  font-weight: 600;
  line-height: 1.6;
  margin: 0 0 60px;
  text-align: center;
}
.why-us .higher-price-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.why-us .higher-price-container .text-container {
  width: 620px;
  max-width: 100%;
  padding-left: 45px;
  padding-right: 45px;
}
.why-us .higher-price-container h3 {
  color: #000;
  font-size: 30px;
  font-weight: 500;
  margin: 0 0 20px;
  display: flex;
  align-items: center;
  font-weight: 600;
}
.why-us .higher-price-container h3:before {
  content: "\f101";
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #f3ca4d;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  margin-right: 15px;
}
.why-us .higher-price-container p {
  font-size: 18px;
  line-height: 1.4;
}
.higher-price-list-container {
  width: 800px;
  max-width: 100%;
  display: flex;
  position: relative;
  gap: 0;
}
@media screen and (max-width: 1400px) {
  .higher-price-list-container {width: 600px;}
}
.higher-price-list-container img {
  display: block;
  width: 100%;
  height: auto;
}
.higher-price-list-container .owl-prev,
.higher-price-list-container .owl-next {
  position: absolute;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  background: #fff;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: 0.3s all ease-in-out;
  color: #a8a8a8;
  bottom: 44px;
}
.higher-price-list-container .owl-next:after {
  background: url("../icons/forward-icon-gray.svg") no-repeat center center;
}
.higher-price-list-container .owl-prev:after {
  content: "";
  background: url("../icons/back-icon-gray.svg") no-repeat center center;
}
.higher-price-list-container .owl-prev:after,
.higher-price-list-container .owl-next:after {
  content: "";
  width: inherit;
  height: inherit;
  background-size: 20px 20px;
}
.higher-price-list-container .owl-prev span,
.higher-price-list-container .owl-next span {
  display: none;
}
.higher-price-list-container .owl-prev {
  left: 0;
}
.higher-price-list-container .owl-next {
  right: 0;
}
.higher-price-list-container .item {
  margin-top: 22px;
}
.higher-price-list-container .item {
  display: block;
  width: 100%;
}
.higher-price-list-container .item .image-container {
  height: 170px;
  position: relative;
}
.higher-price-list-container .item .image-container img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.higher-price-list-container .item .image-container .percentage {
  position: absolute;
  top: -21px;
  background: #f5ca57;
  left: 50%;
  transform: translateX(-50%);
  /* pt57162: left:50% with right:auto leaves this box only half the card to grow
     into, so on a narrow card "+ 263%" broke after the plus sign and spilled out
     of the fixed 42px height. */
  white-space: nowrap;
  color: #000;
  font-weight: 600;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  font-size: 17px;
  border-radius: 5px;
}
.higher-price-list-container .item .image-container .start-price {
  background: #f5ca57;
  position: absolute;
  height: 44px;
  padding: 0 10px 0 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  bottom: -12px;
  left: -8px;
}
.higher-price-list-container .item .image-container .start-price:before {
  content: '';
  width: 0;
  height: 0;
  border-width: 3px 4px;
  border-style: solid;
  border-color: #d39f2d #d39f2d transparent transparent;
  position: absolute;
  bottom: -6px;
  left: 0;
  text-align: right;
}
.higher-price-list-container .item .image-container .start-price:after {
  content: '';
  width: 10px;
  border-width: 22px 5px;
  border-style: solid;
  border-color: #f5ca57 transparent transparent #f5ca57;
  position: absolute;
  top: 0;
  right: -10px;
}
.higher-price-list-container .item .image-container .start-price .label {
  color: #000;
  font-size: 11px;
  font-weight: 400;
  line-height: 1;
}
.higher-price-list-container .item .image-container .start-price .price {
  color: #000;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  margin-top: 3px;
}
.higher-price-list-container .item .image-container .end-price {
  background: #3da949;
  position: absolute;
  height: 44px;
  padding: 0 16px 0 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  bottom: -12px;
  right: -8px;
}
.higher-price-list-container .item .image-container .end-price:before {
  content: '';
  width: 10px;
  border-width: 22px 5px;
  border-style: solid;
  border-color: #3da949 #3da949 transparent transparent;
  position: absolute;
  top: 0;
  left: -10px;
}
.higher-price-list-container .item .image-container .end-price:after {
  content: '';
  width: 0;
  height: 0;
  border-width: 3px 4px;
  border-style: solid;
  border-color: #1d731f transparent transparent #1d731f;
  position: absolute;
  bottom: -6px;
  right: 0;
}
.higher-price-list-container .item .image-container .end-price .label {
  color: #fff;
  font-size: 11px;
  font-weight: 400;
  line-height: 1;
}
.higher-price-list-container .item .image-container .end-price .price {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  margin-top: 3px;
}
/* pt57162: from 1400px down the strip's container drops to 600px while the carousel
   is still showing three items, so a card is only 167px wide. The two price ribbons
   are anchored independently, one to the left edge and one to the right, and neither
   knows the other is there - at that size they ran into each other by 28px and the
   green Müügihind painted over the end of the yellow Alghind, so "2 700 000€" read
   as "2 700 00". Below 1024px the carousel drops to two items and the cards are wide
   again, so the band is bounded at both ends. */
@media screen and (min-width: 1024px) and (max-width: 1400px) {
  .higher-price-list-container .item .image-container .start-price {
    padding: 0 7px 0 11px;
  }
  .higher-price-list-container .item .image-container .end-price {
    padding: 0 11px 0 7px;
  }
  .higher-price-list-container .item .image-container .start-price .price,
  .higher-price-list-container .item .image-container .end-price .price {
    font-size: 12px;
  }
  .higher-price-list-container .item .image-container .start-price .label,
  .higher-price-list-container .item .image-container .end-price .label {
    font-size: 10px;
  }
}
.higher-price-list-container .item .item-content {
  /* pt57162: was a fixed height, so a long property name overflowed the box
     upwards and slid in behind the Alghind/Müügihind ribbons, which hang 12px
     below the image. min-height + top padding keeps the text clear of them. */
  min-height: 130px;
  background: #f2f2f3;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 22px 12px 16px;
}
.higher-price-list-container .item .item-content .property-name {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.higher-price-list-container .item .item-content .property-address {
  font-weight: 400;
  color: #000;
  font-size: 13px;
  line-height: 1.2;
  margin-top: 12px;
}
.why-us .why-us-inner {
  display: flex;
  justify-content: space-evenly;
  position: relative;
  gap: 30px;
  margin-top: 80px;
}
.why-us .why-us-inner > div {
  flex: 1;
}
.why-us .why-us-inner > div h3 {
  font-size: 18px;
  line-height: 1.2;
  color: #000;
  margin: 0;
  display: flex;
  align-items: center;
  font-weight: 600;
}
.why-us .why-us-inner > div h3:before {
  content: "\f101";
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #f3ca4d;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  margin-right: 10px;
}
.why-us .why-us-inner > div p {
  font-size: 15px;
  color: #000;
  line-height: 1.5;
  margin: 15px 0 0;
}

/*
----- MAIN PAGE JOIN US SECTION ------
*/

.join-now {
  margin-top: 40px;
}
.join-now .join-now-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.join-now-inner .section-btn {
  display: inline-block;
}
.join-now-inner .section-btn {
  margin-right: 1rem;
}
.join-now-inner a.section-btn:last-child {
  background: #a9d159;
}
.join-now h2 {
  font-size: 24px;
  font-weight: 600;
  color: #3da940;
  text-align: center;
  line-height: 1.2;
  margin: 0 0 30px;
}

/*
----- NICE BAR ------
*/

.nice-bar-lower {
  height: 90px;
}
.nice-bar .page-heading {
  padding: 40px 0;
}
.nice-bar .h-inherit {
  height: inherit;
}
.nice-bar .auction-list-sorting-wrap {
  display: flex;
  align-items: flex-end;
  margin-left: var(--nicebarMargin);
  height: inherit;
  position: relative;
  z-index: 1;
}
.nice-bar .auction-list-tabs {
  display: flex;
  align-items: flex-end;
}
.nice-bar .auction-list-tabs .tab {
  background: #f1c856;
  color: #000;
  cursor: pointer;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 24px;
  font-size: 14px;
  font-weight: 600;
  border-top: 6px solid transparent;
  padding-bottom: 6px;
}
.nice-bar .auction-list-tabs .tab.active {
  border-color: #fff;
  padding-bottom: 0;
  position: relative;
  height: 50px;
  background: #fff;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.nice-bar .auction-list-tabs .tab:first-child {
  border-top-left-radius: 4px;
}
.nice-bar .auction-list-tabs .tab:last-child {
  border-top-right-radius: 4px;
}
.nice-bar .auction-list-tabs .tab img {
  display: block;
  width: 22px;
  height: 22px;
  margin-right: 14px;
}
.nice-bar .auction-list-sorting {
  margin-left: auto;
  background: transparent;
  border: 1px solid #fff;
  margin-bottom: 14px;
}
.nice-bar .auction-list-sorting > b {
  color: #fff;
  background: url("../icons/arrow-down-icon-white.svg") no-repeat right center;
  background-size: 14px 14px;
}
.nice-bar .auction-list-sorting.active > b {
  background: url("../icons/arrow-up-icon-white.svg") no-repeat right center;
  background-size: 14px 14px;
}
.nice-bar .auction-list-sorting.active .selection {
  padding-top: 5px;
}
.nice-bar-kov {
  height: 210px;
}
.nice-bar-kov > * {
  display: flex;
  flex-direction: column;
}
.nice-bar-kov .auction-list-sorting-wrap {
  height: unset;
  margin-top: auto;
}
.nice-bar-kov .kov-content {
  display: flex;
  align-items: center;
  padding-top: 30px;
}
.nice-bar-kov .kov-content .left {
  width: var(--filtersWidth);
  display: flex;
  align-items: center;
  justify-content: center;
}
.nice-bar-kov .kov-content .right {
  margin-left: 30px;
}
.nice-bar-kov .kov-content h1 {
  font-size: 36px;
}
.nice-bar-kov .kov-content img {
  display: block;
  width: auto;
  height: 110px;
}

main,
.main-section{
  padding: 70px 0;
}
main + main:not(.start-form) {
  padding-top: 0;
}
.lemodal-window main,
.lemodal-window .main-section {
  padding: 0;
}
.nice-bar-lower + main,
.nice-bar-kov + main,
.nice-bar-lower + .main-section,
.nice-bar-kov + .main-section {
  padding: 32px 0 70px;
}
main .buttons-outer {
  margin-top: 60px;
}
main .more-auctions {
  text-align: center;
  margin-top: 60px;
}
main .more-auctions a {
  display: inline-block;
  background: url("../icons/arrow-smooth-down-green.svg") no-repeat bottom
    center;
  background-size: 62px 62px;
  font-size: 24px;
  color: #3da940;
  text-transform: uppercase;
  font-weight: 600;
  padding-bottom: 53px;
}
main .subscribe a {
  display: inline-block;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIKICAgICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDsiPjxnIGlkPSJzdXJmYWNlMSI+PHBhdGggc3R5bGU9IiAiIGQ9Ik0gMCAzIEwgMCAyMSBMIDI0IDIxIEwgMjQgMyBaIE0gMiA1IEwgMjIgNSBMIDIyIDcuMTg3NSBMIDEyIDEyLjE4NzUgTCAyIDcuMTg3NSBaIE0gMiA5LjQzNzUgTCAxMS41NjI1IDE0LjE4NzUgTCAxMiAxNC40MDYyNSBMIDEyLjQzNzUgMTQuMTg3NSBMIDIyIDkuNDM3NSBMIDIyIDE5IEwgMiAxOSBaICI+PC9wYXRoPjwvZz48L3N2Zz4=");
  background-repeat: no-repeat;
  background-size: 18px 18px;
  background-position: left 20px center;
  color: #000;
  padding-left: 48px;
  font-weight: 600;
  border-radius: 4px;
  text-transform: none;
  line-height: 1.1;
}
main .subscribe a:hover {
  background-color: #efd27b;
}
.load-more-btn {
  display: inline-block;
}
main .intranet.auth .login {
  display: flex;
  flex-wrap: wrap;
  border: 2px solid #f1f1f1;
  padding: 30px 0;
}
main .intranet.auth .login.forgot-login {
  justify-content: center;
}
main .intranet.auth .login > div {
  width: calc(100% / 3);
  padding: 0 60px;
}
main .intranet.auth .login > div:not(:first-child) {
  border-left: 1px solid #f1f1f1;
}
main .intranet.auth .login .loginmethod {
  display: flex;
  flex-direction: column;
}
main .intranet.auth .login .loginmethod + .loginmethod {
  margin-top: 30px;
}
main .intranet.auth .login .register {
  background: #f1f1f1;
  padding: 20px;
  border-radius: 4px;
}
main .intranet.auth .login h2 {
  margin-top: 0;
}
main .intranet.auth .login form > div {
  display: flex;
}
main .intranet.auth .login form > div > label {
  font-size: 14px;
  font-weight: 600;
  width: 140px;
}
main .intranet.auth .login form > div > div {
  width: calc(100% - 140px);
}
main .intranet.auth .login form > div > div > input {
  width: 100%;
  background: #ffffff;
  padding: 7px 10px;
  margin-bottom: 5px;
  border: 1px solid #dadada;
  border-radius: 4px;
  box-shadow: inset 0 0 10px #8888883b;
}
main .intranet.auth button {
  width: 100%;
  background-color: #f2c94c;
  color: #000;
  font-weight: 600;
  height: 38px;
  display: block;
  border-radius: 4px;
  text-transform: uppercase;
  line-height: 1;
  margin-left: 0;
}
main .intranet.auth .know-how {
  background: #f1f1f1;
  padding: 30px;
  border-radius: 4px;
  border-bottom: 3px solid #f3c94b;
}
main .intranet.auth .know-how h2 {
  margin-top: 0;
}
main .intranet.auth .registering-steps {
  overflow: hidden;
}
main .intranet.auth .registering-steps > div {
  clear: both;
  overflow: hidden;
  margin-bottom: 18px;
}
main .intranet.auth .registering-steps > div > span {
  display: block;
  float: left;
  text-align: center;
  background: #f2c94c;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #000;
  font-weight: 600;
  line-height: 39px;
  margin-right: 8px;
  font-size: 18px;
}
main .intranet.auth .registering-steps > div > div {
  overflow: hidden;
  font-size: 16px;
  display: flex;
  align-items: center;
  min-height: 40px;
}
main .intranet.auth .registering-steps .need-help {
  float: right;
  font-size: 14px;
}
main .intranet.auth .loginmethod.disabled .register-btn,
main .intranet.auth .loginmethod.disabled button {
  background-color: #ccc;
}
.intranet .auction-name .address {
  font-size: 11px;
  color: #aaa;
}
.mobile-id-icon {
  background: transparent url(../icons/mobileid-icon-white.svg);
}
.smart-id-icon {
  background: transparent url(../icons/smartid-icon-white.svg);
  background-size: auto 11px !important;
}
.id-card-icon {
  background: transparent url(../icons/idcard-icon-white.svg);
}
.auth-icon {
  background-repeat: no-repeat;
  background-size: auto 16px;
  background-position: center center;
}
main .intranet.auth .register span {
  display: block;
  margin-bottom: 20px;
}
main .intranet .intranet-menu {
  overflow: hidden;
  border-bottom: 2px solid #3da940;
}
main .intranet .intranet-menu > a {
  position: relative;
  display: block;
  float: left;
  background: #3da940;
  padding: 12px 25px;
  color: #fff;
  cursor: pointer;
  font-weight: 600;
  transition: 0.3s all;
  border-right: 1px solid #39a264;
}
main .intranet .intranet-menu > a:hover {
  background: #f2c94c;
  color: #000;
}
main .intranet .intranet-menu > a.active {
  background: #f2c94c;
  color: #000;
}
main .intranet .intranet-menu > a:last-child {
  border-right: 0 none;
}
main .intranet .sub-tabs {
  background: #f3f3f3;
  margin-top: 30px;
  overflow: hidden;
}
main .intranet .sub-tabs .tab {
  float: left;
}
main .intranet .sub-tabs .tab + .tab {
  border-left: 1px solid #39a264;
}
main .intranet .sub-tabs .tab a {
  display: block;
  background: #3da949;
  padding: 10px 20px;
  color: #fff;
}
main .intranet .sub-tabs .tab a:hover {
  background: #f2c84c;
  color: #000;
}
main .intranet .sub-tabs .tab.active a {
  background: #f2c84c;
  color: #000;
}
main .intranet .intranet-content {
  padding: 30px 0;
}
main .intranet .intranet-content:after {
  display: block;
  content: "";
  clear: both;
}
main .intranet .intranet-content .intranet-header > a {
  float: right;
  margin-top: 2px;
}
main .intranet .intranet-header {
  overflow: hidden;
}
main .intranet .intranet-header h1 {
  color: #000;
  font-weight: 400;
  margin-top: 0;
  float: left;
}
.offers-list .intranet-header h1 {
  display: block;
  float: left;
}
main .intranet .intranet-header .add-auction {
  float: right;
  background: #f2c94c url("../icons/plus-icon-black.svg") no-repeat left 19px
    center;
  background-size: 24px 24px;
  padding-left: 45px;
}
main .intranet.auth h1 {
  border-bottom: 3px solid #f2c94c;
  padding-bottom: 20px;
  margin-bottom: 0;
}
main .intranet h3 {
  color: #000;
  font-weight: 600;
  clear: both;
}
main .intranet .dashboard {
  position: relative;
  margin: 0 0 -10px 0;
  width: 100%;
}
main .intranet .dashboard .intra-block h3 {
  margin-bottom: 0;
}
main .intranet .dashboard .col-2 > div > div:not(:first-child) {
  margin-top: 50px;
}
main .intranet .dashboard-notice {
  position: relative;
  margin: 0 0 10px 0;
  padding: 15px;
  text-align: center;
  font-size: 14px;
}
main .intranet .dashboard-notice.shake {
  animation-duration: 0.8s;
  animation-iteration-count: 1;
}
main .intranet .dashboard-notice.error {
  background: #fddede;
  border: 2px solid #f9b2b2;
}
main .intranet .dashboard-notice.success {
  background: #d0f3d0;
  border: 2px solid #8bd88b;
}
main .intranet .dashboard-notice.yellow {
  background: #fff7cf;
  border: 2px solid #fbedaa;
}
main .intranet .dashboard-notice.orange {
  background: #ffd383;
  border: 2px solid #ffb250;
}
main .intranet .dashboard-notice .notice-action {
  display: block;
  color: #3da940;
}
main .intranet .dashboard-notice button {
  display: inline-block;
  margin-top: 10px;
  float: unset;
}
main .intranet .dashboard-notice .notice-action .pulse {
  animation: shadow-pulse 1s infinite;
}
main .intranet .dashboard-notice.error .notice-action {
  color: #fff;
  display: inline-block;
  margin-top: 10px;
}
main .intranet .dashboard-notice .validate-mobile {
  width: 220px;
  max-width: 100%;
  margin: 0 auto;
  overflow: hidden;
  margin-top: 10px;
}
main .intranet .dashboard-notice .validate-mobile input {
  width: 100%;
  height: 40px;
  padding: 0 10px;
  border-radius: 4px;
  text-align: center;
  border: 1px solid #8bd98a;
  transition: 0.3s border-color;
  margin-bottom: 4px;
}
main .intranet .dashboard-notice .validate-mobile input:focus {
  border: 1px solid #3da940;
}
main .intranet .dashboard-notice .validate-mobile button {
  display: block;
  width: 100%;
  margin-top: 0;
}
main .intranet .col-2 {
  position: relative;
  margin: 0 0 0 -30px;
  color: black;
  overflow: hidden;
}
main .intranet .col-2 > div {
  float: left;
  width: calc(100% / 2 - 30px);
  margin: 0 0 0 30px;
}
main .intranet .col-2 .intra-block:after {
  display: block;
  clear: both;
  content: "";
}
main .intranet .col-3 {
  position: relative;
  margin: 0 0 0 -30px;
  color: black;
  overflow: hidden;
}
main .intranet .col-3 > div {
  float: left;
  width: calc(100% / 3 - 30px);
  margin: 0 0 0 30px;
}
main .intranet .col-3 .intra-block:after {
  display: block;
  clear: both;
  content: "";
}
main .intranet .intra-block .actions {
  position: relative;
  margin: 20px 0 -5px -5px;
  text-align: center;
}
main .intranet .intra-block .actions a {
  display: inline-block;
  margin: 0 0 5px 5px;
}
main .intranet .intra-block .actions.right {
  text-align: initial;
  float: right;
}
main .intranet .intra-block .actions.left {
  text-align: initial;
  float: left;
  clear: both;
}
main .intranet .intra-block.delete-account p {
  color: #989898;
  font-size: 14px;
}
main .intranet .intra-block.delete-account .delete-btn {
  background: #fff;
  border: 2px solid #e80c0c;
  color: #e80c0c;
  padding: 18px 50px;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
}
main .intranet .intra-block.delete-account .delete-btn:hover {
  background: #e80c0c;
  color: #fff;
}
main .intranet .intra-block .name > div {
  width: 50%;
}
main .intranet .intra-block .tel input.country-code {
  float: left;
  width: 80px;
  text-align: center;
}
main .intranet .intra-block .tel input.number {
  float: right;
  width: calc(100% - 90px);
  margin-left: 10px;
}
main .intranet .intra-block .no-data {
  width: calc(100% + 32px);
  text-align: center;
  margin-top: 10px;
  margin-left: -16px;
  margin-right: -16px;
}
main .intranet .intra-block .no-data > div {
  padding: 10px 15px;
  color: #41464b;
  background-color: #efefef;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
}
.intranet-buttons-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 30px 0 -10px -10px;
  padding-bottom: 30px;
}
.intranet-buttons-wrap > a {
  display: block;
  margin: 0 0 10px 10px;
}
main .intranet .table-row .delete-btn img {
  display: block;
  width: 21px;
  height: 21px;
}
.intra-block .no-data {
  padding: 11px 16px;
}
.intra-block .connected_haldur {
  background: #f3f3f3;
  height: 30px;
  width: 166px;
  font-size: 14px;
}
.table-row:nth-child(odd) .connected_haldur {
  background: #fff;
}
main .intranet .add-company {
  float: left;
  margin-top: 20px;
}
main .intranet .my-settings_add-company h1 {
  margin-top: 0;
}
.custom-notification-notice {
  position: relative;
  margin: 0 0 50px -40px;
  overflow: hidden;
}
.custom-notification-notice > div {
  float: left;
  margin: 0 0 0 40px;
  background-position: left 30px center !important;
  background-size: 80px 80px !important;
  background-color: #f3f3f3 !important;
  padding: 10px 30px 30px 140px;
}
.custom-notification-notice > div.message {
  background: url("../icons/mobile-notification.svg") no-repeat;
}
.custom-notification-notice > div.idea {
  background: url("../icons/tip-notification.svg") no-repeat;
}
.custom-notification-notice > div .green-btn {
  float: left;
}
.auctions-notifications {
  margin: 50px 0;
}
.choose-notifications .col-2 {
  position: relative;
  margin: 0 0 0 -40px;
}
.choose-notifications .col-2 > div {
  float: left;
  width: calc(100% / 2 - 40px);
  margin: 0 0 0 40px;
  background: #f3f3f3;
  padding: 30px;
  border-radius: 5px;
}
.choose-notifications .label-checkbox {
  display: flex;
  align-items: center;
}
.choose-notifications .label-checkbox + .label-checkbox {
  margin-top: 0;
}
.choose-notifications .inline-labels > div {
  position: relative;
  margin: 0 0 -10px -20px;
  display: flex;
  flex-wrap: wrap;
}
.choose-notifications .inline-labels > div > label {
  margin: 0 0 10px 20px;
}
.choose-notifications .slider {
  background: none;
  border: 0 none;
  width: 227px;
}
.choose-notifications .slider label {
  margin: -8px 0 9px 0;
  color: #fff;
}
.choose-notifications .slider label b {
  margin-right: 5px;
  color: #585858;
  font-weight: normal;
}
.choose-notifications .slider label span {
  margin: 0 5px;
  color: #585858;
}
.choose-notifications .slider input {
  margin-top: 5px;
  width: 90px;
  text-align: center;
  background: #fbfbfb;
  color: #000;
  border-radius: 4px;
  font-size: 14px;
}
.choose-notifications .slider .ui-widget.ui-widget-content {
  margin-left: 9px;
}
.choose-notifications form button {
  clear: both;
  float: right !important;
}
.choose-notifications .form-row {
  margin: 20px 0 !important;
}
.choose-notifications .choose-criterion {
  overflow: hidden;
  overflow-y: scroll;
  height: 175px;
  background: #fbfbfb;
  border-radius: 4px;
  border: 1px solid #f1f1f1;
  padding: 7px 7px;
}
.choose-notifications .choose-criterion .selection .label-checkbox.level1 {
  margin-bottom: 8px;
  background: url("../icons/arrow-smooth-down-black.svg") no-repeat;
  background-position: right center !important;
  background-size: 18px 18px !important;
  transition: 0.3s background;
}
.choose-notifications .choose-criterion .selection .label-checkbox.active {
  margin-bottom: 8px;
  background: url("../icons/arrow-smooth-up-black.svg") no-repeat;
}
.choose-notifications .choose-criterion .selection .level1 {
  margin-left: 32px;
  margin-bottom: 8px;
}
.choose-notifications .choose-criterion .selection .level2 .label-checkbox {
  margin-left: 64px;
  margin-bottom: 8px;
}
.choose-notifications #txt-notification-name {
  background: #fbfbfb;
}
hr {
  position: relative;
  border: 0;
  clear: both;
  overflow: visible;
  margin: 30px 0;
}
hr:before {
  display: block;
  content: "";
  background: #fff url("../img/varakeskus-logo-element-gray.svg");
  background-repeat: no-repeat;
  background-size: 30px 30px;
  background-position: center center;
  width: 46px;
  height: 30px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
hr:after {
  display: block;
  content: "";
  border: 0;
  height: 1px;
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0),
    #dddddd,
    rgba(0, 0, 0, 0)
  );
  position: relative;
  z-index: 1;
  top: -15px;
}
main p {
  overflow: hidden;
}
main p:empty {
  display: none;
}
.module-plain {
  clear: both;
}
script + .module-plain {
  overflow: hidden;
  padding-top: 40px;
}
main ol {
  list-style: none;
}
main ol li {
  counter-increment: item;
  clear: both;
}
main ol li:before {
  margin-right: 20px;
  content: counter(item);
  background: #3da949;
  border-radius: 100%;
  color: white;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  float: left;
  position: relative;
  top: -3px;
}
.docs-internal ol ol {
  -webkit-padding-start: 30px;
}
.docs-internal ol {
  list-style: decimal !important;
}
.docs-internal ol li:before {
  display: none !important;
}
.docs-internal > ol > li > p {
  font-weight: 600;
}
.docs-internal ol ol li:before {
  display: none;
}

.docs-internal #termscond ol li:before {
  display: inline-flex !important;
}
main ol li p {
  overflow: hidden;
  margin: 0;
}
main ol li + li {
  padding-top: 10px;
}
#termscond ol {
  counter-reset: item;
  font-weight: normal;
}
#termscond li {
  display: block;
  counter-increment: none;
}
#termscond > ol {
  padding-left: 0;
}
#termscond > ol > li {
  font-weight: 600;
  margin-top: 20px;
}
#termscond > ol > li > ol {
  margin-top: 10px;
}
#termscond li:before {
  background: none;
  /* width: auto; */
  height: auto;
  text-align: left;
  border-radius: initial;
  line-height: 24px;
  color: #000;
  margin-right: 10px;
  top: -1px;
}
#termscond li:before {
  content: counters(item, ".") " ";
  counter-increment: item;
}
.table-row {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding: 11px 16px;
  transition: 0.3s all;
}
.table-row:hover {
  background: #f2c94c5c !important;
}
.table-row:nth-child(odd) {
  background: #f3f3f3;
}
.table-row.header {
  font-weight: 600;
  font-size: 14px;
  background: #fff;
  border-bottom: 2px solid #f3c94b;
  border-radius: 0;
}
.table-row.header:hover {
  background: initial !important;
}
.table-row.active .column {
  align-self: flex-start;
}
.table-row .column {
  position: relative;
}
.table-row .column.xs {
  flex-grow: 0.2;
}
.table-row .column.s {
  flex-grow: 0.4;
}
.table-row .column.sm {
  flex-grow: 0.5;
}
.table-row .column.l {
  flex-grow: 0.6;
}
.table-row .column.xl {
  flex-grow: 0.7;
}
.table-row .column.xxl {
  flex-grow: 2;
}
.table-row .column.xs-custom {
  flex-grow: 0.28;
}
.table-row.header .column.column-agent {
  padding-right: 25px;
}
/* Pulsating dot for ongoing preregistration */
.lisad-icon {
  position: relative;
}
.lisad-icon .pulse-dot {
  position: absolute;
  top: -5px;
  right: -5px;
  width: 7px;
  height: 7px;
  background: #28a745;
  border-radius: 50%;
  animation: pulse 1.5s infinite;
}
@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.3);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.table-row.highlight .highest-bid b {
  display: block;
  float: left;
  color: #3da940;
}
.table-row .column input {
  height: 40px;
  padding: 0 15px;
  border-radius: 4px;
}
.table-row.highlight .highest-bid b:before {
  display: block;
  float: left;
  margin-right: 5px;
  content: "";
  width: 23px;
  height: 23px;
  background-size: 23px 23px !important;
  background-position: center center;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIKICAgICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgICAgc3R5bGU9ImZpbGw6I2YyYzk0YzsiPjxnIGlkPSJzdXJmYWNlMSI+PHBhdGggc3R5bGU9IiAiIGQ9Ik0gMS44MTI1IDAgTCA2Ljc1IDEwIEMgNS4wNzAzMTMgMTEuNDY4NzUgNCAxMy42MDU0NjkgNCAxNiBDIDQgMjAuMzk4NDM4IDcuNjAxNTYzIDI0IDEyIDI0IEMgMTYuMzk4NDM4IDI0IDIwIDIwLjM5ODQzOCAyMCAxNiBDIDIwIDEzLjU0Mjk2OSAxOC44ODY3MTkgMTEuMzQzNzUgMTcuMTI1IDkuODc1IEwgMTcuMzEyNSA5LjkwNjI1IEwgMjIuMTg3NSAwIEwgMjAuMzEyNSAwIEwgMTUuNzgxMjUgOC45Mzc1IEMgMTQuNjU2MjUgOC4zMzIwMzEgMTMuMzU5Mzc1IDggMTIgOCBDIDExLjg3NSA4IDExLjc1IDcuOTkyMTg4IDExLjYyNSA4IEwgMTUuNjg3NSAwIEwgMTMuODEyNSAwIEwgOS42NTYyNSA4LjM3NSBDIDkuMTMyODEzIDguNTM1MTU2IDguNjI4OTA2IDguNzM4MjgxIDguMTU2MjUgOSBMIDMuNjg3NSAwIFogTSA4LjMxMjUgMCBMIDEwLjQwNjI1IDQuMDkzNzUgTCAxMS4xODc1IDIuMTg3NSBMIDEwLjE4NzUgMCBaIE0gMTIgMTAgQyAxNS4zMDA3ODEgMTAgMTggMTIuNjk5MjE5IDE4IDE2IEMgMTggMTkuMzAwNzgxIDE1LjMwMDc4MSAyMiAxMiAyMiBDIDguNjk5MjE5IDIyIDYgMTkuMzAwNzgxIDYgMTYgQyA2IDEyLjY5OTIxOSA4LjY5OTIxOSAxMCAxMiAxMCBaIE0gMTEuNDA2MjUgMTIgQyAxMS4zMDQ2ODggMTIuNSAxMC42OTkyMTkgMTMuNjg3NSA5LjUgMTMuNjg3NSBMIDkuNSAxNSBMIDExIDE1IEwgMTEgMjAgTCAxMyAyMCBMIDEzIDEyIFogIj48L3BhdGg+PC9nPjwvc3ZnPg==")
    50% 50% no-repeat;
}
.table-row.highlight:hover .highest-bid b:after {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIKICAgICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjsiPjxnIGlkPSJzdXJmYWNlMSI+PHBhdGggc3R5bGU9IiAiIGQ9Ik0gMS44MTI1IDAgTCA2Ljc1IDEwIEMgNS4wNzAzMTMgMTEuNDY4NzUgNCAxMy42MDU0NjkgNCAxNiBDIDQgMjAuMzk4NDM4IDcuNjAxNTYzIDI0IDEyIDI0IEMgMTYuMzk4NDM4IDI0IDIwIDIwLjM5ODQzOCAyMCAxNiBDIDIwIDEzLjU0Mjk2OSAxOC44ODY3MTkgMTEuMzQzNzUgMTcuMTI1IDkuODc1IEwgMTcuMzEyNSA5LjkwNjI1IEwgMjIuMTg3NSAwIEwgMjAuMzEyNSAwIEwgMTUuNzgxMjUgOC45Mzc1IEMgMTQuNjU2MjUgOC4zMzIwMzEgMTMuMzU5Mzc1IDggMTIgOCBDIDExLjg3NSA4IDExLjc1IDcuOTkyMTg4IDExLjYyNSA4IEwgMTUuNjg3NSAwIEwgMTMuODEyNSAwIEwgOS42NTYyNSA4LjM3NSBDIDkuMTMyODEzIDguNTM1MTU2IDguNjI4OTA2IDguNzM4MjgxIDguMTU2MjUgOSBMIDMuNjg3NSAwIFogTSA4LjMxMjUgMCBMIDEwLjQwNjI1IDQuMDkzNzUgTCAxMS4xODc1IDIuMTg3NSBMIDEwLjE4NzUgMCBaIE0gMTIgMTAgQyAxNS4zMDA3ODEgMTAgMTggMTIuNjk5MjE5IDE4IDE2IEMgMTggMTkuMzAwNzgxIDE1LjMwMDc4MSAyMiAxMiAyMiBDIDguNjk5MjE5IDIyIDYgMTkuMzAwNzgxIDYgMTYgQyA2IDEyLjY5OTIxOSA4LjY5OTIxOSAxMCAxMiAxMCBaIE0gMTEuNDA2MjUgMTIgQyAxMS4zMDQ2ODggMTIuNSAxMC42OTkyMTkgMTMuNjg3NSA5LjUgMTMuNjg3NSBMIDkuNSAxNSBMIDExIDE1IEwgMTEgMjAgTCAxMyAyMCBMIDEzIDEyIFogIj48L3BhdGg+PC9nPjwvc3ZnPg==")
    50% 50% no-repeat;
}
.table-row .highest-below-bid b:before {
  display: block;
  float: left;
  margin-right: 5px;
  content: "";
  width: 23px;
  height: 23px;
  background-size: 23px 23px !important;
  background-position: center center;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNy4yLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyNiAyNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjYgMjY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGMkM5NEM7fQ0KPC9zdHlsZT4NCjxnPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNC4yLDE2LjdoLTIuNmMwLTAuNCwwLTAuNiwwLTAuN2MwLTAuOCwwLjEtMS41LDAuNC0yLjFjMC4zLTAuNSwwLjgtMS4yLDEuNy0xLjhzMS4zLTEuMSwxLjUtMS4zDQoJCWMwLjMtMC4zLDAuNC0wLjcsMC40LTEuMWMwLTAuNi0wLjItMS0wLjctMS40Yy0wLjQtMC40LTEtMC42LTEuOC0wLjZjLTAuNywwLTEuMywwLjItMS44LDAuNmMtMC41LDAuNC0wLjgsMS4xLTEsMS45TDcuNiw5LjgNCgkJYzAuMS0xLjIsMC42LTIuMywxLjYtMy4xYzEtMC45LDIuMi0xLjMsMy44LTEuM2MxLjcsMCwzLDAuNCwzLjksMS4zYzEsMC45LDEuNSwxLjksMS41LDNjMCwwLjYtMC4yLDEuMi0wLjUsMS44cy0xLjEsMS4zLTIuMywyLjMNCgkJYy0wLjYsMC41LTEsMC45LTEuMSwxLjJDMTQuMywxNS40LDE0LjIsMTUuOSwxNC4yLDE2Ljd6IE0xMS42LDIwLjZ2LTIuOWgyLjl2Mi45SDExLjZ6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==")
    50% 50% no-repeat;
}
.table-row:hover .highest-below-bid b:after {
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNy4yLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyNiAyNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjYgMjY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGMkM5NEM7fQ0KPC9zdHlsZT4NCjxnPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNC4yLDE2LjdoLTIuNmMwLTAuNCwwLTAuNiwwLTAuN2MwLTAuOCwwLjEtMS41LDAuNC0yLjFjMC4zLTAuNSwwLjgtMS4yLDEuNy0xLjhzMS4zLTEuMSwxLjUtMS4zDQoJCWMwLjMtMC4zLDAuNC0wLjcsMC40LTEuMWMwLTAuNi0wLjItMS0wLjctMS40Yy0wLjQtMC40LTEtMC42LTEuOC0wLjZjLTAuNywwLTEuMywwLjItMS44LDAuNmMtMC41LDAuNC0wLjgsMS4xLTEsMS45TDcuNiw5LjgNCgkJYzAuMS0xLjIsMC42LTIuMywxLjYtMy4xYzEtMC45LDIuMi0xLjMsMy44LTEuM2MxLjcsMCwzLDAuNCwzLjksMS4zYzEsMC45LDEuNSwxLjksMS41LDNjMCwwLjYtMC4yLDEuMi0wLjUsMS44cy0xLjEsMS4zLTIuMywyLjMNCgkJYy0wLjYsMC41LTEsMC45LTEuMSwxLjJDMTQuMywxNS40LDE0LjIsMTUuOSwxNC4yLDE2Ljd6IE0xMS42LDIwLjZ2LTIuOWgyLjl2Mi45SDExLjZ6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==")
    50% 50% no-repeat;
}
.table-row .row-btn {
  background: #f2c94c;
  color: #000;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 6px 14px;
}
.table-row:hover .row-btn {
  background: #fff;
}
.column {
  display: flex;
  flex-grow: 1;
  flex-basis: 0;
  text-overflow: ellipsis;
  align-items: center;
  color: #000;
}

.column.center {
   justify-content: center;
   padding-right: 10px;
}
.column:last-child {
  justify-content: flex-end;
}
.column.expanded {
  display: none;
}
.column.hide {
  display: none !important;
}
.hide {
  display: none !important;
}
main .intranet .table-row .location span {
  display: block;
  font-size: 12px;
  line-height: 1;
  color: #949494;
}
main .intranet .table-row .row-actions a {
  display: block;
  border-radius: 4px;
}
main .intranet .table-row .row-actions a.with-icon {
  width: 30px;
  height: 30px;
  background-color: #f2c94c;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center center;
}
main .intranet .table-row .row-actions a.with-icon-text {
  height: 30px;
  background-color: #f2c94c;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 5px center;
  padding: 0 7px 0 30px;
  line-height: 30px;
  color: #000;
  font-size: 13px;
}
main .intranet .table-row .row-actions .dd-menu > div {
  display: block;
  float: left;
  position: relative;
}
main .intranet .table-row .row-actions .dd-menu > div > a {
  display: block;
  color: #fcd640;
  text-transform: uppercase;
  font-size: 15.94px;
  padding: 12px 16px 10px;
  margin-left: auto;
}
main .intranet .table-row .row-actions .dd-menu > div > div {
  display: block;
  position: absolute;
  background: #fcd640;
  padding: 5px;
  z-index: 1000;
  min-width: 100%;
  top: 100%;
  right: 0;
  border-radius: 4px;
  opacity: 0;
  transform: scaleY(0);
  transform-origin: top;
  pointer-events: none;
  transition: transform 0.2s ease-out, opacity 0.15s ease-out;
  will-change: transform, opacity;
}
main .intranet .table-row .row-actions:hover .dd-menu > div > div,
main .intranet .table-row .row-actions .dd-menu:hover > div > div {
  opacity: 1;
  transform: scaleY(1);
  pointer-events: auto;
  transition-delay: 0s;
}
main .intranet .table-row .row-actions .dd-menu > div > div a {
  display: block;
  padding: 10px 15px;
  white-space: nowrap;
  color: #000;
}
main .intranet .table-row .row-actions .dd-menu > div > div a:hover {
  background: #fff;
}
main .intranet .table-row:hover .row-actions a.with-icon,
main .intranet .table-row:hover .row-actions a.with-icon-text {
  background-color: #fff;
}
main .intranet .table-row:hover .row-actions a.with-icon:hover,
main .intranet .table-row:hover .row-actions a.with-icon-text:hover {
  background-color: #efd27b;
}
main .intranet .table-row a.with-text {
  height: 30px;
  background: #f2c94c;
  color: #000;
  padding: 0 10px;
  line-height: 30px;
  white-space: nowrap;
}
main .intranet .table-row:hover a.with-text {
  background: #fff;
}
main .intranet .table-row:hover a.with-text:hover {
  background: #efd27b;
}
main .intranet .table-row .row-actions .edit-btn {
  background: url("../icons/edit-icon-black.svg");
}
main .intranet .table-row .row-actions .delete-btn {
  background: url("../icons/delete-icon-black.svg");
}
main .intranet .table-row .row-actions .watch-btn {
  background: url("../icons/watch-icon-black.svg");
}
main .intranet .table-row .row-actions .vertical-menu-btn {
  background: url("../icons/vertical-menu-icon-black.svg");
}
main .intranet .table-row .row-actions .expand-btn {
  background: url("../icons/arrow-smooth-down-black.svg");
}
main .intranet .table-row .row-actions .expand-btn.expanded {
  background: url("../icons/arrow-smooth-up-black.svg");
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center center;
}
main .intranet .table-row .aot span {
  display: block;
  color: #fff;
  height: 30px;
  width: 30px;
  line-height: 30px;
  border-radius: 30px;
  transition: width 0.4s, border-radius 0.2s;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  background: #3da940;
  background-size: 19px 19px;
  background-repeat: no-repeat;
  background-position: top 5px left 5px;
  z-index: 1;
}
main .intranet .table-row .aot span + span {
  left: 34px;
}
main .intranet .table-row .aot span + span + span {
  left: 68px;
}
main .intranet .table-row .aot span:before {
  content: attr(data-text);
  padding-left: 30px;
  padding-right: 12px;
}
main .intranet .table-row .aot span.expanded {
  z-index: 2;
}
main .intranet .table-row .aot .type-0 {
  background-image: url("../icons/types/type-0-white.svg");
}
main .intranet .table-row .aot .type-1 {
  background-image: url("../icons/types/type-1-white.svg");
}
main .intranet .table-row .aot .type-2 {
  background-image: url("../icons/types/type-2-white.svg");
}
main .intranet .table-row .aot .type-3 {
  background-image: url("../icons/types/type-3-white.svg");
}
main .intranet .table-row .aot .type-4 {
  background-image: url("../icons/types/type-4-white.svg");
}
main .intranet .table-row .aot .type-5 {
  background-image: url("../icons/types/type-5-white.svg");
}
main .intranet .table-row .aot .type-6 {
  background-image: url("../icons/types/type-6-white.svg");
}
/* Agent column */
main .intranet .table-row .agent span {
  display: block;
  color: #fff;
  height: 30px;
  width: 30px;
  line-height: 30px;
  border-radius: 30px;
  transition: width 0.3s ease;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  background-size: 18px 18px;
  background-repeat: no-repeat;
  background-position: top 6px left 6px;
  z-index: 1;
}
main .intranet .table-row .agent span:before {
  content: attr(data-text);
  padding-left: 30px;
  padding-right: 12px;
}
main .intranet .table-row .agent span.has-agent.expanded {
  z-index: 2;
}
main .intranet .table-row .agent span.no-agent {
  background-color: #e0e0e0;
  background-image: url("../icons/icons8-user-white.svg");
}
main .intranet .table-row .agent span.has-agent {
  background-color: #3da940;
  background-image: url("../icons/icons8-user-white.svg");
}
main .intranet .table-row .status span {
  display: block;
  color: #fff;
  height: 10px;
  width: 10px;
  line-height: 30px;
  border-radius: 10px;
  font-size: 13px;
  transition: width 0.4s, height 0.4s, border-radius 0.2s;
  overflow: hidden;
  text-align: center;
  white-space: nowrap;
  position: absolute;
  z-index: 90;
}
main .intranet .table-row .status span:before {
  display: none;
  content: attr(data-text);
}
main .intranet .table-row .status span:hover {
  border-radius: 30px;
  height: 30px;
  width: 160px;
  padding: 0 12px;
}
main .intranet .table-row .status span:hover:before {
  display: block;
}
main .intranet .my-bids .table-row .status span,
main .intranet .admin-auctions .table-row .status span,
main .intranet .my-auctions .table-row .status span {
  width: auto;
  height: auto;
  padding: 0 12px;
  border-radius: 4px;
}
main .intranet .my-bids .table-row .status span:hover,
main .intranet .admin-auctions .table-row .status span:hover,
main .intranet .my-auctions .table-row .status span:hover {
  border-radius: 4px;
  width: auto;
  height: auto;
  padding: 0 12px;
}
main .intranet .table-row .status.active span {
  background: #129a4a;
}
main .intranet .table-row .status.inactive span {
  background: #e80c0c;
}
main .intranet .table-row .status.cut-pending span {
  border: #e80c0c solid 2px;
  color: #e80c0c;
}
main .intranet .table-row .status.pending span {
  background: #f2c94c;
  color: #000;
}
main .intranet .table-row .status.approval span,
main .intranet .table-row .status.signing span {
  background: #f2c94c;
  color: #000;
}
main .intranet .table-row .status.signing span {
  animation: shadow-pulse 1s infinite;
}
main .intranet .table-row .status.red span {
  background: #e80c0c;
  color: white;
}
main .intranet .table-row .status.request-to-delete span {
  background: red;
  color: white;
}
main .intranet .table-row .status.ended span {
  background: #a9a9a9;
}
main .intranet .table-row .status.dormant span {
  background: #1876da;
}
main .intranet .table-row:hover .status.pending span {
  background: #fff;
}
main .intranet .table-row:hover .status.approval span,
main .intranet .table-row:hover .status.signing span {
  background: #fff;
}
main .intranet .table-row:hover .status.red span {
  background: #e80c0c;
}
main .intranet .table-row .deposit-status {
  padding: 4px 12px;
  border-radius: 4px;
  font-size: 13px;
}
main .intranet .table-row .deposit-status.winner {
  background: #000;
  color: #fff;
}
main .intranet .table-row .deposit-status.paid {
  background: #129a4a;
  color: #fff;
}
main .intranet .table-row .deposit-status.returned {
  background: #a9a9a9;
  color: #fff;
}
main .intranet .table-row .deposit-status.unpaid {
  background: #f2c94c;
}
.table-row .status a {
  color: #000;
}
.table-row.documents {
  background: #f3f3f3 !important;
}
.documents-table {
  background: #fff !important;
  color: #9e9e9e;
}
.documents-table .column {
  color: #9e9e9e;
}
.table-row.documents-table:hover {
  color: #000 !important;
}
.table-row.documents .add-document {
  background-color: #3da940 !important;
  background-size: 19px 19px;
  border-radius: 4px;
  width: 30px;
  height: 30px;
  transition: 0.3s background-color;
}
.table-row.documents .add-document:hover {
  background-color: #5bbd84 !important;
}
img.file-icon {
  width: 21px;
  height: 21px;
  margin-top: 5px;
  margin-right: 6px;
}
.file-clear {
  display: none;
  color: red;
  margin-left: 15px;
  cursor: pointer;
  float: right !important;
}
.visitors-list .row {
  padding: 5px 0;
  display: flex;
}
.visitors-list .row + .row {
  border-top: 1px solid #f3f3f3;
}
.visitors-list .row.header .col {
  font-size: 13px;
  font-weight: 600;
}
.visitors-list .row .col {
  font-size: 14px;
  text-align: left;
}
.visitors-list .row .col.time {
  width: 20%;
}
.visitors-list .row .col.time .date {
  font-weight: 600;
}
.visitors-list .row .col.name {
  width: 27%;
}
.visitors-list .row .col.email {
  width: 31%;
}
.visitors-list .row .col.phone {
  width: 22%;
}
.deposits-list .row {
  padding: 5px 0;
  display: flex;
}
.deposits-list .row + .row {
  border-top: 1px solid #f3f3f3;
}
.deposits-list .row.header .col {
  font-size: 13px;
  font-weight: 600;
}
.deposits-list .row .col {
  font-size: 14px;
  text-align: left;
}
.deposits-list .row .col.time {
  width: 20%;
}
.deposits-list .row .col.time .date {
  font-weight: 600;
}
.deposits-list .row .col.name {
  width: 27%;
}
.deposits-list .row .col.amount {
  width: 31%;
}
.deposits-list .row .col.returned {
  width: 22%;
}
.list_filter {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  cursor: pointer;
  transition: 0.3s background-color;
}
.list_filter:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
.list_filter:after {
  content: "";
  position: absolute;
  right: 10px;
  top: 2px;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  background: #fff url(../icons/filter.png) no-repeat center center;
  background-size: 16px auto;
  transition: 0.3s background-color;
}
.list_filter:hover:after {
  background-color: #ffcb08;
}
.list_filter.active:after {
  background-color: #ffcb08;
}
.list_filter_container {
  display: none;
  position: absolute;
  width: 100%;
  min-width: 100px;
  height: auto;
  max-height: 300px;
  top: 100%;
  z-index: 1200;
  overflow-y: auto;
  padding: 5px 0;
  background: #fff;
  border: 1px solid #eee;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  border-radius: 0;
}
.list_filter.hover .list_filter_container {
  display: block;
}
.list_filter a {
  display: block;
  overflow: hidden;
  padding: 6px 10px;
  color: #000;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  max-height: 100px;
}
.list_filter a:hover,
.list_filter_container > a.waiting-for-enter {
  background-color: #eee;
}
.list_filter_container > a.active {
  background-image: url(../icons/check.png);
  background-repeat: no-repeat;
  background-position: 10px 8px;
  background-size: 12px 12px;
  padding-left: 30px;
}
.list_filter_container > a.hidden {
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.list_filter_container > a.bold {
  font-weight: 600;
}
.list_filter_search {
  position: relative;
  margin: -5px 0 5px;
  overflow: hidden;
  clear: both;
  border-bottom: 1px solid #eee;
}
.list_filter_search input[type="text"] {
  padding: 8px 10px;
  color: #000;
  font-size: 12px;
  border: 0 none;
  background-image: url(../icons/view.png);
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
  background-size: 16px auto;
  width: 100%;
  box-shadow: 2px 2px 2px 0 #ededed inset;
}
.list_filter_sort {
  position: relative;
  margin: -5px 0 5px;
  overflow: hidden;
  clear: both;
  border-bottom: 1px solid #eee;
}
.list_filter_sort a {
  width: 50%;
  height: 30px;
  float: left;
  background: no-repeat center center;
  background-size: 16px 16px;
}
.list_filter_sort a.icon-az {
  background-image: url(../icons/order_az.png);
}
.list_filter_sort a.icon-za {
  background-image: url(../icons/order_za.png);
}
.list_filter_sort a.active {
  background-color: #eee;
}
main .intranet .steps {
  clear: both;
  background: #fff;
  text-align: left;
  height: 56px;
  counter-reset: step;
  box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2);
}
main .intranet .steps a {
  display: inline-block;
  background: #fff;
  color: #000;
  padding: 0 0 0 12px;
  position: relative;
  transition: none;
}
main .intranet .steps a:before {
  content: counter(step);
  counter-increment: step;
  color: #929292;
  font-weight: 600;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  margin: 16px 9px 0 27px;
}
main .intranet .steps a.nostep {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
main .intranet .steps a.nostep:before {
  display: none;
}
main .intranet .steps a:first-child:before {
  margin-left: 12px;
}
main .intranet .steps a div {
  float: left;
  display: flex;
  align-items: center;
  height: 56px;
  font-size: 14px;
}
main .intranet .steps a div:before {
  content: "";
  border-left: 28px solid #f3f3f3;
  border-top: 28px solid transparent;
  border-bottom: 28px solid transparent;
  position: absolute;
  top: 0;
  left: 0;
}
main .intranet .steps a.nostep div:before {
  display: none;
}
main .intranet .steps a div:after {
  content: "";
  border-left: 28px solid #fff;
  border-top: 28px solid transparent;
  border-bottom: 28px solid transparent;
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 20;
}
main .intranet .steps a.nostep div:after {
  display: none;
}
main .intranet .steps a:first-child div:before {
  display: none;
}
main .intranet .steps a.active {
  background: #f2c94c;
}
main .intranet .steps a:hover {
  background: #f3f3f3;
}
main .intranet .steps a:hover div:after {
  border-left: 28px solid #f3f3f3;
}
main .intranet .steps a.active:before {
  color: #fff;
}
main .intranet .steps a.active div:before {
  border-left: 28px solid #f2c94c;
}
main .intranet .steps a.active div:after {
  border-left: 28px solid #f2c94c;
}
main .intranet .steps a.active:hover {
  background: #f2c94c;
}
main .intranet .steps a:first-child {
  padding-left: 0;
}
main .intranet .col-2-custom {
  position: relative;
  width: 600px;
  max-width: 100%;
  margin: 0 auto;
}
main .intranet .col-2-custom > div {
  overflow: visible;
  transition: 0.5s all;
}
main .intranet .col-2-custom .different-box {
  padding: 10px 20px;
  margin: 20px 0;
  border-radius: 4px;
  background: #f9f9f9;
}
main .intranet .col-3-custom {
  position: relative;
  width: 900px;
  max-width: 100%;
  margin: 0 auto;
}
main .intranet .col-3-custom > div {
  overflow: visible;
  transition: 0.5s all;
}
main .intranet .more-details-note {
  padding: 10px 20px;
  background: #f3f3f3;
  border: 1px solid #f2c94c;
}
main .intranet .progress-overview {
  position: relative;
  margin: 0 0 0 -50px;
}
main .intranet .progress-overview h3 {
  border-bottom: 2px solid #f2c94c;
  padding-bottom: 5px;
}
main .intranet .progress-overview > .left-column {
  float: left;
  width: calc(550px - 50px);
  margin: 0 0 0 50px;
}
main .intranet .progress-overview > .right-column {
  float: right;
  width: calc(100% - 550px - 50px);
  margin: 0 0 0 50px;
}
main .intranet .progress-overview .data-rows > div {
  overflow: hidden;
  padding: 7px 10px;
}
main .intranet .progress-overview .data-rows > div .label {
  float: left;
  width: 150px;
}
main .intranet .progress-overview .data-rows > div .value {
  float: right;
  font-weight: 600;
  width: calc(100% - 150px);
  padding-left: 10px;
  text-align: right;
}
main .intranet .progress-overview .data-rows > div:nth-child(odd) {
  background: #f3f3f3;
}
main .intranet .progress-overview .connectivity {
  position: relative;
  margin: 0 0 0 -15px;
  padding: 20px 0;
}
main .intranet .progress-overview .connectivity > div {
  float: left;
  margin: 0 0 0 15px;
}
main .intranet .progress-overview .connectivity .succesful-icon {
  background: url("../icons/succesful-icon-green.svg");
}
main .intranet .progress-overview .connectivity .failed-icon {
  background: url("../icons/failed-icon-red.svg");
}
main .intranet .progress-overview .connectivity .with-icon {
  background-repeat: no-repeat;
  background-position: left 7px center;
  background-size: 50px 50px;
  padding-left: 50px;
  line-height: 3;
  font-size: 20px;
  color: #888;
  background-color: #f3f3f3;
  padding: 0 20px 0 60px;
}
main .intranet .progress-overview .center-div {
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
}
main .intranet .actions {
  float: right;
  position: relative;
  margin: 20px 0 0 -10px;
}
main .intranet .actions > * {
  margin: 0 0 0 10px;
}
main .intranet button {
  float: left;
  transition: 0.3s all;
}
main .intranet .small-container {
  width: 440px;
  margin: 0 auto;
}
main .intranet .form .additional-information {
  display: block;
}
main .intranet .form .additional-information > h3 {
  margin-top: 0;
}
main .intranet .form .additional-information > div {
  width: 100%;
}
main .intranet .form .additional-information > div > textarea {
  height: 304px;
}
main .intranet .haldur-recommends {
  margin-top: 10px;
}
main .intranet #opening_price.disabled {
  background: #c3c3c3;
  border: 1px solid #bdbdbd;
}
.bullet {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIKICAgICB2aWV3Qm94PSIwIDAgMzIgMzIiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDsiPjxnIGlkPSJzdXJmYWNlMSI+PHBhdGggc3R5bGU9IiAiIGQ9Ik0gMTYgNCBDIDkuMzgyODEzIDQgNCA5LjM4MjgxMyA0IDE2IEMgNCAyMi42MTcxODggOS4zODI4MTMgMjggMTYgMjggQyAyMi42MTcxODggMjggMjggMjIuNjE3MTg4IDI4IDE2IEMgMjggOS4zODI4MTMgMjIuNjE3MTg4IDQgMTYgNCBaIE0gMTYgNiBDIDIxLjUzNTE1NiA2IDI2IDEwLjQ2NDg0NCAyNiAxNiBDIDI2IDIxLjUzNTE1NiAyMS41MzUxNTYgMjYgMTYgMjYgQyAxMC40NjQ4NDQgMjYgNiAyMS41MzUxNTYgNiAxNiBDIDYgMTAuNDY0ODQ0IDEwLjQ2NDg0NCA2IDE2IDYgWiBNIDE1IDEwIEwgMTUgMTggTCAxNyAxOCBMIDE3IDEwIFogTSAxNSAyMCBMIDE1IDIyIEwgMTcgMjIgTCAxNyAyMCBaICI+PC9wYXRoPjwvZz48L3N2Zz4=")
    50% 50% no-repeat;
  background-color: #a7d152;
  background-position: left 20px center;
  background-size: 50px 50px;
  overflow: hidden;
  padding: 0 20px 0 80px;
  margin: 20px 0;
}
.bullet.help {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNjQiIGhlaWdodD0iNjQiCnZpZXdCb3g9IjAgMCAxMjggMTI4IgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnPgk8Zz4JCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik05OC4yLDExNi44bC0yMi4yLTljLTEuNSw1LjMtNy43LDguMy0xMi4yLDguOXYwLjFjLTAuNywwLTEuOS0wLjEtMi0wLjFjLTQuMy0wLjgtOC4zLTMuNy05LjctOC44CQkJbC0yMi4yLDlsMCwwQzUyLDEyMy45LDc2LDEyMy45LDk4LjIsMTE2LjhMOTguMiwxMTYuOHoiPjwvcGF0aD4JPC9nPjwvZz48Zz4JPGc+CQk8Zz4JCQk8Zz4JCQkJPGc+CQkJCQk8cGF0aCBmaWxsPSIjRjdFQkRFIiBkPSJNNzYsMTAydjYuNWwwLDBjLTMuNSwxMi0yMC41LDEyLTIzLjksMGwwLDBsMC02LjUiPjwvcGF0aD4JCQkJPC9nPgkJCTwvZz4JCQk8Zz4JCQkJPGc+CQkJCQk8cGF0aCBmaWxsPSIjRjdFQkRFIiBkPSJNOTYuMyw1OS44YzAtMjYuNC0xMy4xLTM5LjktMzIuMy0zOS45UzMxLjcsMzMuNSwzMS43LDU5LjhjLTYuMiwwLjUtNC44LDE0LjYsMi4yLDEzLjgJCQkJCQljMiw1LjcsNC4yLDEwLjQsNi41LDE0LjRjNy45LDEzLjUsMTYuOSwxNy41LDIzLjUsMTcuNWM4LjUsMCwyMS4xLTYuNiwzMC0zMS44QzEwMS4xLDc0LjQsMTAyLjUsNjAuMyw5Ni4zLDU5Ljh6Ij48L3BhdGg+CQkJCTwvZz4JCQk8L2c+CQkJPGc+CQkJCTxnPgkJCQkJPHBhdGggZmlsbD0iI0M4OEI3OSIgZD0iTTk2LjcsNTkuOWMtMC4xLDAtMC4yLDAtMC40LDBjMC0yNi40LTEzLjEtMzkuOS0zMi4zLTM5LjljLTE0LDAtMjQuOCw3LjItMjkuNiwyMS40CQkJCQkJYy0xLjcsNC45LTIuNiwxMC42LTIuNywxNy4xQzQ0LjgsMjcuMyw2NC45LDY5LjEsOTYuNyw1OS45eiI+PC9wYXRoPgkJCQk8L2c+CQkJPC9nPgkJCTxnPgkJCQk8Zz4JCQkJCTxwYXRoIGZpbGw9IiM0NTRCNTQiIGQ9Ik04Ny4xLDY0LjNjLTEwLjksMC0yMC4zLTQuOS0yOC4yLTljLTYuOC0zLjYtMTIuNy02LjYtMTYuOS01LjFjLTIuOCwxLTUuMyw0LjEtNy41LDkuNAkJCQkJCWMtMC42LDEuNS0yLjQsMi4yLTMuOSwxLjZjLTEuNS0wLjYtMi4yLTIuNC0xLjYtMy45YzIuOS03LDYuNS0xMS4xLDExLTEyLjhjNi43LTIuNCwxMy43LDEuMiwyMS43LDUuNAkJCQkJCUM3MS41LDU1LDgyLjYsNjAuOCw5NS44LDU3YzEuNi0wLjUsMy4zLDAuNCwzLjcsMmMwLjUsMS42LTAuNCwzLjMtMiwzLjdDOTMuOSw2My44LDkwLjQsNjQuMiw4Ny4xLDY0LjN6Ij48L3BhdGg+CQkJCTwvZz4JCQk8L2c+CQkJPGc+CQkJCTxnPgkJCQkJPHBhdGggZmlsbD0iIzQ1NEI1NCIgZD0iTTMwLDEyMC41Yy0xLjIsMC0yLjMtMC43LTIuOC0xLjljLTAuNi0xLjUsMC4xLTMuMywxLjYtMy45bDIyLjEtOWMxLjUtMC42LDMuMywwLjEsMy45LDEuNgkJCQkJCWMwLjYsMS41LTAuMSwzLjMtMS42LDMuOWwtMjIuMSw5QzMwLjcsMTIwLjQsMzAuMywxMjAuNSwzMCwxMjAuNXoiPjwvcGF0aD4JCQkJPC9nPgkJCTwvZz4JCQk8Zz4JCQkJPGc+CQkJCQk8cGF0aCBmaWxsPSIjNDU0QjU0IiBkPSJNOTguMSwxMjAuNWMtMC40LDAtMC44LTAuMS0xLjEtMC4ybC0yMi4xLTljLTEuNS0wLjYtMi4zLTIuNC0xLjYtMy45YzAuNi0xLjUsMi40LTIuMywzLjktMS42bDIyLjEsOQkJCQkJCWMxLjUsMC42LDIuMywyLjQsMS42LDMuOUMxMDAuNCwxMTkuOCw5OS4yLDEyMC41LDk4LjEsMTIwLjV6Ij48L3BhdGg+CQkJCTwvZz4JCQk8L2c+CQkJPGc+CQkJCTxnPgkJCQkJPHBhdGggZmlsbD0iIzQ1NEI1NCIgZD0iTTY0LDEyMC41QzY0LDEyMC41LDY0LDEyMC41LDY0LDEyMC41Yy03LjEsMC0xMi45LTQuNC0xNC44LTExLjJjLTAuNS0xLjYsMC41LTMuMywyLjEtMy43CQkJCQkJYzEuNi0wLjUsMy4zLDAuNSwzLjcsMi4xYzEuNSw1LjEsNS42LDYuOSw5LjEsNi45YzMuNCwwLDcuNi0xLjgsOS4xLTYuOWw1LjgsMS43Qzc2LjksMTE2LjEsNzEuMSwxMjAuNSw2NCwxMjAuNXoiPjwvcGF0aD4JCQkJPC9nPgkJCTwvZz4JCQk8Zz4JCQkJPGc+CQkJCQk8Zz4JCQkJCQk8cGF0aCBmaWxsPSIjNjIzNDVCIiBkPSJNMzMuNCw3NS4xYy0yLDAtMy45LTEtNS4yLTIuOGMtMi4xLTIuOS0yLjYtNy42LTEuMS0xMC43YzAuOS0yLDIuNS0zLjEsNC41LTMuMwkJCQkJCQljMC44LTAuMSwxLjUsMC42LDEuNiwxLjRjMC4xLDAuOC0wLjYsMS41LTEuNCwxLjZjLTAuMywwLTEuMywwLjEtMiwxLjZjLTEsMi4xLTAuNiw1LjYsMC44LDcuN2MwLjgsMS4yLDEuOSwxLjcsMy4xLDEuNQkJCQkJCQljMC44LTAuMSwxLjYsMC41LDEuNywxLjNjMC4xLDAuOC0wLjUsMS42LTEuMywxLjdDMzMuOSw3NS4xLDMzLjYsNzUuMSwzMy40LDc1LjF6Ij48L3BhdGg+CQkJCQk8L2c+CQkJCTwvZz4JCQkJPGc+CQkJCQk8Zz4JCQkJCQk8cGF0aCBmaWxsPSIjNjIzNDVCIiBkPSJNOTQuNiw3NS4xYy0wLjIsMC0wLjUsMC0wLjcsMGMtMC44LTAuMS0xLjQtMC44LTEuMy0xLjdzMC44LTEuNCwxLjctMS4zYzEuMiwwLjIsMi4zLTAuNCwzLjEtMS41CQkJCQkJCWMxLjUtMiwxLjgtNS41LDAuOC03LjdjLTAuNy0xLjUtMS43LTEuNS0yLTEuNmMtMC44LTAuMS0xLjQtMC44LTEuNC0xLjZjMC4xLTAuOCwwLjgtMS40LDEuNi0xLjRjMiwwLjEsMy42LDEuMyw0LjUsMy4zCQkJCQkJCWMxLjUsMy4xLDEsNy44LTEuMSwxMC43Qzk4LjUsNzQuMSw5Ni43LDc1LjEsOTQuNiw3NS4xeiI+PC9wYXRoPgkJCQkJPC9nPgkJCQk8L2c+CQkJCTxnPgkJCQkJPGc+CQkJCQkJPHBhdGggZmlsbD0iIzQ1NEI1NCIgZD0iTTk2LjMsNjIuOGMtMS43LDAtMy0xLjMtMy0zYzAtMjMuNC0xMC43LTM2LjktMjkuMy0zNi45Yy0xMi44LDAtMjEuOSw2LjMtMjYuMywxOC4yCQkJCQkJCWMtMC42LDEuNi0yLjMsMi4zLTMuOSwxLjhjLTEuNi0wLjYtMi4zLTIuMy0xLjgtMy45QzM3LjQsMjQuOCw0OC43LDE2LjksNjQsMTYuOWMyMi4xLDAsMzUuMywxNiwzNS4zLDQyLjkJCQkJCQkJQzk5LjMsNjEuNSw5Ny45LDYyLjgsOTYuMyw2Mi44eiI+PC9wYXRoPgkJCQkJPC9nPgkJCQk8L2c+CQkJCTxnPgkJCQkJPGc+CQkJCQkJPHBhdGggZmlsbD0iIzQ1NEI1NCIgZD0iTTY0LDEwOC40Yy01LjQsMC0xNi0yLjMtMjUuNS0xOGMtMC45LTEuNC0wLjQtMy4zLDEtNC4xYzEuNC0wLjksMy4zLTAuNCw0LjEsMQkJCQkJCQljOCwxMy4yLDE2LjIsMTUuMSwyMC40LDE1LjFjNSwwLDE3LjYtMi45LDI3LjItMjkuOGMwLjYtMS42LDIuMy0yLjQsMy44LTEuOGMxLjYsMC42LDIuNCwyLjMsMS44LDMuOAkJCQkJCQlDODYsMTA1LjEsNzAuMywxMDguNCw2NCwxMDguNHoiPjwvcGF0aD4JCQkJCTwvZz4JCQkJPC9nPgkJCTwvZz4JCTwvZz4JCTxnPgkJCTxnPgkJCQk8Zz4JCQkJCTxwYXRoIGZpbGw9IiM2MjM0NUIiIGQ9Ik0zNCw3Ni4xYy0wLjgsMC0xLjUtMC43LTEuNS0xLjVWNTYuM2MwLTAuOCwwLjctMS41LDEuNS0xLjVzMS41LDAuNywxLjUsMS41djE4LjMJCQkJCQlDMzUuNSw3NS41LDM0LjgsNzYuMSwzNCw3Ni4xeiI+PC9wYXRoPgkJCQk8L2c+CQkJPC9nPgkJCTxnPgkJCQk8Zz4JCQkJCTxwYXRoIGZpbGw9IiM2MjM0NUIiIGQ9Ik05NCw3Ni4xYy0wLjgsMC0xLjUtMC43LTEuNS0xLjVWNTYuM2MwLTAuOCwwLjctMS41LDEuNS0xLjVzMS41LDAuNywxLjUsMS41djE4LjMJCQkJCQlDOTUuNSw3NS41LDk0LjgsNzYuMSw5NCw3Ni4xeiI+PC9wYXRoPgkJCQk8L2c+CQkJPC9nPgkJPC9nPgk8L2c+CTxnPgkJPGc+CQkJPGc+CQkJCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik05OC45LDgxLjNsLTguMS0xLjRMOTYuMyw0OGw4LjEsMS40YzMuNSwwLjYsNS44LDQsNS4yLDcuNUwxMDYuMyw3NkMxMDUuNyw3OS41LDEwMi40LDgxLjksOTguOSw4MS4zeiI+PC9wYXRoPgkJCTwvZz4JCTwvZz4JCTxnPgkJCTxnPgkJCQk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjkuMSw4MS4zbDguMS0xLjRMMzEuNyw0OGwtOC4xLDEuNGMtMy41LDAuNi01LjgsNC01LjIsNy41TDIxLjcsNzZDMjIuMyw3OS41LDI1LjYsODEuOSwyOS4xLDgxLjN6Ij48L3BhdGg+CQkJPC9nPgkJPC9nPgkJPGc+CQkJPGc+CQkJCTxwYXRoIGZpbGw9IiM0NTRCNTQiIGQ9Ik0xMDAsODQuNGMtMC41LDAtMS4xLDAtMS42LTAuMUw5MC44LDgzYy0xLjYtMC4zLTIuNy0xLjgtMi41LTMuNGw1LTMyYzAuMS0wLjgsMC42LTEuNSwxLjItMgkJCQkJYzAuNy0wLjUsMS41LTAuNywyLjMtMC41bDguMSwxLjRjNS4xLDAuOSw4LjYsNS44LDcuNywxMWwtMy40LDE5LjFDMTA4LjUsODEuMSwxMDQuNiw4NC40LDEwMCw4NC40eiBNOTQuOCw3Ny41bDQuNiwwLjgJCQkJCWMwLjIsMCwwLjQsMC4xLDAuNiwwLjFjMS43LDAsMy4xLTEuMiwzLjQtMi45bDMuNC0xOS4xYzAuMy0xLjktMC45LTMuNy0yLjgtNGwtNS4xLTAuOUw5NC44LDc3LjV6Ij48L3BhdGg+CQkJPC9nPgkJPC9nPgkJPGc+CQkJPGc+CQkJCTxwYXRoIGZpbGw9IiM0NTRCNTQiIGQ9Ik0yOCw4NC40QzI4LDg0LjQsMjgsODQuNCwyOCw4NC40Yy00LjYsMC04LjUtMy4zLTkuMy03LjhsLTMuNC0xOS4xYy0wLjktNS4xLDIuNS0xMCw3LjYtMTFsOC4xLTEuNAkJCQkJYzAuOC0wLjEsMS42LDAsMi4yLDAuNWMwLjcsMC41LDEuMSwxLjIsMS4yLDEuOWw1LjYsMzEuOGMwLjMsMS42LTAuOCwzLjItMi40LDMuNWwtOC4xLDEuNEMyOS4xLDg0LjMsMjguNiw4NC40LDI4LDg0LjR6CQkJCQkgTTI5LjIsNTEuNWwtNS4yLDAuOWMtMS45LDAuMy0zLjEsMi4xLTIuOCw0bDMuNCwxOS4xYzAuMywxLjcsMS43LDIuOSwzLjQsMi45aDBjMC4yLDAsMC40LDAsMC42LTAuMWw1LjItMC45TDI5LjIsNTEuNXoiPjwvcGF0aD4JCQk8L2c+CQk8L2c+CQk8Zz4JCQk8Zz4JCQkJPGc+CQkJCQk8cGF0aCBmaWxsPSIjNDU0QjU0IiBkPSJNMjUuNCw1MC44YzAsMC0wLjEsMC0wLjEsMGMtMS43LTAuMS0yLjktMS41LTIuOS0zLjFDMjMuMywyNS4xLDQxLjUsNy41LDY0LDcuNQkJCQkJCWMyMi4xLDAsNDAuMywxNy4zLDQxLjUsMzkuNGMwLjEsMS43LTEuMiwzLjEtMi44LDMuMmMtMS42LDAuMS0zLjEtMS4yLTMuMi0yLjhjLTEtMTguOS0xNi42LTMzLjctMzUuNS0zMy43CQkJCQkJYy0xOS4yLDAtMzQuOCwxNS4xLTM1LjYsMzQuNEMyOC40LDQ5LjUsMjcsNTAuOCwyNS40LDUwLjh6Ij48L3BhdGg+CQkJCTwvZz4JCQk8L2c+CQk8L2c+CTwvZz48L2c+PC9zdmc+")
    50% 50% no-repeat;
  background-color: #fff;
  background-position: left 20px center;
  background-size: 50px 50px;
  border: 2px solid #efefef;
  margin: 20px 0 0 0;
}
.cadastral-row .bullet {
  margin: 0 0 36px 0 !important;
  padding: 20px 20px 20px 80px;
}
.auction-settings .bullet {
  margin-top: 0 !important;
}
main .intranet.auction-added .succesful {
  background: url(../icons/succesful-icon-green.svg) no-repeat left top;
  background-size: 120px 120px;
  padding: 20px 20px 20px 120px;
  width: 800px;
  max-width: 100%;
  margin: 0 auto;
  animation: notification-animation 0.3s 0.3s cubic-bezier(0, 0.8, 0.32, 1.07)
    forwards;
  overflow: hidden;
}
main .intranet.auction-added .succesful h2 {
  font-weight: 400;
  font-size: 23px;
  line-height: 29px;
  margin-top: 0;
}
main .intranet.auction-added .auction-link {
  font-size: 17px;
  width: 600px;
  margin: 0 auto;
}
main .intranet.auction-added .succesful.contract-signed .buttons {
  margin-top: 20px;
}
main .intranet.auction-added .succesful.contract-signed .buttons > * + * {
  margin-left: 6px;
}
main .intranet.auction-added .succesful.contract-signed {
  background: none;
  padding-left: 20px;
}
main .intranet.auction-added .auction-link a {
  font-weight: 600;
}
main .intranet .attach-file {
  position: relative;
  overflow: hidden;
  z-index: 20000;
  margin-top: 6px;
}
main .intranet .attach-file > div {
  background: #3da940;
  color: #fff;
  height: 35px;
  width: 100px;
  transition: 0.3s all;
  cursor: pointer;
  border-radius: 4px;
  z-index: 20000;
  text-align: center;
  float: left;
}
main .intranet .attach-file:hover > div {
  background-color: #5bbd84;
}
main .intranet .attach-file input[name="attached_file[]"] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  height: 35px;
  width: 100px;
}
main .intranet .attach-file span {
  position: relative;
  top: 6px;
  float: left;
  margin-left: 7px;
  font-size: 14px;
}
main .intranet.add-auction .upload-info-box {
  background: #f8f9fa;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 20px 25px;
  margin-bottom: 25px;
}
main .intranet.add-auction .upload-info-box h3 {
  margin: 0 0 8px 0;
  font-size: 18px;
  color: #333;
}
main .intranet.add-auction .upload-info-box p {
  margin: 0;
  font-size: 14px;
  color: #666;
  line-height: 1.5;
}
main .intranet.add-auction .uploaded-auction-images {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 -10px -10px;
}
main .intranet.add-auction .uploaded-auction-images .uploaded-image-wrap {
  border: 2px solid #f2c94c;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  margin: 0 0 10px 10px;
  width: auto;
  max-width: 100px;
}
main
  .intranet.add-auction
  .uploaded-auction-images
  .uploaded-image-wrap-placeholder {
  width: 100px;
  height: 100px;
}
main
  .intranet.add-auction
  .uploaded-auction-images
  .uploaded-image-wrap
  .main-image-btn {
  display: none;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 20px;
  background: #f2c94c;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  color: #fff;
  font-size: 9px;
  line-height: 1;
  text-transform: uppercase;
  transition: 0.3s background-color;
}
main
  .intranet.add-auction
  .uploaded-auction-images
  .uploaded-image-wrap:hover
  .main-image-btn {
  display: flex;
}
main
  .intranet.add-auction
  .uploaded-auction-images
  .uploaded-image-wrap
  .main-image-btn:hover {
  background: #efd27b;
}
main
  .intranet.add-auction
  .uploaded-auction-images
  .uploaded-image-wrap
  .delete-image-btn {
  display: none;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 20px;
  background: #ff0000;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  color: #fff;
  font-size: 9px;
  line-height: 1;
  text-transform: uppercase;
  transition: 0.3s background-color;
}
main
  .intranet.add-auction
  .uploaded-auction-images
  .uploaded-image-wrap:hover
  .delete-image-btn {
  display: flex;
}
main
  .intranet.add-auction
  .uploaded-auction-images
  .uploaded-image-wrap
  .delete-image-btn:hover {
  background: #ea0101;
}
main
  .intranet.add-auction
  .uploaded-auction-images
  .uploaded-image-wrap
  .image
  img {
  display: block;
  width: 100px;
  height: 100px;
}
main
  .intranet.add-auction
  .uploaded-auction-images
  .uploaded-image-wrap.files-wrap
  .image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
}
main
  .intranet.add-auction
  .uploaded-auction-images
  .uploaded-image-wrap.files-wrap
  .image
  img {
  width: 40px;
  height: 40px;
}
main
  .intranet.add-auction
  .uploaded-auction-images
  .uploaded-image-wrap.files-wrap
  .label {
  font-size: 11px;
  line-height: 1.2;
  padding: 5px 2px;
  text-align: center;
}
main .intranet.add-auction .upload-loading-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.9);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
main .intranet.add-auction .upload-loading-content {
  text-align: center;
}
main .intranet.add-auction .upload-loading-content p {
  margin: 15px 0 0 0;
  font-size: 16px;
  color: #333;
}
main .intranet.add-auction .upload-spinner {
  width: 50px;
  height: 50px;
  border: 4px solid #e0e0e0;
  border-top-color: #3da949;
  border-radius: 50%;
  animation: upload-spin 1s linear infinite;
  margin: 0 auto;
}
@keyframes upload-spin {
  to {
    transform: rotate(360deg);
  }
}
main .intranet.add-auction .location-picker-wrap {
  margin-top: 10px;
  width: 600px;
  max-width: 100%;
  height: 350px;
  display: none;
}
main .intranet.add-auction .location-picker-wrap.active {
  display: block;
}
main .intranet.add-auction .location-picker-wrap iframe {
  pointer-events: none;
  filter: grayscale(100%);
  width: 100%;
  height: 350px;
}
main .intranet.add-auction .location-picker-wrap.active iframe {
  pointer-events: all;
  filter: none;
}
.add-cadastral {
  display: inline-block;
  cursor: pointer;
}
.cadastrals-list .cadastral-element {
  clear: both;
  overflow: hidden;
}
.cadastrals-list .cadastral-element + .cadastral-element {
  margin-top: 10px;
}
.cadastrals-list .cadastral-element .cadastral-code {
  float: left;
  width: 50%;
}
.cadastrals-list .cadastral-element .transaction-volume {
  float: left;
  width: calc(50% - 51px - 10px);
  margin-left: 10px;
}
.cadastrals-list .cadastral-element .remove-cadastral {
  float: left;
  width: 41px;
  height: 41px;
  margin-left: 10px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cadastrals-list .cadastral-element:first-child .transaction-volume {
  width: calc(50% - 10px);
}
.cadastrals-list .cadastral-element:first-child .remove-cadastral {
  display: none;
}
.cadastrals-list .cadastral-element .attach-file,
.cadastrals-list .cadastral-element .volume-ha,
.cadastrals-list .cadastral-element .volume-description {
  display: none;
  overflow: hidden;
  clear: both;
}
.cadastrals-list .cadastral-element .attach-file > div,
.cadastrals-list .cadastral-element .volume-ha > div,
.cadastrals-list .cadastral-element .volume-description > div {
  padding: 5px 0;
}
.cadastrals-details-list .cadastral-row {
  clear: both;
  overflow: hidden;
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.cadastrals-details-list .cadastral-row .image {
  padding: 10px 0;
}
.cadastrals-details-list .cadastral-row .image img {
  display: block;
  width: 100%;
}
.cadastrals-details-list .cadastral-row > * {
  /*float: left;
  width: 40%;*/
}
.cadastrals-details-list .cadastral-row > *:nth-child(1) {
  width: calc(20% - 60px);
  border-right: 2px solid #3da940;
  margin-right: 30px;
  padding-right: 30px;
}
.cadastrals-details-list .cadastral-row > *:nth-child(2) {
  padding-right: 30px;
}
.cadastrals-details-list .cadastral-row > *:nth-child(3) {
  padding-left: 30px;
  border-left: 1px solid #eee;
}
.cadastrals-details-list .cadastral-row .note2 {
  font-size: 12px;
  float: right;
}
.terms {
  margin: 0 0 30px;
  border-bottom: 1px solid #d9d9d9;
}
.advantages {
  position: relative;
  margin: 60px 0 60px -60px;
  overflow: hidden;
}
.advantages > div {
  float: left;
  width: calc(100% / 2 - 60px);
  margin: 0 0 0 60px;
}
.toggle-btn {
  border-bottom: 1px solid #f3f3f3;
  padding: 20px 50px 20px 20px;
  cursor: pointer;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMjYiIGhlaWdodD0iMjYiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIj48L3BhdGg+PGcgZmlsbD0iI2E3YTdhNyI+PGcgaWQ9InN1cmZhY2UxIj48cGF0aCBkPSJNODYsMTAxLjkxODI3bDU3Ljk4Nzk4LC01Ni43OTkyOGMyLjU4NDEzLC0yLjUzMjQ2IDYuNzE4NzUsLTIuNTA2NjIgOS4zMDI4OCwwLjA1MTY4bDEwLjE1NTY1LDEwLjE1NTY1YzIuNTg0MTMsMi42MDk5OCAyLjU4NDEzLDYuNzk2MjggLTAuMDI1ODQsOS4zODA0MWwtNzIuNzQzMzksNzIuMjc4MjRjLTEuMjkyMDYsMS4yOTIwNyAtMi45NzE3NSwxLjkzODEgLTQuNjc3MjgsMS45MzgxYy0xLjcwNTUzLDAgLTMuMzg1MjIsLTAuNjQ2MDMgLTQuNjc3MjgsLTEuOTM4MWwtNzIuNzQzMzksLTcyLjI3ODI0Yy0yLjYwOTk3LC0yLjU4NDEzIC0yLjYwOTk3LC02Ljc3MDQzIC0wLjAyNTg0LC05LjM4MDQxbDEwLjE1NTY1LC0xMC4xNTU2NWMyLjU4NDEzLC0yLjU1ODI5IDYuNzE4NzUsLTIuNTg0MTMgOS4zMDI4OCwtMC4wNTE2OHoiPjwvcGF0aD48L2c+PC9nPjwvZz48L3N2Zz4=")
    50% 50% no-repeat;
  background-position: right 17px center !important;
  background-size: 21px 21px !important;
  transition: 0.3s all;
  color: #a7a7a7;
  font-size: 19px;
  box-shadow: 0 0 30px -5px rgba(0, 0, 0, 0.25);
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
.toggle-cnt {
  display: block;
  overflow: hidden;
  transition: 0.5s all;
  max-height: 0;
}
.toggle-btn.active {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNTAiIGhlaWdodD0iNTAiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIj48L3BhdGg+PGcgZmlsbD0iI2E3YTdhNyI+PGcgaWQ9InN1cmZhY2UxIj48cGF0aCBkPSJNODYsNzAuMDgxNzNsNTcuOTg3OTgsNTYuNzk5MjhjMi41ODQxMywyLjUzMjQ1IDYuNzE4NzUsMi41MDY2MSA5LjMwMjg4LC0wLjA1MTY5bDEwLjE1NTY1LC0xMC4xNTU2NWMyLjU4NDEzLC0yLjYwOTk3IDIuNTg0MTMsLTYuNzk2MjggLTAuMDI1ODQsLTkuMzgwNDFsLTcyLjc0MzM5LC03Mi4yNzgyNGMtMS4yOTIwNiwtMS4yOTIwNyAtMi45NzE3NSwtMS45MzgxIC00LjY3NzI4LC0xLjkzODFjLTEuNzA1NTMsMCAtMy4zODUyMiwwLjY0NjAzIC00LjY3NzI4LDEuOTM4MWwtNzIuNzQzMzksNzIuMjc4MjRjLTIuNjA5OTcsMi41ODQxMyAtMi42MDk5Nyw2Ljc3MDQ0IC0wLjAyNTg0LDkuMzgwNDFsMTAuMTU1NjUsMTAuMTU1NjVjMi41ODQxMywyLjU1ODI5IDYuNzE4NzUsMi41ODQxMyA5LjMwMjg4LDAuMDUxNjl6Ij48L3BhdGg+PC9nPjwvZz48L2c+PC9zdmc+")
    50% 50% no-repeat;
}
.toggle-cnt.active {
  max-height: 640px;
  margin: 10px 0;
}
.toggle-btn:hover {
  background-color: #f9f9f9;
}
.toggle-btn .heading-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

.content-newsletter-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}
.content-newsletter-image {
  margin-right: 20px;
  width: 100%;
  max-width: 450px;
}
.content-newsletter-image img {
  display: block;
  width: 100%;
  height: auto;
}
.content-newsletter {
  display: flex;
  flex-direction: column;
  max-width: 480px;
  background: #f1f1f1;
  border-radius: 4px;
  padding: 40px;
  background: #f0f0f0;
  background: linear-gradient(to bottom, #f0f0f0 0%, #ffffff 100%);
}
.content-newsletter h4 {
  margin-top: 0;
}
.content-newsletter > *:not(:last-child) {
  margin-bottom: 15px;
}
.content-newsletter input {
  height: 41px;
  padding: 0 10px;
  transition: 0.5s background, 0.5s border, 0.5s color;
  border: 1px solid #e8e8e8;
  background: #fff;
  border-radius: 4px;
  -webkit-appearance: none;
}
.content-newsletter .col-2 {
  position: relative;
  margin: 0 0 15px -15px;
  display: flex;
}
.content-newsletter .col-2 input {
  width: calc(100% / 2 - 15px);
  margin: 0 0 0 15px;
}
.content-newsletter .label-checkbox {
  color: #8c8c8c;
}
.content-newsletter .label-checkbox > span {
  margin: 0 12px 0 0;
}
.content-newsletter .label-checkbox > div {
  font-size: 14px;
  line-height: 1.3;
}
.content-newsletter button {
  height: 41px;
}

.columned-text {
  position: relative;
  margin: 0 0 -45px -45px;
  overflow: hidden;
}
.columned-text.columns-2 .content-text {
  float: left;
  width: calc(100% / 2 - 45px);
  margin: 0 0 45px 45px;
}
.columned-text.columns-3 .content-text {
  float: left;
  width: calc(100% / 3 - 45px);
  margin: 0 0 45px 45px;
}
.form .form-row {
  margin: 10px 0;
  display: flex;
  align-items: center;
  overflow: visible;
  position: relative;
}
.form .form-row:after {
  display: block;
  content: "";
  clear: both;
}
.form .form-row > label {
  width: 220px;
  float: left;
  line-height: 19px;
  position: relative;
  overflow: visible;
}
.form .form-row > label .note {
  font-style: italic;
  color: #a2a2a2;
  font-size: 12px;
  line-height: 1;
}
.form .form-row > label b {
  color: #8a8a8a;
  font-size: 28px;
  font-weight: normal;
}
.form .form-row > div {
  width: calc(100% - 220px);
  float: right;
  position: relative;
}
.form .form-row > div input,
.form .form-row > div textarea,
.form .form-row > div select {
  width: 100%;
  height: 41px;
  padding: 0 10px;
  transition: 0.5s background, 0.5s border, 0.5s color;
  border: 1px solid #e8e8e8;
  background: #fff;
  border-radius: 4px;
}
.form .form-row > div textarea {
  height: 140px;
  padding: 10px;
}
.form .form-row > div textarea,
.form .form-row > div input {
  -webkit-appearance: none;
}
.form .form-row > div input:focus,
.form .form-row > div textarea:focus,
.form .form-row > div select:focus {
  border-color: #f2c94c;
}

.form .form-row > div textarea:read-only,
/* .form .form-row > div select:read-only, */
.form .form-row > div input:disabled,
.form .form-row > div textarea:disabled,
.form .form-row > div select:disabled {
  background-color: #efefef !important;
}

.form .form-row > div input:not(.datepicker):read-only {
  background-color: #fff;
  border-color: #fff;
}

.form .form-row > div > b {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #8a8a8a;
  font-size: 28px;
  font-weight: normal;
}
.form .form-row > div > div > button,
.form .form-row > div > button {
  width: 100%;
  padding: 10px 15px;
  font-weight: 600;
  background: #f2c94c;
  text-transform: uppercase;
  font-size: 14px;
  transition: 0.3s all;
  border-radius: 4px;
  color: #000;
  cursor: pointer;
}
.form .form-row > div > div > button:hover,
.form .form-row > div > button:hover {
  background-color: #efd27b;
}
.form .form-row > div .label {
  text-align: right;
}
.security-code > div {
  display: flex;
  align-items: center;
}
.form .security-code input {
  float: left;
}
.form .security-code img {
  float: left;
}
.form .form-row.two-in > label {
  width: 220x;
}
.form .form-row.two-in > div > * {
  width: calc(100% / 3);
  float: left;
}
.form .form-row.two-in > div > label {
  display: flex;
  align-items: center;
  height: 41px;
  padding: 0 10px;
  justify-content: flex-end;
}
.form div.two-in input {
  float: left;
  width: calc(100% / 2 - 55px - 10px);
}
.form .form-row.full-width {
  flex-direction: column;
  align-items: flex-start;
}
.form .form-row.full-width > label {
  width: 100%;
  margin-bottom: 8px;
}
.form .form-row.full-width > label:empty {
  display: none;
}
.form .form-row.full-width > div {
  width: 100%;
}
.form .form-row.field-adding > div > input,
.form .form-row.field-adding > div > select {
  width: calc(100% - 35px);
}
.form .form-row.field-adding > div > .add-field {
  background: url("../icons/plus-icon-gray.svg") no-repeat center center;
  background-size: 25px 25px;
  width: 35px;
  height: 35px;
  float: right;
  cursor: pointer;
}
.form .form-row.add-file > div > input {
  padding-top: 5px;
}
.form-row.label-top {
  display: block;
}
.form-row.label-top > label {
  padding-top: 10px;
}
.form .form-row .time-period {
  display: flex;
  align-items: center;
}
.form .form-row .time-period .to {
  padding: 0 10px;
}
.form .form-row-overview {
  display: flex;
  justify-content: space-between;
}
.form .form-row-overview + .form-row-overview {
  border-top: 1px solid #ebebeb;
  padding-top: 10px;
  margin-top: 10px;
}
.form .form-row-overview > label {
  text-align: left;
  width: auto;
  padding-right: 14px;
}
.form .form-row-overview > div {
  width: auto;
}
.form .form-row-overview > div .overview-value {
  font-weight: 600;
  text-align: right;
}

.tbl-params input,
.tbl-params select,
.tbl-params textarea {
  width: 100%;
  height: 41px;
  padding: 0 10px;
  transition: 0.5s background, 0.5s border, 0.5s color;
  border: 1px solid #e8e8e8;
  background: #fff;
  border-radius: 4px;
}

/* New compact parameter layout */
.param-group {
  margin-bottom: 25px;
  background: linear-gradient(135deg, #ffffff 0%, #f8fdf9 100%);
  border-radius: 8px;
  padding: 25px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  border: 1px solid #e8f4ea;
  transition: all 0.3s ease;
}

.param-group:hover {
  box-shadow: 0 4px 12px rgba(61, 169, 64, 0.12);
  border-color: #d0e8d1;
}

.param-group h3 {
  margin: 0 0 20px 0;
  padding: 0 0 12px 0;
  border-bottom: 3px solid transparent;
  background: linear-gradient(to right, #3da940 0%, #5bc85f 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.3px;
  position: relative;
}

.param-group h3:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 60px;
  height: 3px;
  background: linear-gradient(to right, #3da940, #5bc85f);
  border-radius: 2px;
}

.param-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 18px;
}

.param-row {
  display: flex;
  flex-direction: column;
  gap: 8px;
  background: #fff;
  padding: 14px;
  border-radius: 6px;
  border: 1px solid #f0f0f0;
  transition: all 0.2s ease;
}

.param-row:hover {
  border-color: #3da940;
  box-shadow: 0 2px 6px rgba(61, 169, 64, 0.08);
  transform: translateY(-1px);
}

.param-label {
  font-weight: 600;
  color: #2d5a2e;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.param-label:before {
  content: '▸';
  color: #3da940;
  font-size: 12px;
}

.param-input,
.param-input-multilang {
  display: flex;
  flex-direction: column;
}

.param-input input,
.param-input select,
.param-input textarea {
  width: 100%;
  height: 41px;
  padding: 0 12px;
  transition: all 0.3s ease;
  border: 2px solid #e8e8e8;
  background: #fff;
  border-radius: 6px;
  font-size: 14px;
}

/* Remove arrows from number inputs */
.param-input input[type="number"]::-webkit-inner-spin-button,
.param-input input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.param-input input[type="number"] {
  -moz-appearance: textfield;
}

.param-input input:focus,
.param-input select:focus,
.param-input textarea:focus {
  border-color: #3da940;
  outline: none;
  box-shadow: 0 0 0 3px rgba(61, 169, 64, 0.1);
}

.param-input textarea {
  height: 80px;
  padding: 10px 12px;
  resize: vertical;
  line-height: 1.5;
}

/* Language tabs */
.lang-tabs {
  display: flex;
  gap: 6px;
  margin-bottom: 10px;
  padding: 4px;
  background: #f5f5f5;
  border-radius: 8px;
}

.lang-tab {
  background: transparent;
  border: none;
  padding: 10px 18px;
  cursor: pointer;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 700;
  color: #666;
  transition: all 0.25s ease;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  position: relative;
  flex: 1;
  text-align: center;
}

.lang-tab:hover {
  background: #e8e8e8;
  color: #333;
  transform: translateY(-1px);
}

.lang-tab.active {
  background: linear-gradient(135deg, #3da940 0%, #5bc85f 100%);
  color: #fff;
  box-shadow: 0 3px 8px rgba(61, 169, 64, 0.3);
}

.lang-tab.has-content:not(.active):after {
  content: '';
  position: absolute;
  top: 8px;
  right: 8px;
  width: 8px;
  height: 8px;
  background: #3da940;
  border-radius: 50%;
  box-shadow: 0 0 0 2px #fff;
  animation: fadeIn 0.3s ease;
}

.lang-content-wrapper {
  position: relative;
}

.lang-content {
  display: none;
  animation: fadeIn 0.3s ease;
}

.lang-content.active {
  display: block;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.lang-content input,
.lang-content textarea {
  width: 100%;
  height: 41px;
  padding: 0 12px;
  transition: all 0.3s ease;
  border: 2px solid #e8e8e8;
  background: #fff;
  border-radius: 6px;
  font-size: 14px;
}

.lang-content input:focus,
.lang-content textarea:focus {
  border-color: #3da940;
  outline: none;
  box-shadow: 0 0 0 3px rgba(61, 169, 64, 0.1);
}

.lang-content textarea {
  height: 80px;
  padding: 10px 12px;
  resize: vertical;
  line-height: 1.5;
}

/* Description multilang tabs */
.description-multilang {
  width: 100%;
  background: linear-gradient(135deg, #ffffff 0%, #f8fdf9 100%);
  padding: 20px;
  border-radius: 8px;
  border: 1px solid #e8f4ea;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.desc-tabs {
  margin-bottom: 16px;
  flex-wrap: wrap;
  padding: 6px;
  background: #f5f5f5;
}

.desc-tabs .lang-tab {
  flex: 1;
  min-width: 160px;
  text-align: center;
  font-size: 11px;
  padding: 12px 16px;
}

.description-multilang .lang-content textarea {
  min-height: 200px;
}

/* Improve cadastral row layout */
.cadastrals-details-list .cadastral-row > *:nth-child(1) {
  width: auto;
  border-right: none;
  margin-right: 0;
  padding-right: 0;
  margin-bottom: 0;
}

.cadastrals-details-list .cadastral-row {
  display: block;
  margin-bottom: 35px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
  border: 1px solid #e8f4ea;
}

.cadastrals-details-list .cadastral-row > div:nth-child(2) {
  width: 100%;
  padding: 30px;
  background: #fff;
}

.cadastrals-details-list h2 {
  margin: 0;
  padding: 20px 30px;
  background: linear-gradient(135deg, #3da940 0%, #5bc85f 100%);
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.3px;
  display: flex;
  align-items: center;
  gap: 12px;
  box-shadow: 0 2px 8px rgba(61, 169, 64, 0.2);
}

.cadastrals-details-list h2:before {
  content: '📍';
  font-size: 24px;
}

.cadastrals-details-list .cadastral-row > div:first-child {
  background: linear-gradient(135deg, #f8fdf9 0%, #ffffff 100%);
  padding: 18px 30px;
  border-bottom: 2px solid #e8f4ea;
}

.cadastrals-details-list .cadastral-row > div:first-child strong {
  color: #3da940;
  font-size: 16px;
  font-weight: 700;
}

/* Enhanced description section */
.cadastrals-details-list + .form-row {
  margin-top: 40px;
  padding-top: 30px;
  border-top: 3px solid #e8f4ea;
}

.cadastrals-details-list + .form-row > label {
  font-size: 18px;
  font-weight: 700;
  color: #2d5a2e;
  display: flex;
  align-items: center;
  gap: 10px;
}

.cadastrals-details-list + .form-row > label:before {
  content: '📝';
  font-size: 22px;
}

/* Step 1 form enhancements */
.add-auction .form-row {
  margin: 20px 0;
}

.add-auction .form-row input[type="text"],
.add-auction .form-row select {
  transition: all 0.3s ease;
  border: 2px solid #e8e8e8;
  border-radius: 6px;
  padding: 0 12px;
  height: 41px;
}

.add-auction .form-row input[type="text"]:focus,
.add-auction .form-row select:focus {
  border-color: #3da940;
  outline: none;
  box-shadow: 0 0 0 3px rgba(61, 169, 64, 0.1);
}

.add-auction .form-row > label {
  font-weight: 600;
  color: #2d5a2e;
}

.add-auction .different-box {
  background: linear-gradient(135deg, #ffffff 0%, #f8fdf9 100%);
  padding: 25px;
  border-radius: 8px;
  border: 2px solid #e8f4ea;
  margin: 30px 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.add-auction .different-box .side-lines {
  color: #3da940;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
}

.add-auction button[data-trigger] {
  background: linear-gradient(135deg, #3da940 0%, #5bc85f 100%);
  color: #fff;
  border: none;
  border-radius: 6px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 2px 6px rgba(61, 169, 64, 0.3);
}

.add-auction button[data-trigger]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(61, 169, 64, 0.4);
}

.add-auction #title-select-location h5 {
  color: #2d5a2e;
  font-size: 18px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 10px;
}

.add-auction #title-select-location h5:before {
  content: '📍';
  font-size: 22px;
}

.add-auction #map {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  border: 2px solid #e8f4ea;
  margin-top: 20px;
}

.add-auction .actions {
  margin-top: 40px;
  padding-top: 30px;
  border-top: 3px solid #e8f4ea;
}

.add-auction .green-btn {
  background: linear-gradient(135deg, #3da940 0%, #5bc85f 100%);
  color: #fff;
  border: none;
  padding: 14px 32px;
  border-radius: 8px;
  font-weight: 700;
  font-size: 16px;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 3px 10px rgba(61, 169, 64, 0.3);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.add-auction .green-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(61, 169, 64, 0.4);
}

/* AUCTION ADD STEP 9 */
/* Form fields container */
.auction-step9-form-container {
  background: #ededec;
  border-radius: 12px;
  padding: 25px 30px;
  margin: 0 0 15px 0;
}

.auction-step9-form-container .form-row label {
  color: #000;
  font-weight: 600;
}

.auction-step9-form-container .form-row .unit {
  display: flex;
  gap: 10px;
}

.auction-step9-form-container .form-row input[type="text"],
.auction-step9-form-container .form-row select {
  background: #fff;
  border: 1px solid rgba(0,0,0,0.1);
  color: #000;
}

.auction-step9-form-container .form-row input[type="text"] {
  width: 150px;
  flex-shrink: 0;
}

.auction-step9-form-container .form-row select {
  width: 70px;
  flex-shrink: 0;
}

/* Auction name field should be full width */
.auction-step9-form-container .form-row:first-child input[type="text"] {
  width: 100%;
  flex: 1;
}

/* Publish summary block */
.auction-step9-publish-summary {
  background: linear-gradient(135deg, #3da940 0%, #2d8f36 100%);
  border-radius: 12px;
  padding: 25px 30px;
  margin: 0 0 15px 0;
  box-shadow: 0 4px 15px rgba(61, 169, 64, 0.3);
}

.auction-step9-publish-summary h3 {
  margin: 0 0 20px 0;
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
  display: flex;
  align-items: center;
  gap: 10px;
}

.auction-step9-publish-summary-content {
  font-size: 15px;
  line-height: 2;
  color: #ffffff !important;
}

.auction-step9-publish-summary-content * {
  color: #ffffff !important;
}

/* Buttons container */
.auction-step9-buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
}

.auction-step9-buttons-right {
  display: flex;
  gap: 6px;
}

/* Eelvaade button */
.eelvaade-btn {
  background: #a9d159 !important;
  color: #fff;
  font-weight: 700;
  padding: 14px 32px;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 1.1;
  border-radius: 8px;
  text-align: center;
  border: none;
  text-decoration: none;
  cursor: pointer;
  box-sizing: border-box;
  box-shadow: 0 3px 10px rgba(169, 209, 89, 0.3);
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
}

.eelvaade-btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(169, 209, 89, 0.4) !important;
  color: #fff !important;
}

/* Client days auction sections */
.auction-section {
  margin-bottom: 50px;
  background: linear-gradient(135deg, #f8fdf9 0%, #ffffff 100%);
  border-radius: 10px;
  padding: 25px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06);
  border: 1px solid #e8f4ea;
}

.auction-section-title {
  margin: 0 0 20px 0;
  padding-bottom: 15px;
  color: #2d5a2e;
  font-size: 20px;
  font-weight: 700;
  border-bottom: 3px solid #e8f4ea;
  display: flex;
  align-items: center;
  gap: 10px;
}

.auction-type-icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #3da940;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
}

.auction-type-icon.type-0 {
  background-image: url("../icons/types/type-0-white.svg");
}

.auction-type-icon.type-1 {
  background-image: url("../icons/types/type-1-white.svg");
}

.auction-type-icon.type-2 {
  background-image: url("../icons/types/type-2-white.svg");
}

.auction-type-icon.type-3 {
  background-image: url("../icons/types/type-3-white.svg");
}

.auction-type-icon.type-4 {
  background-image: url("../icons/types/type-4-white.svg");
}

.auction-type-icon.type-5 {
  background-image: url("../icons/types/type-5-white.svg");
}

.auction-type-icon.type-6 {
  background-image: url("../icons/types/type-6-white.svg");
}

.auction-type-icon.type-8 {
  background-image: url("../icons/types/type-8-white.svg");
}
.auction-type-icon.type-9 {
  background-image: url("../icons/types/type-9-color.png");
  background-color: #ffffff;
  border: 2px solid #3da940;
}
.auction-type-icon.type-10 {
  background-image: url("../icons/types/type-10-white.svg");
  background-color: #0071bc;
}

.auction-section .table-container {
  margin: 0;
}

.add-new-row {
  background: linear-gradient(135deg, #f0f9f1 0%, #ffffff 100%);
  border-top: 2px solid #e8f4ea;
  transition: all 0.3s ease;
}

.add-new-row:hover {
  background: linear-gradient(135deg, #e8f4ea 0%, #f8fdf9 100%);
  transform: translateX(5px);
}

.add-new-link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 20px;
  text-decoration: none;
  color: #3da940;
  font-weight: 700;
  font-size: 15px;
  width: 100%;
  transition: all 0.3s ease;
}

.add-new-link:hover {
  color: #2d8930;
}

.add-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: linear-gradient(135deg, #3da940 0%, #5bc85f 100%);
  color: #fff;
  border-radius: 50%;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  box-shadow: 0 2px 6px rgba(61, 169, 64, 0.3);
  transition: all 0.3s ease;
}

.add-new-row:hover .add-icon {
  box-shadow: 0 4px 12px rgba(61, 169, 64, 0.4);
}


.tooltip,
.tooltip2 {
  display: inline-block;
  position: relative;
  left: 3px;
}
.tooltip > span,
.tooltip2 > span {
  display: block;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  color: #000;
  background: #f2c94c;
  font-weight: 600;
  text-align: center;
  cursor: pointer;
  font-size: 13px;
  line-height: 16px;
}
.tooltip .tooltip-cnt {
  display: none;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 100%;
  margin-bottom: 8px;
  width: 300px;
  background: #303030;
  color: #fff;
  z-index: 99999;
  padding: 10px;
  border-radius: 4px;
  font-size: 13px;
  line-height: 17px;
}
.tooltip .tooltip-cnt::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: #303030;
}
/* pt57124: the tooltip is 300px wide and centred on a 17px badge, so it reaches 150px to the
   left of it. In the registration form that badge sits in a narrow left label column and the
   box lands outside .col-2, which clips overflow - the first characters of every line were cut
   off ("koodi" for "Isikukoodi"). There is no room to centre there, so it opens to the right of
   the badge instead and the arrow moves over to point at it. */
.register-fields .tooltip .tooltip-cnt {
  left: 0;
  transform: none;
}
.register-fields .tooltip .tooltip-cnt::after {
  left: 8px;
  transform: none;
}
.tooltip2 .tooltip-cnt {
  display: none;
  position: absolute;
  right: 28px;
  top: 0;
  width: 300px;
  background: #303030;
  color: #fff;
  z-index: 99999;
  padding: 10px;
  border-radius: 4px;
  font-size: 13px;
  line-height: 17px;
  text-transform: none;
}
.tooltip .tooltip-cnt i,
.tooltip2 .tooltip-cnt i {
  font-weight: 600;
}
.tooltip .tooltip-cnt p:first-child,
.tooltip2 .tooltip-cnt p:first-child {
  margin-top: 0;
}
.tooltip .tooltip-cnt p:last-child,
.tooltip2 .tooltip-cnt p:last-child {
  margin-bottom: 0;
}
.tooltip > span:hover + .tooltip-cnt,
.tooltip2 > span:hover + .tooltip-cnt {
  display: block;
}
.i-agree {
  color: #3da940;
  text-decoration: underline;
}
.i-agree:hover {
  text-decoration: underline;
}
.label-checkbox {
  cursor: pointer;
  clear: both;
  margin: 0;
  overflow: hidden;
}
.label-checkbox + .label-checkbox {
  margin-top: 10px;
}
.label-checkbox input {
  display: none !important;
}
.label-checkbox > span {
  display: block;
  float: left;
  width: 25px;
  height: 25px;
  flex-shrink: 0;
  margin: 0 6px 0 0;
  background: #fff;
  background-size: 14px 14px;
  box-shadow: 1.5px 2.5px 3px 0px rgba(0, 0, 0, 0.05) inset;
  border: 1px solid #ddd;
  border-bottom: 1px solid #d4dde6;
  border-right: 1px solid #d4dde6;
  border-radius: 3px;
  transition: 0.3s border-color;
}
.label-checkbox.active > span {
  background: #fff url("../icons/check-icon-black.svg") no-repeat center center;
  background-size: 24px 24px;
}
.label-checkbox.disabled > span {
  background-color: #ccc;
}
.label-checkbox:hover > span {
  border: 1px solid #3da9405c;
}
.label-checkbox.active > span {
  background-position: center center;
}
.label-checkbox > div {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.label-checkbox .partial-text {
  display: none;
  color: #888;
  margin-left: 10px;
  margin-right: 5px;
  font-style: italic;
  font-size: 14px;
}
.bubble-as-indicator {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 2px;
}
.bubble-as-indicator.confirmed-bubble {
  background: #00b100;
}
.bubble-as-indicator.not-confirmed-bubble {
  background: #ff0000;
}
.bid-below-opening-price-message {
  color: red;
}
.btn-add-company {
  margin-top: 30px;
  display: inline-block;
}
.user-bid-rights {
  overflow: hidden;
  margin: 20px 0;
  background: #f2c94c;
  padding: 10px 10px;
  border-radius: 4px;
}
.user-info-popup .message {
  overflow: hidden;
  margin: 20px 0;
  background: #3da940;
  color: white;
  padding: 10px 10px;
  border-radius: 4px;
  font-size: 18px;
  font-weight: 600;
}
.changeable {
  overflow: hidden;
  display: flex;
  align-items: center;
  float: left;
}
.changeable > span {
  display: block;
  float: left;
  margin-right: 10px;
}
.changeable .toggle {
  justify-content: start;
  width: auto;
  float: left;
}
.changeable + .changeable {
  margin-left: 15px;
  padding-left: 10px;
  border-left: 1px solid #e0b532;
}
.changeable .c1-icon {
  background: url("../icons/types/type-1-white.svg");
}
.changeable .c2-icon {
  background: url("../icons/types/type-1-white.svg");
}
.changeable .c3-icon {
  background: url("../icons/types/type-3-white.svg");
}
.changeable .c4-icon {
  background: url("../icons/types/type-4-white.svg");
}
.changeable .type-icon {
  width: 24px;
  height: 24px;
  background-size: contain;
  margin-right: 6px;
}
.modal-legends {
  overflow: hidden;
}
.user-info-data {
  overflow: hidden;
  padding: 10px;
  background: #f7f7f7;
  border-radius: 4px;
}
.user-info-data > div {
  float: left;
}
.user-info-data > div + div {
  margin-left: 20px;
  padding-left: 20px;
  border-left: 1px solid #e4e4e4;
}
.user-info-data .with-icon {
  background-size: 18px 18px !important;
  background-position: left top 3px !important;
  padding-left: 21px;
}
.user-info-data .tel-icon {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNTAiIGhlaWdodD0iNTAiCnZpZXdCb3g9IjAgMCA1MCA1MCIKc3R5bGU9IiBmaWxsOiMwMDAwMDA7Ij48ZyBpZD0ic3VyZmFjZTEiPjxwYXRoIHN0eWxlPSIgIiBkPSJNIDM5LjAzMTI1IDQ3IEMgMzkuMDE1NjI1IDQ3IDM5IDQ3IDM4Ljk4NDM3NSA0NyBDIDMxLjQ2ODc1IDQ2Ljc1MzkwNiAyMi42NjQwNjMgMzkuNDY4NzUgMTYuNTk3NjU2IDMzLjM5ODQzOCBDIDEwLjUyMzQzOCAyNy4zMjgxMjUgMy4yMzgyODEgMTguNTE5NTMxIDMuMDAzOTA2IDExLjAzOTA2MyBDIDIuOTE3OTY5IDguNDE0MDYzIDkuMzU5Mzc1IDMuNzQ2MDk0IDkuNDI1NzgxIDMuNjk5MjE5IEMgMTEuMDk3NjU2IDIuNTM1MTU2IDEyLjk1MzEyNSAyLjk0OTIxOSAxMy43MTQ4NDQgNC4wMDM5MDYgQyAxNC4yMzA0NjkgNC43MTg3NSAxOS4xMTMyODEgMTIuMTE3MTg4IDE5LjY0NDUzMSAxMi45NTcwMzEgQyAyMC4xOTUzMTMgMTMuODI4MTI1IDIwLjExMzI4MSAxNS4xMjUgMTkuNDI1NzgxIDE2LjQyNTc4MSBDIDE5LjA0Njg3NSAxNy4xNDg0MzggMTcuNzg5MDYzIDE5LjM1OTM3NSAxNy4xOTkyMTkgMjAuMzkwNjI1IEMgMTcuODM1OTM4IDIxLjI5Njg3NSAxOS41MTk1MzEgMjMuNTE5NTMxIDIyLjk5NjA5NCAyNi45OTYwOTQgQyAyNi40NzY1NjMgMzAuNDcyNjU2IDI4LjY5NTMxMyAzMi4xNjAxNTYgMjkuNjA1NDY5IDMyLjc5Njg3NSBDIDMwLjYzNjcxOSAzMi4yMDcwMzEgMzIuODQ3NjU2IDMwLjk0OTIxOSAzMy41NzAzMTMgMzAuNTcwMzEzIEMgMzQuODUxNTYzIDI5Ljg5MDYyNSAzNi4xNDA2MjUgMjkuODA0Njg4IDM3LjAxOTUzMSAzMC4zNDM3NSBDIDM3LjkxNzk2OSAzMC44OTQ1MzEgNDUuMjk2ODc1IDM1LjgwMDc4MSA0NS45NzY1NjMgMzYuMjczNDM4IEMgNDYuNTQ2ODc1IDM2LjY3NTc4MSA0Ni45MTQwNjMgMzcuMzYzMjgxIDQ2Ljk4ODI4MSAzOC4xNjQwNjMgQyA0Ny4wNTg1OTQgMzguOTcyNjU2IDQ2LjgwODU5NCAzOS44MjgxMjUgNDYuMjg5MDYzIDQwLjU3NDIxOSBDIDQ2LjI0NjA5NCA0MC42MzY3MTkgNDEuNjMyODEzIDQ3IDM5LjAzMTI1IDQ3IFogIj48L3BhdGg+PC9nPjwvc3ZnPg==")
    50% 50% no-repeat;
}
.user-info-data .mail-icon {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNTAiIGhlaWdodD0iNTAiCnZpZXdCb3g9IjAgMCA1MCA1MCIKc3R5bGU9IiBmaWxsOiMwMDAwMDA7Ij4gICAgPHBhdGggc3R5bGU9ImxpbmUtaGVpZ2h0Om5vcm1hbDt0ZXh0LWluZGVudDowO3RleHQtYWxpZ246c3RhcnQ7dGV4dC1kZWNvcmF0aW9uLWxpbmU6bm9uZTt0ZXh0LWRlY29yYXRpb24tc3R5bGU6c29saWQ7dGV4dC1kZWNvcmF0aW9uLWNvbG9yOiMwMDA7dGV4dC10cmFuc2Zvcm06bm9uZTtibG9jay1wcm9ncmVzc2lvbjp0Yjtpc29sYXRpb246YXV0bzttaXgtYmxlbmQtbW9kZTpub3JtYWwiIGQ9Ik0gMjYuNDI5Njg4IDIgQyAxMy41OTg0OTMgMiAzLjE0NTUyMDUgMTIuMzk1MjUzIDMuMDA1ODU5NCAyNS4yMTY3OTcgTCAzLjAwNTg1OTQgMjUuMjM4MjgxIEwgMy4wMDU4NTk0IDI1LjI2MTcxOSBDIDMuMTQ1Nzg3MSAzNy44MTkxNDEgMTMuMzg0MDgzIDQ4IDI1Ljk1MTE3MiA0OCBDIDMzLjY2OTY4OCA0OCA0MC4xOTkxNDggNDUuNjg2ODA0IDQ1LjUzNzEwOSAzOS4yODEyNSBBIDIuMDAxMDc2MSAyLjAwMTA3NjEgMCAxIDAgNDIuNDYyODkxIDM2LjcxODc1IEMgMzcuODAwODUyIDQyLjMxMzE5NiAzMi45NDQ2NTYgNDQgMjUuOTUxMTcyIDQ0IEMgMTUuNTQzNjExIDQ0IDcuMTM1NTA2MSAzNS42NDQ2MTQgNy4wMDc4MTI1IDI1LjIzODI4MSBDIDcuMTM2ODE5MSAxNC41Njg5ODggMTUuNzU4ODkxIDYgMjYuNDI5Njg4IDYgQyAzMC43NjYyMDMgNiAzNC45NjExNDQgNy40NzM4NDgxIDM4LjAwNzgxMiAxMC4wNjI1IEMgNDEuMDU0NDgyIDEyLjY1MTE1MiA0MyAxNi4yODE1MTEgNDMgMjAuOTg4MjgxIEwgNDMgMjEuMzc1IEMgNDMgMjQuNzYwNDE3IDQxLjQwNjM5OCAyNy45NzUzMzYgMzkuMjE2Nzk3IDMwLjMyNDIxOSBDIDM3LjAyNzE5NiAzMi42NzMxMDEgMzQuMjIyODc1IDM0IDMyLjU2NjQwNiAzNCBDIDMyLjE5OTExNCAzNCAzMi4yMTQ0NjkgMzMuOTU0NDM2IDMyLjE4NTU0NyAzMy45MjE4NzUgQyAzMi4xNTY2MjQgMzMuODg5MzE0IDMyIDMzLjY3MSAzMiAzMyBMIDMyIDMyLjk0OTIxOSBMIDMxLjk5ODA0NyAzMi44OTg0MzggQyAzMS45OTgwNDcgMzIuODk4NDM4IDMxLjg2MTg2MSAzMC41NTUzODIgMzMuMjA1MDc4IDI3LjI5Mjk2OSBDIDMzLjIwNjcyNyAyNy4yODg5NjUgMzMuMjA3MzMxIDI3LjI4NTI1NyAzMy4yMDg5ODQgMjcuMjgxMjUgTCAzNy44NTM1MTYgMTUuNzQ4MDQ3IEEgMi4wMDAyIDIuMDAwMiAwIDAgMCAzNS45NDUzMTIgMTIuOTc0NjA5IEEgMi4wMDAyIDIuMDAwMiAwIDAgMCAzNC4xNDQ1MzEgMTQuMjUxOTUzIEwgMzMuODg2NzE5IDE0Ljg5NDUzMSBDIDMzLjUxOTEyOCAxNC40NTQ1MDkgMzMuMTEyMjYxIDE0LjA2MDU1MyAzMi42NjIxMDkgMTMuNzIyNjU2IEMgMzAuOTY0MzE3IDEyLjQ0ODI0NiAyOC44NzMwMTYgMTIgMjYuNzEyODkxIDEyIEMgMjMuODE4MTA5IDEyIDIwLjY1MTA0OSAxMy42NDQ4NzkgMTcuODgyODEyIDE2LjQ5MjE4OCBDIDE1LjExNDU3NyAxOS4zMzk0OTUgMTIuODk0NTMxIDIzLjU2MDY4MyAxMi44OTQ1MzEgMjguODA4NTk0IEMgMTIuODk0NTMxIDMzLjg1OTE0NCAxNy4wMjM5NTggMzggMjIuMDcwMzEyIDM4IEMgMjQuODQ5NTU5IDM4IDI3LjAxOTgxOSAzNi44MjA5MjMgMjguNDg4MjgxIDM1LjQxOTkyMiBDIDI4LjY2OTQyNiAzNS44MzQ5MjkgMjguODg3NTk3IDM2LjIzMTY5NiAyOS4xOTUzMTIgMzYuNTc4MTI1IEMgMzAuMDU0Njg4IDM3LjU0NTU2MiAzMS4zNTQ2OTggMzggMzIuNTY2NDA2IDM4IEMgMzUuOTY4OTM4IDM4IDM5LjM3OTkyOSAzNi4wMTQzOTkgNDIuMTQyNTc4IDMzLjA1MDc4MSBDIDQ0LjkwNTIyNyAzMC4wODcxNjQgNDcgMjUuOTg5NTgzIDQ3IDIxLjM3NSBMIDQ3IDIwLjk4ODI4MSBDIDQ3IDE1LjE0NDA1MiA0NC40NDM5ODcgMTAuMjgxNzcgNDAuNTk3NjU2IDcuMDEzNjcxOSBDIDM2Ljc1MTMyNSAzLjc0NTU3MzggMzEuNjYzMTcyIDIgMjYuNDI5Njg4IDIgeiBNIDI2LjcxMjg5MSAxNiBDIDI4LjMyNDc2NSAxNiAyOS40NzAyNjEgMTYuMzI3Nzg1IDMwLjI2MTcxOSAxNi45MjE4NzUgQyAzMC45ODI1MjYgMTcuNDYyOTM0IDMxLjU0NzE5NSAxOC4zMTUzIDMxLjg5MjU3OCAxOS44NDE3OTcgTCAyOS41MTE3MTkgMjUuNzU1ODU5IEwgMjguMTY0MDYyIDI5LjA5OTYwOSBBIDIuMDAwMiAyLjAwMDIgMCAwIDAgMjguMTU4MjAzIDI5LjEwOTM3NSBDIDI3LjQ1NTYwMSAzMC4yMzU4NjYgMjYuNzY1NDQ1IDMxLjQ5NzU1NiAyNS44MzIwMzEgMzIuNDMzNTk0IEMgMjQuODk4NjE4IDMzLjM2OTYzMSAyMy44Nzg4NDYgMzQgMjIuMDcwMzEyIDM0IEMgMTkuMTkwNjY3IDM0IDE2Ljg5NDUzMSAzMS43MDIwNDQgMTYuODk0NTMxIDI4LjgwODU5NCBDIDE2Ljg5NDUzMSAyNC42Nzc1MDQgMTguNjAxNDQgMjEuNDkzMTkxIDIwLjc1MTk1MyAxOS4yODEyNSBDIDIyLjkwMjQ2NyAxNy4wNjkzMDkgMjUuNjQ0NjcyIDE2IDI2LjcxMjg5MSAxNiB6IiBmb250LXdlaWdodD0iNDAwIiBmb250LWZhbWlseT0ic2Fucy1zZXJpZiIgd2hpdGUtc3BhY2U9Im5vcm1hbCIgb3ZlcmZsb3c9InZpc2libGUiPjwvcGF0aD48L3N2Zz4=")
    50% 50% no-repeat;
}
.user-info-data.pageviews {
  display: flex;
  align-items: center;
  background: #fff;
  padding: 0 0 5px;
}
.user-info-data .view-count {
  margin-left: 15px;
}
.user-info-data .info-label {
  float: left;
  font-size: 14px;
  color: #adadad;
}
.user-info-data .view-count > div {
  float: left;
  background: #fff;
  padding: 5px 10px;
  box-shadow: 0 2px 5px 0 rgba(21, 27, 38, 0.08);
  border-radius: 3px;
  border: 1px solid #f7f7f7;
}
.user-info-data .view-count > div + div {
  margin-left: 10px;
}
.user-info-data .view-count > div span {
  display: block;
  font-size: 13px;
  line-height: 1;
  color: #c7c7c7;
}
.user-info-data .view-count > div b {
  display: block;
  font-size: 19px;
  line-height: 1;
  margin-top: 3px;
  color: #f2c94c;
}
.location:hover .pageviews-wrap {
  display: block;
}
.pageviews-wrap {
  position: absolute;
  display: none;
  background: #fff;
  z-index: 20;
  top: calc(100% + 6px);
  left: -20px;
  box-shadow: 0 0 15px rgba(204, 204, 204, 0.82);
  border-radius: 5px;
  overflow: hidden;
  padding: 10px;
  width: 220px;
}
.pageviews-wrap .pageviews {
  display: flex;
  flex-direction: column;
}
.pageviews-wrap .info-label {
  float: left;
  font-size: 14px !important;
  color: #adadad;
  font-weight: 500;
  margin-bottom: 10px;
}
.pageviews-wrap .view-count > div {
  float: left;
  background: #fff;
  padding: 5px 10px;
  box-shadow: 0 2px 5px 0 rgba(21, 27, 38, 0.08);
  border-radius: 3px;
  border: 1px solid #f7f7f7;
}
.pageviews-wrap .view-count > div + div {
  margin-left: 5px;
}
.pageviews-wrap .view-count > div span {
  display: block;
  font-size: 13px;
  line-height: 1;
  color: #c7c7c7;
}
.pageviews-wrap .view-count > div b {
  display: block;
  font-size: 19px;
  line-height: 1;
  margin-top: 3px;
  color: #f2c94c;
}
/* pt57157 views counted after the auction ended get their own row, the panel is
   too narrow for a fourth box beside the three above */
.pageviews-wrap .view-count {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.pageviews-wrap .view-count > div + div {
  margin-left: 0;
}
.pageviews-wrap .view-count > div.after-end {
  flex-basis: 100%;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  background: #fbfbfb;
}
.pageviews-wrap .view-count > div.after-end b {
  margin-top: 0;
  color: #3da940;
}
.user-info-data .view-count > div.after-end b {
  color: #3da940;
}

.bottom-sticky-bar-placholder {
  height: 78px;
}
.bottom-sticky-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 58px;
  background: #fff;
  box-shadow: 0px 0 15px rgb(0, 0, 0, 0.3);
  z-index: 2000;
  border-bottom: 4px solid #40b773;
  display: flex;
  align-items: center;
}
.bottom-sticky-bar > div {
  width: 1500px;
  margin: 0 auto;
}
.bottom-sticky-bar form {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 70px;
  position: relative;
  top: 1px;
}
.bottom-sticky-bar .idcode-field {
  display: flex;
  align-items: center;
  margin-right: 20px;
}
.bottom-sticky-bar .idcode-field > label {
  display: block;
  float: left;
  margin-right: 10px;
  color: #c1c0c0;
  font-size: 17px;
  font-weight: 600;
}
.bottom-sticky-bar .idcode-field > input {
  float: left;
  width: 136px;
  text-align: center;
  height: 40px;
  border: 2px solid #efefef;
  box-shadow: 0 5px 20px 0 rgba(21, 27, 38, 0.08);
  border-radius: 4px;
  background: #fff;
  transition: 0.3s border-color;
  font-size: 14px;
  font-weight: 600;
  color: #c1c0c0;
}
.bottom-sticky-bar .idcode-field > input:focus {
  border-color: #f2c94c;
}
.bottom-sticky-bar .idcode-field > input::placeholder {
  font-size: 13px;
  font-weight: 600;
  color: #c1c0c0;
  text-transform: uppercase;
}
.responsive-img {
  display: block;
  max-width: 100%;
  height: auto;
}
@keyframes show100 {
  from {
    stroke-dashoffset: 537;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes show75 {
  from {
    stroke-dashoffset: 537;
  }
  to {
    stroke-dashoffset: 425;
  }
}
@keyframes show50 {
  from {
    stroke-dashoffset: 537;
  }
  to {
    stroke-dashoffset: 460;
  }
}
@keyframes show25 {
  from {
    stroke-dashoffset: 537;
  }
  to {
    stroke-dashoffset: 495;
  }
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(61, 169, 64, 0.4);
    box-shadow: 0 0 0 0 rgba(61, 169, 64, 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 10px rgba(61, 169, 64, 44, 0);
    box-shadow: 0 0 0 10px rgba(61, 169, 64, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(61, 169, 64, 0);
    box-shadow: 0 0 0 0 rgba(61, 169, 64, 0);
  }
}
@keyframes notification-animation {
  from {
    opacity: 0;
    transform: scale(0);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes shadow-pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(64, 64, 64, 0.1);
  }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0);
  }
}

@keyframes shadow-pulse-big {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.1);
  }
  100% {
    box-shadow: 0 0 0 70px rgba(0, 0, 0, 0);
  }
}
.Zebra_DatePicker_Icon_Wrapper {
  width: 130px !important;
}
.unit {
  display: flex;
  align-items: center;
}
.form-unit-value {
  float: left;
  text-align: right;
  width: 100px !important;
}
.form-unit {
  float: left;
  margin-left: 7px;
}
.form-field-comment {
  display: block;
  float: right;
  font-size: 12px;
  color: #666;
  line-height: 16px;
  width: calc(100% - 155px);
  padding-left: 10px;
}
.form-field-comment-long {
  margin: 3px 0 0 0;
}
.form-error {
  color: #ff0000 !important;
}
.form-error input,
.form-error select,
.form-error textarea,
.form-field-error {
  border-color: #ff0000 !important;
  color: #ff0000 !important;
}
input.form-error,
select.form-error,
textarea.form-error {
  border-color: #ff0000 !important;
  color: #ff0000 !important;
}
.form-error::placeholder {
  color: #ff0000;
}
.form-error-msg {
  display: block;
  border: 3px solid #ff0000;
  color: #ff0000;
  font-weight: 600;
  text-align: center;
  padding: 10px 20px;
  margin-bottom: 10px;
}
.form-error .label-checkbox > span {
  border-color: #ff0000 !important;
}
.form-error .label-checkbox a {
  color: #ff0000 !important;
}
.form-error .select-opt {
  border-color: #ff0000 !important;
}
.form-error .select-opt b {
  color: #ff0000 !important;
}
.form-error span {
  border: 1px solid #ff0000;
}
.form-error div a {
  color: #ff0000;
}
.prev-btn {
  float: left;
}
.next-btn {
  float: right;
}
.notification-modal {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.65);
  align-items: center;
  justify-content: center;
  padding: 20px;
  z-index: 99999999;
}
.notification-modal > div {
  position: relative;
  background: #fff;
  width: 600px;
  max-width: 100%;
  padding: 35px 30px;
  margin: 0 auto 0;
  position: fixed;
  text-align: center;
  border-radius: 4px;
  overflow: hidden;
  overflow-y: auto;
  max-height: 90%;
}
.notification-modal .message-block {
  overflow: hidden;
  overflow-y: auto;
}
.notification-modal .message-block > h1:first-child,
.notification-modal .message-block > h2:first-child,
.notification-modal .message-block > h3:first-child,
.notification-modal .message-block > h4:first-child,
.notification-modal .message-block > h5:first-child {
  margin-top: 0;
}
.notification-modal .form-block {
  margin: 15px 0;
}
.notification-modal .form-block .agree {
  float: right;
}
.notification-modal .form-block button {
  float: right;
}
.notification-modal .notification-modal-buttons {
  position: relative;
  padding-top: 10px;
  margin: -10px -10px 0 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.notification-modal .notification-modal-buttons > a,
.notification-modal .notification-modal-buttons > button {
  display: block;
  float: right;
  margin: 10px 10px 0 0;
}
.notification-modal .message-block .select-opt .different {
  margin-top: 10px;
  padding-top: 5px;
  margin-bottom: 5px;
  border-top: 1px solid #dedede;
  border-radius: 0;
}
.notification-modal .message-block .select-opt .different:hover {
  background: none;
}
.notification-modal .message-block .select-opt .different a {
  display: block;
  background: #f2c94c;
  margin-top: 10px;
  font-weight: 600;
  padding: 7px 15px;
  border-radius: 4px;
  color: #000;
}
.notification-modal .message-block .select-opt .different a:hover {
  color: #000;
}
.notification-modal .message-block .select-opt.active .opt-label {
  display: none;
}
.notification-modal .select-opt .selection {
  transition: none;
}
.notification-modal .select-opt.active {
  background: #efefef;
  border: 1px solid #e0e0e0;
  border-bottom: 0 none;
}
.notification-modal .select-opt.active .selection {
  background: #efefef;
  border: 1px solid #e0e0e0;
  border-top: 0 none;
}
.notification-modal .message-wrap {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.notification-modal .message-wrap .message-icon-outer {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  background: #3da940;
  margin-right: 30px;
}
.notification-modal .message-wrap .message-icon-outer img {
  display: block;
  width: 60px;
  height: 60px;
}
.notification-modal .message-wrap .message-content {
  flex: 1;
  text-align: left;
}
.notification-modal .message-wrap .message-content h3 {
  margin: 0 0 5px;
}
.notification-modal .message-wrap .message-content h3 + * {
  margin-top: 0;
}
.notification-modal .message-wrap .message-content > *:not(h3) {
  color: #828282;
}
.notification-modal .message-wrap .message-content > *:last-child {
  margin-bottom: 0;
}
.notification-modal hr {
  margin: 20px 0;
}
.notification-modal.modal-deposit h4 {
  font-size: 20px;
}
.notification-modal .gray-bg-text {
  background: #efefef;
  padding: 20px;
  border-radius: 4px;
  margin: 20px 0;
}
.notification-modal .gray-bg-text p:first-child {
  margin-top: 0;
}
.notification-modal .gray-bg-text p:last-child {
  margin-bottom: 0;
}
.notification-modal.modal-deposit .deposit-pay-term {
  display: flex;
  padding: 12px 16px;
  background: #fff0b8;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
  color: #8b7420;
}
.notification-modal.modal-deposit .deposit-pay-term img {
  display: block;
  width: 24px;
  height: 24px;
  margin-bottom: -2px;
  margin-right: 8px;
}
.notification-modal.modal-deposit .deposit-pay-text {
  font-weight: 600;
  font-size: 23px;
  line-height: 1.2;
  color: #3da940;
  margin: 20px 0 6px;
}
.notification-modal.modal-deposit .deposit-pay-text-sub {
  font-size: 14px;
  line-height: 1.2;
  color: #777;
}
.big-text {
  font-size: 17px;
  line-height: 1.2;
  font-weight: 600;
}
.notification-modal.modal-deposit .small-text {
  font-size: 14px;
}
.notification-modal.modal-make-bid-confirm .overview-wrapper {
  margin-bottom: 20px;
}
.notification-modal .banklinks {
  margin: 20px 0 0 -10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.notification-modal .banklinks a {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 10px 10px;
  height: 40px;
  /*padding: 0 12px;*/
  border: 1px solid #e2e2e2;
  border-radius: 4px;
  transition: 0.3s border-color;
}
.notification-modal .banklinks a:hover {
  border-color: #f1c856;
}
.notification-modal .banklinks a img {
  display: block;
  /*width: 86px;
  height: auto;
  max-height: 36px;*/
}
.mobile_id_auth_response {
  display: none;
}
.smart_id_auth_response {
  display: none;
  font-weight: normal;
}
.ajax-content-holder {
  display: none;
}
.dialog-window {
  display: block;
  position: fixed;
  z-index: 99999999;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.dialog-window > div {
  display: block;
  position: absolute;
  width: 1280px;
  left: 50%;
  transform: translateX(-50%);
  top: 30px;
  bottom: 30px;
  overflow: hidden;
  background: #fff;
  border-radius: 4px;
}
.dialog-window > div:has(#sale-plan-wrapper) {
  left: 15% !important;
  right: 15% !important;
  width: auto !important;
  transform: none !important;
}
.dialog-content {
  overflow: hidden;
  overflow-y: auto;
  height: calc(100% - 54px);
  padding: 10px 30px 30px;
}
.dialog-footer {
  display: block;
  overflow: hidden;
  padding: 10px;
  height: 54px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  position: relative;
  margin: 0 0 -10px -10px;
}
.dialog-footer span {
  display: block;
  cursor: pointer;
  float: right;
  margin: 0 0 10px 10px;
  padding: 10px 20px;
  transition: 0.3s all;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 15px;
  line-height: 1.1;
  border-radius: 4px;
}
.dialog-footer a {
  margin: 0 0 10px 10px;
}
.dialog-footer .letss-close-accept {
  background: #f2c94c;
  color: #000;
}
.dialog-footer .letss-close-accept:hover {
  background: #efd27b;
}
.dialog-footer .letss-close {
  background: #ea0000;
  color: #fff;
}
.dialog-footer .letss-close:hover {
  background: #e64545;
}
.dialog-footer .green-btn,
.dialog-footer .red-btn {
  margin-left: 10px;
}
.dialog-content h2 {
  font-size: 23px;
  line-height: 26px;
  margin-bottom: 0;
}
.dialog-content .intra-block {
  margin-bottom: 20px;
}
.dialog-content .intra-block .table-row,
.dialog-content .intra-block .no-data {
  padding-left: 5px;
  padding-right: 5px;
}
.lemodal-content-holder {
  display: none;
}
.toggle {
  display: block;
  cursor: pointer;
  float: right;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toggle-input {
  display: none;
}
.toggle-input:checked + .toggle-controller {
  border: 2px solid #82da5e;
  background: #c7eeb7;
}
.partially .toggle-input:checked + .toggle-controller {
  border: 2px solid #e1d446;
  background: #fff796;
}
.toggle-input:checked + .toggle-controller:after {
  left: 25px;
}
.toggle-controller {
  position: relative;
  display: inline-block;
  height: 29px;
  width: 54px;
  border: 2px solid #efefef;
  border-radius: 29px;
  box-shadow: inset 0 0 1px rgba(46, 45, 44, 0.25);
  background: #fafafa;
  transition: all 0.25s ease;
}
.toggle-controller:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  height: 25px;
  width: 25px;
  border-radius: 50%;
  box-shadow: 0 1px 1px rgba(46, 45, 44, 0.2);
  background: white;
  transition: all 0.25s ease;
}
.toggle .label {
  text-transform: uppercase;
  font-size: 14px;
  margin-right: 15px;
}
.company-rights + .autobid-field,
.notifications + .autobid-field,
.autobid + .autobid-field {
  display: none;
  overflow: hidden;
  clear: both;
  padding: 20px 15px;
}
.form-row.company-rights.enabled,
.form-row.notifications.enabled,
.form-row.autobid.enabled {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 0 none;
  margin-bottom: 0 !important;
}
.company-rights.enabled + .autobid-field,
.notifications.enabled + .autobid-field,
.autobid.enabled + .autobid-field {
  display: flex;
  border: 1px solid #f1f1f1;
  border-top: 0 none;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin-top: 0 !important;
}
.modal-make-bid-confirm .form-row {
  padding-bottom: 15px;
  border-bottom: 1px solid #ebebeb;
}
.modal-make-bid-confirm .form-row > label {
  width: 410px;
  text-align: left;
}
.modal-make-bid-confirm .form-row > div {
  width: calc(100% - 410px);
  font-weight: 600;
}
.form-row.autobid,
.form-block.agree-block {
  background: #fbfbfb;
  padding: 10px 15px;
  border-radius: 4px;
  border: 1px solid #f1f1f1;
  margin: 15px 0;
}
.form-row.autobid > label {
  width: 370px;
}
.form-row.autobid > div,
.form-row.autobid-field > div {
  width: calc(100% - 270px);
}
.autobid-field .form-row label {
  text-align: left;
}
.autobid-field .change-price-options {
  float: right;
  display: flex !important;
  height: 41px;
  margin-left: auto;
}
.autobid-field .change-price-options > button {
  width: 41px !important;
  height: 41px;
  float: left;
  background-position: center center !important;
  background-size: 16px 16px !important;
}
.autobid-field .change-price-options > button.reduce {
  background: #f2c94c url("../icons/minus-icon-black.svg") no-repeat;
}
.autobid-field .change-price-options > button.enlarge {
  background: #f2c94c url("../icons/plus-icon-black.svg") no-repeat;
}
.autobid-field > div > input {
  width: calc(100% - (41px * 2) - 8px) !important;
  float: left;
  margin: 0 4px;
  position: relative;
  text-align: center;
}
.form-block.agree-block .label-checkbox > span {
  float: right;
}
.form-block.agree-block .label-checkbox > div {
  float: left;
}
.autobid > label,
.autobid-field > label {
  text-align: left;
}
.autobid .toggle.center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.table-row .autobid .toggle .label {
  color: #cecece;
  transition: 0.3s color;
}
.table-row .autobid .toggle.enabled .label {
  color: #000;
}
.Zebra_DatePicker {
  background: #3da949;
}
.Zebra_DatePicker .dp_daypicker th {
  background: #f2c84c;
}
.Zebra_DatePicker .dp_body td,
.Zebra_DatePicker .dp_body th {
  border: 1px solid #e6bd43;
}
.Zebra_DatePicker .dp_body td {
  background: #3da949;
  color: #fff;
}
.Zebra_DatePicker .dp_body .dp_current {
  color: #000;
  font-weight: 600;
}
.Zebra_DatePicker .dp_body .dp_hover {
  background: #5bbd84;
  color: #fff;
}
button.Zebra_DatePicker_Icon {
  background: url("../icons/calendar-icon-green.svg") !important;
}
.benefits-container .toggle-block {
  overflow: hidden;
  display: flex;
  align-items: center;
  box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  transition: 0.3s background-color;
  padding: 20px 20px;
}
.benefits-container .toggle-block:hover {
  background-color: #f3f3f3;
}
.benefits-container .toggle-block h3 {
  margin: 0;
  font-size: 20px;
}
.benefits-container .toggle-block .block-desc {
  margin-top: 10px;
}
.benefits-container .toggle-block .block-img {
  width: 80px;
  height: 80px;
}
.benefits-container .toggle-block .block-img img {
  width: 80px !important;
  height: 80px !important;
}
.benefits-container .toggle-block .block-content {
  width: calc(100% - 80px - 50px);
  padding: 0 30px;
}
.benefits-container .toggle-block .toggle-arrow {
  width: 52px;
  height: 52px;
  float: right;
  background: #f3f3f3 url("../icons/arrow-smooth-down-black.svg") no-repeat
    center center;
  background-color: #f3f3f3;
  background-size: 32px 32px;
  border-radius: 50%;
  transition: 0.3s all;
}
.benefits-container .toggle-block.active .toggle-arrow {
  background: #f3f3f3 url("../icons/arrow-smooth-up-black.svg") no-repeat center
    center;
  background-size: 32px 32px;
}
.benefits-container .toggle-block:hover .toggle-arrow {
  background-color: #fff;
}
.benefits-container .toggle-block .toggle-text {
  text-align: justify;
}
.benefits-container .toggle-block .toggle-text {
  display: block;
  overflow: hidden;
  transition: 0.5s all;
  max-height: 0;
}
.benefits-container .toggle-block.active .toggle-text {
  max-height: 200px;
  margin-top: 10px;
}
.how-it-works-container .toggle-block.active .toggle-text {
  max-height: 500px;
  margin-top: 10px;
}
.explainer-section {
  overflow: hidden;
  padding: 50px 0;
  position: relative;
}
.explainer-section.even {
  background: #efefef;
}
.section-top-bg {
  display: block;
  position: relative;
  height: 185px;
  width: 100%;
  background-image: linear-gradient(#efefef, #efefef);
  transform: skewY(4deg);
  transform-origin: top left;
  z-index: -1;
}
.section-bottom-bg {
  display: block;
  position: relative;
  height: 185px;
  width: 100%;
  background-image: linear-gradient(#efefef, #efefef);
  transform: skewY(-4deg);
  transform-origin: top left;
  z-index: -1;
}
.explainer-type {
  overflow: hidden;
  margin-bottom: 0;
}
.explainer-type img {
  display: block;
  float: left;
  width: 250px;
  height: 250px;
  border-radius: 50%;
}
.explainer-type .type-text {
  float: left;
  width: calc(100% - 250px);
  padding-left: 65px;
}
.explainer-type .type-text h2 {
  font-size: 30px;
  line-height: 1;
  color: #3da940;
}
.explainer-type .type-text {
  font-size: 14px;
  line-height: 30px;
}
.explainer-section.even {
  background: #efefef;
}
.explainer > div {
  float: left;
  position: relative;
  border-radius: 10px;
  transition: 0.5s all;
  padding: 20px;
  cursor: pointer;
  max-height: 470px;
  transition-delay: 0.5s;
}
.benefits .explainer > div {
  height: 530px;
}
.explainer > div:after {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  z-index: 5;
  transition: 0.5s;
  transition-delay: 0.5s;
}
.explainer > div:nth-child(even):after {
  top: 240px;
  width: 151px;
  height: 91px;
  background: url("../img/explainer-arrow-up-gray.png") no-repeat left top;
}
.explainer > div:nth-child(odd) {
  padding-top: 240px;
}
.explainer > div:nth-child(odd):not(:first-child):after {
  top: 70px;
  width: 151px;
  height: 91px;
  background: url("../img/explainer-arrow-down-gray.png") no-repeat left top;
}
.explainer-section.even .explainer > div:nth-child(even):after {
  background: url("../img/explainer-arrow-up-white.png") no-repeat left top;
}
.explainer-section.even .explainer > div:nth-child(odd):after {
  background: url("../img/explainer-arrow-down-white.png") no-repeat left top;
}
.explainer > div:hover {
  background: #e7e7e7;
  padding-top: 20px;
  z-index: 10;
  transition-delay: 0s;
}
.explainer > div:hover:after {
  opacity: 0;
  transition-delay: 0s;
}
.explainer.col-4 > div {
  width: calc(100% / 4);
}
.explainer.col-5 > div {
  width: calc(100% / 5);
}
.explainer.col-6 > div {
  width: calc(100% / 6);
}
.explainer.col-7 > div {
  width: calc(100% / 7);
}
.explainer .icon {
  width: 136px;
  height: 136px;
  margin-left: calc((100% - 136px) / 2);
  background: #fff;
  border: 8px solid #efefef;
  border-radius: 50%;
  overflow: hidden;
  padding: 25px;
  transition: 0.5s all;
}
.explainer-section.even .explainer .icon {
  border: 8px solid #e7e7e7;
}
.explainer > div:hover .icon {
  border: 0px solid #efefef;
  margin-top: -60px;
  width: 70px;
  height: 70px;
  padding: 15px;
  margin-left: calc((100% - 70px) / 2);
}
.explainer .icon img {
  display: block;
  width: 100%;
  height: 100%;
}
.explainer-section.even .explainer .icon {
  border: 8px solid #e7e7e7;
}
.explainer .title {
  color: #000;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  text-align: center;
  margin-top: 10px;
}
.explainer .text {
  color: #000;
  font-size: 13px;
  line-height: 19px;
  text-align: center;
  margin-top: 10px;
  opacity: 0;
  transition: 0.5s all;
  transition-delay: 0s;
}
.explainer > div:hover .text {
  opacity: 1;
  transition-delay: 0.5s;
}
.sign-agreement {
  min-height: 360px;
  position: relative;
}
.sign-agreement .agreement {
  height: 400px;
  overflow-y: auto;
}
.sign-methods {
  text-align: center;
  overflow: visible !important;
}
.sign-methods > div > a {
  cursor: pointer;
  border: 1px solid #f1f1f1;
  color: #a7a7a7;
  padding: 10px 5px 10px 100px;
  /* font-weight: 600; */
  font-size: 14px;
  line-height: 17px;
  transition: 0.3s all;
  display: block;
  box-shadow: 0 0 30px -5px rgba(0, 0, 0, 0.25);
  border-radius: 3px;
}
.sign-methods > div > a:hover {
  background-color: #f7f6f6;
}
.sign-methods .mobile-id {
  background: url("../img/mobile-id-min.svg") no-repeat left 15px center;
  background-size: auto 18px;
}
.sign-methods .smart-id {
  background: url("../img/smart-id-min.svg") no-repeat left 15px center;
  background-size: auto 11px;
}
.sign-methods .id-card {
  background: url("../img/id-card-min.svg") no-repeat left 15px center;
  background-size: auto 18px;
}
.sign-methods.disabled > div > a {
  background-color: #ccc !important;
}
.intranet .smart_id_auth_response .notification-sent {
  display: flex;
  align-items: center;
}
.intranet .smart_id_auth_response .notification-sent .code {
  margin-left: 12px;
  line-height: 17px;
}
.smart_id_auth_response .check-code-text,
.mobile_id_auth_response .check-code-text {
  margin: 20px 0;
  font-size: 14px;
  line-height: 18px;
  background: #f7f7f7;
  padding: 10px;
  color: #717171;
}
.id-card-cancel {
  width: 200px;
  margin: 0 auto;
  margin-top: 20px;
}
.id-card-cancel,
.smart_id_auth_response .smart-id-cancel,
.mobile_id_auth_response .mobile-id-cancel {
  display: block;
  font-size: 13px;
  font-weight: 600;
  background: #f74848;
  color: #fff;
  padding: 4px 12px;
  border-radius: 5px;
  text-align: center;
}
.id-card-cancel:hover,
.smart_id_auth_response .smart-id-cancel:hover,
.mobile_id_auth_response .mobile-id-cancel:hover {
  background: #f72222;
}

/* LANDING PAGES */

.sec-landing-header {
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
.sec-landing-header:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
}
.sec-landing-header .sec-landing-header-inner {
  display: flex;
  align-items: center;
  padding: 40px 0 80px;
  position: relative;
  z-index: 1;
  /* Maandumislehtede hero oli varem puhtalt sisu kõrgune, nii et iga leht sai oma kõrguse:
     omanikule 416px, ärikliendile 446px, ostjale 450px. Ühine alammõõt hoiab need ühesugusena
     ja uus sisuleht saab sama kõrguse ilma, et pealkirja või lõiku pikkuse järgi timmima
     peaks. 460px on napilt üle senise kõrgeima (450px), nii et ükski olemasolev hero ei jää
     kitsamaks. align-items: center tsentreerib lühema teksti püstsuunas. */
  min-height: 460px;
  box-sizing: border-box;
}
.sec-landing-header .sec-landing-header-inner .selling-help-title {
  max-width: 100%;
  max-width: 740px;
}
.sec-landing-header .sec-landing-header-inner .selling-help-title .pretitle {
  text-transform: uppercase;
  margin-bottom: 20px;
  display: block;
  color: #bbb;
}
.sec-landing-header .sec-landing-header-inner .selling-help-title h1 {
  font-size: 44px;
  font-weight: 600;
  line-height: 1.2;
  margin-top: 0;
}
.sec-landing-header .sec-landing-header-inner .selling-help-title p {
  font-size: 19px;
  font-weight: 400;
  color: #fff;
  line-height: 1.6;
  margin: 20px 0 30px;
}
.sec-landing-header.style-1 {
  background-image: url('../img/kinnisvaraomanikule/header.jpg');
  background-position: center right;
}
.sec-landing-header.style-1 .sec-landing-header-inner .selling-help-title h1 {
  color: #a8d15a;
}
.sec-landing-header.style-1 .sec-landing-header-inner .selling-help-title span {
  border-bottom: 2px solid #a8d15a;
}
.sec-landing-header.style-2 {
  background-image: url('../img/ostjale/header.jpeg');
  background-position: center right;
}
.sec-landing-header.style-2 .sec-landing-header-inner .selling-help-title h1 {
  color: #f1c856;
}
.sec-landing-header.style-2 .sec-landing-header-inner .selling-help-title span {
  border-bottom: 2px solid #f1c856;
}
.auctions-highlight {
  padding: 80px 0;
}
.auctions-highlight h2 {
  margin: 0 0 20px;
  font-size: 26px;
  text-align: center;
}
.auctions-highlight .auctions-hightlight-inner {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin: 60px 0 -30px -30px;
}
.auctions-highlight .auctions-hightlight-inner .auction {
  width: calc(100% / 4 - 30px);
  margin: 0 0 30px 30px;
  box-shadow: 0 0 40px rgba(66, 66, 66, 0.25);
  position: relative;
}
.auctions-highlight .auctions-hightlight-inner .auction .auction-type-icon {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 68px;
  height: 73px;
  z-index: 2;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: auto 34px !important;
  border-bottom-right-radius: 34px;
}
.auctions-highlight
  .auctions-hightlight-inner
  .auction.aot-1
  .auction-type-icon {
  background: url("../icons/types/type-1-white.svg");
  background-color: #3da940;
}
.auctions-highlight
  .auctions-hightlight-inner
  .auction.aot-2
  .auction-type-icon {
  background: url("../icons/types/type-2-white.svg");
  background-color: #3da940;
}
.auctions-highlight
  .auctions-hightlight-inner
  .auction.aot-3
  .auction-type-icon {
  background: url("../icons/types/type-3-white.svg");
  background-color: #3da940;
}
.auctions-highlight
  .auctions-hightlight-inner
  .auction.aot-4
  .auction-type-icon {
  background: url("../icons/types/type-4-white.svg");
  background-color: #3da940;
}
.auctions-highlight
  .auctions-hightlight-inner
  .auction.aot-5
  .auction-type-icon {
  background: url("../icons/types/type-5-white.svg");
  background-color: #3da940;
}
.auctions-highlight
  .auctions-hightlight-inner
  .auction.aot-6
  .auction-type-icon {
  background: url("../icons/types/type-6-white.svg");
  background-color: #3da940;
}
.auctions-highlight
  .auctions-hightlight-inner
  .auction.aot-7
  .auction-type-icon {
  background: url("../icons/types/type-7-white.svg");
  background-color: #3da940;
}
.auctions-highlight
.auctions-hightlight-inner
.auction.aot-8
.auction-type-icon {
  background: url("../icons/types/type-8-white.svg");
  background-color: #3da940;
}
.auctions-highlight
.auctions-hightlight-inner
.auction.aot-9
.auction-type-icon {
  background: url("../icons/types/type-9-color.png");
  background-color: #ffffff;
  border: 2px solid #3da940;
}
.auctions-highlight
.auctions-hightlight-inner
.auction.aot-10
.auction-type-icon {
  background: url("../icons/types/type-10-white.svg");
  background-color: #0071bc;
}
.auctions-highlight
  .auctions-hightlight-inner
  .auction.aot-mets
  .auction-type-icon {
  background: url("../icons/types/type-mets-white.svg");
  background-color: #3da940;
}
.auctions-highlight .auctions-hightlight-inner .auction .auction-header {
  position: relative;
}
.auctions-highlight .auctions-hightlight-inner .auction .auction-header img {
  display: block;
  width: 100%;
  height: 190px;
  object-position: center center;
  object-fit: cover;
}
.auctions-highlight
  .auctions-hightlight-inner
  .auction
  .auction-header
  .auction-name {
  position: absolute;
  left: 25px;
  bottom: 40px;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
}
.auctions-highlight.ending-soon
  .auctions-hightlight-inner
  > a
  .auction-header
  .auction-name {
  bottom: 50px;
}
.auctions-highlight
  .auctions-hightlight-inner
  .auction
  .auction-header
  .auction-strip {
  background: #3da940;
  color: #fff;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 500;
  text-transform: uppercase;
  padding: 6px 20px 6px 35px;
  min-height: 42px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  left: -10px;
  bottom: -15px;
}
.auctions-highlight.ending-soon
  .auctions-hightlight-inner
  > a
  .auction-header
  .auction-strip {
  text-transform: none;
}
.auctions-highlight
  .auctions-hightlight-inner
  .auction
  .auction-header
  .auction-strip:before {
  content: "";
  border-color: #2c8a2e #2c8a2e transparent transparent;
  border-style: solid;
  border-width: 5px;
  position: absolute;
  left: 0;
  bottom: -10px;
}
.auctions-highlight
  .auctions-hightlight-inner
  .auction
  .auction-header
  .auction-strip
  > div {
  display: flex;
  line-height: 1;
  align-items: flex-end;
}
.auctions-highlight
  .auctions-hightlight-inner
  .auction
  .auction-header
  .auction-strip
  b {
  font-weight: 500;
}
.auctions-highlight
  .auctions-hightlight-inner
  .auction
  .auction-header
  .auction-strip
  b
  strong {
  font-weight: 500;
}
.auctions-highlight
  .auctions-hightlight-inner
  .auction
  .auction-header
  .auction-strip
  span {
  font-size: 24px;
  margin-right: 5px;
}
.auctions-highlight .auctions-hightlight-inner .auction .auction-content {
  padding: 35px 35px 20px 35px;
  display: flex;
  justify-content: space-between;
}
.auctions-highlight
  .auctions-hightlight-inner
  .auction
  .auction-content
  .auction-price
  .price-label {
  font-size: 14px;
  color: #3da940;
  font-weight: 500;
  margin-bottom: 4px;
}
.auctions-highlight
  .auctions-hightlight-inner
  .auction
  .auction-content
  .auction-price
  .price {
  font-size: 14px;
  color: #000;
  font-weight: 500;
}
.sec-process {
  padding: 90px 0;
}
.sec-process .process-inner {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
}
.sec-process .process-inner .process-item {
  display: flex;
  align-items: center;
  flex-direction: column;
  flex: 1;
  position: relative;
  padding: 30px 30px 0 30px;
}
.sec-process .process-inner .process-item:nth-child(even) {
  flex-direction: column-reverse;
  padding: 0 30px 30px 30px;
}
.sec-process .process-inner .process-item:after {
  display: block;
  content: "";
  border-top-left-radius: 150px;
  border-top-right-radius: 150px;
  border: 3px dashed #cecece;
  position: absolute;
  top: 0;
  left: -2px;
  right: -2px;
  height: 50%;
}
.sec-process .process-inner .process-item:nth-child(odd):after {
  border-bottom: 0 none;
}
.sec-process .process-inner .process-item:nth-child(even):after {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 150px;
  border-bottom-right-radius: 150px;
  border-top: 0 none;
  top: initial;
  bottom: 0;
}
.sec-process .process-inner .process-item .process-icon {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: #a9d159;
}
.sec-process .process-inner .process-item .process-icon img {
  display: block;
  width: 52px;
  height: 52px;
}
.sec-process .process-inner .process-item .label {
  font-size: 18px;
  font-weight: 300;
  color: #000;
  text-align: center;
  margin-top: 30px;
  font-weight: 300;
}
.sec-process .process-inner .process-item:nth-child(even) .label {
  margin-top: 0;
  margin-bottom: 30px;
}
.sec-cta {
  padding: 80px 0;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.sec-cta .content-wrapper {
  position: relative;
}
.sec-cta:before {
  content: "";
  background: #00000054;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.sec-cta .section-content {
  width: 100%;
  max-width: 550px;
}
.sec-cta .section-title {
  font-size: 30px;
  font-weight: 500;
  line-height: 1.3;
  color: #fff;
}
.sec-cta .section-title br {
  display: none;
}
.sec-cta p {
  font-size: 21px;
  line-height: 1.3;
  color: #c0caa3;
  margin: 10px 0;
}
.sec-cta p br {
  display: none;
}
.sec-cta .buttons-outer {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 30px;
  position: relative;
}
.sec-cta .buttons-outer .tel-btn {
  display: flex;
  align-items: center;
}
.sec-cta .buttons-outer .tel-btn img {
  display: block;
  width: 18px;
  height: 18px;
  margin-right: 5px;
}
.sec-cta.style-1 {
  background-image: url('../img/kinnisvaraomanikule/keys-bg.jpg');
  background-position: center right;
}
.sec-cta.style-1 .section-content {
  max-width: 550px;
}
.sec-cta.style-1 p {
  color: #c0caa3;
}
.sec-cta.style-2 {
  background-image: url('../img/ostjale/section-bg-01.jpg');
  background-position: center right;
}
.sec-cta.style-2 .section-content {
  max-width: 700px;
  margin: 20px 0;
}
.sec-cta.style-2 p {
  color: #f1c856;
}
.sec-cta-reverse {
  padding: 80px 0;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.sec-cta-reverse .content-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.sec-cta-reverse:before {
  content: "";
  background: #00000054;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.sec-cta-reverse .section-title {
  font-size: 30px;
  font-weight: 500;
  line-height: 1.3;
  color: #fff;
  text-align: right;
}
.sec-cta-reverse p {
  font-size: 21px;
  font-weight: 400;
  line-height: 1.3;
  margin: 10px 0;
  text-align: right;
}
.sec-cta-reverse p br {
  display: none;
}
.sec-cta-reverse .buttons-outer {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 30px;
  position: relative;
}
.sec-cta-reverse .buttons-outer .tel-btn {
  display: flex;
  align-items: center;
}
.sec-cta-reverse .buttons-outer .tel-btn img {
  display: block;
  width: 18px;
  height: 18px;
  margin-right: 5px;
}
.sec-cta-reverse.style-1 {
  background-image: url('../img/living-room-bg.jpg');
  background-position: center left;
}
.sec-cta-reverse.style-1 .section-title {
  color: #fff;
}
.sec-cta-reverse.style-1 p {
  color: #f5d575;
}
.sec-cta-reverse.style-2 {
  background-image: url('../img/ostjale/section-bg-02.jpg');
  background-position: center left;
}
.sec-cta-reverse.style-2 .section-content {
  margin: 20px 0;
}
.sec-cta-reverse.style-2 .section-title {
  color: #000;
}
.sec-cta-reverse.style-2 p {
  color: #6b798f;
}
.sec-cta-reverse.style-2:before {
  display: none;
}
.what-clients-tell {
  padding: 90px 0;
}
.what-clients-tell h2 {
  font-size: 30px;
  text-align: center;
}
.what-clients-tell .what-clients-tell-inner {
  position: relative;
  margin-top: 60px;
  padding: 0 50px;
}
.what-clients-tell .person {
  align-items: center;
  text-align: center;
}
.what-clients-tell .person .person-image {
  border: 6px solid #f1f1f1;
  border-radius: 50%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.what-clients-tell .owl-item:nth-child(1n + 1) .person .person-image {
  border-color: #f2c94c;
}
.what-clients-tell .owl-item:nth-child(2n + 1) .person .person-image {
  border-color: #a9d159;
}
.what-clients-tell .owl-item:nth-child(3n + 1) .person .person-image {
  border-color: #367651;
}
.what-clients-tell .person .person-image:after {
  display: block;
  content: "";
  background: #fff;
  width: 146px;
  height: 146px;
  border-radius: 50%;
  position: relative;
  margin: 2px;
}
.what-clients-tell .person .person-image img {
  display: block;
  width: 146px;
  height: 146px;
  border-radius: 50%;
  z-index: 20;
  position: absolute;
}
.what-clients-tell .person .person-name {
  font-size: 20px;
  font-weight: 600;
  margin: 40px 0 20px;
}
.what-clients-tell .person .person-position {
  font-size: 14px;
  margin-bottom: 20px;
}
.what-clients-tell .person .person-text {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.4;
}
.what-clients-tell .owl-nav > button span {
  display: none;
}
.what-clients-tell .owl-nav > button {
  width: 50px;
  height: 50px;
  cursor: pointer;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: auto 26px !important;
  position: absolute;
  top: 150px;
  transition: 0.3s background-image;
}
.what-clients-tell .owl-nav .owl-prev {
  background: url("../icons/arrow-left-icon-black.svg");
  left: 0;
}
.what-clients-tell .owl-nav .owl-next {
  background: url("../icons/arrow-right-icon-black.svg");
  right: 0;
}
.packages {
  padding: 0 0 80px;
  background: #fff;
  text-align: center;
}
.packages .packages-comparison {
  margin-top: 40px;
  user-select: none;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.packages .packages-comparison .comparison-header .header-row,
.packages .packages-comparison .comparison-content .content-row {
  display: grid;
  grid-template-columns: 440px repeat(2, 400px);
}
.packages .packages-comparison .comparison-header .header-row .header-col {
  padding: 8px 10px;
  text-align: center;
}
.packages
  .packages-comparison
  .comparison-header
  .header-row
  .header-col:first-child {
  padding-left: 0;
}
.packages .packages-comparison .comparison-content .content-row .content-col {
  display: flex;
  justify-content: center;
  padding: 7px 10px;
}
.packages
  .packages-comparison
  .comparison-content
  .content-row
  .content-col:first-child {
  font-size: 14px;
  line-height: 1.3;
  display: flex;
  justify-content: flex-start;
  text-align: left;
  font-weight: 600;
  color: #2e363e;
  padding-top: 10px;
  padding-right: 20px;
  padding-left: 0;
}
.packages
  .packages-comparison
  .comparison-content
  .content-row:first-child
  .content-col:first-child {
  border-top-left-radius: 5px;
}
.packages
  .packages-comparison
  .comparison-content
  .content-row:last-child
  .content-col:first-child {
  border-bottom-left-radius: 5px;
}
.packages
  .packages-comparison
  .comparison-content
  .content-row:not(:last-child):hover
  .content-col:first-child {
  background: rgb(255, 255, 255);
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 1) 68%,
    rgba(255, 255, 255, 0) 100%
  );
}
.packages
  .packages-comparison
  .comparison-content
  .content-row:not(:last-child):hover
  .content-col:nth-child(2) {
  background: #f1f8e4;
}
.packages
  .packages-comparison
  .comparison-content
  .content-row:not(:last-child):hover
  .content-col:nth-child(3) {
  background: #fcf4df;
}
.packages
  .packages-comparison
  .comparison-header
  .header-row
  .header-col:nth-child(2) {
  background: rgb(223, 240, 191);
  background: linear-gradient(
    180deg,
    rgba(223, 240, 191, 1) 0%,
    rgba(255, 255, 255, 1) 95%
  );
  border-top-left-radius: 5px;
  border-top: 5px solid #41b873;
}
.packages
  .packages-comparison
  .comparison-content
  .content-row
  .content-col:nth-child(2) {
  background: #fff;
  box-shadow: 0px 30px 30px rgb(0 0 0 / 10%);
  position: relative;
}
.packages
  .packages-comparison
  .comparison-content
  .content-row:last-child
  .content-col:not(:first-child) {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.packages
  .packages-comparison
  .comparison-header
  .header-row
  .header-col:nth-child(3) {
  background: rgb(241, 200, 86);
  background: linear-gradient(
    180deg,
    rgb(236 206 120) 0%,
    rgba(255, 255, 255, 1) 95%
  );
  border-top-right-radius: 5px;
  border-top: 5px solid #f8a32a;
}
.packages
  .packages-comparison
  .comparison-content
  .content-row
  .content-col:nth-child(3) {
  background: #fff;
}
.packages
  .packages-comparison
  .comparison-content
  .content-row:last-child
  .content-col:not(:first-child) {
  padding: 30px 20px 20px;
}
.packages
  .packages-comparison
  .comparison-content
  .content-row:last-child
  .content-col
  a {
  display: block;
  font-size: 13px;
  padding: 20px 12px;
  width: 100%;
  text-align: center;
  background: #f4cb4e;
}
.packages .packages-comparison .comparison-header .comparison-title {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 18px;
  font-weight: 600;
  text-align: left;
}
.packages .packages-comparison .comparison-header .package-name {
  font-size: 22px;
  font-weight: 600;
  padding: 20px 0;
}
.packages .packages-comparison .comparison-header .package-price {
  font-size: 14px;
  font-weight: 500;
  padding: 0 0 15px;
}
.packages .packages-comparison .comparison-header .package-price span {
  font-size: 12px;
  line-height: 1;
  color: #676767;
  display: block;
  margin: 2px 0 8px;
}
.packages .packages-comparison .content-col img {
  display: block;
  width: 26px;
  height: 26px;
}
.packages .packages-comparison .col-3-wrap .col-3 {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.packages .packages-comparison .col-3-wrap .col-3 .col-item {
  width: calc(100% / 3);
  padding: 5px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.packages
  .packages-comparison
  .col-3-wrap
  .col-3
  .col-item:not(:first-child):not(:nth-child(4n)) {
  border-left: 1px solid #efefef;
}
.packages .packages-comparison .col-3-wrap .col-3 .col-item:nth-child(n + 4) {
  border-top: 1px solid #efefef;
}
.packages .packages-comparison .col-3-wrap .col-3 .col-item img {
  display: block;
  width: 22px;
  height: 22px;
  margin-right: 5px;
  filter: brightness(5) invert(1);
}
.packages .packages-comparison .col-3-wrap .col-3 .col-item span {
  font-size: 13px;
  line-height: 1.2;
  font-weight: 500;
  color: #4e4d4d;
}
.packages .packages-comparison .col-3-wrap .col-3 .col-item .parameter-label {
  padding-top: 4px;
  font-weight: 500;
  font-size: 14px;
  color: #4e4d4d;
}
.packages .packages-comparison .col-3-wrap .col-note {
  font-size: 12px;
  line-height: 1;
  color: #676767;
  margin-top: 15px;
  font-style: italic;
  text-align: center;
}
.start-form {
  background: #ecf1f4;
}
.start-form > div {
  position: relative;
}
.start-form .form .form-row > div input,
.start-form .form .form-row > div textarea {
  background: #fff;
}
.lp-cta {
  margin-top: 60px;
  display: flex;
  justify-content: center;
}
.sec-buyer-keypoints {
  padding: 80px 0;
}
.sec-buyer-keypoints .section-title {
  font-size: 36px;
  font-weight: 600;
  margin: 0 0 80px;
  text-align: center;
}
.sec-buyer-keypoints .section-title span {
  color: #f1c856;
}
.sec-buyer-keypoints .list-container {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  max-width: 1000px;
  margin-inline: auto;
}
.sec-buyer-keypoints .list-container div[class^="icons8-"] {
  font-size: 54px;
  line-height: 1;
  color: #f1c856;
  margin-right: 20px;
}
.sec-buyer-keypoints .list-container .item {
  display: flex;
  width: calc(50% - 40px);
}
.sec-buyer-keypoints .list-container .item h4 {
  font-size: 22px;
  color: #000;
  margin: 0 0 10px;
}
.sec-buyer-keypoints .list-container .item h4:after {
  content: '';
  display: block;
  width: 84px;
  height: 3px;
  margin-top: 2px;
  background: #f1c856;
}
.sec-buyer-keypoints .list-container .item p {
  font-size: 15px;
  margin: 10px 0 20px;
}
.sec-buyer-faq {
  padding: 80px 0 120px;
  background: #f8f8f8
}
.sec-buyer-faq .section-title {
  font-size: 36px;
  font-weight: 600;
  margin: 0 0 80px;
  text-align: center;
}
.sec-buyer-faq .section-title span {
  color: #3da949;
}
.sec-buyer-faq .list-container {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
.sec-buyer-faq .list-container .item {
  flex: calc(100% / 4 - 40px);
  position: relative;
  top: 0;
  transition: .3s top ease;
}
.sec-buyer-faq .list-container .item:hover {
  top: -10px;
}
.sec-buyer-faq .list-container .item .icon-container {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: #6b798f;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #d4dde6;
  position: relative;
  z-index: 2;
  margin-left: 35px;
}
.sec-buyer-faq .list-container .item .icon-container img {
  display: block;
  width: 32px;
  height: auto;
}
.sec-buyer-faq .list-container .item div[class^="icons8-"] {
  font-size: 34px;
  line-height: 1;
  color: #3da940;
}
.sec-buyer-faq .list-container .item .zero-container {
  position: relative;
}
.sec-buyer-faq .list-container .item .content {
  padding: 65px 30px 30px;
  background: #fff;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: -35px;
}
.sec-buyer-faq .list-container .item h3 {
  margin: 0;
  font-size: 18px;
}
.sec-buyer-faq .list-container .item p {
  margin: 20px 0 0;
}
.sec-buyer-faq .list-container .item a {
  margin-top: auto;
}
.sec-buyer-joining-steps {
  padding: 80px 0;
}
.sec-buyer-joining-steps .section-title {
  font-size: 36px;
  font-weight: 600;
  margin: 0 0 80px;
  text-align: center;
}
.sec-buyer-joining-steps .section-title span {
  color: #f1c856;
}
.sec-buyer-joining-steps .list-container {
  display: flex;
  flex-wrap: wrap;
  gap: 60px;
  max-width: 1300px;
  margin-inline: auto;
}
.sec-buyer-joining-steps .list-container .item {
  flex: calc(100% / 4 - 60px);
  position: relative;
  border: 1px solid #f9e7b7;
  padding: 30px;
  top: 0;
  transition: .3s top ease;
  border-top-right-radius: 30px;
  border-bottom-left-radius: 30px;
}
.sec-buyer-joining-steps .list-container .item:hover {
  top: -10px;
}
.sec-buyer-joining-steps .list-container .item h3 {
  margin-top: 0;
  color: #f1c856;
  /* color: #a8d15a; */
}
.sec-buyer-joining-steps .list-container .item p {
  margin: 20px 0 0;
}
.sec-buyer-joining-steps .list-container .item p a {
  font-weight: 600;
  color: #f2c94c;
}
.sec-buyer-joining-steps .list-container .item .order {
  position: absolute;
  top: -60px;
  left: -50px;
  font-size: 190px;
  font-weight: 700;
  color: #f2c94c1c;
  /* color: #a8d15a1c; */
  z-index: -1;
  line-height: 1;
}
.sec-buyer-joining-steps .btn-container {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
.our-location {
  height: 500px;
  position: relative;
  background: #f1f1f1;
}
.our-location:after {
  display: block;
  content: "";
  background: rgb(169 209 89 / 20%);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /* pt57163: this green tint covers the whole section, the map iframe included, so every
     click, drag and zoom landed on the overlay instead of the map. The tint is deliberate,
     so it stays - it just stops swallowing the interaction. */
  pointer-events: none;
}
.our-location iframe {
  width: 100%;
  height: 100%;
}
.our-location .location-box {
  padding: 50px;
  background: #fff;
  border-radius: 5px;
  position: absolute;
  top: 50px;
  right: 50px;
  box-shadow: 0 0 15px rgb(0 0 0 / 15%);
  z-index: 2;
}
.our-location .location-box h4 {
  margin-top: 0;
  font-size: 22px;
}
.our-location .location-box .reg-no {
  font-size: 18px;
  color: #3da940;
  margin: 10px 0 25px;
}
.our-location .location-box .contact {
  display: flex;
}
.our-location .location-box .contact + .contact {
  margin-top: 20px;
}
.our-location .location-box .contact img {
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 22px;
}
.our-location .location-box .contact a {
  font-size: 14px;
  color: #545454;
}
.our-team {
  padding: 40px 0;
}
.our-team h2 {
  text-align: center;
}
.our-team .our-team-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 0;
}
.our-team .persons {
  position: relative;
  margin: 0 0 -20px -40px;
  display: flex;
  flex-wrap: wrap;
}
.our-team .persons .person {
  width: calc(100% / 4 - 40px);
  margin: 0 0 20px 40px;
  box-shadow: 0 0 40px rgba(66, 66, 66, 0.25);
  position: relative;
}
.our-team .persons .person .person-header {
  position: relative;
}
.our-team .persons .person .person-header img {
  display: block;
  width: 100%;
  height: 390px;
  object-position: center top;
  object-fit: cover;
}
.our-team .persons .person .person-header .person-name {
  position: absolute;
  left: 25px;
  bottom: 40px;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  bottom: 50px;
}
.our-team .persons .person .person-header .person-strip {
  background: #a8d15a;
  color: #000;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 500;
  padding: 6px 20px 6px 35px;
  min-height: 42px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  left: -10px;
  bottom: -15px;
}
.our-team .persons .person .person-header .person-strip div {
  font-size: 20px;
  font-weight: 600;
}
.our-team .persons .person .person-header .person-strip span {
  display: block;
  font-size: 14px;
}
.our-team .persons .person .person-header .person-strip:before {
  content: "";
  border-color: #2c8a2e #2c8a2e transparent transparent;
  border-style: solid;
  border-width: 5px;
  position: absolute;
  left: 0;
  bottom: -10px;
}
.our-team .persons .person .person-content {
  padding: 35px 35px 20px 35px;
}
.our-team .persons .person .person-content .contact {
  display: flex;
  align-items: center;
}
.our-team .persons .person .person-content .contact a {
  color: #000;
}
.our-team .persons .person .person-content .contact img {
  margin-right: 21px;
  width: 22px;
  height: auto;
}
.our-team .persons .person .person-content .phone {
  font-size: 20px;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.our-team .persons .person .person-content .email {
  font-size: 14px;
  margin-top: 10px;
}
.our-team .persons .person .person-content .email a {
  color: #000;
}
.loading {
  height: 0;
  width: 0;
  padding: 12px;
  border: 6px solid #ccc;
  border-right-color: #888;
  border-radius: 22px;
  -webkit-animation: rotate 1s infinite linear;
}
@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
/* Image counter badge on main image */
.auction-view-content .auction-images .main-image .image-counter {
  position: absolute;
  left: 16px;
  bottom: 16px;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  padding: 4px 12px;
  border-radius: 20px;
  pointer-events: none;
  line-height: 1.4;
}

/* ---- Fullscreen Gallery Overlay ---- */
.auction-gallery-overlay {
  background: rgba(0, 0, 0, 0.95);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999;
  display: none;
  flex-direction: column;
  user-select: none;
  -webkit-user-select: none;
}
.auction-gallery-overlay.active {
  display: flex;
}

/* Header bar */
.auction-gallery-overlay .gallery-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  flex-shrink: 0;
  z-index: 2;
}
.auction-gallery-overlay .gallery-counter {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
}
.auction-gallery-overlay .gallery-close {
  background: rgba(255, 255, 255, 0.1);
  border: none;
  color: #fff;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s;
  flex-shrink: 0;
}
.auction-gallery-overlay .gallery-close:hover {
  background: rgba(255, 255, 255, 0.25);
}

/* Viewport - main image area */
.auction-gallery-overlay .gallery-viewport {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
  touch-action: none;
  cursor: default;
}
.auction-gallery-overlay .gallery-viewport.zoomed {
  cursor: grab;
}
.auction-gallery-overlay .gallery-viewport.zoomed:active,
.auction-gallery-overlay .gallery-viewport.dragging,
.auction-gallery-overlay .gallery-viewport.dragging .gallery-image {
  cursor: grabbing;
}

/* Zoom +/- controls */
.auction-gallery-overlay .gallery-zoom-controls {
  position: absolute;
  right: 16px;
  bottom: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  z-index: 4;
}
.auction-gallery-overlay .gallery-zoom {
  background: rgba(255, 255, 255, 0.1);
  border: none;
  color: #fff;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s, opacity 0.2s;
  padding: 0;
}
.auction-gallery-overlay .gallery-zoom:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.25);
}
.auction-gallery-overlay .gallery-zoom:disabled {
  opacity: 0.35;
  cursor: default;
}
.auction-gallery-overlay .gallery-image {
  max-width: calc(100% - 120px);
  max-height: 100%;
  object-fit: contain;
  transform-origin: center center;
  will-change: transform, opacity;
}
.auction-gallery-overlay .gallery-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 36px;
  height: 36px;
  margin: -18px 0 0 -18px;
  border: 3px solid rgba(255, 255, 255, 0.2);
  border-top-color: #fff;
  border-radius: 50%;
  animation: gallery-spin 0.7s linear infinite;
  display: none;
  z-index: 1;
}
.auction-gallery-overlay .gallery-spinner.visible {
  display: block;
}
@keyframes gallery-spin {
  to { transform: rotate(360deg); }
}

/* Navigation arrows */
.auction-gallery-overlay .gallery-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  background: rgba(255, 255, 255, 0.1);
  border: none;
  color: #fff;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s;
}
.auction-gallery-overlay .gallery-nav:hover {
  background: rgba(255, 255, 255, 0.25);
}
.auction-gallery-overlay .gallery-prev {
  left: 16px;
}
.auction-gallery-overlay .gallery-next {
  right: 16px;
}

/* Thumbnail strip */
.auction-gallery-overlay .gallery-thumbs-strip {
  display: flex;
  gap: 6px;
  padding: 10px 16px 14px;
  overflow-x: auto;
  overflow-y: hidden;
  flex-shrink: 0;
  justify-content: center;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,0.3) transparent;
}
.auction-gallery-overlay .gallery-thumbs-strip::-webkit-scrollbar {
  height: 4px;
}
.auction-gallery-overlay .gallery-thumbs-strip::-webkit-scrollbar-track {
  background: transparent;
}
.auction-gallery-overlay .gallery-thumbs-strip::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,0.3);
  border-radius: 2px;
}
.auction-gallery-overlay .gallery-thumb {
  width: 72px;
  height: 48px;
  flex-shrink: 0;
  border-radius: 4px;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid transparent;
  opacity: 0.5;
  transition: opacity 0.2s, border-color 0.2s;
}
.auction-gallery-overlay .gallery-thumb:hover {
  opacity: 0.8;
}
.auction-gallery-overlay .gallery-thumb.active {
  opacity: 1;
  border-color: #a9d159;
}
.auction-gallery-overlay .gallery-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.full-page-loading-overlay {
  display: none;
  background: rgba(255, 255, 255, 0.96);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  z-index: 99999;
  padding: 20px;
}
.full-page-loading-overlay.active {
  display: flex;
}
.full-page-loading-overlay > div {
  width: 600px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.full-page-loading-overlay .id-card-logo {
  display: block;
  width: 100px;
  height: 22.33px;
  margin: 0 auto;
}
.full-page-loading-overlay .loading {
  margin: 0 auto;
}
.full-page-loading-overlay .text {
  color: #888888;
  margin-top: 40px;
}
.htt {
  display: none;
}
.htt.active {
  display: inline-block;
}
.text-start {
  text-align: left;
}

/*
----- NEWSLETTER ------
*/

.newsletter {
  padding: 40px 40px 30px;
  border-radius: 10px;
  background: #f0f0f0;
  background: #ebf9cf;
}
.newsletter h3 {
  margin-top: 0;
}
.newsletter .form {
  display: flex;
  align-items: flex-start;
}
.newsletter .form .inputs {
  position: relative;
  margin: 0 20px 0 -20px;
  display: flex;
  flex-wrap: wrap;
  flex: 1;
}
.newsletter .form .inputs input {
  display: inline-block;
  width: calc(100% / 3 - 20px);
  margin: 0 0 20px 20px;
  height: 41px;
  padding: 0 10px;
  transition: 0.5s background, 0.5s border, 0.5s color;
  border: 1px solid #e8e8e8;
  background: #fff;
  border-radius: 4px;
  -webkit-appearance: none;
}
.newsletter .form .inputs .label-checkbox {
  width: 100%;
  margin: 0 0 20px 20px;
  font-size: 14px;
}
.newsletter .form button {
  min-width: 200px;
  height: 41px;
  background: #c1e874;
  font-size: 15px;
}
.newsletter .form button:hover {
  background: #a5d050;
}

/*
----- FOOTER NEWSLETTER ------
*/

.footer-newsletter {
  padding: 0 0 80px;
}

/*
----- KOV FOOTER ------
*/

.sec-kov {
  background: #f9f9f9;
  padding-top: 50px;
}
.sec-kov h2 {
  text-align: center;
  margin: 0 0 10px;
  color: #828282;
}
.sec-kov .kov-list {
  display: block;
}
.sec-kov .kov-list .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  padding: 40px 0;
  background: transparent;
  transition: 0.3s background ease-in-out;
}
.sec-kov .kov-list .item:hover {
  background: #f0f0f0;
}
.sec-kov .kov-list .item img {
  display: block;
  width: auto;
  height: 70px;
}
.sec-kov .kov-list .item .label {
  font-size: 15px;
  font-weight: 600;
  color: #aaa;
  margin-top: auto;
  padding-top: 15px;
  text-align: center;
}
.kov-nothing-found-msg {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding-top: 60px;
  max-width: 100%;
  width: 600px;
  margin: 0 auto;
}
.kov-nothing-found-msg img {
  width: 130px;
  height: auto;
}
.kov-nothing-found-msg .message {
  font-size: 26px;
  font-weight: 500;
  line-height: 1.2;
  margin: 20px 0 30px;
  color: #515151;
}
.kov-list-container {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
}

/*
----- CONTACT FORM ------
*/

.form-wrapper {
  display: flex;
  gap: 30px;
  margin-inline: auto;
  width: 1200px;
  max-width: 100%;
  /* width: min(100%, 1200px); */
}
.module-plain + .form-wrapper {
  margin-top: 90px;
}
.form-wrapper .form-container {
  padding: 50px;
  border-radius: 10px;
  box-shadow: 0 0 30px 0 rgb(0 0 0 / 6%);
  flex: 1;
  background: #fff;
}
.form-wrapper .form-container h2 {
  margin: 0 0 40px;
}
.form-wrapper .form-container form {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  /* margin-bottom: 30px; */
  position: relative;
  z-index: 2;
}
.form-wrapper .contact-container {
  display: flex;
  flex-direction: column;
  gap: 30px;
  width: 330px;
}
.form-wrapper .contact-container .item {
  padding: 40px 0;
  border-radius: 10px;
  box-shadow: 0 0 30px 0 rgb(0 0 0 / 6%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #fff;
  height: 100%;
}
.form-wrapper .contact-container .item div[class^="icons8-"] {
  color: #3da940;
  font-size: 34px;
  margin-bottom: 10px;
}
.form-wrapper .contact-container .item h4 {
  margin: 0;
}
.form-wrapper .contact-container .item p {
  margin: 5px 0 15px;
}
.form-wrapper .contact-container .item a {
  font-size: 19px;
  font-weight: 600;
}
.form-container .input-container {
  flex: calc(50% - 30px);
}
.form-wrapper .input-container-full {
  flex: 100%;
}
.form-container label {
  margin-bottom: 12px;
  font-weight: 600;
  color: #788da8;
}
.form-container input,
.form-container select,
.form-container textarea {
  border: 1px solid #d4dde6;
  padding: 0 30px;
  background-color: #fff;
  border-radius: 5px;
  color: #888;
  height: 62px;
  transition: .3s border ease-in-out;
  width: 100%;
}
.form-container input:focus,
.form-container select:focus,
.form-container textarea:focus {
  border: 1px solid #3da9405c;
}
.form-container textarea {
  height: 170px;
  padding: 20px 30px;
}
.form-container .button-outer {
  flex: 100%;
}
.form-container button {
  border: 0 none;
  display: inline-block;
  font-weight: 600;
  padding: 10px 30px;
  font-size: 15px;
  border-radius: 5px;
  color: #000;
  margin-top: 0;
  transition: .5s;
  background: #c1e874;
  text-transform: uppercase;
}
.form-container button:hover {
  background: #a5d050;
}

/*
----- OWL CAROUSEL ------
*/

.owl-nav.disabled {
  display: none;
}
.owl-stage-outer {
  overflow: hidden;
}
.owl-stage {
  display: flex;
  flex-wrap: nowrap;
}
.owl-stage .owl-item {
  display: flex;
  flex-direction: column;
}
.owl-stage .owl-item > div {
  display: flex;
  flex-direction: column;
}

/*
----- FOOTER ------
*/

footer {
  background: #3da949;
  padding: 80px 0;
}
footer h4 {
  color: #fff;
}
footer a:hover {
  color: #f2c957 !important;
}
footer .footer-icons {
  overflow: hidden;
  margin: 0 0 -20px -20px;
}
footer .footer-icons img {
  display: block;
  margin: 0 auto;
  width: auto;
  height: 86px;
}
footer .footer-icons h4 {
  font-size: 25px;
  line-height: 1.2;
  text-transform: uppercase;
}
footer .footer-icons span {
  display: block;
  font-size: 14px;
  color: #fff;
}
footer .footer-icons > div {
  float: left;
  width: calc(100% / 3 - 20px);
  margin: 0 0 20px 20px;
}
footer .footer-icons > div .inner {
  max-width: 270px;
  text-align: center;
  margin: 0 auto;
}
footer .footer-bottom {
  display: flex;
  justify-content: space-between;
  position: relative;
  margin: 0 0 -40px -40px;
}
footer .footer-bottom > div {
  width: calc(100% / 2 - 40px);
  margin: 0 0 40px 40px;
}
footer .footer-bottom > div h4 {
  margin-top: 0;
}
footer .footer-bottom .useful {
  padding: 0;
  text-align: left;
}
footer .footer-bottom .useful h4 {
  font-size: 22px;
}
footer .footer-bottom .useful > div {
  columns: 3;
  column-gap: 40px;
  margin-top: 30px;
}
footer .footer-bottom .useful > div a {
  font-size: 16px;
  font-weight: 300;
  color: #fff;
  display: block;
  break-inside: avoid;
}
footer .footer-bottom .useful > div a + a {
  margin-top: 22px;
}
footer .footer-bottom .contacts {
  text-align: right;
}
footer .footer-bottom .contacts h4 {
  margin-bottom: 30px;
  font-size: 22px;
}
footer .footer-bottom .contacts span {
  display: block;
  color: #fff;
  font-size: 16px;
  font-weight: 300;
}
footer .footer-bottom .contacts span a {
  color: #fff;
}
footer .footer-bottom .contacts span + span {
  margin-top: 22px;
}
footer .footer-bottom .contacts .social {
  margin-top: 22px;
  display: flex;
  gap: 10px;
  justify-content: end;
}
footer .footer-bottom .contacts .social img {
  display: block;
  width: 40px;
  height: 40px;
}
.site-message {
  display: flex;
  align-items: stretch;
  border: 2px solid;
  border-radius: 4px;
}
.site-message .site-message-icon {
  width: 59px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.site-message .site-message-icon img {
  width: 34px;
  height: 34px;
}
.site-message .site-message-content {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  padding: 20px;
  flex: 1;
}
.site-message.success-message {
  border-color: #3da940;
}
.site-message.success-message .site-message-icon {
  background: #3da940;
}
.site-message.success-message .site-message-content {
  color: #3da940;
}
.site-message.error-message {
  border-color: #e80c0c;
}
.site-message.error-message .site-message-icon {
  background: #e80c0c;
}
.site-message.error-message .site-message-content {
  color: #e80c0c;
}
.site-message.neutral-message {
  border-color: #ececec;
}
.site-message.neutral-message .site-message-icon {
  display: none;
}

/*
----- SIDE LINES ------
*/

.side-lines {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 5px 0;
  color: #717171;
}
.side-lines:before,
.side-lines:after {
  content: "";
  flex: 100%;
  height: 1px;
  background: #dbdbdb;
}
.side-lines:before {
  margin-right: 15px;
}
.side-lines:after {
  margin-left: 15px;
}

/*
----- CUSTOM ------
*/

[data-trigger="copy"] {
  cursor: pointer;
  margin-left: 3px;
  color: #9c9c9c;
  position: relative;
}
.icons8[data-trigger="copy"] {
  position: relative;
}
[data-trigger="copy"][data-text]:after {
  content: attr(data-text);
  position: absolute;
  background: #000;
  color: #fff;
  font-size: 12px;
  padding: 3px 6px;
  border-radius: 10px;
  top: calc(100% + 3px);
  transform: translateX(-50%);
  left: 50%;
}

/*
----- CUSTOM SELECT ------
*/

.select-opt {
  background: #fff;
  position: relative;
  border-radius: 4px;
  transition: 0.3s border-radius;
  min-height: 40px;
  border: 1px solid #dedede;
  cursor: pointer;
}
.select-opt.active {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select-opt.hidden {
  display: none;
}
.select-opt.cb {
  border: 0 none;
}
.select-opt > b {
  line-height: 16px;
  display: block;
  margin: 0 12px 0 22px;
  min-height: inherit;
  background: url("../icons/arrow-down-filled-icon-gray.svg") no-repeat right
    center;
  background-size: 18px 18px;
  font-weight: normal;
  color: #000;
  transition: 0.3s background-color;
  padding-right: 25px !important;
  -webkit-user-select: none;
  position: relative;
}
.select-opt.active > b {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background: url("../icons/arrow-up-filled-icon-gray.svg") no-repeat right
    center;
  background-size: 18px 18px;
}
.select-opt > b .opt-label {
  font-size: 13px;
  color: #3da940;
  display: inline-block;
  padding: 0 10px;
  background: #fff;
  position: absolute;
  top: -9px;
  left: -10px;
  border-radius: 4px;
}
.select-opt > b span {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  min-height: inherit;
}
.select-opt .selection {
  display: block;
  max-height: 0;
  background: #fbfbfb;
  border: 1px solid #dedede;
  border-top: 0 none;
  position: absolute;
  z-index: 1000;
  padding: 0 5px;
  overflow-y: auto;
  width: 100%;
  transition: 0.3s all;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  width: calc(100% + 2px);
  left: -1px;
  box-shadow: 0 15px 15px rgb(0 0 0 / 12%);
  visibility: hidden;
}
.select-opt.active .selection {
  max-height: 340px;
  padding: 0 5px 5px 5px;
  border-top: 0 none;
  z-index: 2000;
  visibility: visible;
}
.selection .select-opt.active .selection {
  border: 0 none;
}
.select-opt .selection div {
  display: block;
  padding: 6px 10px;
  cursor: pointer;
  font-size: 14px;
  line-height: 1.2;
  color: #000;
  transition: 0.3s all;
  border-radius: 4px;
}
.select-opt .selection div.active {
  background: #ddd;
}
.select-opt .selection div.disabled {
  color: #ccc;
}
.select-opt .selection div:hover {
  background: #3da940;
  color: #fff;
}
.select-opt ::-webkit-scrollbar {
  width: 12px;
}
.select-opt ::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(78, 78, 78, 0.3);
  -webkit-border-radius: 10px;
  border-radius: 5px;
}
.select-opt ::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 5px;
  background: rgba(199, 199, 199, 0.4);
  -webkit-box-shadow: inset 0 0 6px rgba(183, 183, 183, 0.5);
}
.select-opt ::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(199, 199, 199, 0.4);
}
.slider .slider-outer {
  background: #f1f1f1;
  border-radius: 9px;
}
.slider {
  background: none;
  border: 0 none;
}
.slider label {
  margin-bottom: 12px;
  color: #fff;
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #000;
}
.slider label b {
  margin-right: auto;
}
.slider label .opt-label {
  font-size: 14px;
  font-weight: 500;
  color: #000;
  margin-right: auto;
}
.slider label span {
  margin: 0 5px;
}
.slider input {
  width: 60px;
  height: 22px;
  text-align: center;
  background: #f1f1f1;
  color: #000;
  border-radius: 2px;
}
.slider .slider-outer > div {
  margin: 0 10px;
}
.search-opt input {
  background-image: url("../icons/search-icon-black.svg");
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: left 22px center;
  background-size: 18px 18px;
  border: 1px solid #f1f1f1;
  border-radius: 4px;
  height: 40px;
  width: 100%;
  padding: 0 22px 0 50px;
  color: #000;
}

.popup main,
.popup .main-section{
  padding: 20px;
}

/*
----- FORM ------
*/

.form .form-row > div input[type="file"] {
  padding: 0;
  height: auto;
  font-size: 14px;
}

/*
----- SOME BUTTONS ------
*/

main .follow {
  display: block;
  background: url("../icons/favorite-icon-white.svg") no-repeat;
  background-color: #120d09;
  background-size: auto 16px;
  background-position: left 12px center;
  padding: 11px 20px;
  padding-left: 38px;
  border-radius: 0;
  border-bottom-left-radius: 4px;
  font-size: 14px;
  line-height: 1.1;
  text-align: center;
  color: #fff;
  font-weight: 600;
}
main .follow:hover {
  background-color: #271e16;
}
main .share-button {
  display: block;
  background: url("../icons/share-icon-white.svg") no-repeat;
  background-color: #120d09;
  background-size: auto 16px;
  background-position: left 12px center;
  padding: 11px 20px;
  padding-left: 40px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 4px;
  border-left: 1px solid #423124;
  font-size: 13px;
  line-height: 1.1;
  text-align: center;
  color: #fff;
  font-weight: 600;
}
main .share-button:hover {
  background-color: #271e16;
}
.share-with-friend-form {
  display: flex;
  justify-content: center;
}
.share-with-friend-form .email-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  margin-top: 10px;
}
.share-with-friend-form .email-container input {
  border: 1px solid #dedede;
  padding: 0 12px;
  height: inherit;
  max-width: 100%;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  font-size: 14px;
}
.share-with-friend-form .formSec-img {
  margin-right: 3px;
}
.share-with-friend-form input[name="formSec"] {
  width: 130px;
  margin-right: 5px;
  border-radius: 4px;
}
.share-with-friend-form .email-container button {
  height: inherit;
  background: #f2c94c;
  padding: 0 12px;
  font-size: 14px;
  font-weight: 600;
  border: none;
  border-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

/*
----- INTRANET FILE UPLOAD ------
*/

.upload-list .upload-item {
  display: flex;
}
.upload-list .upload-item + .upload-item {
  margin-top: 10px;
}
.upload-list .upload-item-links {
  margin-left: 12px;
}
.upload-list .upload-item-links .link-to-file {
  display: inline-block;
  background: #3da940;
  color: #fff;
  font-size: 12px;
  padding: 0 6px;
  border-radius: 4px;
}
.upload-list .upload-item-links .link-to-file:hover {
  background: #5bbd84;
}
.upload-list .upload-item-links .link-to-file:empty {
  display: none;
}
.upload-list .upload-item-links .link-delete {
  display: inline-block;
  background: #ea0000;
  color: #fff;
  font-size: 12px;
  padding: 0 6px;
  border-radius: 4px;
}
.upload-list .upload-item-links .link-delete:hover {
  background: #e64545;
}

/*
----- OTHER ------
*/

[data-simplebar="init"] {
  position: relative;
}

.hide-desktop {
  display: none !important;
}
.hide-mobile {
  display: block !important;
}

.auction-details .auction-images .thumbs .owl-dots {
  display: none;
}
.auction-details .auction-images .thumbs .owl-nav button {
  background: transparent;
}
.auction-details .auction-images .thumbs .owl-nav button span {
  display: none;
}
.auction-details .auction-images .thumbs .owl-nav button.owl-prev {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.auction-details .auction-images .thumbs .owl-nav button.owl-prev:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 8px;
  background: #3da940;
  left: 50%;
  transform: translateX(-50%) skewX(-45deg);
  top: 2px;
}
.auction-details .auction-images .thumbs .owl-nav button.owl-prev:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 8px;
  background: #3da940;
  left: 50%;
  transform: translateX(-50%) skewX(45deg);
  bottom: 2px;
}
.auction-details .auction-images .thumbs .owl-nav button.owl-next {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.auction-details .auction-images .thumbs .owl-nav button.owl-next:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 8px;
  background: #3da940;
  left: 50%;
  transform: translateX(-50%) skewX(45deg);
  top: 2px;
}
.auction-details .auction-images .thumbs .owl-nav button.owl-next:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 8px;
  background: #3da940;
  left: 50%;
  transform: translateX(-50%) skewX(-45deg);
  bottom: 2px;
}
.auction-details .auction-images .thumbs .owl-nav.disabled button:before,
.auction-details .auction-images .thumbs .owl-nav.disabled button:after {
  background: #ccc;
}

/*
----- PRESS RELEASES ------
*/

.press-list {}
@media screen and (min-width: 980px) {
  .press-list {column-count: 2;column-gap: 50px;}
}
.press-list .press-list-item {display: flex;padding: 20px;color: #000;break-inside: avoid;}
.press-list .press-list-item:not(:last-child) {border-bottom: 1px solid #eee;}
.press-list .press-list-item:hover {color: #555;}
.press-list .press-list-item .item-date {
  padding-right: 10px;
  text-align: right;
  flex: 0 0 90px;
  color: #777;
  font-weight: 400;
  font-size: 13px;
  padding-top: 2px;
}
.press-list .press-list-item .item-conent {
  border-left: 3px solid #f1c856;
  padding-left: 10px;
}
.press-list .press-list-item:hover .item-conent {border-left: 3px solid #3da940;}
.press-list .press-list-item .item-title {
}
.press-list .press-list-item .item-source {font-size: 13px;color: #777;}

/*
----- BLOG ------
*/

.post-list {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin: 0 0 -40px -40px;
}
.post-list .post-list-item {
  width: calc(100% / 3 - 40px);
  margin: 0 0 40px 40px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.post-list .post-list-item .post-image {
  display: block;
  width: 100%;
  height: auto;
  border-bottom: 5px solid #f3ca4d;
  border-radius: 10px;
}
.post-list .post-list-item .post-title {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.1;
  margin: 20px 0 15px;
  color: #3da940;
}
.post-list .post-list-item .post-content {
  color: #000;

  font-size: 17px;
  line-height: 1.8;
  font-weight: 300;
}
.post-list .post-list-item .read {
  display: block;
  margin-top: 15px;
  color: #3da940;
  border-bottom: 1px solid #f3ca4d;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 14px;
}
.running-auctions .section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #f1f1f1;
  margin: 60px 0 40px;
  padding-top: 40px;
}
.running-auctions .section-header .title {
  font-size: 26px;
  margin: 0;
}
.post-view .post-content {
  max-width: 910px;
  margin: 0 auto;
}
.post-view .post-image-wrap {
  float: left;
  width: 100%;
  max-width: 50%;
  margin-right: 30px;
  border-top: 5px solid #f3ca4d;
}
.post-view .post-image {
  display: block;
  width: 100%;
  height: auto;
}
.post-view .post-image-signature {
  font-size: 14px;
  font-style: italic;
  padding-top: 2px;
  text-align: right;
  color: #a6a6a6;
}
.post-view .post-content {
  font-size: 17px;
  line-height: 1.8;
  font-weight: 300;
}
.post-view .post-content pre {
  font-family: inherit;
  font-size: 20px;
  white-space: normal;
  margin: 40px 0 0;
  padding: 30px;
  background: #dcedbc;
  border-radius: 5px;
  font-weight: 500;
}
.post-view .post-content pre a {
  white-space: nowrap;
}
.post-view .post-author {
  display: flex;
  flex-direction: row-reverse;
  margin-top: 60px;
}
.post-view .post-author .post-author-image {
  border-radius: 50%;
  margin-left: 20px;
}
.post-view .post-author .post-author-inner {
  text-align: right;
}
.post-view .post-author .post-author-inner .position {
  color: #7e7e7e;
}
.img-align-left {
  display: block;
  float: left;
  margin: 10px 30px 10px 0;
  max-width: 50%;
  height: auto;
}
.img-align-center {
  display: block;
  margin: 10px auto 10px;
  max-width: 100%;
  height: auto;
}
.img-align-right {
  display: block;
  float: right;
  margin: 10px 0 30px 20px;
  max-width: 50%;
  height: auto;
}
.running-auctions .list-btn {
  display: none;
}

/*
----- FOOTER BLOG ------
*/

.footer-blog {
  padding: 60px 0;
  background: #fbfbfb;
}
.customer-reviews + .footer-blog {
  background: #fff;
}
.footer-blog h2 {
  margin: 0 0 60px;
  text-align: center;
}
.footer-post-list {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin: 0 0 -40px -40px;
}
.footer-post-list .post-list-item {
  width: calc(100% / 3 - 40px);
  margin: 0 0 40px 40px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 20px;
  border-radius: 20px;
  box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.05);
  background: #fff;
}
.footer-post-list .post-list-item .post-image {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
}
.footer-post-list .post-list-item .post-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
  margin: 20px 0 0;
  color: #3da940;
}
.footer-post-list .post-list-item .post-content {
  color: #000;
  font-size: 14px;
  line-height: 1.6;
  font-weight: 300;
  display: none;
}
.footer-post-list .post-list-item .read {
  display: none;
  margin-top: 15px;
  color: #3da940;
  border-bottom: 1px solid #f3ca4d;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 14px;
}
.footer-post-list .list-btn {
  display: none;
}
.footer-blog .more-cta {
  float: right;
  display: inline-block;
  margin-top: 30px;
}
.footer-blog .btn-outer {
  display: flex;
  justify-content: center;
  position: relative;
}

/*
----- KINNISVARAOMANIKULE LANDING ------
*/

.title-bottom-stripe {
  position: relative;
  z-index: 1;
}
.title-bottom-stripe:after {
  content: '';
  width: 100%;
  height: 4px;
  background: #f1c856;
  position: absolute;
  bottom: 1px;
  left: 0;
  right: 0;
  z-index: -1;
}

.sec-higher-price {
  padding: 80px 0;
}
.sec-higher-price .section-title {
  font-size: 38px;
  font-weight: 600;
  margin: 0 0 80px;
  text-align: center;
}
.sec-higher-price .content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sec-higher-price .text-container {
  width: 620px;
  max-width: 100%;
  padding-left: 60px;
  padding-right: 30px;
}
.sec-higher-price .image-container {
  width: 800px;
  max-width: 100%;
}
.sec-higher-price .image-container img {
  display: block;
  width: 100%;
  height: auto;
}
.sec-higher-price h3 {
  color: #a8d15a;
  font-size: 30px;
  font-weight: 500;
  margin: 0 0 20px;
}
.sec-higher-price p {
  font-size: 18px;
  line-height: 1.4;
}
.sec-faster-sell {
  padding: 0 0 80px;
}
.sec-faster-sell .timeline-container {
  background: url('../img/kinnisvaraomanikule/timeline-bg.jpg') center right;
  background-size: cover;
  position: relative;
  padding: 60px 300px 60px 60px;
  width: 100%;
}
.sec-faster-sell .timeline-container p {
  font-size: 20px;
  line-height: 1.4;
  margin: 6px 0;
}
.sec-faster-sell h3 {
  color: #000;
  font-size: 30px;
  font-weight: 500;
  margin: 0 0 20px;
}
.sec-faster-sell .timeline-desktop-img {
  width: calc(100% + 3px);
  margin-left: -1px;
  height: auto;
  margin-top: -35px;
  position: relative;
}
.sec-faster-sell .timeline-mobile-img {
  display: none;
}
.sec-faster-sell .process-container {
  display: flex;
  gap: 30px;
  width: 76%;
  max-width: 100%;
  margin: 40px auto 0;
}
.sec-faster-sell .process-container .item:nth-child(1) {
  width: 20%;
  min-width: 20%;
}
.sec-faster-sell .process-container .item:nth-child(2) {
  width: 20%;
  min-width: 20%;
}
.sec-faster-sell .process-container .item:nth-child(3) {
  width: 16%;
  min-width: 16%;
}
.sec-faster-sell .process-container .item:nth-child(4) {
  width: 19%;
  min-width: 19%;
}
.sec-faster-sell .process-container .item:nth-child(5) {
  width: 19.5%;
  min-width: 19.5%;
}
.sec-faster-sell .process-container .item .icon {
  display: block;
  width: auto;
  height: 52px;
}
.sec-faster-sell .process-container .item h4 {
  font-size: 17px;
  font-weight: 600;
  color: #3da949;
}
.sec-faster-sell .process-container .item h4:after {
  content: '';
  width: 25px;
  height: 3px;
  background: #eaeaea;
  display: block;
  margin-top: 20px;
}
.sec-faster-sell .process-container .item p {
  color: #6f7c87;
  font-size: 14px;
}
.sec-zero-risk {
  background: #091532;
  overflow: hidden;
  padding-bottom: 20px;
}
.sec-zero-risk .content-wrapper {
  position: relative;
  display: flex;
}
.sec-zero-risk .zero-container {
  display: flex;
  align-items: flex-end;
  width: 400px;
  position: relative;
}
.sec-zero-risk .zero {
  display: block;
  position: absolute;
  top: -80px;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: calc(100% + 80px);
}
.sec-zero-risk .content {
  width: 530px;
  max-width: 100%;
  padding: 60px 0;
  margin-left: 130px;
}
.sec-zero-risk .title {
  font-size: 80px;
  font-weight: 600;
  color: #a9d159;
  line-height: 1;
  margin-bottom: 30px;
  position: relative;
  left: -6px;
}
.sec-zero-risk .text-block + .text-block {
  margin-top: 40px;
}
.sec-zero-risk .text-block h4 {
  margin-top: 0;
  color: #fff;
  font-weight: 600;
  font-size: 22px;
}
.sec-zero-risk .text-block h4:after {
  content: '';
  width: 90px;
  height: 4px;
  background: #f1c856;
  display: block;
  margin-top: 5px;
}
.sec-zero-risk .text-block p {
  margin: 20px 0 0;
  color: #fff;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.3;
}
.sec-why-us {
  padding: 80px 0;
}
.sec-why-us .section-title {
  font-size: 38px;
  font-weight: 600;
  line-height: 1.4;
  margin: 0 0 80px;
  text-align: center;
}
.sec-why-us .comparision-table {
  border-collapse: collapse;
  margin: 0 auto;
  width: 100%;
  max-width: 600px;
  overflow: hidden;
}
.sec-why-us .comparision-table,
.sec-why-us .comparision-table th,
.sec-why-us .comparision-table td {
  border: 1px solid #e7eaee;
}
.sec-why-us .comparision-table th,
.sec-why-us .comparision-table td {
  padding: 10px 15px;
}
.sec-why-us .comparision-table th {
  color: #939598;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 13px;
  height: 120px;
  min-width: 60px;
}
.sec-why-us .comparision-table th span {
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}
.sec-why-us .comparision-table td {
  font-size: 14px;
  line-height: 1.3;
}
.sec-why-us .comparision-table td .badge.badge-green {
  background-color: #a8d15a;
  background-image: url('../img/kinnisvaraomanikule/badge-yes.svg');
}
.sec-why-us .comparision-table td .badge.badge-red {
  background-color: #ed1c24;
  background-image: url('../img/kinnisvaraomanikule/badge-no.svg');
}
.sec-why-us .comparision-table td .badge.badge-yellow {
  background-color: #f4cb4e;
  background-image: url('../img/kinnisvaraomanikule/badge-unknown.svg');
}
.sec-why-us .comparision-table td .badge {
  color: #fff;
  display: block;
  line-height: 36px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 14px 14px;
}
.sec-experience {
  padding: 60px 0;
  background: #d2d8e0;
}
.sec-experience .content-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sec-experience .map {
  display: block;
  width: 600px;
  max-width: 100%;
  height: auto;
}
.sec-experience .section-title {
  font-size: 30px;
  font-weight: 500;
  line-height: 1.3;
  color: #000;
  text-align: right;
}
.sec-experience p {
  font-size: 21px;
  line-height: 1.3;
  color: #788da8;
  margin: 10px 0;
  text-align: right;
}
.sec-experience .buttons-outer {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 30px;
}
.sec-experience .buttons-outer .tel-btn {
  display: flex;
  align-items: center;
}
.sec-experience .buttons-outer .tel-btn img {
  display: block;
  width: 18px;
  height: 18px;
  margin-right: 5px;
}
.owl-stage-outer {
  overflow: hidden;
}
.owl-stage {
  display: flex;
  flex-wrap: wrap;
}
.owl-stage .owl-item {
  display: flex;
  flex-direction: column;
}
.owl-stage .owl-item > div {
  display: flex;
  flex-direction: column;
}
.owl-dots {
  display: none;
}

.ui-widget-header {
  background: #3da940 !important;
}
.ui-slider .ui-slider-handle {
  width: 18px !important;
  height: 18px !important;
  background: #fff !important;
  border: 0 none !important;
  border: 2px solid #3da940 !important;
  border-radius: 9px !important;
}
.ui-slider-horizontal .ui-slider-handle {
  top: 0px !important;
}
.ui-slider-horizontal {
  height: 18px !important;
}
.ui-widget.ui-widget-content {
  border: 0 none !important;
  background: transparent !important;
}

.mt-0 {
  margin-top: 0;
}
.mt-10 {
  margin-top: 10px;
}
.mb-10 {
  margin-bottom: 10px;
}

.auction-view-content .hide-desktop {
  display: none !important;
}

/* ********|| LEMODAL ||******** */

.lemodal-window,
.lemodal-window *,
.lemodal-window *:before,
.lemodal-window *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: sans-serif;
}
.lemodal-content-holder {
	display: none;
}
.lemodal-window {
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	z-index: 11000;
	background: rgba(0,0,0,0.6);
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.lemodal-window > div {
	display: block;
	position: absolute;
	width: 100%;
	max-width: 1100px;
	top: 30px;
	bottom: 30px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	border-radius: 4px;
}
.lemodal-content {
	position: relative;
	overflow: hidden;
	overflow-y: auto;
	height: calc(100% - 54px);
	padding: 30px;
}
.lemodal-content > h2:first-child {
	margin-top: 0;
}
.lemodal-content.lemodal-iframe {
	padding: 10px;
}
.lemodal-content > iframe {
	width: 100%;
	height: 100%;
	border: 0 none;
}
.lemodal-content > div > h1:first-child,
.lemodal-content > div > h2:first-child,
.lemodal-content > div > h3:first-child {
	margin-top: 0;
}
.lemodal-content .sec-content {
	padding: 0;
}
.lemodal-content .sec-content .container {
	padding: 0;
}
.lemodal-content .sec-content p {
	font-size: 14px;
	line-height: 1.6;
}
.lemodal-footer {
	display: block;
	overflow: hidden;
	padding: 10px;
	height: 54px;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
.lemodal-footer span {
	cursor: pointer;
	background: #3da940;
	color: #fff;
	line-height: 26px;
	padding: 4px 20px;
	float: right;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	transition: 0.3s all;
	display: block;
	margin: 0 0 0 10px;
	border-radius: 4px;
}
.lemodal-footer span:hover {
	opacity: 0.9;
	box-shadow: 0 0 5px rgba(117,117,117,.3) inset;
}
span.lemodal-close {
	font-size: 13px;
	background: #E60005;
}

/* ********|| TWEAKS FOR LEMODAL ||******** */

.lemodal-content .bottom-sticky-bar-placeholder,
.lemodal-content .bottom-sticky-bar {
  display: none;
}

/* ********|| LAZYLOAD ANIMATION STARTS ||******** */
@keyframes appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.appear {
  opacity: 0;
}
.appear.lazyloaded {
  opacity: 1;
  animation: appear 0.7s forwards;
}
/* ********|| LAZYLOAD ANIMATION ENDS ||******** */
.bid-popup-footer .bid-popup-footer-sum {
    margin-right: auto; 
    margin-left: 1rem; 
    padding-bottom: 0px;
}
@media screen and (max-width: 768px) {
    .bid-popup-footer .bid-popup-footer-sum {
        padding-bottom: 10px;
    }
}
.bid-popup-footer .bid-popup-footer-buttons {
    display: flex;
    justify-content: flex-end;
}
@media screen and (max-width: 768px) {
    .bid-popup-footer .bid-popup-footer-buttons {
        justify-content: center;
    }
}
.bid-popup-footer .bid-popup-footer-confirm-btn {
    padding-bottom: 10px; 
    padding-top: 13px;
}
.bid-popup-footer .bid-popup-footer-cancel-btn {
    margin-left: 1rem; 
    margin-right: 0.7rem; 
    padding-bottom: 10px; 
    padding-top: 13px;
}
.popup-reminder-below-baseprice {
    display: none;
}
.popup-reminder-below-baseprice.active {
    display: flex;
}
.popup-reminder-below-baseprice p {
    font-size: 18px;
}
.popup-reminder-below-baseprice button {
    display: inline-block;
}




/* ********|| MODAL DESIGN ||*********** */

.xmodal{position:fixed;top: 0;left:0;width: 100vw;height: 100vh;z-index: 9999;background-color: #000000a3;display: none;}
.xmodal.show{display: block;}
.xmodal .xmodal-dialog {max-width:480px;height:100%;margin: 1.75rem auto;display: flex;justify-content: center;align-items: center;}
.xmodal .xmodal-dialog.xmodal-lg{max-width:800px}
.xmodal .xmodal-content{background-color: white;width:100%;min-height:100px;max-height:fit-content;border-radius: 20px;overflow: hidden;}
.xmodal.fade .xmodal-dialog {transition: transform .3s ease-out;transform: translate(0,-50px);}
.xmodal .xmodal-body .bottom-sec{position: relative;z-index: 2;}
.xmodal .xmodal-body .bottom-sec .text-sec{text-align: center;font-weight: 500;font-size: 22px;color: #515151;line-height: 36px;}
.xmodal .xmodal-body .bottom-sec .icon-sec{margin-top: -92px;display: flex;justify-content:center;}
.xmodal .xmodal-body .bottom-sec .icon-sec .icon{width: 125px;height: 125px;background-color: #A8D15A;border: 6px solid #ffffff;border-radius: 50%;display: flex;align-items:center;justify-content: center;}
.xmodal .xmodal-body .top-sec{height: 113px;position: relative;overflow: hidden;z-index: 0;background-image: url('/assets/icons/curve-bg.svg');background-repeat: no-repeat;background-size: 100%;background-position: top center;}
.xmodal .button {padding: 10px 30px;background-color: #F4CB4E;color: #000;border-radius: 10px;font-weight: 600;}
.xmodal .xmodal-body .btn-sec{display: flex;justify-content: center;margin-top: 25px;}
.xmodal .xmodal-body .content-sec{padding: 30px 30px;}

#topbar-notification {
    width: 400px;
    position: fixed;
    z-index: 999999999999;
    top: 0;
    left: calc(50% - 190px);
    right: 0;
    text-align: center;
    line-height: 2;
    transition: transform 0.5s ease;
    background: red;
	color: white;
	font-weight: 500;
    padding: 0 10px;
    margin-top: 0px;
	border-radius: 0 0 4px 4px;
    -webkit-box-shadow: 0 0 5px #444;
    -moz-box-shadow:    0 0 5px #444;
    box-shadow:         0 0 5px #444;
    overflow: hidden; 
    transform: translate(0%, 0%);
	transition-delay: 1s;

}
#topbar-notification.hidden {
    transform: translateY(-120%);
}
.diconnected-overlay{
	display: none;

}
.diconnected-overlay.active{
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.85);
	z-index: 99999999999;

}
input[type="button"]:disabled, button:disabled {
    background: #ccc !important;
    cursor: not-allowed; 
}

.loan-products{}
.loan-products .loan-product{margin: 20px auto 0;}
.loan-products #loan-product-3{max-width: 500px;}
.loan-products #loan-product-3 iframe{width: 100%;min-height: 300px;}

.loan-products #loan-product-4{max-width: 500px;}
.loan-products #loan-product-5{max-width: 500px;}
.coop-loan-calculator{min-height: 300px;font-weight: 400;padding: 40px 40px 20px;background: #fff url("/assets/img/coop-loan/bg.jpg") no-repeat top right;border-radius: 40px; border: 2px solid #f4f2f0;}
.coop-loan-calculator2{background: #fff url("/assets/img/coop-loan/bg2.jpg") no-repeat top right !important;}
.coop-loan-calculator .coop-loan-calculator__logo{}
.coop-loan-calculator .coop-loan-calculator__text{margin-top: 20px;color: #231F20;font-size: 20px;}
.coop-loan-calculator .coop-loan-calculator__monthly{line-height: 1;font-weight: bold; font-size: 40px;color: #117DC1;}
.coop-loan-calculator .coop-loan-calculator__btns{display: flex;margin-top: 20px;}
.coop-loan-calculator .coop-loan-calculator__btn{color: #fff;border-radius: 4px;padding: 9px 15px;display: flex;font-size: 13px;font-weight: 600;}
.coop-loan-calculator .coop-loan-calculator__btn + .coop-loan-calculator__btn{margin-left: 10px;}
.coop-loan-calculator .coop-loan-calculator__btn-blue{background: #117DC1;}
.coop-loan-calculator .coop-loan-calculator__btn-black{background: #231F20;}
.coop-loan-calculator .coop-loan-calculator__disclaimer{font-size: 10px;line-height: 13px;color: #404040;margin-top: 20px;}
@media screen and (max-width: 520px) {
  .coop-loan-calculator{background: #fff;}
  .coop-loan-calculator2{background: #fff !important;}
}

.auction-qa .item {
  background-color: #f3f3f3;
  border-radius: 10px;
  padding: 24px;
  margin-bottom: 20px;
  margin-top: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.auction-qa .question-text {
  font-size: 20px;
  font-weight: bold;
  color: #333;
  margin-bottom: 16px;
}

.auction-qa .answer-container {
  display: flex;
  align-items: center;
  margin-top: 18px;
}

.auction-qa .person-img {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  margin-right: 18px;
  background-color: #bbb;
}

.auction-qa .content {
  flex-grow: 1;
}

.auction-qa .person-name {
  font-size: 17px;
  font-weight: bold;
  color: #444;
  margin-bottom: 8px;
}

/* Removed old .auction-qa .answer-text styling - now using minimalist design above */

/* ANSWER SELECTION */

.answer-selection {
  overflow: hidden;
  display: flex;
}
.answer-selection > label {
  cursor: pointer;
  background: #d2d8e0;
  overflow: hidden;
  user-select: none;
}
.answer-selection > label:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.answer-selection > label:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.answer-selection > label input {
  width: 1px;
  height: 1px;
  position: absolute;
  opacity: 0;
}
.answer-selection > label .answer {
  padding: 0 16px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.answer-selection > label input:checked + .answer {
  background: #3da940;
  color: #fff;
}
.answer-selection > label:not(:first-child) .answer {
  border-left: 1px solid #fff;
}

.feedback-recommend-list-item {
  display: flex;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .feedback-recommend-list-item {
    flex-direction: column;
  }
}
.feedback-recommend-list-item + .feedback-recommend-list-item {
  margin-top: 20px;
}

.table-container.customer-feedback-table {
  overflow: hidden;
  overflow-x: auto;
}
.table-container.customer-feedback-table .table-inner {
  width: 2500px;
  margin-bottom: 5rem;
}
.intranet-menu .notification-bubble {
  position: absolute;
  right: 3px;
  top: 3px;
  width: 16px;
  height: 16px;
  font-size: 8px;
}

/*
* FEEDBACK
*/
.section-feedback {background: #ecf1f4;padding: 70px 0;}
.section-feedback h2 {text-align: center;margin: 0 0 30px;color: #526473;}
.section-feedback .feedback-list {display: flex;}
.section-feedback .feedback-list.without-scroller {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media (max-width: 980px) {
  .section-feedback .feedback-list.without-scroller {grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 480px) {
  .section-feedback .feedback-list.without-scroller {grid-template-columns: 1fr;}
}
.section-feedback .feedback-list .item {position: relative;display: flex;flex-direction: column;min-height: 100%;padding-bottom: 10px;}
.section-feedback .feedback-list .item .item-content {flex: 1;position: relative;border: 2px solid #c9d7df;border-radius:20px;padding: 25px;color: #526473;font-size: 17px;}
.section-feedback .feedback-list .item .item-content:after {
    content:"";
    position: absolute;
    border: 2px solid #c9d7df;
    border-radius: 0 100% 0 0;
    width: 40px;
    height: 40px;
    bottom: -40px;
    left: 50px;
    border-bottom: none;
    border-left: none;
    z-index: 3;
}
.section-feedback .feedback-list .item .item-content:before {
    content:"";
    position: absolute;
    width: 80px;
    border: 6px solid #ecf1f4;
    bottom: -3px;
    left: 50px;
    z-index: 2;
}
.section-feedback .feedback-list .item .item-title {position: relative;padding-top: 8px;z-index: 1;margin-top: auto;margin-left:100px;color: #526473;font-weight: 600;text-transform: uppercase;letter-spacing: 2px;font-size: 12px;}
.section-feedback .cta-container {margin-top: 50px;display: flex;justify-content: center;position: relative;}

.gray-more-btn {
  display: block;
  background-color: #6b798f;
  color: #fff;
  font-weight: 600;
  padding: 9px 25px;
  text-transform: uppercase;
  font-size: 14px;
  border-radius: 4px;
  transition: 0.3s all;
  cursor: pointer;
  border: 1px solid #6b798f;
}
.gray-more-btn:hover {
  color: #6b798f;
  background: transparent;
}

table.standard-table {
  width: 100%;
  border-collapse: collapse;
}
table.standard-table th {
  text-align: left;
  font-weight: normal;
}
table.standard-table thead th {
  position: relative;
  font-weight: 600;
  font-size: 14px;
  background: #fff;
  border-bottom: 2px solid #f3c94b;
  border-radius: 0;
  padding: 10px 5px;
}
table.standard-table tbody td {
  padding: 10px 5px;
  border-bottom: 1px solid #eee;
  vertical-align: top;
}
table.standard-table .row-actions {
  display: flex;
  gap: 5px;
  justify-content: end;
}
table.standard-table .row-actions a {
  display: flex;
  border-radius: 4px;
}
table.standard-table .row-actions a.with-text {
  height: 30px;
  background: #f2c94c;
  color: #000;
  padding: 0 10px;
  line-height: 30px;
  white-space: nowrap;
}
table.standard-table .row-actions a.with-icon {
  width: 30px;
  height: 30px;
  background-color: #f2c94c;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center center;
}
table.standard-table .row-actions a.with-icon-text {
  height: 30px;
  background-color: #f2c94c;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 5px center;
  padding: 0 7px 0 30px;
  line-height: 30px;
  color: #000;
  font-size: 13px;
}
table.standard-table .row-actions a.btn-red {
  background-color: #e80c0c;
  color: white;
}

form .input-group {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 20px;
}

form .input-group > .input-container:first-child {
    flex: 0.382; /* Golden ratio approximation */
    min-width: 120px;
}

form .input-group > .input-container {
    flex: 0.618; /* Golden ratio approximation */
    min-width: 200px;
}

@media (max-width: 768px) {
    form .input-group {
        flex-direction: column;
    }

    form .input-group > .input-container {
        width: 100%;
    }
}



/* ====== SALE PLAN ======= */
#sale-plan-wrapper .intra-block {
  max-width: 1100px;
  margin: 0 auto;
}
#sale-plan-wrapper .form .form-row {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#sale-plan-wrapper .form-row label {
  display: block !important;
  font-weight: normal;
  font-size: 0.95rem;
  margin-bottom: 0.4rem;
}

#sale-plan-wrapper .form-row input[type="text"],
#sale-plan-wrapper .form-row textarea {
  display: block;
  width: 100%;
  padding: 0.5rem;
  border: 1px solid #ccc;
  border-radius: 4px;
}

#sale-plan-wrapper .form-row.header {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

/* --- Right side --- */
#sale-plan-wrapper .sidebar {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding-left: 0.5rem;
}

#sale-plan-wrapper .uus-kanne-btn {
  background: #3EA949;
  color: white;
  border: none;
  padding: 0.4rem 1rem;
  border-radius: 4px;
  font-weight: bold;
  align-self: flex-end;
  cursor: pointer;
}

#sale-plan-wrapper .sidebar h3 {
  font-size: 1rem;
  font-weight: 600;
  margin: 0;
}

#sale-plan-wrapper .timeline {
  background: white;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  min-height: 544px;
  overflow-y: auto;
}

#sale-plan-wrapper .timeline-entry {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0.75rem;
  border-radius: 5px;
  text-decoration: none;
  font-size: 0.9rem;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.2s;
}

#sale-plan-wrapper .timeline-entry.active {
  background: #3EA949;
  color: white;
}

#sale-plan-wrapper .timeline-entry.inactive {
  background: #bdbdbd;
  color: white;
}

#sale-plan-wrapper .timeline-entry:hover {
  filter: brightness(1.1);
}
#sale-plan-wrapper .form-row input[type="text"],
#sale-plan-wrapper .form-row textarea {
  padding: 0.65rem;
}
#sale-plan-wrapper .timeline-title {
  margin: 0;
  line-height: 0;
}
#sale-plan-wrapper .editable-field[readonly],
#sale-plan-wrapper .editable-field:disabled {
  background-color: #f2f2f2;
  color: #555;
  cursor: not-allowed;
}
#sale-plan-wrapper .timeline.timeline-empty {
  background-color: #f9f9f9;
  border: 1px dashed #ccc;
  color: #999;
  text-align: center;
  padding: 1rem;
  font-style: italic;
}
.edit-inverse-btn {
  display: inline-block;
  padding: 0.4rem 1rem;
  border: 2px solid #3EA949;
  background-color: white;
  color: #3EA949;
  font-weight: bold;
  border-radius: 4px;
  cursor: pointer;
  font-size: 0.9rem;
  transition: background 0.2s, color 0.2s;
}

.edit-inverse-btn:hover {
  background-color: #3EA949;
  color: white;
}
/* Pre-registration info card styles */
.preregistration-required,
.preregistration-status {
  background: #fff !important;
  padding: 20px 40px 40px 40px !important;
  text-align: center;
}

.preregistration-info-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 500px;
  margin: 0 auto;
}

.preregistration-icon {
  margin-bottom: 10px;
}

.preregistration-info-card h3 {
  font-weight: 600;
  text-align: center;
}

.preregistration-info-card p {
  text-align: center;
  max-width: 400px;
}

.preregistration-info-card button {
  margin-top: 10px;
}

/* Pre-registration modal improvements */
.preregistration-modal {
  z-index: 10000 !important;
}

.preregistration-modal > div {
  background: white;
  border-radius: 8px;
  max-width: 600px;
  width: 90%;
  box-shadow: 0 10px 40px rgba(0,0,0,0.3);
}

.preregistration-modal .message-block {
  padding: 40px;
}

.preregistration-modal h2 {
  font-size: 28px;
  font-weight: 600;
  margin: 0 0 15px 0;
  text-align: center;
  color: #303030;
}

.preregistration-modal > div > .message-block > p {
  text-align: center;
  color: #666;
  font-size: 16px;
  line-height: 1.6;
  margin: 0 0 30px 0;
}

.preregistration-modal .form-row {
  margin-bottom: 25px;
}

.preregistration-modal .form-row label {
  display: block;
  font-weight: 600;
  margin-bottom: 10px;
  color: #303030;
  font-size: 15px;
}

.preregistration-modal .label-radio {
  display: inline-flex;
  align-items: center;
  margin-right: 30px;
  margin-bottom: 10px;
  cursor: pointer;
  font-weight: normal;
}

.preregistration-modal .label-radio input[type="radio"] {
  margin-right: 8px;
}

.preregistration-modal .label-radio > div {
  font-size: 15px;
}

.preregistration-modal select {
  width: 100%;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 15px;
}

.preregistration-modal .notification-modal-buttons {
  display: flex;
  gap: 15px;
  justify-content: center;
  margin-top: 30px;
}

.preregistration-modal .notification-modal-buttons .red-btn,
.preregistration-modal .notification-modal-buttons .green-btn {
  padding: 14px 30px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 4px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  min-width: 150px;
  text-align: center;
}

.preregistration-modal .notification-modal-buttons .red-btn {
  background-color: #dc3545;
  color: white;
}

.preregistration-modal .notification-modal-buttons .red-btn:hover {
  background-color: #c82333;
}

.preregistration-modal .notification-modal-buttons .green-btn {
  background-color: #4CAF50;
  color: white;
}

.preregistration-modal .notification-modal-buttons .green-btn:hover {
  background-color: #45a049;
}

/* Override .form styles for pre-registration modal */
.preregistration-modal .form .form-row {
  display: block !important;
  margin: 0 0 25px 0;
  align-items: flex-start !important;
}

.preregistration-modal .form .form-row:first-child {
  margin-top: 0;
}

.preregistration-modal .form .form-row:last-of-type {
  margin-bottom: 30px;
}

/* Hide company select row initially with class */
.preregistration-modal .form .form-row.prereg-hidden {
  display: none !important;
}

.preregistration-modal .form .form-row > label {
  width: 100% !important;
  float: none !important;
  margin-bottom: 0;
}

.preregistration-modal .form .form-row > label.prereg-section-label {
  margin-bottom: 18px !important;
}

.preregistration-modal .form .form-row > div,
.preregistration-modal .form .form-row .prereg-radio-group {
  width: 100% !important;
  float: none !important;
}

.preregistration-modal .form .form-row:after {
  display: none;
}

/* Company select row spacing */
/* Note: display is controlled by inline style and JavaScript */

#prereg-company-select-row > label {
  display: block;
  margin-bottom: 10px;
  font-weight: 500;
  color: #303030;
}

/* Improved Registration Type Section */
.prereg-section-label {
  display: block;
  font-weight: 600;
  margin-bottom: 25px;
  color: #303030;
  font-size: 16px;
  text-align: left;
  width: 100% !important;
  float: none !important;
}

.prereg-radio-group {
  display: flex !important;
  gap: 15px;
  margin-bottom: 0;
  width: 100%;
}

.prereg-radio-option {
  flex: 1;
  position: relative;
  display: flex !important;
  align-items: center;
  padding: 20px;
  border: 2px solid #ddd;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  background: #fafafa;
  margin-bottom: 0 !important;
  float: none !important;
  width: auto !important;
  overflow: visible !important;
  clear: none !important;
}

.prereg-radio-option:hover {
  border-color: #4CAF50;
  background: #f5f9f5;
}

.prereg-radio-option input[type="radio"] {
  position: absolute !important;
  opacity: 0 !important;
  cursor: pointer;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
}

.prereg-radio-custom {
  width: 20px;
  height: 20px;
  border: 2px solid #ccc;
  border-radius: 50%;
  position: relative;
  flex-shrink: 0;
  margin-right: 12px;
  transition: all 0.3s ease;
  background: white;
}

.prereg-radio-option input[type="radio"]:checked ~ .prereg-radio-custom {
  border-color: #4CAF50;
  background: #4CAF50;
}

.prereg-radio-option input[type="radio"]:checked ~ .prereg-radio-custom::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}

.prereg-radio-option input[type="radio"]:checked ~ .prereg-radio-label {
  color: #4CAF50;
  font-weight: 600;
}

.prereg-radio-label {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  color: #303030;
  transition: all 0.3s ease;
}

.prereg-radio-label svg {
  color: #666;
  transition: all 0.3s ease;
}

.prereg-radio-option input[type="radio"]:checked ~ .prereg-radio-label svg {
  color: #4CAF50;
}

.prereg-radio-option:has(input[type="radio"]:checked) {
  border-color: #4CAF50;
  background: #f5f9f5;
  box-shadow: 0 2px 8px rgba(76, 175, 80, 0.15);
}

/* Mobile responsive */
@media (max-width: 600px) {
  .prereg-radio-group {
    flex-direction: column;
  }

  .prereg-radio-option {
    width: 100%;
  }
}

/* Pre-registration action icon buttons */
.prereg-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

/* Ensure table rows don't clip tooltips */
.table-container .table-row {
  overflow: visible !important;
}

.table-container {
  overflow: visible !important;
}

.prereg-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease;
  background: transparent;
  padding: 0;
  position: relative;
}

.prereg-icon-btn.approve {
  color: #4CAF50;
  border: 1px solid #4CAF50;
}

.prereg-icon-btn.approve:hover {
  background: #4CAF50;
  color: white;
  box-shadow: 0 2px 4px rgba(76, 175, 80, 0.3);
}

.prereg-icon-btn.decline {
  color: #f44336;
  border: 1px solid #f44336;
}

.prereg-icon-btn.decline:hover {
  background: #f44336;
  color: white;
  box-shadow: 0 2px 4px rgba(244, 67, 54, 0.3);
}

/* Custom JavaScript-based tooltip styling */
.prereg-tooltip {
  position: absolute;
  background: #303030;
  color: white;
  padding: 6px 12px;
  border-radius: 4px;
  font-size: 12px;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease;
  z-index: 10000;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.prereg-tooltip.show {
  opacity: 1;
}

.prereg-tooltip::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: #303030;
}

/* Q&A Private Checkbox */
.qa-private-checkbox {
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  cursor: pointer !important;
  display: inline-block !important;
  position: static !important;
  opacity: 1 !important;
  visibility: visible !important;
  appearance: checkbox !important;
  -webkit-appearance: checkbox !important;
  -moz-appearance: checkbox !important;
}

/* Q&A Private Checkbox Tooltip */
.qa-tooltip-label {
  margin: 0;
  cursor: pointer;
  display: inline-block;
  position: relative;
}

.qa-tooltip-label::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: calc(100% + 17px);
  left: 50%;
  transform: translateX(-50%);
  padding: 8px 12px;
  background: #333;
  color: #fff;
  font-size: 13px;
  line-height: 1.4;
  min-width: 210px;
  white-space: normal;
  text-align: center;
  border-radius: 4px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s, visibility 0.2s;
  pointer-events: none;
  z-index: 1000;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.qa-tooltip-label::before {
  content: '';
  position: absolute;
  bottom: calc(100% + 6px);
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: #333;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s, visibility 0.2s;
  pointer-events: none;
  z-index: 999;
}

.qa-tooltip-label:hover::after,
.qa-tooltip-label:hover::before {
  opacity: 0.9;
  visibility: visible;
}

/* Align checkbox and label text vertically */
.qa-tooltip-label {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
}


/* ========================================
   AUCTION SETTINGS MODAL
   ======================================== */

.auction-modal-content {
  max-width: 1280px;
  margin: 0 auto;
  padding: 30px;
}

/* === SECTION DIVIDERS === */
.auction-modal-content .spacer-line {
  margin: 40px 0;
}

/* === GRID LAYOUTS === */
.auction-modal-content .auction-info-groups.three-cols {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-bottom: 0;
}

.auction-modal-content .auction-extra-blocks.two-cols {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

/* === GROUP STYLING === */
.auction-modal-content .info-group {
  background: #fafafa;
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 20px 25px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.auction-modal-content .info-group h4 {
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 17px;
  color: #3da940;
  font-weight: 600;
}

/* pt57157 view counts as a compact table: "oksjoni ajal" and "pärast lõppu" side by
   side, so the block stays three rows tall and does not stretch the row it sits in */
.auction-modal-content .pageviews-table {
  width: 100%;
  border-collapse: collapse;
}

.auction-modal-content .pageviews-table th,
.auction-modal-content .pageviews-table td {
  padding: 7px 0;
  border-bottom: 1px solid #f1f1f1;
  text-align: right;
  font-weight: 600;
  color: #000;
  white-space: nowrap;
}

.auction-modal-content .pageviews-table tbody th {
  text-align: left;
  font-weight: 500;
  color: #444;
  width: 100%;
}

.auction-modal-content .pageviews-table thead th {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  color: #888;
  padding: 0 0 4px;
}

.auction-modal-content .pageviews-table thead td {
  padding: 0;
  border-bottom: none;
}

.auction-modal-content .pageviews-table th + th,
.auction-modal-content .pageviews-table td + td {
  padding-left: 18px;
}

.auction-modal-content .pageviews-table tbody tr:last-child th,
.auction-modal-content .pageviews-table tbody tr:last-child td {
  border-bottom: none;
}

/* narrow: fall back to one value per line, each labelled with its period */
@media (max-width: 500px) {
  .auction-modal-content .pageviews-table thead {
    display: none;
  }
  .auction-modal-content .pageviews-table tbody tr,
  .auction-modal-content .pageviews-table tbody th,
  .auction-modal-content .pageviews-table tbody td {
    display: block;
    width: auto;
    white-space: normal;
  }
  .auction-modal-content .pageviews-table tbody th {
    border-bottom: none;
    padding-bottom: 0;
    font-weight: 600;
    color: #000;
  }
  .auction-modal-content .pageviews-table.has-after-end tbody td {
    display: flex;
    justify-content: space-between;
    padding-left: 0;
  }
  .auction-modal-content .pageviews-table.has-after-end tbody td:before {
    content: attr(data-period);
    font-weight: 500;
    color: #888;
  }
}

/* === INFO ITEMS === */
.auction-modal-content .info-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 7px 0;
  border-bottom: 1px solid #f1f1f1;
}

.auction-modal-content .info-item:last-child {
  border-bottom: none;
}

.auction-modal-content .info-item .label {
  font-weight: 500;
  color: #444;
}

.auction-modal-content .info-item .value {
  font-weight: 600;
  color: #000;
}

/* Vahendustasu is free text rather than a number - usually "5%", but on live it runs up
   to a full sentence. Let a long value wrap and keep its right edge, instead of fighting
   the label for a single line. */
.auction-modal-content .info-item.wrapping-value {
  align-items: flex-start;
  gap: 20px;
}

.auction-modal-content .info-item.wrapping-value .value {
  text-align: right;
}

.auction-modal-content .info-item .value.highlight {
  color: #3da940;
}

/* === SPECIAL BLOCK VARIANTS === */
.auction-modal-content .gray-block {
  background: #f5f5f5;
  border: 1px solid #ddd;
}

/* === PREREGISTRATION STATS === */
.auction-modal-content .prereg-stats-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
  text-align: center;
}

.auction-modal-content .stat-number {
  font-size: 24px;
  font-weight: 600;
}

.auction-modal-content .stat-label {
  font-size: 12px;
  color: #666;
}

/* === ACTION BLOCKS === */
.auction-modal-content .auction-action-block {
  border-radius: 8px;
  padding: 25px 30px;
  margin-top: 30px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 30px;
  flex-wrap: wrap;
}

.auction-modal-content .auction-action-block p {
  flex: 1;
  margin: 0;
  color: #333;
}

/* pt57621 The landing page choice takes the slot a button takes in the other action
   blocks, so it has to be ONE flex child. Without this wrapper the heading, each
   checkbox and the explanation each become a column of their own and the block falls
   apart into unaligned pieces. */
.auction-modal-content .landing-pages-choice {
  min-width: 220px;
}

.auction-modal-content .landing-pages-choice > strong {
  display: block;
  margin-bottom: 14px;
  font-size: 14px;
  text-transform: uppercase;
}

.auction-modal-content .yellow-block {
  background: #fff9e1;
  border: 2px solid #f2c94c;
}

.auction-modal-content .red-block {
  background: #ffe9e9;
  border: 2px solid #ea0000;
}

/* === BUTTONS === */
.auction-modal-content .small-btn {
  width: auto !important;
  display: inline-block !important;
  padding: 10px 25px;
  font-size: 14px;
  text-transform: uppercase;
  border-radius: 4px;
  white-space: nowrap;
  align-self: center;
}

.auction-modal-content .gray-border-btn {
  background: #f5f5f5;
  border: 2px solid #999;
  color: #333;
  text-decoration: none;
  transition: all 0.3s ease;
}

.auction-modal-content .gray-border-btn:hover {
  background: #e5e5e5;
}