@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap');
/* 
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/Montserrat-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/Montserrat-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/Montserrat-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
} */
:root {
  --main: #2b7cb6;
  --hover: #21608c;
  --logoyellow: #f1b434;
  --logogreen: #215732;
  --third: #e4f0f9;
  --text: #242f47;
  --bgr: #FAF8F5;
  --gray: #73777c;
  --border: #e5e1dc;
  --gold: #BBA53D;
  --red: #FF829E;
  --gradient:
    radial-gradient(67.75% 72.21% at 41.95% 109.6%, #4297d3 0%, #21608c 100%),
    radial-gradient(
      194.05% 111.54% at 66.66% 142.17%,
      #4297d3 0%,
      #21608c 100%
    ),
    #fff;
  --warning: #ffd45f;
  --fff: #fff;
  --iconcolor: #5a5d5a;
  --font: "Montserrat", sans-serif;
  --gap-large: 48px;
  --gap: 20px;
  --gap-small: 4px;
  --articlegap: 12px;
  --br: 16px;
  --br-full: 9999px;
  --comein: comeintop 0.3s ease-out forwards;
  --comeinleft: comeinLeft 0.3s ease-out forwards;
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}
@keyframes comeintop {
  0% {
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes comeinLeft {
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
button {
  background: 0;
}
input[type="search"],
* {
  outline: none !important;
  outline-color: var(--main);
  outline-color: var(--logoyellow);
  outline-color: var(--bgr);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.maincolor {
  color: var(--main);
}
.secondcolor {
  color: var(--third);
}
.follow {
  position: absolute;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  pointer-events: none;
  z-index: 90000;
}
article,
aside,
details,
div,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
body,
img,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
form,
blockquote,
dl,
dt,
dd,
button,
input {
  margin: 0;
  padding: 0;
}
a,
a:hover,
a:active,
a:visited {
  text-decoration: none;
  outline: none !important;
}
a {
  color: var(--main);
}
a:hover {
  text-decoration: underline;
  color: var(--hover);
}
.clear {
  clear: both;
  float: none !important;
}
html,
body {
  height: 100%;
}
body {
  font-family: var(--font);
  font-size: 62.5%;
  margin-right: 0 !important;
  background: var(--bgr);
  border-top: 3px solid var(--gold);
}
#wrap {
  min-height: 100%;
}
#main {
  padding-bottom: 0;
}
.center {
  display: block;
  float: none !important;
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 20px;
}
.center.w600 {
  max-width: 700px;
}
.center.w1000 {
  max-width: 1100px;
}
.center.bgr-none {
  background: 0 !important;
}
.center.bgr-none:before {
  display: none !important;
}
img {
  max-height: 100%;
  max-width: 100%;
}
ul {
  list-style-type: none;
}
h1 {
  font-size: 22px;
}
h2 {
  font-size: 21px;
}
h3 {
  font-size: 20px;
}
h4 {
  font-size: 19px;
}
h5 {
  font-size: 18px;
}
h6 {
  font-size: 17px;
}
.grid {
    display: grid;
}
.column-wrap {
  display: flex;
  gap: var(--gap);
}
.column-wrap .column {
  width: calc((100% - var(--gap)) / 2);
}
.column-wrap .column.right {
  margin-left: auto;
}
.column {
  width: 50%;
}
.live-edit {
  position: relative;
  transition: all 0.3s ease-out;
  min-height: 20px;
}
.live-edit:hover {
  box-shadow:
    0px 0px 0px 1px rgba(255, 255, 255, 0.8),
    0px 0px 0px 2px #000,
    0px 0px 0px 3px rgba(255, 255, 255, 0.8);
  padding: 10px;
  margin: -10px;
  z-index: 2;
}
.live-edit > .live-edit-a {
  position: absolute;
  width: 30px;
  height: 0px;
  opacity: 0;
  overflow: hidden;
  background: #fff;
  top: -30px;
  right: -30px;
  z-index: 222;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAABmJLR0QA/wD/AP+gvaeTAAAH10lEQVR4nO2da6gVVRiGn2NqlnrUJCKMjlJYUWiXH0XUj25mWXS/WFFWZmEhaReSCCoPgZlpZFCSBdHFyqiILEX0YEGetKQyhC5aRFgKgeblKEftx+fk9uyZ2Wtm1po9s+Z7YP04+8z+5pv9vrNmZq01a4GiKIqiKIpSOVpSfKcVGAOMBtqAY61mVFxmA5/nsJ8hwPPAXuCvA2UD8AvwG7AnhxxCaQPeBHYD+ytW2i38fiYMAdbE5LEDWApMB07JKScA7gN2xSTmc8lL/MHA6oS5rQWmAv1dJjYnYVI+lTzF/zpDnpuA+4E+thObnCGpspeyiF9bvgFOspXYCKDLUmJlKzMs/H4mDAI6Lee+GTjDRnJvWU6sLCVP8Vc5OobNwMgsyQ1GHjeaLYav4rcASxwfy2qgd9oExztOroglL/EDhgEfWco9qkxKm1y748SKVvIWv5brkcYeF8f1B9AvTVILHCVUxNJM8QOOARbj5vgeSJPQe46SKVopgvgBLcAU7De4rUmTTBUM8EiaHyYHRgEbsXuso6J21svRQRSddmBWDvsZQPJr8PfAeaQ8cyMYl/QLPtcAeT/n/4H0pSRtpj0C+AA7x/xZ0uR9NUAzG3k2ANcljHMY8ArZj3vbgVh1pG4oaMAMYKWj2GnpAr7MYT+DkEaes3t8PgJYBHyIdNxsMoi1F6k9tgCPZ8hpIDAc+NX0C1lrgBsyJFtmTJt3/wFuSxj7SYO4cSXRfYAaIDlp2vYXAEcm2EeWrvkpYQGr+hRgm6hqvxF3Ib2BJxtuPw14PeE+AoaFfagGyM5QoIPk4gechnTcXGKw7X5gIvBJiv0cFfahGiAbg4BPgdMzxhmAdAxdbrDtPuAO4KeM+4xF7wEa46I/fw9wk+H+RyI3kyZx1yADTo1RA8QzFBmQaVP8oHQD1xrmcRlSI8TF6yDFoFE1QDQuxQ/KTuB8w3zmxcTpIOWIYTVAOC6HcfUsW4ATDXLqD6wP+f5qZGRXKtQA9eRx5vcs6zA7g0/n0CF8Kwy/F4ka4FCaIX5Q3jbM8VksiQ9qgFryrPajyi0GefYH3iVDtV+LGkBo5plfW7YCx7k4QG0IimYosIzsjTw2aAVedhFYDRCOrRY+m4wDrrYdVA1QT9a2fZfMBfraDKgGOJQiVfthtAF32wyoBjhI0cUPeIJkYwhiUQMIRbzmR7ERi7qpAYp9ze/JcmTcwHZbAatugLJU+yDiX4l0FFmjygaovPhQXQOo+AeoogFU/BqqZgAVvwdVMoCKH0JVDKDiR1AFA6j4MfhuABW/AT4bQMU3wFcDqPiG+GiAMnXsfAVcg3vx+wITwv7hmwHK1rFzMTJ7h0v6IS+Thr536JMBtNqvpx/y0umYqA18MYCKX8/hyHQ0l8Zt5IMByiT+CvIVf2yjDctugLKJfwXuxe8DvIO8OdyQMhtAxa+nD7AQebIwoqwGUPHr6Y2c+aZzCwDlNICKX09v5CXSpBNRls4AKn49vZHlfVK9j1kmA6j49RyGLOZ5Y9oAZTGAil9PL+BVzCeVigxSdFT8egLxJ9gIVHS6Obi2XpFZhby961r8FmTK2DttBCuDAbYiM2afhayMWURWABfhvmOnBZhPxLy/aSiDAQLWIitpvEixaoO8znyQeYAm2gxYJgOAzPk/BbnObm5yLiDij8X9mQ/Snfuw7aBlM0DAYmQhpDwWgIgiEH9rTvtzskR8WQ0A8DdwATCzCfsOrvl5ie+MohigFem+vIdky9h0A48BU5E5c/NgFfkM48qFIhhgILKq1dXIHe4PJG/TngvcjMyW6ZK8q33nFMEAnwLn1vx9MrK40hLghARx3kdm0rI2eUIPvBMfimGAqFmxxyC1wXTMLwvLcDPQshMPxYdiGCCOI4BnEAFMa4NOxDy2aoIVwIV4KD4U3wABZwLfYt7r1QlchbQbZCGvtv2mURYDgDwpLAQeNdx+OXBvhv114tHdfhRlMgBIW/hM4CXMcn8DeCrFfryu9mspmwECJgOvYXZz+DTwcYLYlTjzA8pqAJCl0+YjtUIc+5BlWn82iNmJvEjh/ZkfUGYDgPSJzzPYbjsyWjbuprAy1X4tZTcAyOXgQYPt1iELMIdRqWq/Fh8MADAbaQBqxCzgix6fVa7ar8UXA/RClrkZ3mC7fcDtHGwk6sCTXr20+GIAkKVRF9J4QYXfkEtBB9LIs8NlUkXHJwOATAzxkMF2LyAthZUWH/wzAMjZfWqDbbrJZxhX4fHRAH2BBchbM0oDfDQAyKVgfLOTKAO+GgCgHZkpQ4nBZwO0IWMMlRh8NgDIM74Sg88G6ABubXYSRcdXA6zE85E8tkgyBt8VjbpzFYf4WgMohqgBKo4aoOKoASqOGqDiqAEqjhqg4qgBKo4aoOK4agk8x1HcKuPkN3VlgGmO4iqW0UtAxVEDVBw1QMVRA1ScKANU/oUJD/k37MMoA/zpMBGlOYRqGmWAHx0mojSHdWEfRg3HagW20PhFS6UcdAFHEzJ1XlQNsA2ZrVPxg0VEzJsYNyBzBLAefbum7HQh0+/+HvbPuMfAjWSbZ08pBpOIEN+UOcgSLVrKV54L0TMV9wG7CnBAWszKThy8F9mGrFK5uwAHqCW87EZmRz0+QsM60ryV04rMxj0aMUW/FDEUe3Qh8x59BywlosVPURRFURRFUf7nP+HGjIe+QGVnAAAAAElFTkSuQmCC")
    center center no-repeat #fff;
  background-size: 20px;
  transition:
    top 0.2s linear,
    opacity 0.2s linear,
    right 0.2s linear;
}
.live-edit-missing {
  font: 100 14px/24px var(--font);
  color: #666;
}
.live-edit:hover > .live-edit-a {
  height: 30px;
  opacity: 1;
  top: -10px;
  right: -10px;
  box-shadow:
    0px 0px 0px 1px #fff,
    0px 0px 0px 2px #000,
    0px 0px 0px 3px #fff;
  cursor: pointer;
}
.live-edit:hover > .live-edit-a:hover {
  box-shadow:
    0px 0px 0px 2px #fff,
    0px 0px 0px 3px #000;
}
#gdpr_wrapper {
  padding: 10px;
  color: #fff;
  font-family: var(--font);
  font-size: 12px;
  overflow: hidden;
  position: fixed;
  bottom: 0;
  top: auto;
  right: 0;
  z-index: 40009;
  animation: slideup 0.4s linear forwards;
}
#gdpr_wrapper .center {
  background: var(--logoyellow);
  position: relative;
  max-width: 1200px;
  width: auto;
  margin: auto;
  padding: 0px 0 20px;
  margin: auto;
  max-width: 270px;
  border-radius: var(--br);
  padding: 0px 0px 20px;
}
#gdpr_wrapper .center > div {
  padding: 15px 15px 0;
}
#gdpr_wrapper .center > div > img {
  width: 50px;
}
#gdpr_wrapper #gdpr_readmore {
  color: #fff;
  background: 0 !important;
  display: block;
  text-align: center;
  margin-bottom: 15px;
}
#gdpr_wrapper .gdpr_rm {
  font: normal 12px/18px var(--font);
  margin: 0;
  padding: 10px 20px 0;
  text-transform: none;
  display: inline-block;
  vertical-align: top;
  color: #fff;
}
#gdpr_wrapper .gdpr_bttns {
  width: 100%;
  text-align: left;
  padding-top: 0px;
  padding-right: 0px;
  padding: 8px 20px;
}
#gdpr_wrapper .gdpr_bttns a {
  border: 0;
  background: #fff;
  color: var(--text);
  font-size: 12px;
  text-decoration: none;
  box-shadow: none !important;
}
#gdpr_wrapper .gdpr_bttns a:hover {
  text-decoration: underline !important;
}
#gdpr_wrapper .gdpr_bttns #gdpr_disagree {
  margin-left: 20px;
}
#gdpr_wrapper .gdpr_bttns #gdpr_agree {
  display: block;
  margin: 0;
  min-width: 0;
  padding: 10px 20px 10px;
  line-height: 20px;
  text-align: center;
  width: auto;
  min-width: 0;
  border-radius: 5px;
  height: auto;
}
#gdpr_wrapper .gdpr_bttns #gdpr_agree:hover {
  text-decoration: none !important;
  background: var(--main) !important;
  color: #fff !important;
}
#gdpr_wrapper .gdpr_bttns #gdpr_agree:hover span {
  color: inherit;
}
#gdpr_wrapper .gdpr_bttns #gdpr_agree:hover:before {
  display: none;
}
#gdpr_wrapper a {
  color: #fff;
}
#gdpr_wrapper a:hover {
  text-decoration: underline !important;
}
@media screen and (max-width: 860px) {
  #gdpr_wrapper .gdpr_bttns,
  #gdpr_wrapper .gdpr_rm {
    max-width: 100%;
    float: none;
    display: block;
    width: auto;
  }
}
.inherit {
  color: inherit;
  font: inherit;
}
.bg-blue {
  background: rgba(138, 207, 240, 0.2);
  border-color: #8acff0;
}
.bg-green {
  background: rgba(0, 144, 96, 0.2);
  border-color: #009060;
}
.bg-lime {
  background: rgba(206, 224, 11, 0.2);
  border-color: #cee00b;
}
.bg-yellow {
  background: rgba(255, 220, 2, 0.2);
  border-color: #ffdc02;
}
.bg-red {
  background: rgba(220, 52, 69, 0.2);
  border-color: #dc3445;
}
.bg-orange {
  background: rgba(255, 193, 4, 0.2);
  border-color: #ffc104;
}
.right {
  float: right;
}
.left {
  float: left;
}
.k-ml-auto {
  margin-left: auto;
}
.k-mr-auto {
  margin-right: auto;
}
.k-mt-auto {
  margin-top: auto;
}
.k-mb-auto {
  margin-bottom: auto;
}
.no-border {
  border: none !important;
}
.no-right {
  border-right: none !important;
}
.no-left {
  border-left: none !important;
}
.no-bottom {
  border-bottom: none !important;
}
.no-top {
  border-top: none !important;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.hidden {
  display: none;
}
.invisible {
  visibility: hidden;
}
.visible480,
.visible600,
.visible767,
.visible860,
.visible920,
.visible1024,
.visible1080 {
  display: none;
}
.tabulation {
  display: inline-block;
  width: 10px;
}
.uppercase {
  text-transform: uppercase !important;
}
.relative {
  position: relative;
}
.k-notification {
  padding: 14px 70px 14px 14px;
}
.k-notification-wrap > .k-notification-content {
  color: #000;
}
.k-notification-wrap > .k-icon:not(.k-i-close) {
  margin-top: 0;
  margin-right: 10px;
  -ms-flex: none;
  flex: none;
  color: #fff;
  padding: 20px;
  border-radius: var(--br);
  font-size: 25px;
  background-color: #ccc;
}
.k-notification-wrap > .k-icon.k-i-close {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
  margin: auto;
}
.k-notification-wrap > .k-icon.k-i-close:after,
.k-notification-wrap > .k-icon.k-i-close:before {
  content: "";
  display: block;
  width: 18px;
  height: 1px;
  background: #000;
  font-size: 0;
  line-height: 0;
  transform: rotate(45deg);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
}
.k-notification-wrap > .k-icon.k-i-close:after {
  transform: rotate(-45deg);
}
.notificationContainer {
  gap: 10px;
  display: flex;
  flex-flow: column;
  margin: 0px 0;
  width: 100%;
}
.notificationContainer > div {
  border-radius: 10px;
  width: 100% !important;
}
.notificationContainer.fixed {
  width: auto;
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 33333;
}
.notificationContainer.fixed > div {
  width: auto !important;
}
.k-notification-warning {
  border-color: #f4dfbd;
  background: #fdf7ea;
}
.k-notification-warning .k-icon:first-child {
  background-color: #febf21;
}
.k-notification-error {
  border-color: #ecd1c9;
  background: #faefec;
}
.k-notification-error .k-icon:first-child {
  background-color: #c00;
}
.k-notification-note {
  border-color: #b6cbee;
  background: #e6eefa;
}
.k-notification-note .k-icon:first-child {
  background-color: #3087e9;
}
.k-notification-success {
  border-color: #d0e8d4;
  background: #f1f9f4;
}
.k-notification-success .k-icon:first-child {
  background-color: #009060;
}
div.error,
div.success,
div.warning,
div.note {
  position: relative;
  width: auto;
  margin: 20px 0px;
  padding: 10px 20px;
  border-radius: var(--br);
  font:
    normal 12px/20px Tahoma,
    sans-serif;
  color: #000;
}
div.error a,
div.success a,
div.warning a,
div.note a {
  color: inherit;
  font: inherit;
  text-decoration: underline;
}
#genpop.error .icon,
.k-button.error,
.bttn.error,
.content .error.etk-button,
.error {
  background: #fd7272;
}
#genpop.warning .icon,
.k-button.warning,
.bttn.warning,
.content .warning.etk-button,
.warning {
  background: var(--warning);
}
#genpop.success .icon,
.k-button.success,
.bttn.success,
.content .success.etk-button,
.success {
  background: #cddfa0;
}
#genpop.note .icon,
.k-button.note,
.bttn.note,
.content .note.etk-button,
.note {
  background: #51c3c5;
}
.warning ul,
.note ul,
.error ul,
.success ul {
  list-style-type: disc;
  padding-left: 20px;
}
.error a:hover,
.success a:hover,
.field-error a {
  text-decoration: underline;
}
.error404 {
  width: 100%;
  font-size: 100%;
  max-width: 420px;
  margin: 0 auto;
  padding: 10% 0 15%;
  text-transform: uppercase;
}
.input-error {
  position: relative;
  margin-bottom: 20px;
}
.checkboxes .input-error .check {
  border-color: #fd8b8b !important;
}
.checkboxes label.input-error span,
label.input-error span,
.input-error label {
  color: #fd8b8b;
}
.input-error input {
  border-color: var(--main) !important;
}
.input-error-text {
  position: absolute;
  left: 0;
  top: 100%;
  font-size: 10px;
  color: #fd8b8b;
}
.error404 div {
  font:
    normal 240px/240px var(--font),
    sans-serif;
  color: var(--text);
}
.error404 p {
  color: var(--text);
  font:
    normal 30px/42px var(--font),
    sans-serif;
}
.error404 a {
  font:
    normal 17px/42px var(--font),
    sans-serif;
}
._close {
  position: absolute;
  top: 6px;
  right: 6px;
  font-size: 2em;
  color: #000;
}
#genpop ._close:hover {
  color: #f83462;
}
#genpop ._close:before,
#genpop ._close:after {
  content: "";
  width: 15px;
  height: 3px;
  background: var(--third);
  position: absolute;
  left: 0;
  right: 0;
  top: 5px;
  bottom: 0;
  transform-origin: center center;
  transform: rotateZ(45deg);
  margin: 0;
}
#genpop ._close:before {
  transform: rotateZ(-45deg);
}
#genpop ._close {
  text-align: center;
  font-size: 30px;
  text-decoration: none;
  font-size: 0;
  width: 15px;
  height: 15px;
}
#genpop {
  background: #000;
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  z-index: 1000;
  margin: auto;
}
#genpop > div.genbody {
  max-width: 930px;
  min-height: 113px;
  background: #fff;
  margin: 0% auto;
  position: relative;
  top: 33%;
}
#genpop .icon {
  width: 40px;
  background-color: var(--bgr);
  float: left;
  position: absolute;
  top: 0;
  bottom: 0;
  height: auto;
  left: 0;
}
#genpop .icon + div {
  background: #fff;
  min-height: 73px;
  padding: 20px;
  margin-left: 40px;
}
#genpop h6 {
  font:
    bold 22px/22px var(--font),
    sans-serif;
  color: #000;
  text-transform: uppercase;
  margin-bottom: 20px;
}
#genpop div.p {
  font:
    normal 14px/22px var(--font),
    sans-serif;
  color: var(--third);
}
body.overflow-hidden {
  overflow: hidden;
}
._gclose {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 2em;
  color: var(--third);
  width: 26px;
  height: 26px;
  text-align: center;
  display: block;
  opacity: 0.8;
}
._gclose:hover {
  opacity: 1;
  text-decoration: none;
}
.bttn.relative,
.content .relative.etk-button {
  position: relative;
}
.bttn.relative input[type="file"],
.content .relative.etk-button input[type="file"] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
}
.combo-icons {
  position: relative;
}
.combo-icons i + i {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.k-icon-s {
  font-size: 14px;
}
.k-icon-x {
  font-size: 16px;
}
.k-icon-sx {
  font-size: 20px;
}
.k-icon-sl {
  font-size: 24px;
}
.icon,
.step-box-head .icon {
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: top;
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0);
}
.social {
  margin: 20px 0;
  display: block;
}
.social a {
  display: inline-block;
  vertical-align: middle;
  width: 42px;
  height: 42px;
  padding: 9px;
  border: 1px solid;
  margin-right: 10px;
  margin-top: 10px;
  border-radius: 10px;
}
.social a svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.social a.socicon {
  font-size: 17px;
  color: var(--third);
}
.social a.socicon.autosize {
  width: auto;
  height: auto;
}
.social a.socicon:hover {
  color: var(--main);
  text-decoration: none;
}
.social strong {
  display: block;
  font: bold 14px/22px var(--font);
  text-transform: uppercase;
}
.fb {
  background-position: 11px 7px;
}
.gp {
  background-position: -25px 7px;
}
.tw {
  background-position: -61px 7px;
}
.ig {
  background-position: -97px 7px;
}
.yt {
  background-position: -134px 7px;
}
.em {
  background-position: -174px 7px;
}
.fb:hover {
  background-position: 11px -35px;
}
.gp:hover {
  background-position: -25px -35px;
}
.tw:hover {
  background-position: -61px -35px;
}
.ig:hover {
  background-position: -97px -35px;
}
.yt:hover {
  background-position: -134px -35px;
}
.em:hover {
  background-position: -174px -35px;
}
body.t16 {
  font-size: 16px;
}
body.t16 #up {
  pointer-events: none;
  background: var(--main);
  color: #fff;
}
body.t16 #reset {
  background: 0;
  color: #000;
}
body.t16 nav ul li > a > span {
  font-size: 17px;
}
body.t16 .bttn,
body.t16 .content .etk-button,
.content body.t16 .etk-button,
body.t16 .error,
body.t16 .success,
body.t16 .warning,
body.t16 .note,
body.t16 .itemlist li a .n-text,
body.t16 .fbox li > a,
body.t16 .stats-box {
  font-size: 14px;
}
body.t16 article,
body.t16 p {
  font-size: 16px !important;
}
body.t16 article ul,
body.t16 article li,
body.t16 article a,
body.t16 article div,
body.t16 article strong,
body.t16 p ul,
body.t16 p li,
body.t16 p a,
body.t16 p div,
body.t16 p strong {
  font-size: inherit !important;
}
body.t09 {
  font-size: 9px;
}
body.t09 nav ul li > a > span {
  font-size: 12px;
}
body.t09 #dn {
  pointer-events: none;
  background: var(--main);
  color: #fff;
}
body.t09 #reset {
  background: 0;
  color: #000;
}
body.t09 .bttn,
body.t09 .content .etk-button,
.content body.t09 .etk-button,
body.t09 .error,
body.t09 .success,
body.t09 .warning,
body.t09 .note,
body.t09 .itemlist li a .n-text,
body.t09 .fbox li > a,
body.t09 .stats-box {
  font-size: 9px;
}
body.t09 .itemlist .item a .title,
body.t09 .itemlist li a .title {
  font-size: 14px;
}
body.t09 .index-top h1 {
  font-size: 25px;
}
body.t09 article,
body.t09 p {
  font-size: 9px !important;
}
body.t09 article ul,
body.t09 article li,
body.t09 article a,
body.t09 article div,
body.t09 article strong,
body.t09 p ul,
body.t09 p li,
body.t09 p a,
body.t09 p div,
body.t09 p strong {
  font-size: inherit !important;
}
.grayscale {
  -webkit-filter: grayscale(1);
  -moz-filter: grayscale(1);
  filter: grayscale(1);
}
.noaction {
  pointer-events: none;
}
.halfpacity {
  opacity: 0.5;
}
.r45 {
  transform: rotate(45deg);
}
.r90 {
  transform: rotate(90deg);
}
.r180 {
  transform: rotate(180deg);
}
.r270 {
  transform: rotate(270deg);
}
.form-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 10px;
  /* margin-right: -10px; */
}
.fullwidth {
  width: 100%;
}
.form-input {
  /* width: 33.33%; */
  /* padding-right: 10px; */
  margin-bottom: 10px;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.form-input.checkboxes {
  align-self: end;
}
.form-input .form-input {
  margin-bottom: 0;
}
.form-input .form-input input[type],
.form-input .form-input textarea,
.form-input .form-input select {
  margin-bottom: 10px;
}
.form-input.fullwidth {
  width: 100%;
}
.form-input.half {
  width: 16.6666%;
}
.form-input.double {
  width: 66.666%;
}
.form-input.half.double {
  width: 83.33333%;
}
.form-input.column {
  width: 50%;
}
.form-input.pint {
  width: 20%;
}
.form-input.quad {
  width: 25%;
}
.form-input.oct {
  width: 12.5%;
}
.form-input.autosize {
  min-width: 0;
  width: auto;
}
.form-input.nest {
  padding-right: 0;
}
.form-input.third {
  width: 33%;
}
.form-input.tenth {
  width: 10%;
}
.form-input.form-input.twenty {
  width: 20%;
}
.form-input.form-input.sixty {
  width: 60%;
}
.form-input.fortieth {
  width: 40%;
}
.form-input .bttn,
.form-input .content .etk-button,
.content .form-input .etk-button {
  min-width: 0;
  width: auto;
}
.form-input > label + input {
  margin-top: 0 !important;
}
.form-input em {
  font: normal 12px/14px var(--font);
  font-style: italic;
  color: var(--text);
  padding: 10px 0;
  display: block;
}
.form-input input.bttn,
.form-input .content input.etk-button,
.content .form-input input.etk-button {
  border-radius: 30px;
  border: 0;
  font: bold 16px/1.4 var(--font);
  width: 100%;
  margin-top: 10px;
}
.form-input input.bttn.huge,
.form-input .content input.huge.etk-button,
.content .form-input input.huge.etk-button {
  min-width: 260px;
  padding: 20px 10px 17px;
  height: auto;
}
.form-input.right {
  float: right;
}
.form-input .labeltext,
.form-input .labeltext span {
  color: #000;
}
.form-input .button-wrap + small,
.form-input .k-widget + small,
.form-input input + small {
  margin-top: 5px;
  display: block;
  font: normal 11px/1.3 var(--font);
  color: #5a5d5a;
}
label {
  display: block;
  font: 600 13px/14px var(--font);
  padding: 5px 0;
  color: #474f4c;
  min-height: 28px;
  position: relative;
}
label.empty {
  margin-bottom: 0px;
  height: 18px;
}
label.inline {
  display: inline-block;
  font-weight: normal;
  margin-bottom: 20px;
  margin-right: 20px;
  vertical-align: top;
}
input[type="submit"],
button {
  border: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#submit-search.bttn,
.content #submit-search.etk-button {
  border-radius: var(--br);
  height: 28px;
  min-width: 100px;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="data"],
textarea,
select,
.input {
  /* height: 40px; */
  font: normal 14px/40px var(--font);
  background: var(--fff);
  border: 1px solid var(--border);
  border-radius: 6px;
  color: var(--main);
  padding: 0px 10px;
  width: 100%;
  box-shadow: none;
  display: inline-block;
  vertical-align: top;
  margin: 0px;
}
.k-list-item-text {
  font: normal 12px/1.2 var(--font);
}
input.active,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="data"]:focus,
textarea:focus {
  border-color: var(--main) !important;
}
.k-input {
  box-shadow: none !important;
}

input.k-input-inner {
  height: 36px;
}
.k-colorpicker .k-input-inner {
  background: 0;
  min-height: 24px;
}
input::-webkit-input-placeholder {
  /* font-style: italic; */
  font-size: 14px;
  color: var(--text);
  opacity: 0.4;
}
.bindselect.input {
  background: #fff;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
}
textarea {
  height: 120px;
  resize: none;
  line-height: 22px;
  margin-bottom: 20px;
  padding: 10px;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0 20px;
}
select[multiple] {
  height: 200px;
  border-radius: 10px;
  margin-top: 10px;
  padding: 10px 0;
}
.selectwrap {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  border-radius: 10px;
}
.selectwrap .k-dropdown-wrap .k-input {
  flex-grow: 1;
  padding: 10px 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  font-size: 12px;
  border-color: rgba(90, 93, 90, 0.2);
}
.selectwrap .k-dropdown-wrap .k-select {
  display: none;
}
.selectwrap .icon,
.selectwrap .step-box-head .icon,
.step-box-head .selectwrap .icon {
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 10px;
  height: 10px;
}
.selectwrap:after {
  content: "";
  display: inline-block;
  vertical-align: top;
  border: 6px solid rgba(0, 0, 0, 0);
  border-top-color: #000;
  border-bottom: 0;
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 0;
  width: 0;
}
.selectwrap:hover:after {
  border-top-color: var(--main);
}
.selectwrap select {
  background: 0;
  border-radius: var(--br);
}
[readonly],
[disabled] {
  pointer-events: none !important;
  opacity: 0.2 !important;
}
[readonly] {
  opacity: 0.4 !important;
  background: 0 !important;
  border-color: #ced4da !important;
  background-color: #ebebeb !important;
  color: #000;
}
.checkboxes input[type="radio"]:checked + .check:before,
.checkboxes input[type="radio"]:checked ~ .check:before,
.checkboxes input[type="checkbox"]:checked + .check:before,
.checkboxes input[type="checkbox"]:checked ~ .check:before {
  content: "✓";
  font-family: var(--font);
  color: var(--third);
}
.checkboxes input[type="radio"]:checked + .check:before,
.checkboxes input[type="radio"]:checked ~ .check:before {
  font-size: 0;
  width: 20px;
  height: 20px;
  background: var(--main);
  display: block;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.checkboxes input[type="radio"],
.checkboxes input[type="checkbox"] {
  display: inline-block;
  position: absolute;
  left: -10000px;
  visibility: hidden;
}
label.checkboxes,
.checkboxes label {
  padding-right: 20px;
  padding-left: 0;
  margin-bottom: 10px;
  float: left;
  position: relative;
}
.k-tabstrip-items-wrapper .k-item {
  border-radius: 10px !important;
  box-shadow: none !important;
  border: 0 !important;
}
.k-tabstrip-items-wrapper .k-item.k-active {
  background: var(--main);
  color: #fff;
}
.k-tabstrip-content,
.k-tabstrip > .k-content {
  border: 1px solid var(--border);
  padding: 1em 1em 0em 1em;
}
.k-tabstrip-content.k-state-active,
.k-tabstrip-content.k-active,
.k-tabstrip > .k-content.k-state-active,
.k-tabstrip > .k-content.k-active {
  background-color: #fff;
}
.bigtab {
  margin: 0px 50px;
}
.bigtab .k-tabstrip-content,
.bigtab .k-tabstrip > .k-content {
  border: none;
  margin: 0px;
  padding: 20px 0px;
}
.bigtab .k-tabstrip-items-wrapper k-hstack {
  border: none;
}
.bigtab .k-tabstrip-items-wrapper .k-item {
  border-radius: 10px 10px 0px 0px !important;
  min-height: 30px;
  margin-bottom: 0px !important;
  padding-bottom: 0px;
}
.bigtab ul.k-reset.k-tabstrip-items {
  border-bottom: 2px solid #009060;
  margin: 0px;
}
.bigtab .k-tabstrip .k-tabstrip-items {
  padding: 0px;
}
.bigtab .k-tabstrip-top > .k-tabstrip-items-wrapper,
.bigtab .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item {
  padding: 5px 20px;
  min-width: 100px;
  text-align: center;
}
div.k-grid-norecords {
  padding: 2px 10px;
  font-size: 13px;
}
.k-pager-sizes .k-input-inner {
  padding: 3px 5px;
  text-align: center;
  text-align-last: center;
}
.k-grid tbody tr:not(.k-detail-row):hover,
.k-grid tbody tr:not(.k-detail-row).k-state-hover,
.k-grid tbody tr:not(.k-detail-row).k-hover {
  background: rgba(var(--main), 0.1);
}
.k-list-optionlabel {
  font-family: var(--font);
  font-size: 13px;
}
.k-input-inner {
  font-family: var(--font);
  font-size: 13px;
}
.k-popup {
  font-family: var(--font);
  font-size: 13px;
}
.k-tabstrip {
  font-family: var(--font);
  font-size: 13px;
}
.k-tabstrip .k-tabstrip-items {
  padding: 0 10px;
  display: flex;
}
.k-tabstrip .k-tabstrip-items li {
  display: inline-block;
  vertical-align: middle;
  font: bold 11px/1.2 var(--font);
  text-transform: uppercase;
  padding: 4px 8px !important;
  margin: 0 5px 5px 0 !important;
  border-radius: var(--br);
}
.k-tabstrip .k-tabstrip-items li .k-link {
  padding: 0;
}
.k-tabstrip .k-tabstrip-items li:hover,
.k-tabstrip .k-tabstrip-items li.active {
  background: rgba(0, 144, 96, 0.1);
  color: #009060;
}
.k-tabstrip .k-tabstrip-items li.k-state-active,
.k-tabstrip .k-tabstrip-items li.active {
  background: #009060;
  color: #fff;
}
.table-wrapper .k-grid {
  font-family: var(--font);
}
.k-grid-display-block .k-grouping-header,
.k-grid-display-block th {
  font-size: 13px;
}
.k-grid tbody td {
  font-size: 13px;
}
.k-input,
.k-picker {
  font-family: var(--font);
}
.k-pager-wrap {
  font-family: var(--font);
  background: 0;
  color: #212529;
  margin: 0px;
  padding: 5px 0px;
  border: 0;
  font-size: 12px;
  line-height: 1;
}
.k-pager-wrap .k-pager-numbers-wrap {
  margin: 0;
}
.k-pager-wrap .k-pager-info {
  display: block;
  float: right;
  font: normal 11px/1.2 var(--font);
}
.k-pager-wrap .k-pager-nav.k-link,
.k-pager-wrap .k-pager-refresh {
  text-align: center;
  padding: 0;
  border: 0;
  background: 0 !important;
}
.k-pager-wrap .k-pager-numbers .k-link.k-state-selected,
.k-pager-wrap .k-pager-numbers .k-link.k-selected {
  background: 0;
  color: #009060;
}
.k-pager-wrap .k-pager-numbers-wrap .k-dropdown,
.k-pager-wrap .k-pager-nav.k-link,
.k-pager-wrap .k-pager-refresh {
  text-align: center;
  padding: 0;
  border: 0;
  background: 0 !important;
}
.k-pager-wrap .k-pager-numbers .k-link {
  background: 0;
  border: 0;
  color: #000;
  font: bold 13px/1.2 var(--font);
}
.k-pager-wrap .k-pager-numbers .k-link {
  background: 0;
  border: 0;
  color: #000;
  font: bold 11px/1.2 var(--font);
}
.k-pager-wrap .k-pager-numbers a.k-link {
  background: 0;
  border: 0;
}
.k-pager-wrap .k-input,
.k-pager-wrap .k-picker {
  font: bold 12px/13px var(--font);
}
.k-treelist td {
  white-space: normal !important;
}
.treelist-wrap tr td .bttn,
.treelist-wrap tr td .content .etk-button,
.content .treelist-wrap tr td .etk-button {
  margin-left: 5px;
}
.feedbackradio {
  display: flex;
  gap: 10px;
}
.feedbackradio label {
  flex-grow: 1;
  text-align: center;
  padding: 0;
  cursor: pointer;
}
.feedbackradio label input {
  position: absolute;
  left: -10000px;
}
.feedbackradio label strong,
.feedbackradio label span {
  display: block;
  height: 60px;
  font: bold 26px/60px var(--font);
  text-align: center;
  color: #000;
  background: rgba(var(--main), 0.2);
  transition: all 0.15s linear;
  border-radius: 5px;
}
.feedbackradio label input:checked ~ strong,
.feedbackradio label input:checked ~ span {
  background: var(--main);
  color: #fff;
}
input[type="checkbox"] + span,
input[type="checkbox"] + strong,
input[type="radio"] + span,
input[type="radio"] + strong {
  vertical-align: middle;
}
input[type="checkbox"],
input[type="radio"],
svg.check,
.checkboxes .check {
  width: 16px;
  height: 16px;
  background: #fff;
  border: 1px solid var(--border);
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  float: none;
  position: relative;
  line-height: 20px;
  text-indent: -1px;
  text-align: center;
  border-radius: 3px;
}
svg.check {
  vertical-align: middle;
}
.icon.check,
.step-box-head .check.icon,
.checkboxes .icon.check {
  color: #fff;
  position: absolute;
  left: 0;
  top: 7px;
  padding: 1px;
}
label.checkboxes span,
.checkboxes label span {
  display: block;
  margin-left: 24px;
  line-height: 17px;
  vertical-align: top;
  font-weight: normal;
}
.checkboxes label:hover span {
  border-color: var(--main);
}
input[type]:checked ~ svg.check,
.checkboxes input[type]:checked ~ svg.check {
  color: var(--main);
}
.checkboxes label.ib {
  float: none;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 0px;
  padding-right: 10px;
}
article,
p,
.info,
.step-box-head .icon {
  color: var(--text);
  font: normal 14px/1.4 var(--font);
}
article p,
article ul,
article ol {
  font: inherit;
}
p {
  margin: 10px 0;
}
article ul,
article ol {
  list-style-position: inside;
}
article ul,
article ol,
article p {
  margin: 10px 0;
}
article ul {
  list-style: none;
}
article ul li {
  padding-left: 20px;
  position: relative;
  margin-bottom: 5px;
}
article ul li:before {
  content: "";
  background: var(--main);
  width: 8px;
  height: 8px;
  position: absolute;
  left: 0;
  top: 6px;
  border-radius: 100%;
}
article ul ul {
  list-style-type: disc;
}
article ul ul li {
  padding-left: 0;
}
article ul ul li:before {
  display: none;
}
article ol {
  list-style-type: decimal;
  list-style-position: inside;
}
article ul ul,
article ol ul {
  list-style-type: circle;
  list-style-position: inside;
  margin-left: 15px;
}
article ol ol,
article ul ol {
  list-style-type: lower-latin;
  list-style-position: inside;
  margin-left: 15px;
}
.content-wrap article {
  padding-bottom: 40px;
}
article a:hover {
  text-decoration: underline;
}
article h1,
article h2,
article h3,
article h4,
article h5,
article h6 {
  font-family: var(--font);
  font-weight: bold;
  margin: 15px 0;
}
.page-top {
  font: normal 12px/22px var(--font);
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  color: #000;
}
.page-top .center {
  background: #fff;
  padding-bottom: 0px;
  position: relative;
}
.page-top .center:before {
  content: "";
  display: block;
  width: 100%;
  height: 20px;
  background: #fff;
  z-index: 0;
  top: -20px;
  left: 0;
  right: 0;
  position: absolute;
}
.breadcrumbs {
  padding-top: 15px;
}
.breadcrumbs .icon,
.breadcrumbs .step-box-head .icon,
.step-box-head .breadcrumbs .icon {
  width: 6px;
  height: 7px;
  color: var(--text);
  margin: 0 5px;
  vertical-align: middle;
  transform: rotate(45deg);
}
.breadcrumbs > * {
  font: normal 12px/1.2 var(--font);
  color: #000;
}
.fbox-title,
.pagetitle h1,
.pagetitle {
  font: bold 40px/1.2 var(--font);
  padding: 14px 0 16px;
  margin: 0;
}
.pagetitle h1 {
  display: inline-block;
  vertical-align: top;
  padding: 0;
  width: calc(100% - 320px);
}
.pagetitle .breadcrumbs {
  max-width: 320px;
  float: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: 0px;
  margin-top: 10px;
  font-size: 12px;
  line-height: 20px;
}
.pagetitle .breadcrumbs > * {
  vertical-align: baseline;
}
.pagetitle .breadcrumbs .icon {
  margin-top: 5px;
}
.index section:last-child {
  margin-bottom: 0;
}
.index:before {
  content: "";
  display: block;
  width: 100%;
  height: 20px;
  background: #fff;
  z-index: 0;
  top: -20px;
  left: 0;
  right: 0;
  position: absolute;
  max-width: 1400px;
  margin: auto;
}
.index .content .center .content-wrap {
  width: 100%;
}
section {
  margin-bottom: 0;
}
.index-news {
  padding: 64px 0;
  background: #fff;
}
/* .dynamic-news .itemlist {
  display: flex;
  gap: var(--gap);
  gap: 0;
  flex-flow: column;
  margin: 0;
}
.dynamic-news .itemlist li {
  margin-bottom: 0 !important;
}
.dynamic-news .itemlist li a,
.dynamic-news .itemlist li .a {
  position: relative;
  background: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 24px 0 24px 0px;
  min-height: 225px;
}
.dynamic-news .itemlist li a .info-wrap,
.dynamic-news .itemlist li .a .info-wrap {
  position: relative;
  padding: 0 0px 0 70px;
  max-width: 50%;
}
.dynamic-news .itemlist li a .n-date,
.dynamic-news .itemlist li .a .n-date {
  display: block;
  margin-bottom: 10px;
}
.dynamic-news .itemlist li a .num,
.dynamic-news .itemlist li .a .num {
  position: absolute;
  top: 40px;
  left: 0;
  font: normal 16px/1.2 var(--font);
  color: var(--text);
}
.dynamic-news .itemlist li a .img-wrap,
.dynamic-news .itemlist li .a .img-wrap {
  position: absolute;
  right: 0;
  top: 0;
  width: 300px;
  padding-bottom: 225px;
  aspect-ratio: 4/3;
  border-radius: var(--br);
  margin-bottom: 0;
  background: var(--fff);
}
.dynamic-news .itemlist li a .img-wrap img,
.dynamic-news .itemlist li .a .img-wrap img {
  object-fit: cover;
}
.dynamic-news .itemlist li a .general-title,
.dynamic-news .itemlist li .a .general-title {
  color: var(--text);
  margin-bottom: 16px;
}
.dynamic-news .itemlist li a .n-text,
.dynamic-news .itemlist li .a .n-text {
  font-size: 16px;
  color: var(--text);
}
.dynamic-news .itemlist a,
.dynamic-news .itemlist .a {
  opacity: 0.8;
  transition: all 0.3s ease-out;
}
.dynamic-news .itemlist a .img-wrap,
.dynamic-news .itemlist .a .img-wrap {
  opacity: 0;
  transform: translateX(-100px);
}
.dynamic-news .itemlist a:hover,
.dynamic-news .itemlist .a:hover {
  opacity: 1;
}
.dynamic-news .itemlist a:hover .img-wrap,
.dynamic-news .itemlist .a:hover .img-wrap {
  transition: all 0.3s ease-out;
  opacity: 1;
  transform: translateX(0px);
}
.n-label {
  display: inline-block;
  vertical-align: middle;
  padding: 6px 10px;
  font: normal 14px/1.2 var(--font);
  color: var(--gray);
  background: var(--third);
  border-radius: var(--br);
}
.n-date .n-label {
  margin-right: 10px;
} */

.news-wrap {
  grid-template-columns: repeat(4, 1fr);
  gap: var(--gap);
}

.news-wrap .news-card {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: var(--br);
    border: 1px solid var(--border);
    cursor: pointer;
    transition: all 0.3s ease-out;
}

.news-wrap .news-card .n-img-wrap {
  position: relative;
  overflow: hidden;
  aspect-ratio: 4/3;
}

.news-wrap .news-card .n-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-out;
}
.news-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
}
.news-card:hover .n-img-wrap img {
  transform: scale(1.05);
}

.news-wrap .news-card .n-card-body {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 24px;
    color: var(--text);
    text-decoration: none;
}

.news-wrap .news-card .n-card-body .n-card-title {
    font-weight: 600;
}

.news-wrap .news-card .n-card-body .rm {
    opacity: 0;
}

.news-wrap .news-card:hover .n-card-body .rm {
    opacity: 1;
}

.n-label {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  padding: 6px 12px;
  font: normal 600 12px/1.2 var(--font);
  color: var(--fff);
  background: var(--gold);
  border-radius: var(--br);
  left: 12px;
  top: 12px;
  backdrop-filter: blur(4px);
  box-shadow: 0 2px 8px rgba(187, 165, 61, 0.3);
}

.n-date .n-label {
  margin-right: 10px;
}

.sectitle {
  padding: 0;
  margin: 0px 0 32px;
  font: bold 26px/1.2 var(--font);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  position: relative;
  display: block;
  color: var(--text);
}
.sectitle h1,
.sectitle h2,
.sectitle h3 {
  font: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
}
.sectitle .rm:not(.bttn) {
  margin-top: 6px;
}
.sectitle .right {
  text-transform: none;
}
.sectitle-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 32px;
}
.sectitle-wrap .sectitle {
  margin-bottom: 0;
}
.sectitle:after {
  content: "";
  width: 0px;
  height: 2px;
  background: var(--main);
  display: block;
  position: absolute;
  left: 0;
  bottom: -5px;
  animation: expandunderline 2s linear forwards;
}
@keyframes expandunderline {
  100% {
    width: 56px;
  }
}
.sec-subtitle {
  font: normal 16px/1.6 var(--font);
  color: var(--gray);
  max-width: 640px;
  margin: -20px 0 32px;
}
.pagination {
  margin: 40px 0 50px;
}
.owl-dots .owl-dot,
.pagination > * {
  font: normal 18px/20px var(--font);
  color: var(--third);
  display: inline-block;
  vertical-align: middle;
  min-width: 40px;
  min-height: 40px;
  text-align: center;
  padding: 10px 5px;
  margin-right: 4px;
  border-radius: var(--br);
  text-decoration: none !important;
}
.owl-dots {
  counter-reset: dots;
}
.owl-dot:before {
  counter-increment: dots;
  content: counter(dots);
}
.pagination > *:hover,
.owl-dots > *.active,
.pagination > span,
.pagination > .active {
  background: var(--main);
  color: #fff;
}
aside {
  float: left;
  width: 200px;
  margin-bottom: 40px;
  position: relative;
}
aside.step-box {
  background: #e5f3ef !important;
}
aside nav ul li {
  display: block;
  float: none;
  padding: 0;
}
aside nav ul li a {
  padding: 5px 0;
}
aside + * {
  margin-left: 230px;
  display: block;
}
.owl-nav > *,
.bttn,
.content .etk-button {
  display: inline-block;
  vertical-align: top;
  padding: 8px 20px;
  min-width: 160px;
  font: bold 14px/20px var(--font);
  background: var(--gray);
  color: #fff;
  border-radius: 25px;
  text-align: center;
  transition: all 0.3s ease-out;
}
.owl-nav > *.normal,
.bttn.normal,
.content .normal.etk-button {
  padding: 10px 20px;
}
.owl-nav > *.hidden,
.bttn.hidden,
.content .hidden.etk-button {
  display: none;
}
.owl-nav > *.js_toggled + .hidden,
.bttn.js_toggled + .hidden,
.content .js_toggled.etk-button + .hidden {
  display: inline-block;
}
.owl-nav > *:hover,
.bttn:hover,
.content .etk-button:hover {
  text-decoration: none;
  background: var(--hover);
  color: #fff;
}
.owl-nav > *.owl-next:hover,
.owl-nav > *.owl-prev:hover,
.bttn.owl-next:hover,
.content .owl-next.etk-button:hover,
.bttn.owl-prev:hover,
.content .owl-prev.etk-button:hover {
  box-shadow: none;
}
.owl-nav > *.owl-next:hover svg,
.owl-nav > *.owl-prev:hover svg,
.bttn.owl-next:hover svg,
.content .owl-next.etk-button:hover svg,
.bttn.owl-prev:hover svg,
.content .owl-prev.etk-button:hover svg {
  color: var(--logoyellow);
}
.owl-nav > *.k-window-action,
.owl-nav > *.k-button-icon,
.bttn.k-window-action,
.content .k-window-action.etk-button,
.bttn.k-button-icon,
.content .k-button-icon.etk-button {
  min-width: 44px;
  padding: 11px;
}
.owl-nav > *.main,
.bttn.main,
.content .main.etk-button {
  color: #fff;
  background: var(--main);
}
.owl-nav > *.main:hover,
.bttn.main:hover,
.content .main.etk-button:hover {
  background: var(--hover);
  box-shadow: 0 4px 16px rgba(43, 124, 182, 0.35);
}
.owl-nav > *.secondary,
.bttn.secondary,
.content .secondary.etk-button {
  /* background-color: var(--hover);
  color: #fff; */
  background-color: var(--third);
  color: var(--text);

  .svg-search.svg-wrap {
    color: var(--text);
  }
}
.owl-nav > *.secondary:hover,
.bttn.secondary:hover,
.content .secondary.etk-button:hover {
  background: var(--hover);
  color: var(--fff);

  .svg-search.svg-wrap {
    color: var(--fff);
  }
}
.owl-nav > *.logoyellow,
.owl-nav > *.third,
.bttn.logoyellow,
.content .logoyellow.etk-button,
.bttn.third,
.content .third.etk-button {
  background-color: var(--gold);
  color: var(--fff);
}
.owl-nav > *.logoyellow:hover,
.owl-nav > *.third:hover,
.bttn.logoyellow:hover,
.content .logoyellow.etk-button:hover,
.bttn.third:hover,
.content .third.etk-button:hover {
  background-color: var(--main);
  color: #fff;
}
.owl-nav > *.gdpr,
.bttn.gdpr,
.content .gdpr.etk-button {
  background-color: #fff;
}
.owl-nav > *.big,
.bttn.big,
.content .big.etk-button {
  height: 50px;
  font-size: 14px;
  font-size: 17px;
  padding: 15px 20px;
  min-width: 240px;
}
.owl-nav > *.red,
.bttn.red,
.content .red.etk-button {
  background: #c00;
  color: #fff;
}
.owl-nav > *.red:hover,
.bttn.red:hover,
.content .red.etk-button:hover {
  background: #000;
  color: #fff;
}
.owl-nav > *.small,
.bttn.small,
.content .small.etk-button {
  min-width: 100px;
  padding: 5px 10px;
  line-height: 26px;
  font-size: 12px;
  line-height: 16px;
  min-height: 28px;
  text-transform: none;
}
.owl-nav > *.mid,
.bttn.mid,
.content .mid.etk-button {
  min-width: 106px;
  padding: 2px 10px 0;
  line-height: 32px;
  font-size: 14px;
  line-height: 32px;
  text-transform: uppercase;
}
.owl-nav > *.mid svg,
.bttn.mid svg,
.content .mid.etk-button svg {
  vertical-align: text-bottom;
}
.owl-nav > *.fullwidth,
.bttn.fullwidth,
.content .fullwidth.etk-button {
  width: 100% !important;
}
.owl-nav > *.autosize,
.bttn.autosize,
.content .autosize.etk-button {
  min-width: 0;
  width: auto;
}
.owl-nav > *.autosize svg,
.bttn.autosize svg,
.content .autosize.etk-button svg {
  margin-left: 0;
}
.owl-nav > *.transparent,
.bttn.transparent,
.content .transparent.etk-button {
  background: 0;
  border: 1px solid var(--main);
  color: var(--main);
}
.owl-nav > *.transparent:hover,
.bttn.transparent:hover,
.content .transparent.etk-button:hover {
  background: var(--main);
  color: #fff;
}
.owl-nav > *.text-left,
.bttn.text-left,
.content .text-left.etk-button {
  text-align: left;
}
.owl-nav > *.text-right,
.bttn.text-right,
.content .text-right.etk-button {
  text-align: right;
}
.owl-nav > *.text-center,
.bttn.text-center,
.content .text-center.etk-button {
  text-align: center;
}
.owl-nav > *.two,
.bttn.two,
.content .two.etk-button {
  background: var(--logoyellow);
  color: #fff;
}
.owl-nav > *.three,
.bttn.three,
.content .three.etk-button {
  background: var(--bgr);
  color: #000;
}
.owl-nav > *.two:hover,
.owl-nav > *.three:hover,
.bttn.two:hover,
.content .two.etk-button:hover,
.bttn.three:hover,
.content .three.etk-button:hover {
  background: var(--main);
  color: #fff;
}
.owl-nav > *.note,
.owl-nav > *.success,
.owl-nav > *.error,
.owl-nav > *.warning,
.bttn.note,
.content .note.etk-button,
.bttn.success,
.content .success.etk-button,
.bttn.error,
.content .error.etk-button,
.bttn.warning,
.content .warning.etk-button {
  color: #000;
}
.owl-nav > *.note:hover,
.owl-nav > *.success:hover,
.owl-nav > *.error:hover,
.owl-nav > *.warning:hover,
.bttn.note:hover,
.content .note.etk-button:hover,
.bttn.success:hover,
.content .success.etk-button:hover,
.bttn.error:hover,
.content .error.etk-button:hover,
.bttn.warning:hover,
.content .warning.etk-button:hover {
  background: var(--main);
  color: #fff;
}
.owl-nav > *.cancel,
.bttn.cancel,
.content .cancel.etk-button {
  background: #c00;
  color: #fff;
}
.owl-nav > *.cancel:hover,
.bttn.cancel:hover,
.content .cancel.etk-button:hover {
  background: #000;
  color: #fff;
}
.owl-nav > *.caps,
.bttn.caps,
.content .caps.etk-button {
  text-transform: uppercase;
}
.owl-nav > *.rect,
.bttn.rect,
.content .rect.etk-button {
  border-radius: 5px;
}
.owl-nav > *.b100,
.bttn.b100,
.content .b100.etk-button {
  min-width: 100px;
}
.owl-nav > *.b150,
.bttn.b150,
.content .b150.etk-button {
  min-width: 150px;
}
.owl-nav > *.b200,
.bttn.b200,
.content .b200.etk-button {
  min-width: 200px;
}
.buttons-container {
  overflow: hidden;
  width: 100%;
}
.k-textarea .k-input {
  padding: 10px 15px;
  line-height: 1.2;
  font-size: 12px;
}
.k-upload {
  border-radius: 4px;
  overflow: hidden;
}
.k-multiselect .k-button,
.k-upload .k-upload-button {
  min-width: 100px;
  padding: 0 0px 0px;
  background: 0;
  border: 0;
  line-height: 24px;
  font-size: 12px;
  height: 26px;
  text-transform: none;
}
.k-upload-button input {
  padding: 0;
  appearance: none;
}
.k-upload-button input + span {
  padding: 0 20px;
  background: var(--warning);
  color: #000;
  font-weight: bold;
  border-radius: 15px;
}
.k-multiselect-wrap {
  flex-flow: column;
  gap: 5px;
}
.k-multiselect-wrap .k-input {
  width: 100% !important;
}
.k-picker-solid {
  border-color: #ced4da;
}
.k-multiselect .k-multiselect-wrap .k-selected-color,
.k-multiselect .k-multiselect-wrap .k-input,
.k-multiselect .k-picker-wrap .k-selected-color,
.k-multiselect .k-picker-wrap .k-input,
.k-multiselect .k-dropdown-wrap .k-selected-color,
.k-multiselect .k-dropdown-wrap .k-input,
.k-colorpicker .k-multiselect-wrap .k-selected-color,
.k-colorpicker .k-multiselect-wrap .k-input,
.k-colorpicker .k-picker-wrap .k-selected-color,
.k-colorpicker .k-picker-wrap .k-input,
.k-colorpicker .k-dropdown-wrap .k-selected-color,
.k-colorpicker .k-dropdown-wrap .k-input,
.k-datetimepicker .k-multiselect-wrap .k-selected-color,
.k-datetimepicker .k-multiselect-wrap .k-input,
.k-datetimepicker .k-picker-wrap .k-selected-color,
.k-datetimepicker .k-picker-wrap .k-input,
.k-datetimepicker .k-dropdown-wrap .k-selected-color,
.k-datetimepicker .k-dropdown-wrap .k-input,
.k-datepicker .k-multiselect-wrap .k-selected-color,
.k-datepicker .k-multiselect-wrap .k-input,
.k-datepicker .k-picker-wrap .k-selected-color,
.k-datepicker .k-picker-wrap .k-input,
.k-datepicker .k-dropdown-wrap .k-selected-color,
.k-datepicker .k-dropdown-wrap .k-input,
.k-combobox .k-multiselect-wrap .k-selected-color,
.k-combobox .k-multiselect-wrap .k-input,
.k-combobox .k-picker-wrap .k-selected-color,
.k-combobox .k-picker-wrap .k-input,
.k-combobox .k-dropdown-wrap .k-selected-color,
.k-combobox .k-dropdown-wrap .k-input,
.k-dropdown .k-multiselect-wrap .k-selected-color,
.k-dropdown .k-multiselect-wrap .k-input,
.k-dropdown .k-picker-wrap .k-selected-color,
.k-dropdown .k-picker-wrap .k-input,
.k-dropdown .k-dropdown-wrap .k-selected-color,
.k-dropdown .k-dropdown-wrap .k-input {
  width: 100%;
  font: normal 12px/18px var(--font);
  padding: 10px;
  color: #6c757d;
  border-color: #ced4da;
  display: block;
  overflow: hidden;
  padding-right: 35px;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 4px;
}
.k-multiselect .k-multiselect-wrap .k-clear-value,
.k-multiselect .k-picker-wrap .k-clear-value,
.k-multiselect .k-dropdown-wrap .k-clear-value,
.k-colorpicker .k-multiselect-wrap .k-clear-value,
.k-colorpicker .k-picker-wrap .k-clear-value,
.k-colorpicker .k-dropdown-wrap .k-clear-value,
.k-datetimepicker .k-multiselect-wrap .k-clear-value,
.k-datetimepicker .k-picker-wrap .k-clear-value,
.k-datetimepicker .k-dropdown-wrap .k-clear-value,
.k-datepicker .k-multiselect-wrap .k-clear-value,
.k-datepicker .k-picker-wrap .k-clear-value,
.k-datepicker .k-dropdown-wrap .k-clear-value,
.k-combobox .k-multiselect-wrap .k-clear-value,
.k-combobox .k-picker-wrap .k-clear-value,
.k-combobox .k-dropdown-wrap .k-clear-value,
.k-dropdown .k-multiselect-wrap .k-clear-value,
.k-dropdown .k-picker-wrap .k-clear-value,
.k-dropdown .k-dropdown-wrap .k-clear-value {
  position: absolute;
  right: 37px;
  background: #fff;
}
.k-multiselect .k-multiselect-wrap .k-select,
.k-multiselect .k-picker-wrap .k-select,
.k-multiselect .k-dropdown-wrap .k-select,
.k-colorpicker .k-multiselect-wrap .k-select,
.k-colorpicker .k-picker-wrap .k-select,
.k-colorpicker .k-dropdown-wrap .k-select,
.k-datetimepicker .k-multiselect-wrap .k-select,
.k-datetimepicker .k-picker-wrap .k-select,
.k-datetimepicker .k-dropdown-wrap .k-select,
.k-datepicker .k-multiselect-wrap .k-select,
.k-datepicker .k-picker-wrap .k-select,
.k-datepicker .k-dropdown-wrap .k-select,
.k-combobox .k-multiselect-wrap .k-select,
.k-combobox .k-picker-wrap .k-select,
.k-combobox .k-dropdown-wrap .k-select,
.k-dropdown .k-multiselect-wrap .k-select,
.k-dropdown .k-picker-wrap .k-select,
.k-dropdown .k-dropdown-wrap .k-select {
  position: absolute;
  right: 1px;
  top: 1px;
  bottom: 1px;
  border-radius: 0 4px 4px 0;
  width: 30px;
  background: var(--third);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.k-multiselect:hover .k-select,
.k-colorpicker:hover .k-select,
.k-datetimepicker:hover .k-select,
.k-datepicker:hover .k-select,
.k-combobox:hover .k-select,
.k-dropdown:hover .k-select {
  background: #ced4da;
}
.k-multiselect .k-multiselect-wrap .k-select {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  background: 0;
  margin-right: -7px;
  top: -1px;
  bottom: auto;
  right: 0;
}
.k-multiselect .k-multiselect-wrap .k-clear-value {
  right: 10px;
}
.k-grid .k-button {
  border: 0;
}
.k-group-title {
  font-weight: bold;
  display: block;
}
.k-grid-display-block .k-grouping-header,
.k-grid-display-block th {
  font-size: 14px;
}
.k-grid-content table {
  font-size: 12px;
}
.k-grid-content table .k-button.small {
  display: block;
  margin-bottom: 10px;
  white-space: normal;
  line-height: 1.2;
  padding: 5px 10px;
}
.k-grouping-header .k-button-icon {
  color: #fff;
  min-width: 20px;
  height: 20px;
  padding: 0;
  margin-left: 5px;
}
.k-colorpalette td {
  padding: 5px;
  min-width: 15px;
  min-height: 15px;
}
.k-calendar .k-header {
  text-align: center;
}
.k-hsv-rectangle {
  height: 200px;
}
.k-slider-horizontal {
  margin: 10px 0;
}
.k-color-value,
.k-selected-color {
  height: 40px;
}
.k-calendar-container .k-calendar {
  font-size: 12px;
}
.k-calendar-container .k-calendar .k-calendar-view {
  width: auto;
}
.k-calendar-container .k-calendar .k-calendar-view .k-link {
  cursor: pointer;
}
.k-datetimepicker .k-picker-wrap .k-input {
  padding-right: 60px;
}
.k-datetimepicker .k-picker-wrap .k-select {
  width: 60px;
  justify-content: space-evenly;
}
.k-datetimepicker .k-picker-wrap .k-select .k-link {
  cursor: pointer;
}
.k-datetimepicker .k-picker-wrap .k-select .k-link:hover {
  color: var(--main);
}
.k-combobox-clearable.k-combobox .k-dropdown-wrap .k-input {
  padding-right: 45px;
}
.owl-nav > div.disabled {
  opacity: 0.4;
}
.map-wrap img {
  width: auto;
  height: auto;
  max-width: unset;
  max-height: unset;
}
.iframewrap {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 75%;
}
.iframewrap.p11 {
  padding-bottom: 100%;
}
.iframewrap.p169 {
  padding-bottom: 56.25%;
}
.iframewrap.p169 {
  padding-bottom: 56.25%;
}
.iframewrap.p2010 {
  padding-bottom: 50%;
}
.iframewrap.p2005 {
  padding-bottom: 25%;
}
.iframewrap iframe {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.mfp-content {
  max-width: 800px;
  background: #fff;
  padding: 20px;
  margin: auto;
}
.whitebox {
  background: #fff;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
  border-radius: var(--br);
  padding: 20px 30px;
  margin-bottom: 30px;
}
section.whitebox2 {
  border-radius: 2px;
  padding: 0px 0px 5px 0px;
  overflow: hidden;
}
.ib {
  display: inline-block;
  vertical-align: middle;
}
.relative {
  position: relative;
}
.columns2 {
  columns: 2;
  gap: 20px;
}
ul.columns {
  margin-bottom: 10px;
}
.columns3 {
  columns: 3;
  gap: 15px;
}
header {
  top: 0;
  width: 100%;
  z-index: 999;
  padding: 0px 0 0;
  margin: auto;
  position: relative;
  background: #fff;
  /* box-shadow: 0 4px 20px 0 rgba(199, 202, 203, 0.2); */
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.12);
}
.standalone header {
  padding: 30px 0 10px;
  background: 0;
  max-width: 900px;
  box-shadow: none;
}
.standalone header .logo.left {
  width: 350px;
}
.standalone header .logo.right {
  width: 390px;
}
.standalone .pagetitle {
  margin-bottom: 10px;
}
.header-top {
  padding: 12px 0;
  overflow: hidden;
  border-bottom: 1px solid var(--bgr);
}
.header-top .center {
  background: #fff;
  overflow: hidden;
  display: flex;
  align-content: center;
  align-items: center;
}
.header-top .logo {
  object-fit: contain;
  font-size: 0;
  color: var(--text);
}
.header-top .logo > span {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px solid var(--bgr);
}
.header-top .logo > span strong {
  font: 700 18px/1.2 var(--font);
  text-transform: uppercase;
}
.header-top .logo > span span {
  font: normal 500 12px/1.2 var(--font);
  display: block;
  color: var(--gray);
  margin-top: 4px;
}
.header-top .logo img {
  height: 70px;
  vertical-align: middle;
  object-fit: contain;
}
.header-top .js-trigger-blind {
  margin-right: 12px;
}
.header-top .right {
  margin-left: auto;
  font: normal 12px/1.2 var(--font);
  color: var(--gray);
}
.header-top .right a {
  color: inherit;
  display: inline-block;
  border-radius: var(--br-full);
  /* padding: 0 4px; */
  padding-block: 0.375rem;
  padding-inline: 0.75rem;
}
.header-top .right a:hover,
.header-top .right a.active {
  /* text-decoration: underline; */
  text-decoration: none;
  color: var(--hover);
  background: var(--bgr);
}
.header-top .right form {
  margin-left: 12px;
  font: normal 16px/1.2 var(--font);
  color: var(--text);
}
.header-top .right form input[type] {
  background: var(--bgr);
  /* line-height: 36px; */
  height: 36px;
  width: 200px;
  padding: 0 32px 0 16px;
  border: 0;
  border-radius: var(--br-full);
  font-size: 16px;
  padding-left: 2.5rem;
}
.header-top .right form button {
  position: absolute;
  left: 0.875rem;
  top: 0px;
  bottom: 2px;
  margin-right: auto;
  z-index: 1;
}
.header-top .right form button svg {
  margin-top: 3px;
  width: 14px;
  height: 14px;
  color: var(--text);
  opacity: 0.4;
}
.header-top .right hr {
  display: inline-block;
  vertical-align: middle;
  border: 0;
  background: var(--gray);
  opacity: 0.3;
  height: 16px;
  width: 1px;
  margin: 0 8px;
}
.header-top .right .ib img {
  margin-right: 2px;
  height: 20px;
  vertical-align: middle;
}

.mobile-help {
  display: none !important;
}
.header-bottom {
  padding: 10px 0;
}
.header-bottom .center nav {
  display: flex;
  align-items: center;
  align-content: center;
}
.header-bottom .center nav .right {
  margin-left: auto;
}
.header-bottom .center nav .right hr {
  height: 32px;
  display: inline-block;
  vertical-align: middle;
  background: #fff;
  opacity: 0.3;
  margin: 0px 8px 0;
  width: 3px;
}
.header-bottom .center nav .right .opened {
  background: #fff;
  color: #000;
}
.header-bottom .center nav .right .opened .icon {
  color: #000;
}
.header-bottom .center nav .right .opened:after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  right: 0;
  height: 30px;
  width: 100%;
  background: #fff;
  color: #000;
}
.header-bottom .center nav .right .pin {
  min-width: 17px;
  text-align: center;
  font: bold 10px/14px var(--font);
  background: var(--fff);
  color: var(--gold);
  position: absolute;
  top: -4px;
  right: -2px;
  padding: 2px 5px;
  border-radius: 10px;
  margin: 0;
}
.header-bottom .center nav ul {
  display: inline-flex;
  gap: var(--gap-small);
}
.header-bottom .center nav ul li {
  /* padding: 0 5px; */
  margin: 0 0;
  float: left;
  position: relative;
}
.header-bottom .center nav ul li.home {
  margin-top: 2px;
}
.header-bottom .center nav > ul > li > a {
  text-transform: uppercase;
}
.header-bottom .center nav ul li a > .icon {
  width: 20px;
  height: 20px;
  vertical-align: top;
}
.header-bottom .center nav ul li a:hover > .icon {
  color: var(--warning);
}
.header-bottom .center nav ul li a {
  font: 600 14px/18px var(--font);
  color: var(--text);
  /* padding: 13px 0px; */
  padding-block: 0.5rem;
  padding-inline: 1.25rem;
  display: block;
  border-radius: var(--br);
  text-decoration: none !important;
}
.header-bottom .center nav > ul > li.active > a,
.header-bottom .center nav > ul > li:hover > a {
  color: var(--fff);
  background: var(--text);
}
.header-bottom .center nav > ul ul > li:hover > a {
  color: var(--hover);
  text-decoration: underline;
}
.header-bottom .center nav ul ul {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  background: #fff;
  box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.1);
  border-radius: var(--br);
  padding: 15px 0px;
  min-width: 320px;
}
.header-bottom .center nav ul ul:after,
.header-bottom .center nav ul ul:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6px 10px 6px;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0);
  border-radius: 5px;
  position: absolute;
  bottom: 100%;
  left: 40px;
  margin-bottom: -1px;
}
.header-bottom .center nav ul ul:before {
  margin-bottom: -1px;
  border-width: 0 7px 10px 7px;
  border-bottom-color: #eee;
  left: 39px;
}
.header-bottom .center nav ul ul li {
  margin: 0;
  padding: 0;
  display: block;
  float: none;
}
.header-bottom .center nav ul ul li:hover,
.header-bottom .center nav ul ul li.active a {
  color: var(--main);
}
.header-bottom .center nav ul ul li a {
  font: bold 14px/1.2 var(--font);
  color: #000;
  text-decoration: none;
  display: block;
  border: 0 !important;
  padding: 5px 10px 5px 20px;
}
.header-bottom .center nav ul ul li a span {
  color: inherit;
}
.header-bottom .home span {
  display: none;
}
header nav ul li:hover ul {
  display: block;
  animation: comein 0.2s forwards;
}
nav > .right {
  float: right;
  font: 600 12px/20px var(--font);
  color: var(--text);
  display: flex;
  align-content: center;
  align-items: center;
  gap: 4px;
  padding-block: 0.5rem;
  padding-inline: 1rem;
  background: var(--third);
  border-radius: var(--br-full);
}
nav > .right > a:not(.bttn) {
  display: inline-block;
  vertical-align: middle;
  margin: 0 !important;
  color: var(--text);
  text-decoration: none;
  /* font: inherit; */
  /* height: 20px; */
  /* line-height: 20px; */
}
nav > .right > a:not(.bttn) > .icon {
  width: 19px;
  height: 20px;
}

nav .right > a.exit span {
    padding-block: 0.375rem;
    padding-inline: 1rem;
    border-radius: var(--br);
    animation: comein 0.2s linear forwards;
}

nav .right > a.exit:hover span {
    text-decoration: none;
    background: var(--hover);
    color: var(--fff);
}

.fixed:not(.map) header {
  margin-bottom: 72px;
}
.fixed:not(.map) .header-bottom {
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  /* height: 64px; */
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  box-shadow: 0 4px 20px 0 rgba(199, 202, 203, 0.4);
  padding: 10px 0;
}
#respmenu {
  display: none;
}
#respbtn {
  position: relative;
  display: none;
  vertical-align: top;
  float: left;
  width: auto;
  height: 40px;
  cursor: pointer;
  padding-top: 5px;
  padding-left: 10px;
  color: #fff;
}
#respbtn span {
  display: block;
  margin: auto;
  width: 30px;
  height: 4px;
  background: #fff;
  transform: rotate(0);
  margin-top: 4px;
  position: relative;
  left: 0;
  transition: all 0.3s ease-out;
  border-radius: 4px;
}
#respbtn span + span {
  margin-top: 5px;
}
#respbtn:hover span + span {
  background: var(--bgr);
}
#respmenu:checked ~ .content,
#respmenu:checked ~ header {
  filter: grayscale(1);
}
.overlay {
  background: rgba(0, 0, 0, 0.55);
  position: fixed;
  z-index: 3000;
  position: absolute;
  left: 0;
  right: 100%;
  top: 0;
  bottom: 0;
  display: none;
}
#respmenu:checked ~ .overlay {
  display: block;
  animation: comein 0.2s linear forwards;
}
body.openedmenu {
  overflow: hidden;
}
body.blackshade {
  overflow: hidden;
}
body.blackshade .msgs-wrap {
  position: relative;
  left: 8px;
}
body.blackshade .overlay {
  right: 0;
  position: fixed;
  display: block;
  z-index: 990;
  animation: comein 0.2s linear forwards;
}
@keyframes comein {
  0% {
    transform: translateY(-20px) scale(0.9);
  }
  100% {
    right: 0;
    transform: translateY(0px) scale(1);
  }
}
.responsivenav {
  display: none;
  padding-top: 60px;
  width: 320px;
  background: var(--text);
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 3002;
  box-shadow: -4px 0 24px rgba(0, 0, 0, 0.2);
}
.responsivenav nav {
  height: calc(100vh - 60px);
  overflow: auto;
  padding: 20px 0 100px;
  border-top: 1px solid rgba(255,255,255,0.1);
  position: relative;
}
.responsivenav nav ul ul {
  display: block;
  position: relative;
  top: auto;
  left: auto;
  box-shadow: none;
  margin: 0 20px;
  background: rgba(255,255,255,0.08);
  border-radius: var(--br);
}
.responsivenav nav ul ul:after,
.responsivenav nav ul ul:before {
  display: none;
}
#respmenu:checked ~ .responsivenav {
  display: block;
  animation: comein 0.2s linear forwards;
}
.responsivenav nav li {
  float: none;
  display: block;
  padding: 0;
}
.responsivenav nav li a {
  border: 0 !important;
  padding: 3px 20px;
}
.responsivenav nav li a span {
  padding: 10px;
  color: var(--fff);
  display: inline-block;
}
.responsivenav nav li.active > a span,
.responsivenav nav li a.active span {
  background: var(--gold);
  color: var(--text);
  border-radius: var(--br);
}
.responsivenav nav li a:hover span {
  color: var(--gold);
}
#respclose {
  color: var(--fff);
  cursor: pointer;
  text-align: center;
  right: 0px;
  top: 0;
  position: absolute;
  left: 0;
}
#respclose div {
  width: 44px;
  height: 44px;
  padding: 0;
  float: none;
  margin: auto;
  position: relative;
}
#respclose:hover {
  color: var(--gold);
}
#respclose span {
  display: block;
  width: 100%;
  height: 4px;
  background: currentcolor;
  position: absolute;
  top: 47%;
  left: 0;
}
#respclose span:first-child {
  transform: rotate(-45deg);
}
#respclose span:last-child {
  transform: rotate(45deg);
}
.steps-header {
  position: relative;
}
.steps-header .exit {
  position: absolute;
  bottom: 100%;
  right: 20px;
  margin-bottom: 10px;
  font: bold 12px/1.2 var(--font);
  color: #000;
}
.steps-header .exit svg {
  width: 14px;
  height: 17px;
  vertical-align: middle;
  margin-right: 10px;
  color: var(--main);
}
#myprofile,
#msgs {
  position: fixed;
  z-index: 998;
}
.fixed #myprofile,
.fixed #msgs {
  position: fixed;
  top: 55px !important;
}
#myprofile .msgs-wrap {
  padding: 10px;
  max-width: 190px;
}
#myprofile .msgs-wrap nav ul li {
  float: none;
  padding: 0;
}
#myprofile .msgs-wrap nav ul li a {
  padding: 2px 0;
}
#myprofile .msgs-wrap nav ul li a span {
  font: bold 13px/14px var(--font);
  color: #000;
  text-transform: none;
  display: inline-block;
}
.msgs-wrap {
  padding: 20px 20px 10px 20px;
  background: #fff;
  box-shadow: 10px 0 20px 0 rgba(0, 0, 0, 0.1);
  border-radius: var(--br) 0 var(--br) var(--br);
  z-index: 4;
  overflow: hidden;
  max-width: 480px;
}
.msgs-wrap hr {
  border: 1px solid #000;
  height: 0;
  border-bottom: 0;
  width: auto;
  display: block;
  opacity: 0.3;
  margin: 10px 0 !important;
}
.msgs-wrap li .bttn,
.msgs-wrap li .content .etk-button,
.content .msgs-wrap li .etk-button {
  width: 100%;
}
.msgs-list {
  margin-bottom: 10px;
}
.msgs-list li {
  background: #e7e7e7;
  margin-bottom: 2px;
  border-radius: 15px;
  padding: 4px 4px 4px 10px;
}
.msgs-list li:nth-child(even) {
  background: #f2f2f2;
}
.msgs-list li a {
  display: flex;
  gap: 5px;
  align-items: center;
  color: #000;
  font: normal 11px/1.2 var(--font);
  overflow: hidden;
  text-decoration: none;
}
.msgs-list li a .icon {
  width: 14px;
  height: 14px;
  vertical-align: middle;
}
.msgs-list li a .min {
  font: bold 11px/24px var(--font);
  color: #000;
  padding: 0px 10px;
  background: #fff;
  border-radius: 15px;
  display: inline-block;
  vertical-align: middle;
  margin-left: auto;
  white-space: nowrap;
}
.msgs-list li:hover {
  background: #e5f3ef;
}
nav > .right > hr + .dropdown-trigger {
  margin-left: -3px;
  margin-right: -3px;
}
nav .mapmenu > a.continue:hover {
  color: #fff;
  background: #000;
}
nav .mapmenu:hover > a.continue .icon {
  color: #fff;
}
nav .mapmenu:hover > a.car {
  background: #ffd45f;
}
.dropdown-trigger {
  min-width: 44px;
  border-radius: var(--br) var(--br) 0 0;
  position: relative;
  color: #fff;
  text-align: center;
  margin-top: -6px !important;
}
.dropdown-trigger span {
  vertical-align: middle;
  display: inline-block;
  margin-left: 5px;
}
.dropdown-trigger .icon,
.dropdown-trigger .step-box-head .icon,
.step-box-head .dropdown-trigger .icon {
  color: inherit;
}
.dropdown-trigger:hover .icon {
  color: var(--hover);
}
.application .gotop,
.application .header-top {
  display: none;
}
.application .footer-center {
  display: none;
}
.application .gotop {
  top: -70px;
}
.application #wrap {
  background: #fff;
}
.application #main {
  padding-bottom: 50px;
}
.application .content-wrap .steps-body .hidden {
  display: none !important;
}
.application footer {
  height: 50px;
  margin-top: -50px;
  background: 0;
  margin-left: 140px;
}
.application footer .footer-bottom {
  background: 0;
}
.application footer .footer-bottom .center {
  background: 0;
  padding: 15px 0px 15px 20px;
  border-radius: 0;
  margin: 0;
}
.application footer .footer-bottom .center .text-center {
  text-align: left;
}
.application #msgs,
.application #myprofile {
  margin-top: -50px;
  left: 140px !important;
}
.application .msgs-wrap {
  border-radius: 0px 20px 20px 0;
}
.application .dropdown-trigger .icon {
  margin-top: 2px !important;
}
.application .mapmenu {
  display: none;
  visibility: hidden;
}
.application .header-bottom {
  position: fixed;
  width: 140px;
  right: auto !important;
  left: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  height: 100vh !important;
}
.application .header-bottom .center {
  position: relative !important;
  padding: 0;
  min-height: 100%;
  border-radius: 0;
}
.application .header-bottom .center nav .opened {
  border-radius: var(--br);
}
.application .header-bottom .center nav .opened:after {
  display: none;
}
.application .header-bottom .center nav .right hr {
  margin-top: 2px;
  width: 30px;
  height: 3px;
  margin-bottom: 10px;
}
.application .header-bottom .favicon.hidden {
  display: block;
  width: 100%;
  height: 130px;
  background: #fff;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  border-radius: 0 0 20px 20px;
  padding: 19px;
  text-align: center;
}
.application .header-bottom nav {
  height: 100%;
}
.application .header-bottom nav > ul {
  height: 100%;
  padding-top: 15px;
}
.application .header-bottom nav > ul > li {
  float: none;
  display: block;
  text-align: center;
}
.application .header-bottom nav > ul > li.home {
  display: none;
}
.application .header-bottom nav > ul > li > a {
  display: inline-block;
  vertical-align: top;
  padding: 3px 0;
}
.application .header-bottom nav > ul > li > a > span {
  font-size: 13px;
  line-height: 1.2;
}
.application .header-bottom nav > ul > li ul {
  left: 100%;
  top: 0;
}
.application .header-bottom nav > ul > li ul:before,
.application .header-bottom nav > ul > li ul:after {
  transform: rotate(-90deg);
  left: -10px;
  top: 15px;
}
.application .header-bottom nav > ul > li ul li {
  text-align: left;
}
.application .header-bottom nav .right {
  padding-top: 20px;
  border-top: 2px solid rgba(255, 255, 255, 0.2);
  float: none;
  text-align: center;
  font-size: 0;
  line-height: 14px;
  max-width: calc(100% - 20px);
  display: block;
  margin: 20px auto;
}
.application .header-bottom nav .right > .icon {
  width: 20px;
  height: 20px;
  margin: auto auto 10px;
  display: block;
}
.application .header-bottom nav .right a {
  font-size: 13px;
  display: block;
}
.application .page-top {
  background: #fff;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
  position: fixed;
  top: 0;
  right: 0;
  left: 0px;
  padding-left: 140px;
  z-index: 100;
}
.application .content-pre-wrap {
  margin-bottom: 0;
  padding-top: 115px;
}
.application .content {
  margin-left: 140px;
}
.application .content .center {
  max-width: calc(100% - 140px);
  max-width: unset;
  padding: 0 20px;
  border-radius: 0;
  padding-bottom: 20px;
}
.application .content .center .pagetitle {
  font-size: 24px;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 10px;
}
.application .content .center .steps-header {
  max-width: 1280px;
  padding-right: 30px;
}
.application .content .center .content-wrap {
  max-width: 1280px;
  padding-right: 30px;
  max-width: 100%;
  width: 100%;
}
.application .content-wrap .steps-body {
  width: calc(100% - 170px);
  display: inline-flex;
  flex-wrap: wrap;
  vertical-align: top;
  gap: 10px;
}
.application .content-wrap .steps-body .step-box {
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 5px);
  margin-bottom: 0;
}
.application .content-wrap .steps-body .step-box.fullwidth {
  width: 100%;
}
.content-pre-wrap.application .content-wrap {
  position: relative;
}
.content-pre-wrap.application .content-wrap .steps-body {
  margin-top: 0;
}
@media screen and (min-width: 746px) {
  .application .content-wrap .steps-footer {
    width: 170px;
    display: inline-flex;
    flex-flow: column-reverse;
    vertical-align: top;
    float: right;
    padding-left: 10px;
    position: fixed;
    top: 115px;
  }
  .application .content-wrap .steps-footer .bttn,
  .application .content-wrap .steps-footer .content .etk-button,
  .content .application .content-wrap .steps-footer .etk-button {
    box-shadow: 0 0 10px 0 rgba(0, 144, 96, 0.1);
    border-radius: 10px;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    float: none;
    font-size: 14px;
    text-transform: uppercase;
    width: 100%;
    height: 100px;
    margin-bottom: 10px;
    transform-origin: center;
    min-width: 100%;
    margin-left: auto;
  }
  .application .content-wrap .steps-footer .bttn.autosize,
  .application .content-wrap .steps-footer .content .autosize.etk-button,
  .content .application .content-wrap .steps-footer .autosize.etk-button {
    height: auto;
    padding: 21px 20px 19px;
  }
  .application .content-wrap .steps-footer .bttn .icon,
  .application .content-wrap .steps-footer .content .etk-button .icon,
  .content .application .content-wrap .steps-footer .etk-button .icon {
    display: block;
    width: 37px;
    height: 30px;
    margin-bottom: 10px;
  }
  .content-pre-wrap.application .content-wrap .steps-footer {
    margin-top: 0;
    top: 0;
    position: absolute;
  }
}
footer {
  position: relative;
  margin-top: 0;
  clear: both;
  background: var(--gold);
  /* background: color-mix(in srgb, var(--third) 50%, transparent); */
  /* border-top: 2px solid color-mix(in srgb, var(--main) 30%, transparent); */
}
footer .trim {
  display: flex;
  gap: var(--gap-large);
  align-content: flex-start;
  align-items: flex-start;
}
.fbox {
  display: inline-block;
  vertical-align: top;
  flex: 1;
}
.footer-logo-img {
  background: #fff;
  border-radius: var(--br);
  padding: 20px;
  margin-bottom: 16px;
  box-shadow: 0 4px 10px 0 rgb(0 0 0 / 15%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.footer-logo {
  display: inline-flex;
  flex-direction: column;
  max-width: 167px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  transition: all 0.3s ease-out;
}
.footer-logo:hover {
    color: color-mix(in srgb, var(--fff) 50%, transparent);
    text-decoration: none;
}
.footer-logo img {
  display: block;
  margin: auto;
  width: 134px;
  /* margin-bottom: 16px; */
}
.footer-logo strong {
  text-transform: uppercase;
  font-weight: 700;
  /* color: var(--hover); */
  display: block;
  margin-bottom: 2px;
}
.footer-logo span {
  font-size: 12px;
  /* color: var(--text); */
}
/* .fbox li > a,
.ftitle,
.fbox-title {
  font-size: 16px;
  color: var(--fff);
  font-weight: bold;
  padding: 0;
  margin: 0 0 20px;
  display: block;
} */

/*blue footer*/
footer.footer-blue {
   background: var(--text); 
}
.footer-blue .ftitle {
    color: var(--gold);
}
.footer-blue .ftitle::after {
    background: color-mix(in srgb, var(--gold) 30%, transparent);
}
.footer-blue .footer-bottom .center {
  border-top: 2px solid color-mix(in srgb, var(--gold) 30%, transparent);
}
/*end blue footer*/
.ftitle {
  display: flex;
  align-items: center;
  gap: 10px;
  font: 600 14px/1.2 var(--font);
  color: var(--fff);
  text-transform: uppercase;
  margin-bottom: 16px;
}

.ftitle::after {
  content: "";
  flex: 1;
  min-width: 10px;
  height: 1px;
  background: color-mix(in srgb, var(--fff) 30%, transparent);
}

.fbox ul li {
  margin-bottom: 12px;
  font: normal 14px/1.4 var(--font);
  color: var(--fff);
  transition: all 0.3s ease-out;
}

.fbox:nth-child(2) ul li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.fbox:not(:nth-child(2)) ul li {
  padding-left: 14px;
  position: relative;
}

.fbox:not(:nth-child(2)) ul li::before {
  content: "";
  width: 6px;
  height: 6px;
  background: color-mix(in srgb, var(--fff) 30%, transparent);
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 6px;
}

.fbox ul li:has(a:hover)::before {
  background: var(--gold);
}

.fbox ul li a {
  color: var(--fff);
  font: inherit;
}

.fbox ul li a:hover {
  color: var(--gold);
  text-decoration: none;
}

.fbox ul li svg {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    color: var(--gold);
}
/* 
.fbox li > a.active {
  color: var(--logoyellow);
}
.fbox a:hover,
.fbox li > a:hover {
  color: #fff;
  text-decoration: underline;
}
footer .ib {
  color: var(--fff);
  font-size: 14px;
  line-height: 1.3;
  margin-bottom: 20px;
}
footer .ib strong {
  font-size: 16px;
  margin-bottom: 20px;
  font-weight: bold;
}
footer .ib strong.block {
  display: block;
}
footer .ib a {
  color: inherit;
} */
.flex {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.footer-center {
  min-height: 303px;
  padding-top: 56px;
}
.footer-bottom .center {
  font-weight: 600;
  padding: 18px 0;
  position: relative;
  border-top: 2px solid color-mix(in srgb, var(--fff) 30%, transparent);
}
.footer-bottom .copyleft {
  font-size: 12px;
  line-height: 20px;
  padding: 0px 0;
  color: var(--fff);
  text-align: center;
}
.fbox2 {
  margin: 0 auto;
}
/* .fbox1,
.fbox2,
.fbox3 {
  max-width: 235px;
} */
.fbox4 address {
  font: normal 13px/1.6 var(--font);
  color: var(--iconcolor);
}
.fbox4 address a {
  font: inherit;
  color: var(--main);
}
.fbox4 .ib {
  vertical-align: top;
  padding: 0 25px 20px;
  font: normal 12px/1.2 var(--font);
}
.fbox4 .ib strong {
  font: bold 13px/1.2 var(--font);
  color: #000;
  display: block;
  margin-bottom: 8px;
}
.gotop {
  right: 20px;
  bottom: 20px;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: var(--gold);
  position: fixed;
  transform: rotate(-45deg);
  z-index: 9999;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.gotop .icon,
.gotop .step-box-head .icon,
.step-box-head .gotop .icon {
  color: var(--fff);
  width: 14px;
  height: 14px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  transition: all 0.3s ease-out;
}
.gotop:hover .icon {
  transform: translateY(-3px) translateX(3px);
}
.content-pre-wrap {
  margin-bottom: 30px;
}
.content-pre-wrap > .center {
  overflow: hidden;
  padding-top: 1px;
  padding-bottom: 30px;
  border-radius: 0 0 20px 20px;
  background: #fff;
}
.index-top {
  background: var(--bgr);
  position: relative;
  padding: 64px 0;
  overflow: hidden;
}
.section-services-2 {
  background: #fff;
  padding: 64px 0;
}
.ai-service {
  background: #fff;
  padding: 64px 0;
}
.check-status-wrap {
  background: var(--bgr);
  padding: 64px 0;
}
#useful {
  background: var(--bgr);
  padding: 64px 0;
}

.registri {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  border-radius: var(--br);
  overflow: hidden;
  box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.08);
}
.registri .a,
.registri a {
  display: inline-flex;
  flex-flow: column;
  width: 33.33333%;
  background: #fff;
  padding: 24px;
  transition: all 0.3s ease-out;
  color: var(--text);
  text-decoration: none;
  border: 1px solid var(--bgr);
  min-height: 300px;
  cursor: pointer;
}
.registri .a:hover,
.registri a:hover {
  background: var(--gradient);
  color: var(--fff);
  box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.1);
}
.registri .a:hover .lead-svg,
.registri a:hover .lead-svg {
  background: var(--fff);
}
.registri .a .r-text,
.registri a .r-text {
  font: normal 14px/1.2 var(--font);
  display: block;
  margin-bottom: 20px;
}
.registri .a .rm,
.registri a .rm,
.index-news .rm {
  margin-top: auto;
  color: var(--main);
  transition: all 0.3s ease-out;
}
.registri a:hover .rm {
 color: var(--fff);
}

.registri a:hover .rm .svg-wrap {
  background: var(--fff);
}

.general-title {
  font: 600 22px/1.2 var(--font);
  margin-bottom: 16px;
  display: flex;
  gap: var(--gap);
  align-items: center;
  align-content: center;
}
.general-title .lead-svg {
  vertical-align: middle;
  margin-bottom: 0;
}
.lead-svg {
  display: inline-block;
  vertical-align: top;
  border-radius: 100%;
  background: var(--third);
  color: var(--main);
  padding: 10px;
  width: 52px;
  height: 52px;
  min-width: 52px;
  min-height: 52px;
  margin-bottom: 24px;
  box-shadow: 0 2px 8px rgba(43, 124, 182, 0.12);
}
.lead-svg.gold {
    background: color-mix(in srgb, var(--gold) 60%, transparent);
    color: var(--fff);
}
.lead-svg .icon,
.lead-svg .step-box-head .icon,
.step-box-head .lead-svg .icon {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.rm {
  font: 600 14px/1.2 var(--font);
  display: inline-block;
  vertical-align: middle;
}
.rm:hover .svg-wrap .icon {
  transform: rotate(45deg);
}
.rm.svg-wrap,
.rm .svg-wrap,
.bttn .svg-wrap,
.content .etk-button .svg-wrap {
  display: inline-block;
  vertical-align: middle;
  background: var(--fff);
  color: var(--main);
  border-radius: 100%;
  padding: 8px;
  width: 26px;
  height: 26px;
  margin-left: 4px;
}
.sectitle .rm .svg-wrap {
    background: transparent;
}
.svg-search.svg-wrap {
  background: transparent;
  color: var(--fff);
  width: 14px;
  height: 14px;
  padding: 0;
  margin-left: 0;
  margin-right: 8px;
}
.bttn:has(.svg-search) {
    padding: 11px 20px;
}
.rm.svg-wrap .icon,
.rm .svg-wrap .icon,
.bttn .svg-wrap .icon,
.content .etk-button .svg-wrap .icon {
  transition: all 0.3s ease-out;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.rm.bttn,
.content .rm.etk-button {
  width: auto;
  min-width: 0;
  padding: 8px 10px 8px 20px;
}
.rm.bttn.main .svg-wrap,
.content .rm.main.etk-button .svg-wrap {
  background: var(--main);
  color: var(--fff);
}
.uslugi {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
  position: relative;
  z-index: 1;
}
.uslugi .a,
.uslugi a {
  display: inline-flex;
  flex-flow: column;
  width: calc((100% - var(--gap) * 3) / 4);
  background: #fff;
  padding: 24px;
  transition: all 0.3s ease-out;
  color: var(--text);
  text-decoration: none;
  border: 1px solid var(--main);
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.25);
  cursor: pointer;
  border-radius: var(--br);
}
.uslugi .a:hover,
.uslugi a:hover {
  background: var(--gradient);
  color: var(--fff);
}
.uslugi .a:hover .lead-svg,
.uslugi a:hover .lead-svg {
  background: var(--fff);
}
.section-services {
  position: relative;
  padding: 64px 0;
  background: var(--text);
  height: 448px;
}
.section-services::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(36, 47, 71, 0.3) 0%, rgba(36, 47, 71, 0.6) 100%);
  z-index: 0;
}
.section-services video {
  position: absolute;
  background: url("../images/uslugi.webp") center top no-repeat;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  object-fit: cover;
  z-index: 0;
  opacity: 1;
}
.section-services .sectitle {
  color: #fff;
}
.section-services .sectitle:after {
  background: var(--fff);
}
.section-services-2 .uslugi a {
  width: calc((100% - 2 * var(--gap)) / 3);
  position: relative;
  height: 200px;
  transform: translateY(0px);
  transition: all 0.3s ease-out;
}
.section-services-2 .uslugi a > img {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  object-fit: contain;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-position: 100% 100%;
}
.section-services-2 .uslugi a strong {
  position: relative;
  z-index: 1;
}
.section-services-2 .uslugi a:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 32px rgba(43, 124, 182, 0.2);
}
.section-services-2 .uslugi a:hover:after {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: -10px;
  height: 20px;
  width: 100%;
  display: block;
  opacity: 0;
}
.n-date {
  font: normal 16px/1 var(--font);
  color: var(--gray);
}
.animate-circuit-1,
.animate-circuit-2,
.animate-circuit-3,
.animate-circuit-4,
.animate-circuit-5,
.animate-circuit-6 {
  stroke-dasharray: 60 540;
}
.animate-circuit-1 {
  animation: flowHorizontal 3s linear infinite;
  animation-delay: 0s;
}
.animate-circuit-2 {
  animation: flowHorizontal 4.5s linear infinite;
  animation-delay: 0.5s;
}
.animate-circuit-3 {
  animation: flowHorizontal 3.5s linear infinite;
  animation-delay: 1s;
}
.animate-circuit-4 {
  animation: flowHorizontal 5s linear infinite;
  animation-delay: 1.5s;
}
.animate-circuit-5 {
  animation: flowHorizontal 3.2s linear infinite;
  animation-delay: 2s;
}
.animate-circuit-6 {
  animation: flowHorizontal 4s linear infinite;
  animation-delay: 2.5s;
}
.animate-vertical-1,
.animate-vertical-2,
.animate-vertical-3,
.animate-vertical-4 {
  stroke-dasharray: 40 260;
}
.animate-vertical-1 {
  animation: flowVertical 2.8s linear infinite;
  animation-delay: 0.3s;
}
.animate-vertical-2 {
  animation: flowVertical 3.5s linear infinite;
  animation-delay: 1.2s;
}
.animate-vertical-3 {
  animation: flowVertical 4s linear infinite;
  animation-delay: 0.8s;
}
.animate-vertical-4 {
  animation: flowVertical 3s linear infinite;
  animation-delay: 1.8s;
}
.animate-vertical-center {
  stroke-dasharray: 30 270;
  animation: flowVertical 2.5s linear infinite;
}
.animate-yellow-line {
  stroke-dasharray: 80 520;
  animation: flowGold 8s linear infinite;
  opacity: 0;
}
.animate-gold-2 {
  stroke-dasharray: 80 520;
  animation: flowGold 10s linear infinite;
  animation-delay: 2.5s;
  opacity: 0;
}
.animate-gold-3 {
  stroke-dasharray: 80 520;
  animation: flowGold 9s linear infinite;
  animation-delay: 4s;
  opacity: 0;
}
.animate-gold-4 {
  stroke-dasharray: 80 520;
  animation: flowGold 11s linear infinite;
  animation-delay: 6s;
  opacity: 0;
}
@keyframes flowGold {
  0% {
    stroke-dashoffset: 600;
    opacity: 0;
  }
  5% {
    opacity: 0.9;
  }
  40% {
    stroke-dashoffset: -600;
    opacity: 0.9;
  }
  45% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    stroke-dashoffset: -600;
  }
}
@keyframes flowHorizontal {
  0% {
    stroke-dashoffset: 600;
  }
  100% {
    stroke-dashoffset: -600;
  }
}
@keyframes flowVertical {
  0% {
    stroke-dashoffset: 300;
  }
  100% {
    stroke-dashoffset: -300;
  }
}
.absolute {
  position: absolute;
}
.bg-center {
  background-position: center;
}
.bg-cover {
  background-size: cover;
}
.ai-block {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--main);
  border-radius: var(--br);
  padding: 32px 24px;
}
.ai-block .inset-0 {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  background: url("../images/aibgr.jpg") center top no-repeat;
}
.ai-block .neural-grid {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ai-block .flex-column {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  gap: var(--gap);
  position: relative;
  margin: auto;
}
.ai-block .flex-column .lead-svg {
  background: var(--fff);
}
.ai-block .flex-column p {
  max-width: 600px;
  margin: auto;
}
.ai-block .flex-column > * {
  margin: 0;
}
.ai-block .general-title,
.check-status-wrap .general-title {
 color: var(--text)
}
.check-status-2,
.check-status-1 {
  background: var(--fff);
  padding: 32px;
  border-radius: var(--br);
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.06);
}
.check-status-2 {
  border: 1px solid var(--gold);
  background: linear-gradient(135deg, #fff 0%, rgba(187, 165, 61, 0.04) 100%);
}
.itemlist {
  margin: 0 -10px;
  font-size: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.itemlist .item,
.itemlist li {
  width: 33.333%;
  width: calc(33.333% - 20px);
  margin: 0 10px 20px;
  display: inline-block;
  vertical-align: top;
}
.itemlist .item.two,
.itemlist li.two {
  width: 49%;
  width: calc(50% - 20px);
}
.itemlist .item.four,
.itemlist li.four {
  width: 24%;
  width: calc(25% - 20px);
}
.itemlist .item.five,
.itemlist li.five {
  width: 20%;
  width: calc(20% - 20px);
}
.itemlist .item.six,
.itemlist li.six {
  width: 16.66666%;
  width: calc(16.66666% - 20px);
}
.itemlist .item.fullwidth,
.itemlist li.fullwidth {
  width: 100%;
  margin: 0 0 20px;
}
.itemlist .item a,
.itemlist li a {
  position: relative;
  width: 100%;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin: auto;
  background: #fff;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
  border-radius: var(--br);
  overflow: hidden;
  text-align: center;
}
.itemlist .item a > .info-wrap,
.itemlist li a > .info-wrap {
  display: block;
  padding: 0 20px 30px;
}
.itemlist .item a > .info-wrap.text-left,
.itemlist li a > .info-wrap.text-left {
  text-align: left;
}
.itemlist .item a .img-wrap,
.itemlist li a .img-wrap {
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 75%;
  position: relative;
  margin-bottom: 15px;
  overflow: hidden;
}
.itemlist .item a .img-wrap.fit img,
.itemlist li a .img-wrap.fit img {
  object-fit: contain;
}
.itemlist .item a .img-wrap img,
.itemlist li a .img-wrap img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  object-fit: cover;
  transition: all 0.3s ease-out;
}
.itemlist .item a .img-wrap .bttn,
.itemlist .item a .img-wrap .content .etk-button,
.content .itemlist .item a .img-wrap .etk-button,
.itemlist li a .img-wrap .bttn,
.itemlist li a .img-wrap .content .etk-button,
.content .itemlist li a .img-wrap .etk-button {
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  width: auto;
  max-width: 50%;
}
.itemlist .item a .n-date,
.itemlist li a .n-date {
  font: normal 16px/1 var(--font);
  color: var(--gray);
}
.itemlist .item a .subtitle,
.itemlist li a .subtitle {
  font: bold 13px/1.1 var(--font);
  color: var(--main);
}
.itemlist .item a .title,
.itemlist li a .title {
  font: bold 22px/1.36 var(--font);
  color: var(--main);
  display: block;
  margin: 10px 0 15px;
  overflow: hidden;
}
.itemlist .item a .n-title,
.itemlist li a .n-title {
  text-align: left;
  font: bold 18px/1.4 var(--font);
  color: var(--text);
  display: block;
  margin: 10px 0 15px;
  overflow: hidden;
}
.itemlist .item a .n-text,
.itemlist li a .n-text {
  display: block;
  font: normal 12px/1.5 var(--font);
  color: var(--iconcolor);
  display: block;
  overflow: hidden;
  max-height: 90px;
  margin-bottom: 15px;
}
.itemlist .item a .bttn,
.itemlist .item a .content .etk-button,
.content .itemlist .item a .etk-button,
.itemlist li a .bttn,
.itemlist li a .content .etk-button,
.content .itemlist li a .etk-button {
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  max-width: 160px;
  margin: auto;
}
.itemlist .item a:hover,
.itemlist li a:hover {
  text-decoration: none;
  overflow: hidden;
}
.itemlist .item a:hover img,
.itemlist li a:hover img {
  transform: scale(1.04);
}
.itemlist .item a:hover .bttn.small,
.itemlist .item a:hover .content .small.etk-button,
.content .itemlist .item a:hover .small.etk-button,
.itemlist li a:hover .bttn.small,
.itemlist li a:hover .content .small.etk-button,
.content .itemlist li a:hover .small.etk-button {
  opacity: 1;
  transition: all 0.3s ease-out;
  animation: var(--comein);
}
.useful-links-block {
  display: flex;
  flex-flow: column;
  gap: var(--gap);
}
.useful-links-block a,
.useful-links-block a {
  background: var(--fff);
  border-radius: var(--br);
  display: flex;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  gap: var(--gap);
  padding: 16px;
  text-decoration: none;
  color: var(--text);
  position: relative;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  transition: all 0.3s ease-out;
}
.useful-links-block a:hover,
.useful-links-block a:hover {
  background: var(--gradient);
  color: var(--fff);
  box-shadow: 0 8px 24px rgba(43, 124, 182, 0.25);
  transform: translateX(4px);
}
.useful-links-block a .svg-wrap,
.useful-links-block a .svg-wrap {
  margin-bottom: 0;
}
.useful-links-block a strong,
.useful-links-block a strong {
  font-size: 16px;
  font-weight: 600;
  display: block;
  margin-bottom: 8px;
}
.useful-links-block a .n-text,
.useful-links-block a .n-text {
  font-size: 14px;
}
.useful-links-block a .rm,
.useful-links-block a .rm {
  position: absolute;
  right: 16px;
  top: 16px;
}
@media screen and (min-width: 1280px) {
  .useful-links-block {
    max-width: 560px;
  }
}
.itemlist.owl-carousel {
  padding: 0px;
  margin: 0 0px 0px;
  height: 100%;
  overflow: hidden;
}
.itemlist.owl-carousel li {
  width: calc(100% - 20px) !important;
  width: 100% !important;
  margin: auto;
  display: block;
  height: 100%;
}
.itemlist.owl-carousel li a {
  height: 100%;
}
.owl-dots {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 20px;
}
.owl-dots .owl-dot {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  display: inline-block;
  vertical-align: middle;
  margin: 0 2px;
  opacity: 0.3;
  background: var(--main);
}
.owl-dots .owl-dot.active {
  opacity: 1;
}
.check-status {
  margin-top: 30px;
  background: var(--gradient);
  border-radius: var(--br);
  padding: 33px 40px 20px;
  overflow: hidden;
}
.check-status .left {
  width: 43%;
}
.check-status .right {
  width: 56%;
}
.check-status .right .relative {
  margin-top: 10px;
}
.check-status .right .relative input {
  background: #fff;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
  border-radius: 35px;
  padding: 0 35px;
  height: 70px;
  line-height: 70px;
  font-size: 15px;
  color: var(--iconcolor);
}
.check-status .right .relative button {
  position: absolute;
  right: 20px;
  top: 4px;
  bottom: 0;
  height: 26px;
  margin: auto;
}
.check-status .right .relative button .icon {
  width: 32px;
  height: 26px;
  color: var(--main);
}
.check-status .sectitle {
  display: block;
  padding: 0;
  margin: 0 0 15px;
  text-transform: uppercase;
  text-align: left;
}
.check-status p {
  font: normal 12px/1.2 var(--font);
  color: var(--iconcolor);
  display: block;
  margin: 10px 0 15px;
}
.paymethods {
  margin-top: 50px;
}
.paymethods .sectitle {
  margin-bottom: 20px;
}
.paymethods article {
  padding: 20px 30px;
  border: 1px solid rgba(90, 93, 90, 0.2);
  border-radius: var(--br);
}
.paymethods article h4 {
  display: block;
  font: bold 17px/1.2 var(--font);
  margin-bottom: 10px;
}
.paymethods article p,
.paymethods article li,
.paymethods article span {
  font-size: 12px;
  margin: 10px 0 0;
  line-height: 20px;
}
.paymethods article ul + h4 {
  margin-top: 30px;
}
.paymethods article .column {
  width: 50%;
}
.paymethods article .column.left {
  padding-right: 20px;
}
.statistics {
  margin-top: 50px;
}
.stats-box {
  background: #fff;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
  border-radius: var(--br);
  font: normal 12px/1.2 var(--font);
  color: #000;
  text-align: center;
  padding: 10px 20px 15px;
}
.stats-box strong {
  font: bold 30px/1.2 var(--font);
  color: var(--main);
  display: block;
  margin-bottom: 5px;
}
.currency {
  margin-top: 2px;
  margin-left: 10px;
  font: normal 12px/20px var(--font);
  color: #5a5a5a;
  vertical-align: middle;
}
.currency a {
  font: normal 12px/20px var(--font);
  color: #5a5a5a;
}
.currency a.active {
  text-decoration: underline;
}
body.map header {
  background: #fff;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  border-radius: 0 0 20px 20px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
}
body.map header .center {
  padding: 0 20px;
}
body.map header .logo.left {
  height: 60px;
  height: 36px;
}
body.map header nav > .right,
body.map header .logo.right {
  display: none;
}
body.map header .header-top {
  width: 100%;
}
body.map header nav,
body.map header .header-bottom {
  padding: 0;
  width: 100%;
}
body.map header .header-bottom .center {
  background: 0;
  padding: 0;
  border-radius: 0;
  box-shadow: none;
}
body.map header .header-bottom .center nav > ul > li.active > a {
  color: #000;
}
body.map header .header-bottom .center nav > ul > li > a {
  color: var(--main);
}
body.map header .header-bottom .center nav > ul > li > a span {
  color: inherit;
}
body.map header nav > ul {
  display: inline-block;
  vertical-align: top;
}
body.map header nav > ul > li {
  text-align: left;
}
body.map .k-tabstrip-content,
body.map .k-tabstrip > .k-content {
  border: 0;
}
body.map footer {
  display: none;
}
.login-wrap {
  display: inline-block;
  vertical-align: top;
  max-width: 480px;
  margin-bottom: 30px;
}
.login-wrap input[type="checkbox"],
.login-wrap input[type="radio"] {
  margin-top: 0px;
}
nav > ul + .mapmenu {
  float: right;
  margin-left: auto;
}
nav > ul + .mapmenu:hover > a:not(.continue) {
  background: #fff;
}
nav > ul + .mapmenu:hover > a:not(.continue) .icon,
nav > ul + .mapmenu:hover > a:not(.continue) .respmenu,
nav > ul + .mapmenu:hover > a:not(.continue) .objects {
  color: #000;
}
nav > ul + .mapmenu #mapmenu {
  top: 42px;
}
nav > ul + .mapmenu.opened:after {
  background: rgba(0, 0, 0, 0);
}
.mapmenu {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin-top: 6px;
}
.mapmenu .center {
  max-width: 100%;
  padding: 0;
  background: 0;
  box-shadow: none;
}
.mapmenu .center .k-input,
.mapmenu .center .k-picker {
  font-size: 14px;
}
.mapmenu .center .k-pager-sm .k-pager-numbers-wrap {
  height: 26px;
}
.mapmenu .center select.k-picker {
  height: 26px;
  padding: 3px;
}
.mapmenu .center .k-listview {
  border: 0;
  overflow: auto;
}
.mapmenu .center .k-pager-nav {
  padding: 2px;
}
.mapmenu .center .k-pager-nav,
.mapmenu .center .k-pager-numbers .k-link,
.mapmenu .center .k-pager-refresh {
  width: 20px !important;
  height: 26px !important;
}
.mapmenu .center .mapmenu-bottom {
  margin-top: 10px;
}
.mapmenu .center .k-pager-wrap {
  padding: 0;
  background: 0;
  border: 0;
  justify-content: center;
}
.mapmenu > a {
  display: block;
  background: var(--warning);
  border-radius: var(--br);
  padding: 2px 35px 0;
  position: relative;
  font: bold 12px/34px var(--font);
  height: 34px;
  color: #000;
  margin-bottom: 3px;
}
.mapmenu > a:hover {
  background: var(--main);
  text-decoration: none;
  color: #fff;
}
.mapmenu > a:hover .respmenu {
  color: #fff;
}
.mapmenu > a .icon {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.mapmenu > a .respmenu {
  border-radius: 0%;
  width: 20px;
  height: 14px;
  color: #000;
  left: 15px;
}
.mapmenu > a .icon.arrow {
  padding: 5px 6px;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background: #fff;
  color: #000;
  right: 5px;
}
.mapmenu > a strong {
  line-height: 30px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 85px;
  text-align: center;
}
.mapmenu > span {
  text-align: center;
  color: #000;
  font: normal 10px/1.2 var(--font);
}
.mapmenu .mc-results-body {
  text-align: left;
}
.no-touchevents .mapmenu.hoverable:hover,
.mapmenu.opened {
  position: relative;
}
.no-touchevents .mapmenu.hoverable:hover:after,
.mapmenu.opened:after {
  content: "";
  width: 100%;
  position: absolute;
  display: block;
  top: 34px;
  height: 40px;
  background: #fff;
  z-index: 1;
}
.no-touchevents .mapmenu.hoverable:hover #mapmenu.hidden,
.mapmenu.opened #mapmenu.hidden {
  display: block;
  position: absolute;
  top: 54px;
  right: 0;
  max-height: 400px;
  width: 460px;
  padding: 20px;
  box-shadow: 10px 0 20px 0 rgba(0, 0, 0, 0.1);
  background: #fff;
  border-radius: var(--br);
  text-align: left;
  overflow: auto;
  animation: comeintop 0.2s linear forwards;
  z-index: 2;
}
.no-touchevents .mapmenu.hoverable:hover #mapmenu.hidden .k-pager-wrap,
.mapmenu.opened #mapmenu.hidden .k-pager-wrap {
  border: 0;
  float: left;
}
.no-touchevents
  .mapmenu.hoverable:hover
  #mapmenu.hidden
  .k-pager-wrap
  .k-pager-info,
.no-touchevents
  .mapmenu.hoverable:hover
  #mapmenu.hidden
  .k-pager-wrap
  .k-pager-first,
.no-touchevents
  .mapmenu.hoverable:hover
  #mapmenu.hidden
  .k-pager-wrap
  .k-pager-last,
.mapmenu.opened #mapmenu.hidden .k-pager-wrap .k-pager-info,
.mapmenu.opened #mapmenu.hidden .k-pager-wrap .k-pager-first,
.mapmenu.opened #mapmenu.hidden .k-pager-wrap .k-pager-last {
  display: none;
}
.no-touchevents .mapmenu.hoverable:hover #mapmenu.hidden .k-listview,
.mapmenu.opened #mapmenu.hidden .k-listview {
  margin-bottom: 10px;
}
.no-touchevents .mapmenu.hoverable:hover #mapmenu.hidden .smallpages,
.mapmenu.opened #mapmenu.hidden .smallpages {
  margin-bottom: 10px;
}
.no-touchevents .mapmenu.hoverable:hover .center .mapmenu-bottom.right,
.mapmenu.opened .center .mapmenu-bottom.right {
  margin: 0;
}
.mapmenu.opened > a.js-trigger-mapmenu:after {
  content: "+";
  font: normal 24px/20px var(--font);
  transform: rotate(45deg);
  width: 24px;
  height: 24px;
  background: #fff;
  color: #000;
  border-radius: 100%;
  position: absolute;
  right: 5px;
  top: 5px;
  padding-top: 0px;
  display: block;
}
.k-pager-sm .k-pager-numbers-wrap {
  margin: 0;
  height: 20px;
}
.object-list-wrap .smallpages {
  background: 0;
  padding: 0;
  align-items: flex-start;
}
.object-list-wrap .smallpages .k-pager-nav,
.object-list-wrap .smallpages .k-pager-numbers .k-link,
.object-list-wrap .smallpages .k-pager-refresh {
  min-width: 10px;
  height: 30px;
}
.object-list-wrap .smallpages .k-pager-numbers-wrap select.k-dropdown-list,
.object-list-wrap .smallpages .k-pager-numbers-wrap select.k-dropdown,
.object-list-wrap .smallpages .k-pager-numbers-wrap select.k-dropdownlist {
  height: 30px !important;
  padding: 3px 10px !important;
  vertical-align: top;
}
.object-list-wrap .smallpages .k-pager-sm .k-pager-numbers-wrap {
  height: auto !important;
}
select.k-dropdown.k-picker.k-dropdown-list {
  height: 20px;
  color: #009060;
}
#map_wrap {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
}
.abs {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.object-control label {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  position: relative;
  margin-bottom: 5px;
  color: var(--iconcolor);
}
.object-control label input[type="checkbox"] {
  width: 16px;
  height: 16px !important;
  line-height: 1;
  margin-right: 0px;
  vertical-align: middle;
  position: relative;
  float: none;
}
.object-control label img,
.object-control label svg {
  float: none;
  position: relative;
  width: 18px;
  height: 15px;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  color: inherit;
}
.object-control label img.icon,
.object-control label svg.icon {
  height: 16px;
  margin-top: 1px;
}
.object-control label span {
  font: normal 11px/1.2 var(--font);
  color: var(--iconcolor);
}
#searchResult .k-pager-wrap {
  background: 0;
  padding: 0;
  border: 0;
}
#searchResult .k-pager-wrap .k-pager-numbers-wrap {
  margin: 0;
}
#searchResult .k-pager-wrap .k-pager-info {
  display: block;
  float: right;
  font: normal 13px/1.2 var(--font);
}
#searchResult .k-pager-wrap .k-pager-numbers-wrap .k-dropdown,
#searchResult .k-pager-wrap .k-pager-nav.k-link,
#searchResult .k-pager-wrap .k-pager-refresh {
  text-align: center;
  padding: 0;
  border: 0;
  background: 0 !important;
}
#searchResult .k-pager-wrap .k-pager-numbers .k-link {
  background: 0;
  border: 0;
  color: var(--text);
  font: bold 12px/1.2 var(--font);
}
#searchResult .k-pager-wrap .k-pager-numbers .k-link.k-state-selected,
#searchResult .k-pager-wrap .k-pager-numbers .k-link.k-selected {
  background: 0;
  color: var(--main);
}
#searchResult .k-pager-wrap .k-listview {
  padding-bottom: 10px;
}
#resultsList {
  border: 0;
  padding-bottom: 10px;
}
.results-pre-wrap {
  border-top: 1px solid var(--border);
  padding-top: 10px;
}
.gkf-search-btn {
  float: right;
  margin-left: 2rem;
}
.gkf-export {
  float: right;
}
.gkf-export-indicator {
  top: 0px;
  bottom: 0px;
  height: 85vh;
  width: 98%;
  position: absolute;
  background: rgba(0, 0, 0, 0.3);
  z-index: 99999;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mc-results hr {
  margin: 5px 0px 5px 0px;
}
.km-scroll-container {
  padding: 0px 0 5px;
}
.mc-tab-body .object:nth-child(odd) .label,
.mc-results-body .zebra > *:nth-child(odd) .label {
  background: #e7e7e7;
}
.mc-tab-body .object:nth-child(even) .label,
.mc-results-body .zebra > *:nth-child(even) .label {
  background: #f2f2f2;
}
.object {
  background: #ffd45f;
  color: var(--iconcolor);
  border-radius: 15px;
  position: relative;
}
.object:hover .label {
  background: var(--main) !important;
  color: #fff;
  text-decoration: none;
}
.object .icon,
.object .step-box-head .icon,
.step-box-head .object .icon {
  width: 14px;
  height: 14px;
  color: inherit;
}
.object .label {
  padding: 6px 70px 6px 10px;
  width: 100%;
  background: #e9e9e9;
  border-radius: 10px;
  color: var(--iconcolor);
  display: inline-block;
  font: normal 13px/18px var(--font);
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: nowrap;
}
.object .label .icon {
  margin-top: 2px;
}
.object .object-options {
  position: absolute;
  right: 0;
  top: 3px;
  margin: 0 3px 0 0;
  display: flex;
  gap: 3px;
}
.object .object-options button,
.object .object-options a {
  border: 0;
  display: inline-block;
  vertical-align: top;
  width: 24px;
  height: 24px;
  background: #fff;
  color: var(--iconcolor);
  border-radius: 100%;
  padding: 3px;
  position: relative;
}
.object .object-options button:hover,
.object .object-options a:hover {
  background: #e5f3ef;
}
.object .object-options button .icon,
.object .object-options a .icon {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
}
.object.active .object-properties {
  display: block;
}
.pointer {
  cursor: pointer;
  text-decoration: none;
}
.object + .object {
  margin-top: 2px;
}
.object .bttn-delete {
  float: right;
  margin-top: 5px;
  min-width: 55px;
}
.object-properties {
  padding: 10px;
  border-radius: 0 0 10px 10px;
  clear: both;
  color: #000;
  font: normal 11px/1.3 var(--font);
  display: none;
}
.object-properties a,
.object-properties p,
.object-properties ul,
.object-properties li,
.object-properties div,
.object-properties span {
  font: inherit;
  color: inherit;
}
.object-properties a:first-child,
.object-properties p:first-child,
.object-properties ul:first-child,
.object-properties li:first-child,
.object-properties div:first-child,
.object-properties span:first-child {
  margin-top: 0;
}
.object-properties strong {
  font-weight: bold;
}
.zebra > *:nth-child(odd) {
  background: #f2f2f2;
}
.zebra > *:nth-child(even) {
  background: #e3e3e3;
}
body .zebra > *:nth-child(even) input[type="checkbox"],
body .zebra > *:nth-child(even) input[type="radio"] {
  background-color: #fff;
  border-color: #fff;
}
.zebra > *.no-zebra:nth-child(even),
.zebra > *.no-zebra:nth-child(odd),
.zebra > *.no-zebra,
.object-control.zebra > *.km-scroll-container {
  background: 0;
}
.accent .content-title,
.accent .step-top {
  border-bottom-color: #d75700;
  color: #d75700;
}
.step-row_orangebox {
  background: #f7ddcc;
  padding: 10px 10px;
}
.step-row_orangebox select {
  border-color: #fff;
}
.object-list-wrap {
  position: relative;
  background: 0;
  padding: 0;
  border: 0;
}
.object-list-wrap .k-pager-wrap .k-pager-numbers-wrap {
  margin: 0;
}
.object-list-wrap .k-pager-wrap .k-pager-info {
  display: block;
  float: right;
  font: normal 11px/1.2 var(--font);
}
.object-list-wrap .k-pager-wrap .k-pager-nav.k-link,
#searchResult .k-pager-wrap .k-pager-refresh {
  text-align: center;
  padding: 0;
  border: 0;
  background: 0 !important;
}
.object-list-wrap .k-pager-wrap .k-pager-numbers .k-link {
  background: 0;
  border: 0;
  color: #000;
  font: bold 13px/1.2 var(--font);
}
.object-list-wrap .k-pager-wrap .k-pager-numbers .k-link.k-state-selected,
#searchResult .k-pager-wrap .k-pager-numbers .k-link.k-selected {
  background: 0;
  color: #009060;
}
.object-list-wrap .k-pager-wrap .k-listview {
  padding-bottom: 10px;
}
.k-listview {
  border: none;
  font: normal 13px/1.2 var(--font);
}
.k-listview-content {
  overflow: visible;
}
.cancelelement {
  width: 30px;
  margin-top: 0px;
  margin-right: 0px;
}
.servicename {
  width: calc(100% - 35px);
  padding-right: 10px;
}
.cancelelement button.cancel {
  min-width: 30px;
}
.file small {
  color: #000;
  font-style: italic;
}
.center.login {
  padding-top: 50px;
}
.service-wrap {
  border: 1px solid #b6cbc0;
  padding: 10px 10px 5px 10px;
  position: relative;
}
.service-wrap .bttn-cancel {
  height: 27px;
  line-height: 27px;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 110px;
}
.service-title {
  color: #5c5c5c;
  font: bold 17px/22px var(--font);
  margin-bottom: 15px;
  padding-right: 150px;
}
.service-num {
  background: #007038;
  border-radius: 50px;
  color: #fff;
  display: inline-block;
  font: normal 14px/22px var(--font);
  margin-right: 5px;
  padding: 0 7px;
  vertical-align: top;
}
.step3 .object-list {
  margin-bottom: 30px;
}
.object-list-short {
  list-style-position: inside;
  width: 220px;
}
.object-list-short li {
  font: normal 12px/20px var(--font);
  max-width: 250px;
  overflow: hidden;
}
#applicationOverview .object-list-short {
  background: rgba(0, 0, 0, 0);
}
#applicationOverview .object-list-short li {
  font: bold 12px/20px var(--font);
}
.mc-results {
  display: none;
}
.mc-results hr {
  display: block;
  margin: 10px 0px 12px 0px;
  border: 0;
  border-top: 2px solid #f4f4f4;
  background: 0;
  opacity: 1;
}
.mc-results .mc-tab-body .mc-results-top > strong {
  display: block;
  font: bold 11px/1 var(--font);
  margin: 10px 0;
  color: #000;
  text-transform: uppercase;
}
.mc-boxtitle {
  padding: 4px 10px;
  font: bold 14px/20px var(--font);
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 4px;
}
.mc-subtree {
  padding-left: 20px;
}
.map-control-inner {
  position: absolute;
  left: 5px;
  right: 0;
  margin: auto;
  bottom: 20px;
  border-top: 0;
  height: 40px;
  color: var(--text);
  text-align: center;
  bottom: 0px;
  border-top: 5px;
  height: 30px;
  bottom: 0px;
  border-top: 5px;
  height: 30px;
  color: #000;
  text-align: center;
}
.map-control-inner input[type="text"] {
  width: auto;
  font: normal 12px/12px var(--font);
}
.map-control-inner .mc-controlbox-inner {
  border-radius: var(--br);
  padding: 5px 7px 5px 15px;
  background: #fff;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  align-content: center;
}
.map-control-inner .mc-controlbox {
  background: 0;
  overflow: visible;
}
.map-control-inner .mc-controlbox + .mc-controlbox {
  margin-left: 10px;
}
.map-control-inner .mc-controlbox > * {
  display: inline-block;
  vertical-align: middle;
}
.map-control-inner .mc-controlbox .mc-mapstat {
  width: auto;
  position: relative;
}
.map-control-inner .mc-controlbox .mc-mapstat .k-picker-solid {
  background: 0;
  border-radius: var(--br);
  box-shadow: none;
  height: 30px;
}
.map-control-inner
  .mc-controlbox
  .mc-mapstat
  .k-picker-solid
  .k-input-value-text {
  box-shadow: none;
  max-width: 80px;
  overflow: hidden;
}
.map-control-inner .mc-controlbox .mc-mapstat .k-picker .k-input-button {
  background: 0;
  height: 30px;
}
.map-control-inner
  .mc-controlbox
  .mc-mapstat
  .k-dropdownlist
  > .k-input
  .k-input-inner {
  padding: 0;
}
.map-control-inner .mc-controlbox .mc-mapstat > .k-input {
  box-shadow: none;
  padding: 0 0px;
  line-height: 20px;
  background: 0;
}
.map-control-inner .mc-controlbox .mc-mapstat > .k-input .k-input-inner {
  padding: 0 10px;
  height: 20px;
}
.map-control-inner .mc-controlbox .mc-mapstat.autosize {
  width: auto;
}
.map-control-inner .mc-controlbox .mc-mapstat > .k-dropdown {
  display: inline-block;
  vertical-align: top;
  background: #fff;
  border: 1px solid rgba(90, 93, 90, 0.2);
  border-radius: var(--br);
  padding: 5px 10px;
  color: var(--main);
  font: bold 12px/20px var(--font);
}
.map-control-inner .mc-controlbox .mc-mapstat .specialdropdown {
  position: absolute;
  right: 5px;
  top: 0;
  bottom: 0;
  margin: auto;
  transform: rotate(180deg);
  background: #ffd45f;
  border-radius: 100%;
  width: 24px;
  height: 24px;
  padding: 4px;
  pointer-events: none;
  z-index: 1;
}
.map-control-inner .mc-controlbox > small {
  font: normal 12px/20px var(--font);
  color: #000;
  margin-right: 8px;
}
.map-control-inner .mc-controlbox .k-input,
.map-control-inner .mc-controlbox > input {
  font: bold 12px/20px var(--font);
  color: var(--main);
  border: 0;
  line-height: 20px;
  padding: 0 0;
  height: 20px;
  width: 100px;
  font-size: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}
.object-info h5 {
  color: #000;
  background: #fafafa;
  font-size: 13px;
  padding: 5px 10px;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: #dee2e6;
}
.object-info h6 {
  color: #000;
  background: none;
  font-size: 13px;
  padding: 5px 10px;
}
.object-info section {
  font-size: 13px;
  margin: 0px;
  padding: 0px;
}
.object-info .info,
.object-info .step-box-head .icon,
.step-box-head .object-info .icon {
  font-size: 13px;
  padding: 5px 5px 10px 15px;
  text-align: justify;
  margin: 0px;
}
#services label {
  display: flex;
  flex-direction: row;
}
.serviceObjects label {
  display: flex;
  flex-direction: row;
}
button.continue,
a.continue {
  margin-top: 41px;
  position: absolute;
  box-shadow: 0 0 10px 0 rgba(0, 144, 96, 0.1);
  border-radius: 0px 0px 10px 10px;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  float: none;
  font-size: 11px;
  text-transform: uppercase;
  width: 100px;
  height: 55px;
  margin-bottom: 10px;
  transform-origin: center;
  margin-left: auto;
  color: #fff;
  background: #009060;
}
button.continue,
a.continue {
  visibility: hidden;
}
.map button.continue,
a.continue {
  visibility: visible;
}
.continue svg.icon {
  display: inline-block;
  vertical-align: top;
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0);
  position: static;
  padding-top: 5px;
}
.map-control-inner .mc-controlbox-inner {
  border-radius: 2px;
  padding: 0px 15px 2px 15px;
  background: #fff;
}
.map-control-inner .mc-controlbox .mc-mapstat .k-picker-solid {
  background: 0;
  border-radius: 5px;
  border: none;
  box-shadow: none;
  height: 20px;
}
.map-control-inner .mc-controlbox .mc-mapstat .k-picker .k-input-button {
  background: 0;
  height: 20px;
}
.map-control-inner .mc-controlbox .mc-mapstat > .k-input .k-input-inner {
  padding: 0 4px;
  height: 20px;
  width: 65px;
}
.mc-controlbox-inner-new {
  font: normal 10px/11px var(--font);
  border-radius: 2px;
  padding: 2px 5px;
  background: rgba(255, 255, 255, 0.7);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  align-content: center;
}
.mc-controlbox-inner-new:hover {
  background: #fff;
}
.map-control-inner .mc-controlbox .k-input,
.map-control-inner .mc-controlbox > input {
  width: auto;
  font: normal 12px/12px var(--font);
  display: contents;
}
.map-control-inner .mc-controlbox + .mc-controlbox {
  margin-left: 5px;
}
.map-control-inner .mc-controlbox > small {
  font: normal 12px/12px var(--font);
  color: #000;
  margin-right: 0px;
}
.map-current-branch {
  right: 50px;
  bottom: 60px;
  position: absolute;
  background: #fff;
  border-radius: var(--br);
  width: 200px;
}
.map-current-branch img {
  width: 42px;
  height: 42px;
  object-fit: contain;
  margin-right: 15px;
  background: #d8d8d8;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  border-radius: 21px;
  display: inline-block;
  vertical-align: middle;
}
.map-current-branch span {
  font:
    bold 13px/14px Tahoma,
    sans-serif;
  color: #000;
  display: inline-block;
  vertical-align: middle;
  padding-right: 15px;
}
.map-km {
  width: 200px;
  height: 20px;
  background: #000;
  color: #fff;
  font: normal 12px/20px var(--font);
  text-align: center;
  display: block;
  position: absolute;
  right: 50px;
  bottom: 25px;
}
.map-control {
  position: absolute;
  left: 0;
  top: 160px;
  border-radius: 0 20px 20px 0;
  display: block;
}
.map-control input[type="text"],
.map-control input[type="email"],
.map-control input[type="password"],
.map-control input[type="data"],
.map-control select,
.map-control .input {
  height: 28px;
  line-height: 28px;
}
.map-control > .triggers {
  background: #fff;
  box-shadow: 10px 0 20px 0 rgba(0, 0, 0, 0.1);
  border-radius: 0 20px 20px 0;
  z-index: 2;
  position: relative;
}
.map-control > .triggers > a {
  width: 60px;
  height: 40px;
  padding: 10px 20px;
  background: #fff;
  color: var(--iconcolor);
  border-bottom: 1px solid #dedede;
  text-align: center;
  display: block;
}
.map-control > .triggers > a.chosen-branch {
  padding: 5px 10px;
}
.map-control > .triggers > a:hover,
.map-control > .triggers > a.active {
  background: rgba(var(--main), 0.1);
  background: #e5f3ef;
  color: var(--main);
}
.map-control > .triggers > a.opened {
  background: var(--main);
  background: #e5f3ef;
  color: #fff;
  color: var(--main);
}
.map-control > .triggers > a:first-child {
  border-radius: 0 20px 0 0;
}
.map-control > .triggers > a.last {
  border-radius: 0 0 20px 0;
  border: 0;
  margin: 0;
}
.map-control > .triggers > a > .icon {
  width: 23px;
  height: 22px;
  object-fit: contain;
}
.map-control > .triggers > a > .icon.file {
  height: 25px;
  margin-top: -2px;
}
.map-control > .triggers > a > .icon.ruler {
  width: 25px;
  height: 24px;
  margin-top: -1.5px;
}
.map-control > .triggers > a > .icon.print {
  margin-top: -2px;
  height: 25px;
}
.map-control > .map-dropdown {
  min-width: 300px;
  position: absolute;
  left: 0;
  transform: translateX(-20px);
  z-index: 1;
  background: #fff;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  border-radius: 0 20px 20px 20px;
  padding: 10px 10px 10px 20px;
  overflow: auto;
}
.map-control > .map-dropdown:before {
  content: "";
  width: 30px;
  height: 30px;
  right: 100%;
  top: 0;
  display: block;
  position: absolute;
  background: #fff;
}
.map-control > .map-dropdown.opened,
.map-control > .map-dropdown.active {
  display: block;
  animation: var(--comeinleft);
  left: 60px;
}
.map-control > .map-dropdown .tab-wrap {
  min-width: 540px;
}
.map-control input::-webkit-input-placeholder {
  font-style: normal;
  color: #000;
  font-size: 12px;
  line-height: 1;
}
.map-control .form-input label {
  font: bold 12px/1.2 var(--font);
  padding: 0 10px 5px;
  min-height: 0;
}
.map-control .k-input-inner {
  background: #fff;
}
.map-control .k-picker {
  border-radius: 4px;
  background: #fff;
}
.map-control > .map-dropdown {
  min-width: unset;
}
.map-control > .map-dropdown > opened {
  max-height: 55vh;
}
.map-control .form-input label {
  padding: 0 5px 5px 0px;
}
#map-measure {
  white-space: nowrap;
  border-radius: 0 20px 20px 0;
  padding-left: 10px;
  min-width: 0;
}
#map-measure a {
  display: inline-block;
  vertical-align: middle;
  margin: 0 6px;
}
#map-measure a .icon {
  width: 22px;
  height: 22px;
  color: #000;
}
#map-measure a.active .icon,
#map-measure a:hover .icon {
  color: #009060;
}
.selectionTool,
.etkSelectionTool {
  cursor: crosshair;
}
.infoTool {
  cursor: pointer;
}
.zoomInTool {
  cursor: zoom-in;
}
.zoomOutTool {
  cursor: zoom-out;
}
.panTool {
  cursor: move;
}
.search button.bttn,
.search .content button.etk-button,
.content .search button.etk-button {
  width: 100px;
  margin-right: 10px;
}
#map-branches {
  background: #fff;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  border-radius: 0 20px 20px 0;
  min-width: 200px;
}
#map-branches ul {
  list-style: none;
  padding: 0;
}
#map-branches ul li {
  margin: 0 0 10px;
  padding: 0;
  display: block;
  font-size: 0;
}
#map-branches ul li a {
  display: block;
  color: #000;
  margin-left: 0px;
  border-radius: var(--br);
  font-size: 0;
  white-space: nowrap;
  min-width: max-content;
}
#map-branches ul li a:hover,
#map-branches ul li a.active {
  background: rgba(var(--main), 0.1);
  color: var(--main);
}
#map-branches ul li a img {
  width: 42px;
  height: 42px;
  object-fit: contain;
  margin-right: 15px;
  background: #d8d8d8;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  border-radius: 21px;
  display: inline-block;
  vertical-align: middle;
}
#map-branches ul li a span {
  font: bold 13px/14px var(--font);
  display: inline-block;
  vertical-align: middle;
  padding-right: 15px;
}
#map-layers {
  min-width: 200px;
}
#map-layers label {
  line-height: 20px;
}
#map-layers li.k-item.k-treeview-item.k-first {
  padding: 0 0;
}
#map-layers .k-treeview .k-checkbox-wrap,
.k-treeview .k-checkbox-wrapper {
  margin-left: 2px;
  margin-right: 0;
  -ms-flex-item-align: left;
  align-self: flex-start;
}
#map-layers .k-treeview-md .k-treeview-leaf {
  padding: 3px 0px;
}
#map-nav {
  white-space: nowrap;
  border-radius: 0 20px 20px 0;
  padding-left: 10px;
  min-width: 0;
}
#map-nav a {
  display: inline-block;
  vertical-align: middle;
  margin: 0 6px;
}
#map-nav a .icon {
  width: 22px;
  height: 22px;
  color: #000;
}
#map-nav a.active .icon,
#map-nav a:hover .icon {
  color: var(--main);
}
#mc-search-result {
  padding: 0 10px;
  display: none;
}
#map-search {
  padding-left: 10px;
  max-height: 400px;
  overflow: auto;
}
#map-search .tab-nav ~ .tab-body {
  padding-top: 5px;
}
#map-search .object-control {
  font-size: 0;
}
#map-search .object-control input[type="checkbox"] {
  margin-right: 0;
}
#map-search label.checkboxes span,
#map-search .checkboxes label span {
  font-size: 12px;
  line-height: 16px;
  color: #000;
  margin-left: 25px;
}
#map-search .k-textbox,
#map-search input[type] {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  border-color: rgba(90, 93, 90, 0.2);
}
#map-search .checkboxes .icon.check,
#map-search input[type="checkbox"] {
  height: 16px;
  width: 16px;
  line-height: 1;
  margin-right: 5px;
}
#map-search #map-search-tabs .icon {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  color: #000;
  opacity: 0.3;
  margin-right: 6px;
  margin-top: -1px;
}
#map-search .checkboxes .icon.check,
#map-search input[type="checkbox"] {
  height: 16px;
  width: 16px;
  line-height: 16px;
  margin-right: 5px;
  max-height: 16px;
}
#map-search {
  padding-left: 10px;
  max-height: 415px;
  overflow: auto;
}
#map-print {
  top: auto !important;
  bottom: 0;
}
#map-print .map-control > .map-dropdown {
  border-radius: var(--br) var(--br) var(--br) 0;
}
#map-print > .column-wrap {
  margin-bottom: 20px;
  width: 500px;
}
#map-print > .column-wrap > .column {
  min-width: 140px;
  flex-shrink: 0;
  flex-grow: 1;
}
#map-print > .column-wrap > .column label {
  font-weight: bold;
}
#map-print > .column-wrap > .column + .column {
  margin-left: 10px;
  border-left: 1px solid var(--third) !important;
  border-left: 10px;
  padding-left: 20px;
}
#map-print > .column-wrap > .column .thin {
  min-width: 80px;
}
.content .etk-button {
  background: var(--third);
  color: var(--text);
  margin-bottom: 10px;
  padding: 2px 10px;
}
.content .etk-button.yellow {
  background: var(--warning);
}
.content .etk-button img {
  display: none;
}
#sample-from-ETK .column-wrap .geometry-column {
  order: 1;
  width: 290px;
  flex-shrink: 0;
}
#sample-from-ETK .column-wrap .geometry-column p {
  margin-bottom: 15px;
}
#sample-from-ETK .column-wrap .geometry-column .geometry-item {
  width: 240px;
  height: 140px;
  border: 0;
  background-color: #e5f4ef;
  margin: 40px 30px 40px 20px;
  border-radius: 10px;
  position: relative;
}
#sample-from-ETK .column-wrap .geometry-column .geometry-item > .top,
#sample-from-ETK .column-wrap .geometry-column .geometry-item .bottom,
#sample-from-ETK .column-wrap .geometry-column .geometry-item .left,
#sample-from-ETK .column-wrap .geometry-column .geometry-item .right {
  position: absolute;
}
#sample-from-ETK .column-wrap .geometry-column .geometry-item .top {
  top: -19px;
  right: 50%;
  margin-right: -40px;
}
#sample-from-ETK .column-wrap .geometry-column .geometry-item .bottom {
  bottom: -19px;
  right: 50%;
  margin-right: -40px;
}
#sample-from-ETK .column-wrap .geometry-column .geometry-item .left {
  top: 50%;
  margin-top: -19px;
  right: -19px;
}
#sample-from-ETK .column-wrap .geometry-column .geometry-item .right {
  top: 50%;
  margin-top: -19px;
  left: -19px;
}
#sample-from-ETK .column-wrap .geometry-column .extent-input {
  position: relative;
  width: 80px;
  padding: 9px 10px;
  border: 1px solid var(--border);
  border-radius: 5px;
  text-align: center;
  font-size: 13px;
  line-height: 20px;
}
#sample-from-ETK .column-wrap .etk-buttons-wrapper {
  order: 2;
}
.additional-data {
  margin-top: 10px;
}
.etk-title {
  font-size: 15px;
  margin-bottom: 10px;
}
@media print {
  .k-tabstrip-items .k-link {
    color: #fff;
  }
  .k-tabstrip-items .k-active .k-link {
    color: #000;
  }
  .k-tabstrip-content,
  .k-tabstrip > .k-content {
    border: none;
    color: #212529;
    background-color: #fff;
  }
}
.tab-nav {
  padding: 0 10px;
  display: flex;
}
.tab-nav li {
  display: inline-block !important;
  vertical-align: middle;
  font: bold 11px/1.2 var(--font);
  text-transform: uppercase;
  padding: 4px 8px !important;
  margin: 0 5px 5px 0 !important;
  border-radius: var(--br);
}
.tab-nav li .k-link {
  padding: 0;
}
.tab-nav li:hover,
.tab-nav li.active {
  background: rgba(var(--main), 0.1);
  color: var(--main);
}
.tab-nav li.k-state-active,
.tab-nav li.active {
  background: var(--main);
  color: #fff;
}
.tab-wrap > .tab-body {
  border: 0;
  padding: 10px 10px;
}
.tab-wrap > .tab-body .form-input:only-child {
  margin-bottom: 0;
}
.form-bottom .column.k-ml-auto {
  display: flex;
  margin-left: auto;
  justify-content: flex-end;
}
.mc-subtree {
  padding-left: 20px;
}
.input-validation-error {
  background-color: #faefec !important;
  border-color: #ecd1c9 !important;
}
.field-validation-error {
  font-size: 13px;
  color: #c00;
  padding: 5px 0px 0px 0px;
  display: block;
}
.field-validation-error span {
  color: #c00;
}
.k-tooltip-error.field-validation-error {
  color: #fff;
  padding: 5px;
}
.k-tooltip-error.field-validation-error .k-tooltip-icon,
.k-tooltip-error.field-validation-error span.k-tooltip-content {
  color: #fff;
}
.k-checkbox:focus,
.k-checkbox.k-focus {
  box-shadow: none !important;
}
.k-input,
.k-picker {
  border-radius: 4px;
}
.k-input-md,
.k-picker-md {
  font-size: 13px;
}
.k-input .k-input-inner {
  border: 0;
}
.zoomTo {
  font-size: 12px;
  background: 0;
}
.zoomTo:hover {
  text-decoration: underline;
}
.k-list-container .k-list,
.k-list-container .k-list-container {
  border-radius: 5px;
  border-color: #eaeaea;
  overflow: hidden;
}
.k-list-container .k-list {
  padding: 4px 0 !important;
}
.k-list-container .k-list-scroller .k-item {
  display: block;
  padding: 2px 10px;
  margin-bottom: 5px;
  line-height: 1.2;
  font-size: 12px;
}
.k-list-container .k-list-scroller .k-item:hover {
  background: #f2f2f2;
}
.start-action-box {
  margin: 20px 0;
  padding: 14px 10px;
  border: 1px solid var(--border);
  display: flex;
  align-content: center;
  align-items: center;
}
.start-action-box:first-child {
  margin-top: 0;
}
.start-action-box h2,
.start-action-box h3,
.start-action-box h4,
.start-action-box h5,
.start-action-box strong {
  font: bold 20px/1.2 var(--font);
  color: #000;
  display: inline-block;
  vertical-align: top;
}
.start-action-box h2 .icon,
.start-action-box h2 .k-icon,
.start-action-box h3 .icon,
.start-action-box h3 .k-icon,
.start-action-box h4 .icon,
.start-action-box h4 .k-icon,
.start-action-box h5 .icon,
.start-action-box h5 .k-icon,
.start-action-box strong .icon,
.start-action-box strong .k-icon {
  width: 32px;
  height: 32px;
  vertical-align: middle;
}
.start-action-box h2 .icon:before,
.start-action-box h2 .k-icon:before,
.start-action-box h3 .icon:before,
.start-action-box h3 .k-icon:before,
.start-action-box h4 .icon:before,
.start-action-box h4 .k-icon:before,
.start-action-box h5 .icon:before,
.start-action-box h5 .k-icon:before,
.start-action-box strong .icon:before,
.start-action-box strong .k-icon:before {
  font-size: 32px;
}
.start-action-box .bttn,
.start-action-box .content .etk-button,
.content .start-action-box .etk-button {
  float: right;
  margin-left: auto;
  width: 280px;
  padding: 0;
  height: 40px;
  line-height: 40px;
  font-size: 17px;
  margin-right: 7px;
}
.step-box.closed .step-box-body {
  max-height: 0;
  overflow: hidden;
  padding: 0;
}
.step-box.closed .r270 {
  transform: rotate(90deg);
}
.step-wrap .r270,
.step-wrap .step-box-body {
  max-height: 10000px;
  transition: all 0.3s ease-out;
}
.step-wrap .column-wrap .step-box {
  margin-bottom: 0;
  width: calc(50% - 5px);
}
.step-wrap .column-wrap .step-box.form-input {
  padding-right: 0;
}
.step-wrap .column-wrap .step-box.form-input .form-input input[type] {
  margin-bottom: 0;
}
.step-wrap .column-wrap .step-box.fullwidth {
  width: 100%;
}
.step-wrap .column-wrap.flex-gap-20 .step-box {
  margin-bottom: 0;
  width: calc(50% - 10px);
}
.step-wrap .column-wrap.flex-gap-20 .step-box.form-input {
  width: calc(33.333% - 10px);
}
.step-wrap .column-wrap.flex-gap-20 .step-box.form-input.double {
  width: calc(66.666% - 10px);
}
.step-wrap .column-wrap.flex-gap-20 .step-box.closed {
  width: 100% !important;
}
.step-wrap .column-wrap.flex-gap-20 .step-box.fullwidth {
  width: 100%;
}
.step-wrap .column-wrap.flex-gap-60 .step-box {
  width: calc(50% - 30px);
}
.step-wrap .column-wrap.flex-gap-20 .step-box.form-input.half {
  width: calc(50% - 10px);
}
.hidden {
  display: none;
}
.flex-gap-10 {
  gap: 10px;
}
.flex-gap-20 {
  gap: 20px;
}
.flex-gap-30 {
  gap: 30px;
}
.flex-gap-50 {
  gap: 50px;
}
.flex-gap-60 {
  gap: 60px;
}
.k-gap-y-10 {
  row-gap: 10px;
}
.k-gap-y-20 {
  row-gap: 20px;
}
.steps-header {
  display: block;
}
.steps-footer {
  display: block;
  margin-top: 20px;
}
.steps-footer .bttn svg,
.steps-footer .content .etk-button svg,
.content .steps-footer .etk-button svg {
  display: none;
}
.steps-footer .left + .left {
  margin-left: 10px;
}
.steps-boxes-wrap {
  display: flex;
  padding-right: 10px;
}
.steps-boxes-wrap .steps-box {
  display: flex;
  justify-content: flex-start;
  text-align: center;
  font: bold 15px/1.2 var(--font);
  flex-grow: 1;
  flex: 1 1 0;
  align-content: center;
  align-items: center;
  padding: 6px 0;
  position: relative;
  margin-left: -2px;
}
.steps-boxes-wrap .steps-box > .icon {
  width: 103%;
  height: 150%;
  object-fit: contain;
  z-index: 0;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  color: rgba(var(--warning), 0.5);
}
.steps-boxes-wrap .steps-box.done .step-title {
  color: #fff;
}
.steps-boxes-wrap .steps-box.done > .icon {
  color: var(--main);
}
.steps-boxes-wrap .steps-box.active > .icon {
  color: var(--warning);
}
.steps-boxes-wrap .steps-box .step-num {
  margin-left: 50px;
  border-radius: 100%;
  width: 28px;
  height: 28px;
  background: #fff;
  font: bold 15px/28px var(--font);
  vertical-align: middle;
  display: inline-block;
  position: relative;
}
.steps-boxes-wrap .steps-box .step-num .icon {
  padding: 7px;
}
.steps-boxes-wrap .steps-box .step-title {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
}
.content-pre-wrap > .steps-body:first-child {
  margin-top: 0;
}
.steps-body {
  margin-top: 20px;
}
.steps-body .step-box {
  margin-bottom: 10px;
  background: #fff;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
  border-radius: var(--br);
  page-break-inside: avoid;
}
.steps-body .step-box .bttn-wrap a + a {
  margin-left: 6px;
}
.steps-body .step-box.fullwidth {
  width: 100%;
}
.icon.info,
.step-box-head .icon,
.step-box-head .info.icon,
.step-box-head .icon {
  width: 13px;
  height: 13px;
  display: inline-block;
  vertical-align: middle;
  color: #000;
  opacity: 0.3;
  margin-right: 6px;
  margin-top: -1px;
}
.icon.info.k-tooltip-top:hover,
.step-box-head .icon.k-tooltip-top:hover {
  cursor: pointer;
  opacity: 1;
}
a:hover .icon.info,
a:hover .step-box-head .icon,
.step-box-head a:hover .icon {
  opacity: 1;
}
.panel {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  padding: 15px 10px 10px;
  text-align: center;
  font: bold 12px/1.2 var(--font);
  color: #000;
  border-width: 1px;
  border-style: solid;
  border-radius: 10px;
  height: 100%;
}
.panel .num {
  margin: 5px 0;
  font-size: 40px !important;
}
.quad .panel strong {
  margin-bottom: 30px;
}
.step-box {
  border-radius: var(--br);
}
.step-box.selected {
  background: #e5f3ef;
  box-shadow:
    inset 0 0 0 1px var(--main),
    0 10px 30px 0 rgba(0, 0, 0, 0.1);
}
.step-box.selected .step-box-head {
  background: #e5f3ef;
  border: 2px solid var(--main);
}
.step-box .step-box-body + .step-box-body {
  padding-top: 5px;
}
.step-box.fullwidth {
  width: 100%;
}
.title-button,
.step-box-head a.right {
  border: 1px solid rgba(206, 207, 206, 0.5);
  border-radius: 12px;
  font: bold 12px/22px var(--font);
  color: #000;
  padding: 0 10px;
}
.title-button.toggle-panel,
.step-box-head a.toggle-panel.right {
  background-color: #f4f4f4;
  border: 0;
  border-radius: 100px;
  float: right;
  margin-left: auto;
  min-width: 24px;
  padding: 0;
  height: 24px;
}
.title-button.toggle-panel svg:only-child,
.step-box-head a.toggle-panel.right svg:only-child {
  margin: 0;
}
.title-button:hover,
.step-box-head a.right:hover {
  background: var(--third);
  text-decoration: none;
}
.step-box-head {
  background: #fff;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  padding: 5px 20px;
  display: flex;
  align-items: center;
}
.step-box-head .step-box-title {
  font: bold 15px/24px var(--font);
  color: var(--main);
}
.step-box-head .right {
  float: right;
  margin-left: auto;
  min-width: 100px;
}
.step-box-head a.right {
  border-radius: 25px;
  font: bold 12px/28px var(--font);
}
.step-box-head button {
  margin-right: 10px;
}
.export i.k-icon {
  font-size: 22px;
}
.k-searchbox .k-input-inner {
  padding: 1px 1px 10px 1px;
}
.k-toolbar {
  font: normal 13px/22px var(--font);
  padding: 0px 5px;
}
.k-treeview {
  font-family: var(--font);
  padding: 0px;
  margin: 0px;
  font-size: 13px;
}
.k-input-inner {
  background: #fff;
}
.step-box-head + .step-box-body {
  padding-top: 10px;
}
.step-box-body {
  padding: 15px 20px;
  font: normal 13px/1.2 var(--font);
  color: #000;
}
.step-box-body nav li {
  margin-bottom: 8px;
}
.step-box-body nav li a {
  display: block;
  font: normal 16px/1.2 var(--font);
  padding: 4px 0;
  color: var(--text);
}
.step-box-body strong {
  font-size: 13px;
}
.step-box-body > div {
  margin-bottom: 4px;
}
.step-box-body div.ib {
  margin-right: 15px;
}
.step-box-body .step-table {
  margin-bottom: 10px;
}
.step-box-body .flex {
  align-items: flex-start;
}
.step-box-body .flex .left {
  width: calc(100% - 100px);
  padding-right: 10px;
}
.step-box-body .flex .left > div {
  margin-bottom: 10px;
}
.step-box-body .flex .left + *,
.step-box-body .flex .button-wrap {
  width: 100px;
  min-height: 28px;
}
.step-box-body .flex .left + * .k-input,
.step-box-body .flex .left + * .k-button,
.step-box-body .flex .left + * .bttn,
.step-box-body .flex .left + * .content .etk-button,
.content .step-box-body .flex .left + * .etk-button,
.step-box-body .flex .button-wrap .k-input,
.step-box-body .flex .button-wrap .k-button,
.step-box-body .flex .button-wrap .bttn,
.step-box-body .flex .button-wrap .content .etk-button,
.content .step-box-body .flex .button-wrap .etk-button {
  min-width: 0;
  width: 100%;
}
.step-box-body .flex .left + * .bttn,
.step-box-body .flex .left + * .content .etk-button,
.content .step-box-body .flex .left + * .etk-button,
.step-box-body .flex .button-wrap .bttn,
.step-box-body .flex .button-wrap .content .etk-button,
.content .step-box-body .flex .button-wrap .etk-button {
  padding: 2px 10px;
  margin-bottom: 2px;
  padding: 2px 10px;
}
.step-box-body .flex .left + * .bttn.small,
.step-box-body .flex .left + * .content .small.etk-button,
.content .step-box-body .flex .left + * .small.etk-button,
.step-box-body .flex .button-wrap .bttn.small,
.step-box-body .flex .button-wrap .content .small.etk-button,
.content .step-box-body .flex .button-wrap .small.etk-button {
  min-height: 28px;
  line-height: 20px;
}
.step-box-body .form-row {
  margin-right: -10px;
}
.step-box-body .form-input label {
  font-size: 13px;
  font-weight: normal;
}
.num {
  display: inline-block;
  vertical-align: top;
  font: bold 16px/1.5 var(--font) !important;
}
div.num {
  display: block;
  margin: 0px 0;
}
.simplelink {
  color: #000;
  text-decoration: underline;
  font: normal 12px/1.2 var(--font);
}
span.elementname {
  font-weight: bold;
}
.infoblock {
  display: block;
  padding-left: 20px;
  padding-top: 2px;
  position: relative;
  font: normal 12px/1.35 var(--font);
}
.infoblock .info,
.infoblock .step-box-head .icon,
.step-box-head .infoblock .icon {
  position: absolute;
  top: 4px;
  left: 0;
}
.indicator {
  float: left;
  background: #009060;
  color: #fff;
  font: bold 15px/24px var(--font);
  text-align: center;
  padding: 3px 0;
  min-width: 30px;
  height: 30px;
  margin-left: 0px;
  margin-right: 10px;
  border-radius: 100%;
}
.indicator-content {
  display: block;
  margin-left: 40px;
  margin-bottom: 0 !important;
}
.indicator-content small {
  font: normal 12px/1.2 var(--font);
  display: block;
  margin-bottom: 3px;
}
.indicator-content h3 {
  font: bold 13px/1.2 var(--font);
  margin-bottom: 5px;
}
.k-dialog-titlebar {
  background: #fff;
  border-color: #fff;
}
.k-window-titlebar {
  background-image: linear-gradient(90deg, #06d802 0%, #009060 100%);
  background-image: linear-gradient(
    90deg,
    rgba(6, 216, 2, 0.2) 0%,
    rgba(0, 144, 96, 0.2) 100%
  );
}
.k-window-title {
  font: bold 15px/1.2 var(--font);
  color: #000;
}
.k-dialog-buttongroup {
  justify-content: flex-end;
  background: #fff;
  border-color: #fff;
  padding: 10px 20px 10px;
}
.k-dialog-buttongroup .k-button {
  border: 0;
  flex-grow: 0;
}
.k-dialog-buttongroup .k-button.autosize {
  width: auto;
  flex-grow: 0;
  border-radius: 25px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 24px;
  padding-left: 20px;
  padding-right: 20px;
}
.k-dialog-content .k-upload .k-upload-files {
  max-height: 80px;
}
.k-window {
  background: #fff;
}
.k-window-actions .k-i-close::before {
  font-size: 30px;
}
.k-window-actions .k-i-close {
  position: relative;
  text-indent: -99em;
}
.k-window-actions .k-i-close::before,
.k-window-actions .k-i-close::after {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  width: 100%;
  content: "";
  display: block;
  height: 2px;
  background: #000;
  transform: rotate(45deg);
}
.k-window-actions .k-i-close::after {
  transform: rotate(-45deg);
}
.k-window-actions .k-button-icon {
  color: #000;
}
.k-dialog .steps-body .step-box:last-child {
  margin-bottom: 0;
}
.k-dialog-content .steps-body {
  margin: 0;
}
.flex-grow-1 {
  flex-grow: 1;
}
.steps-dialog {
  padding-top: 0;
}
.steps-dialog .step-box {
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 10px;
}
.steps-dialog .step-box.selected {
  box-shadow:
    inset 0 0 0 1px #009060,
    0 5px 15px 0 rgba(0, 0, 0, 0.1);
}
.steps-dialog .simplelist {
  max-height: 300px;
  overflow: auto;
}
.steps-dialog textarea {
  height: 70px;
}
.steps-dialog h1 {
  font-size: 19px;
}
.steps-dialog h2 {
  font-size: 17px;
}
.steps-dialog h3 {
  font-size: 15px;
}
.steps-dialog h4 {
  font-size: 13px;
}
.steps-dialog h5 {
  font-size: 12px;
}
.k-window-content {
  overflow: auto;
  max-height: 90vh;
  max-height: calc(90vh - 100px);
}
.k-window-content .steps-body {
  margin: 0;
}
#confirmation h5 {
  font: bold 15px/1.2 var(--font);
  color: #000;
}
#confirmation article *,
#confirmation article {
  color: #5a5d5a;
}
body .ps__rail-y {
  width: 8px !important;
  background: #ced4da;
  background-color: #ced4da !important;
  opacity: 1 !important;
  border-radius: 0;
}
.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  background-color: #ced4da;
}
body .ps__thumb-y {
  width: 8px !important;
  background: #009060 !important;
  border-radius: 0;
  right: 0 !important;
}
.k-listview-item.elements {
  margin: 20px 2px;
}
.basicinfo {
  max-width: 100px;
  margin-left: 0px;
  text-align: right;
}
.basicinfo b {
  display: block;
  font-size: 13px;
}
.basicinfo strong {
  font-size: 15px;
  display: block;
  margin: 4px 0;
}
.simplelist {
  margin: 10px 0;
  padding-right: 10px;
}
.simplelist li {
  position: relative;
  padding-left: 15px;
  padding-bottom: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font: normal 12px/1.2 var(--font);
  color: #000;
}
.simplelist li a {
  color: inherit;
  font: inherit;
  text-decoration: underline;
}
.simplelist li.nodot:before {
  display: none;
}
.simplelist li:before {
  content: "";
  width: 6px;
  height: 6px;
  margin-right: 3px;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  left: 1px;
  top: 4px;
  border-radius: 100%;
}
.payment .k-radio-label {
  margin-bottom: 10px;
  font: bold 14px/25px var(--font);
}
.payment .k-radio-label input[type="radio"] {
  display: inline-block;
  vertical-align: middle;
  float: none;
  margin-right: 4px;
}
.payment .k-radio-label span {
  vertical-align: middle;
}
.payment .k-radio-label img {
  height: 25px;
  vertical-align: middle;
  margin-left: 20px;
}
.validate-message {
  color: darkred;
  width: 100%;
  border: none;
  font-size: 0.8rem;
  text-align: left;
  opacity: 1 !important;
  background: 0;
}
.etk-dragbox {
  background-color: rgba(255, 255, 255, 0.4);
  border-color: #649600;
}
.etk-success-message {
  color: #000;
  opacity: 1;
}
.object-shortinfo {
  margin-right: 50px;
  overflow: hidden;
  display: inline;
  font-size: 13px;
}
.payment div {
  vertical-align: bottom;
  height: 50px;
}
.payment img {
  vertical-align: bottom;
  margin-left: 10px;
}
.k-radio-label {
  min-height: 0;
}
.k-radio-label input [type="radio"]:checked ~ .check {
  position: absolute;
  left: 0;
  top: 0;
  background: var(--main);
  width: 16px;
  height: 16px;
  border-radius: 100%;
  position: absolute;
  left: 0px;
  border: 3px solid #fff;
  top: 6px;
}
.k-radio-label input [type="radio"]:checked ~ .check:before {
  content: "";
  width: 14px;
  height: 14px;
  margin-left: -3px;
  margin-top: -3px;
  position: absolute;
  border: 1px solid var(--main);
  box-shadow:
    0 0 1px var(--main),
    0 0 0 2px #fff;
  border-radius: 100%;
}
#templates-preview .templatenav {
  position: fixed;
  top: 12px;
  left: 12px;
  background-color: var(--main);
  border: 1px solid var(--main);
  color: #000;
  padding: 0px;
  margin-bottom: 10px;
  z-index: 98710;
  text-align: left;
  opacity: 1;
  font-size: 11px;
  width: 10px;
  height: 10px;
  overflow: hidden;
  text-indent: -9999px;
  line-height: 20px;
}
#templates-preview .templatenav ul ul {
  padding-left: 20px;
}
#templates-preview .templatenav ul ul li a {
  font-size: 12px;
}
#templates-preview .templatenav:hover {
  opacity: 1;
  width: auto;
  height: auto;
  padding: 10px;
  text-indent: 0;
  cursor: help;
  background: #fff;
}
.templatenav a {
  color: #000;
  font: normal 13px/1.2 var(--font);
  padding: 5px 0;
  display: block;
  vertical-align: middle;
}
.templatenav a small {
  font-size: 10px;
}
.templatenav a:hover,
#templates-preview .templatenav a:hover {
  color: var(--main);
  text-decoration: underline;
}
.steps-results-wrap {
  font-size: 0;
  height: 290px;
  position: relative;
  padding-bottom: 20px;
}
.step-box-footer .inline-buttons {
  padding-top: 2px;
}
.step-box-footer .inline-buttons .bttn,
.step-box-footer .inline-buttons .content .etk-button,
.content .step-box-footer .inline-buttons .etk-button {
  padding-left: 15px;
  padding-right: 15px;
}
.inline-buttons {
  font-size: 0;
}
.inline-buttons .bttn + .bttn,
.inline-buttons .content .etk-button + .bttn,
.content .inline-buttons .etk-button + .bttn,
.inline-buttons .content .bttn + .etk-button,
.content .inline-buttons .bttn + .etk-button,
.inline-buttons .content .etk-button + .etk-button,
.content .inline-buttons .etk-button + .etk-button {
  margin-left: 10px;
}
.ol-zoomslider {
  top: auto !important;
  left: auto !important;
  bottom: 20px !important;
  right: 10px !important;
}
.ol-popup {
  position: absolute;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 4px #000;
  box-shadow: 0 1px 4px #000;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  padding: 15px;
  border-radius: 10px;
  border: 1px solid #ccc;
  bottom: 12px;
  left: -50px;
  min-width: 280px;
}
.ol-popup:after,
.ol-popup:before {
  top: 100%;
  border: solid rgba(0, 0, 0, 0);
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.ol-popup:after {
  border-top-color: #fff;
  border-width: 10px;
  left: 48px;
  margin-left: -10px;
}
.ol-popup:before {
  border-top-color: #ccc;
  border-width: 11px;
  left: 48px;
  margin-left: -11px;
}
.ol-popup-closer {
  text-decoration: none;
  position: absolute;
  top: 2px;
  right: 8px;
}
.ol-popup-closer:after {
  content: "✖";
}
.ol-scale-line {
  background-color: #fff;
  line-height: 15px;
}
a#fullScreen.active {
  color: #fff;
  background-color: #009060;
}
.toggle .scale {
  display: contents;
}
.toggle .coord {
  display: contents;
}
.coordinate-positioning-buttons-container {
  flex-flow: column;
  gap: 10px;
}
.coordinate-positioning-buttons-container .positioning-button {
  min-height: 0;
  width: 100%;
  justify-content: space-between;
  padding: 5px 15px;
}
#upload-extent .load-file-button,
#upload-extent .add-button-container {
  width: 100%;
  justify-content: space-between;
  padding: 5px 15px;
  height: auto;
  min-height: 0;
}
#UploadedFile table,
#UploadedFile td,
#UploadedFile th {
  font-size: 12px;
}
.move-row-container {
  width: 100% !important;
}
ol-attribution ul {
  background: #fff;
  font-size: 13px;
  color: red;
  height: 25px;
  bottom: 5px;
}
.ol-attribution.ol-uncollapsible {
  bottom: 13px;
  right: 5px;
  border-radius: 0px;
  height: 13px;
  padding: 0px;
}
.ol-attribution ul,
.ol-attribution ul a {
  margin: 0;
  padding: 1px 0px;
  background-color: #009060;
  font-size: 11px;
  color: #fff;
  line-height: 17px;
  bottom: 5px;
}
.total {
  font: bold 13px/28px var(--font);
  color: #000;
}
.checkform-list {
  position: relative;
  max-width: 1200px;
  margin: auto auto 30px;
}
.checkform-list li {
  list-style: none;
}
.checkform-list li + li {
  border-top: 1px solid #ccc;
}
.checkform-list .doc-row {
  padding: 20px;
}
.checkform-list .doc-row .doc-title {
  font: bold 15px/24px var(--font);
  color: var(--main);
  display: block;
  margin-bottom: 20px;
}
.checkform-list .doc-row .doc-text {
  font: normal 12px/20px var(--font);
  color: #5a5d5a;
}
form.checkform,
.checkform {
  position: relative;
  max-width: 1200px;
  margin: auto auto 30px;
  padding: 50px 50px 20px 50px;
}
form.checkform:before,
.checkform:before {
  opacity: 0.2;
  background-image: linear-gradient(90deg, #06d802 0%, #009060 100%);
  border-radius: 10px;
  z-index: 0;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  content: "";
  pointer-events: none;
}
form.checkform .relative > .icon,
.checkform .relative > .icon {
  color: #009060;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 180px;
  height: 180px;
}
form.checkform .bttn.big,
.checkform .bttn.big,
.checkform .content .big.etk-button,
.content .checkform .big.etk-button {
  height: 70px;
  border-radius: 50px;
  padding: 18px 20px 15px 30px;
}
form.checkform .input-wrap,
.checkform .input-wrap {
  position: relative;
  margin-left: 250px;
  z-index: 2;
}
form.checkform .input-wrap input,
.checkform .input-wrap input {
  width: 100%;
  margin-bottom: 20px;
  height: 70px;
  color: #5a5d5a;
  padding: 0 30px;
  background: #fff;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
  border-radius: 35px;
  font-size: 15px;
}
form.checkform .input-wrap .checkform-text *,
form.checkform .input-wrap .checkform-text,
.checkform .input-wrap .checkform-text *,
.checkform .input-wrap .checkform-text {
  font-size: 12px;
  line-height: 1.2;
  color: #5a5d5a;
}
form.checkform .input-wrap .checkform-text * a,
form.checkform .input-wrap .checkform-text a,
.checkform .input-wrap .checkform-text * a,
.checkform .input-wrap .checkform-text a {
  color: #009060;
}
form.checkform .input-wrap .checkform-text * p,
form.checkform .input-wrap .checkform-text p,
.checkform .input-wrap .checkform-text * p,
.checkform .input-wrap .checkform-text p {
  margin: 8px 0;
}
aside.checkform {
  float: right;
  width: 320px;
  padding: 14px 20px;
}
aside.checkform .small-title {
  font: bold 15px/1.2 var(--font);
  color: var(--main);
  margin: 0 0 30px;
}
aside.checkform div {
  margin: 15px 0;
  font-size: 0;
  position: relative;
}
aside.checkform div span {
  font: normal 13px/1.2 var(--font);
  width: 100px;
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}
aside.checkform div strong {
  font: bold 13px/1.2 var(--font);
  white-space: normal;
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 100px);
}
aside.checkform + * {
  margin-left: 0;
  margin-right: 350px;
}
aside.checkform .bttn,
aside.checkform .content .etk-button,
.content aside.checkform .etk-button {
  margin-top: 20px;
}
#coordinate-positioning .move-row-label {
  display: flex;
  align-items: center;
}
#coordinate-positioning .move-row-container {
  display: flex;
  width: 36%;
  justify-content: space-between;
  font-size: 10px;
  font-weight: 600;
  cursor: pointer;
}
#coordinate-positioning .move-row-label:hover {
  background: #d5f1e3;
  border-radius: 7px;
  padding: 0 5px;
}
#coordinate-positioning .bottom-buttons-container {
  width: 100%;
  padding-bottom: 1rem;
}
#coordinate-positioning .coordinate-positioning-buttons-container {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
#coordinate-positioning .positioning-button {
  width: 33%;
  background: #d5f1e3;
  border-radius: 15px;
  min-height: 4vh;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  cursor: pointer;
  color: #2ba37a;
  font-size: 12px;
  font-weight: 600;
  padding: 0 0.5rem;
}
#coordinate-positioning .positioning-button:hover {
  background: #099465;
  color: #fff;
}
#coordinate-positioning .table-buttons-container {
  padding-bottom: 0.5rem;
}
#coordinate-positioning .grid-header {
  background: #e8e8e8;
  text-align: center;
  min-height: 3vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
#coordinate-positioning .grid-title {
  color: #000;
  font-size: 1.1vh;
  font-weight: 600;
}
#coordinate-positioning .k-input-inner {
  background: #e5f3ef;
}
#coordinate-positioning .k-picker {
  border-radius: 15px;
  background: #e5f3ef;
  color: green;
  font-weight: 600;
}
#coordinate-positioning .k-picker-solid:hover {
  background: #e5f3ef;
}
#coordinate-positioning .k-picker-solid:focus {
  background: #e5f3ef;
}
#coordinate-positioning .k-grid-header .k-header {
  text-align: center;
  font-weight: 700;
}
#coordinate-positioning .k-grid tr.k-alt {
  background: #e8e8e8;
}
#coordinate-positioning .k-grid tr {
  background: #f5f4f4;
}
#coordinate-positioning-2 {
  width: 500px;
}
#coordinate-positioning-2 .c-list-item {
  font: bold 13px/1.2 var(--font);
  background: #e5f4ef;
  color: var(--main);
  border-radius: 10px;
  padding: 10px 20px;
  position: relative;
  margin-bottom: 10px;
}
#coordinate-positioning-2 .c-list-item span {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  margin-right: 5px;
}
#coordinate-positioning-2 .c-list-item input {
  vertical-align: middle;
  width: 80px;
  margin-left: 3px;
}
#coordinate-positioning-2 .c-list-item .up,
#coordinate-positioning-2 .c-list-item .down {
  position: absolute;
  top: 8px;
  right: 15px;
  color: #000;
}
#coordinate-positioning-2 .c-list-item .up .icon,
#coordinate-positioning-2 .c-list-item .down .icon {
  width: 11px;
  height: 11px;
  vertical-align: top;
}
#coordinate-positioning-2 .c-list-item .down {
  top: auto;
  bottom: 4px;
}
#coordinate-positioning-2 .column-wrap .column.left {
  width: auto;
  flex-grow: 1;
  flex-shrink: 0;
}
#coordinate-positioning-2 .column-wrap .column.right {
  width: 160px;
  margin-top: 10px;
}
#coordinate-positioning-2 .column-wrap .column.right .bttn,
#coordinate-positioning-2 .column-wrap .column.right .content .etk-button,
.content #coordinate-positioning-2 .column-wrap .column.right .etk-button {
  margin-bottom: 10px;
}
#upload-extent {
  width: 500px;
}
#upload-extent .uploaded-file-container {
  max-height: 35vh;
}
#upload-extent .file-image-column {
  height: 1.5rem;
  width: 1.5rem;
}
#upload-extent .file-image-container {
  width: 100%;
  text-align: center;
}
#upload-extent .load-file-button {
  display: flex;
  margin-left: auto;
  width: 30%;
  height: 2rem;
  font-weight: 600;
  align-items: center;
  background: #d8d8d8;
  border-radius: 15px;
  padding: 0px 0.5rem;
  cursor: pointer;
  justify-content: space-between;
}
#upload-extent .load-file-button:hover {
  background: #099465;
  color: #fff;
}
#upload-extent .bottom-buttons-container {
  width: 100%;
}
#upload-extent .load-file-label {
  font-size: 12px;
}
#upload-extent .add-button-container {
  display: flex;
  width: 30%;
  justify-content: space-evenly;
  background: #d5f1e3;
  border-radius: 15px;
  height: 2rem;
  align-items: center;
  cursor: pointer;
  color: #28a278;
}
#upload-extent .add-button-container:hover {
  background: #099465;
  color: #fff;
}
#upload-extent .add-button-label {
  display: flex;
  font-size: 12px;
  font-weight: 600;
}
#upload-extent .k-header {
  background: #e5f3ef;
}
@media screen and (min-width: 980px) {
  .show980 {
    display: none !important;
  }
}
@media screen and (max-width: 1380px) and (min-width: 980px) {
  body.map header .header-center {
    display: none;
  }
  body.map header .header-bottom .center {
    margin-top: 0;
  }
  .mapmenu {
    float: right;
  }
  body.map header nav > ul {
    margin-top: 8px;
  }
  body.map header .header-bottom {
    width: 100%;
    float: none;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
  }
  nav ul li {
    padding: 0 3px;
  }
}
@media screen and (max-width: 1380px) {
  .steps-boxes-wrap .steps-box .step-num,
  .steps-boxes-wrap .steps-box .step-title {
    margin-left: 30px;
  }
  button.continue,
  a.continue {
    margin-top: 56px;
    right: 10px;
  }
}
@media screen and (max-width: 1340px) {
  body.blackshade .msgs-wrap {
    left: 15px;
  }
  .itemlist li a .title {
    font-size: 17px;
  }
  nav ul li {
    padding: 0;
  }
}
@media screen and (max-width: 1240px) {
  #map-print > .column-wrap {
    min-width: 300px;
    width: auto;
    flex-flow: column;
  }
  #map-print > .column-wrap .column + .column {
    margin-left: 0;
    padding-left: 0;
    border-left: 0 !important;
  }
  .step-wrap > .column-wrap {
    flex-flow: column;
  }
  .step-wrap > .column-wrap.flex-gap-20 .step-box,
  .step-wrap > .column-wrap .column {
    width: 100%;
  }
  .profile-wrap > .column-wrap {
    flex-flow: row;
    flex-wrap: wrap;
  }
  .profile-wrap > .column-wrap > .form-input.double .form-input.quad {
    width: 50%;
  }
  .basicinfo {
    margin-left: 0;
  }
  .form-input.half,
  .form-input.oct {
    width: 25%;
  }
  .column-wrap .column {
    width: 100%;
  }
  .steps-body.js-masonry-layout {
    height: auto !important;
  }
  .content-wrap .steps-body .step-box,
  .application .content-wrap .steps-body .step-box {
    width: 100% !important;
    position: relative;
    left: auto !important;
    top: auto !important;
  }
  .application .content-wrap .steps-body .step-box.msrItem {
    width: 100% !important;
    position: relative !important;
  }
  .itemlist .item.five,
  .itemlist li.five {
    width: calc(33.333% - 20px);
  }
  .index-top h1 {
    font-size: 30px;
  }
  .fbox4.column {
    padding-left: 0;
    margin-top: 20px;
    width: 100%;
  }
  .fbox4.column .ib:first-child {
    padding-left: 0;
  }
  .application footer .footer-bottom {
    background: #fff;
  }
}
@media screen and (max-width: 1180px) {
  .center {
    padding: 0 20px;
  }
  .map-control-inner .mc-controlbox .mc-mapstat > .k-dropdown {
    padding: 0;
    border: 0;
  }
  .map-km {
    bottom: 5px;
    right: 0px;
  }
  .map-control-inner {
    bottom: 40px;
  }
  .map-control-inner .mc-controlbox > small {
    font-size: 10px;
  }
}
@media screen and (max-width: 1080px) {
  .form-input.quad,
  .form-input.half {
    width: 50%;
  }
  .steps-boxes-wrap .steps-box .step-num,
  .steps-boxes-wrap .steps-box .step-title {
    margin-left: 25px;
  }
  .itemlist .item.four,
  .itemlist li.four {
    width: calc(50% - 20px);
  }
  nav .right {
    font-size: 0;
  }
  nav .right a .icon {
    margin-right: 0;
  }
  nav ul ul:before {
    margin-bottom: -1px;
  }
  .step-box-footer .text-right {
    text-align: center;
  }
  .step-box-footer .left.inline-buttons {
    display: block;
    text-align: center;
    float: none;
  }
  .step-box-footer .left.inline-buttons .bttn,
  .step-box-footer .left.inline-buttons .content .etk-button,
  .content .step-box-footer .left.inline-buttons .etk-button {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 1024px) {
  .form-input.pint {
    width: 33.333%;
  }
}
@media screen and (max-width: 980px) {
  button.continue,
  a.continue {
    margin-top: 37px;
    height: 40px;
  }
  button.continue svg.icon,
  a.continue svg.icon {
    display: none;
  }
  .application .page-top {
    position: relative;
  }
  .application .content-pre-wrap {
    padding-top: 0;
  }
  .application .content .center .pagetitle {
    padding-left: 35px;
    white-space: normal !important;
  }
  .map-control-inner {
    bottom: 35px;
    left: 8px;
    right: auto;
  }
  .dropdown-trigger .icon,
  .dropdown-trigger .step-box-head .icon,
  .step-box-head .dropdown-trigger .icon {
    margin-top: 4px !important;
  }
  nav > .right > a {
    margin: 0;
  }
  .form-input.oct {
    width: 50%;
  }
  .application .content .center .content-wrap,
  .application .content .center .steps-header {
    padding-right: 0;
  }
  .application .page-top {
    padding-left: 0;
  }
  .application .page-top .steps-header {
    padding-right: 0;
    padding-left: 35px;
  }
  .application footer,
  .application .content {
    margin-left: 0;
  }
  .application .header-bottom {
    transform: translateX(-140px);
  }
  .application #respbtn {
    position: fixed;
    left: 100%;
    top: 55px;
    background: var(--main);
    padding: 5px;
    height: 38px;
    border-radius: 0 5px 5px 0;
  }
  .application .responsivenav {
    left: 0;
    right: auto;
    position: fixed;
  }
  .application .overlay {
    position: fixed;
  }
  .steps-boxes-wrap .steps-box.done {
    background: var(--main);
  }
  .steps-boxes-wrap .steps-box.active {
    background: var(--warning);
  }
  .steps-boxes-wrap .steps-box > .icon {
    display: none;
  }
  .steps-boxes-wrap .steps-box {
    background: rgba(255, 212, 95, 0.5);
    padding: 5px 10px;
    text-align: center;
    border-radius: 4px 20px 20px 4px;
    margin-left: 0 !important;
  }
  .steps-boxes-wrap .steps-box .step-num {
    margin-left: 0;
  }
  .steps-boxes-wrap .steps-box .step-title {
    margin-left: 10px;
  }
  .steps-boxes-wrap {
    padding-right: 0;
    flex-wrap: wrap;
    gap: 5px;
  }
  #respbtn {
    display: block;
    float: right;
    padding-left: 10px;
  }
  body.map header .header-bottom {
    float: right;
    padding-right: 0px;
    padding-top: 10px;
  }
  body.map header .header-bottom #respbtn span {
    background: #000;
  }
  body.map header .header-bottom .center {
    margin-top: 0;
  }
  body.map header .header-bottom nav {
    float: left;
  }
  .mapmenu {
    margin-top: 3px;
  }
  .mapmenu > span {
    display: none;
  }
  body.map header .logo.left {
    max-width: 100%;
  }
  body.map header nav > ul {
    display: none;
  }
  .header-bottom {
    border-radius: 0;
  }
  .header-bottom .center nav > ul {
    display: none !important;
  }
  .header-bottom .center {
    border-radius: 0;
  }
  .header-bottom .center {
    display: flex;
    align-items: center;
  }
  #respbtn {
    display: block !important;
    float: none;
    flex-shrink: 0;
  }
  #respbtn span {
    background: var(--text);
  }
  .header-bottom .center nav {
    flex: 1;
    display: flex;
    justify-content: flex-end;
  }
  .header-bottom .center nav .right {
    display: flex;
    align-items: center;
  }
  .header-bottom .center nav .right .exit,
  .header-bottom .center nav .right .exit-hr {
    display: none;
  }
  /* Header top - only search + help */
  .header-top .logo.left {
    display: none;
  }
  .header-top .right .js-trigger-blind,
  .header-top .right .js-trigger-text,
  .header-top .right .lang,
  .header-top .right hr,
  .header-top .right a[href="index.html#helplink"] {
    display: none;
  }
  .header-top .right {
    width: 100%;
    margin-left: 0;
  }
  .header-top .right form {
    margin-left: 0;
  }
  .header-top .right form input[type] {
    width: 100%;
  }
  /* Header bottom sticky on scroll */
  .header-bottom {
    position: sticky;
    top: 0;
    z-index: 100;
    background: #fff;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
  }
  /* Search full width */
  .header-top .right {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .header-top .right form {
    width: 100%;
    order: 99;
    margin: 8px 0 0;
  }
  .header-top .right form input[type] {
    width: 100%;
  }
  /* Responsive nav fullscreen */
  .responsivenav {
    display: block !important;
    right: 0 !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-top: 80px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  }
  .responsivenav nav {
    height: auto;
    text-align: center;
    border-top: 0;
    padding: 0;
  }
  .responsivenav nav ul {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 0;
  }
  .responsivenav nav ul li {
    width: 100%;
  }
  .responsivenav nav ul li a {
    padding: 12px 20px !important;
    display: block;
  }
  .responsivenav nav ul li a span {
    font: 600 18px/1.4 var(--font);
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }
  .responsivenav nav ul ul {
    margin: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
  }
  .responsivenav nav ul ul li a span {
    font-size: 14px;
    text-transform: none;
    opacity: 0.7;
  }
  #respclose {
    top: 20px;
    right: 20px;
    left: auto;
  }
  #respmenu:checked ~ .responsivenav {
    opacity: 1;
    visibility: visible;
    animation: none;
  }
}
@media screen and (min-width: 980px) and (max-width: 1280px) {
  .mapmenu > a {
    padding: 2px 0 0;
    width: 34px;
  }
  .mapmenu > a .objects,
  .mapmenu > a .respmenu {
    display: none;
  }
}
@media screen and (max-width: 980px) {
  .columns2,
  .columns3 {
    gap: 0;
    columns: 1;
    columns: unset;
  }
}
@media screen and (max-width: 920px) {
  .gotop {
    width: 50px;
    height: 50px;
    top: -25px;
  }
  .gotop .icon,
  .gotop .step-box-head .icon,
  .step-box-head .gotop .icon {
    width: 20px;
    height: 30px;
  }
}
@media screen and (max-width: 860px) {
  form.checkform .relative > .icon,
  .checkform .relative > .icon {
    display: none;
  }
  form.checkform .input-wrap,
  .checkform .input-wrap {
    margin-left: 0;
  }
  aside.checkform {
    width: 100%;
    float: none;
  }
  article {
    width: 100%;
  }
  .profile-wrap > .column-wrap {
    flex-flow: column;
    flex-wrap: wrap;
  }
  .profile-wrap > .column-wrap .step-box.form-input {
    width: 100% !important;
  }
  .profile-wrap > .column-wrap > .form-input.double .form-input.quad {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .pagetitle .breadcrumbs {
    float: none;
    margin-top: 0;
    max-width: 90%;
  }
  .pagetitle h1 {
    width: 100%;
    line-height: 1.3;
  }
  .steps-header .exit {
    display: none;
  }
  .itemlist .item.five,
  .itemlist li.five {
    width: calc(50% - 20px);
  }
  .index-top {
    text-align: left;
    padding: 20px 0;
  }
  .index-top h1 {
    font-size: 20px;
    text-align: left;
  }
  .check-status .sectitle {
    text-align: left;
  }
  .check-status {
    text-align: center;
    padding: 20px;
    flex-flow: column;
  }
  .check-status > .right,
  .check-status > .column {
    width: 100% !important;
  }
  .map-control > .map-dropdown .tab-wrap,
  .map-control > .map-dropdown {
    min-width: 340px;
    max-width: calc(100vw - 80px);
  }
  .form-bottom {
    flex-flow: column;
  }
  .form-bottom .bttn,
  .form-bottom .content .etk-button,
  .content .form-bottom .etk-button {
    width: 100%;
  }
  .map-control .form-input,
  .form-bottom .column {
    width: 100%;
  }
  .form-input {
    width: 50%;
  }
}
@media screen and (max-width: 746px) {
  .steps-boxes-wrap .steps-box.active ~ .steps-box,
  .steps-boxes-wrap .steps-box.done {
    display: none;
  }
  .application .content-wrap .steps-body {
    width: 100%;
  }
}
@media screen and (min-width: 680px) {
  .show680 {
    display: none !important;
  }
}
@media screen and (max-width: 680px) {
  .steps-body aside.step-box {
    width: 100%;
    float: none;
  }
  aside + * {
    margin: 0;
    width: 100%;
  }
  .form-input.column {
    width: 100%;
    padding-right: 0;
  }
  .form-input.pint {
    width: 50%;
  }
  .paymethods article .column-wrap {
    flex-flow: column;
  }
  .paymethods article .column {
    width: 100% !important;
    padding: 0 !important;
  }
  .itemlist .item.four,
  .itemlist li.four {
    width: 100%;
  }
  .gotop {
    position: fixed !important;
    bottom: 20px !important;
    right: 16px !important;
    top: auto !important;
    left: auto !important;
    width: 50px !important;
    height: 50px !important;
    margin: 0 !important;
    z-index: 9999;
    background: var(--gold) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  }
  .gotop .icon {
    color: var(--fff) !important;
    width: 18px !important;
    height: 18px !important;
  }
  .sectitle,
  .check-status .sectitle {
    font-size: 20px;
  }
  .footer-bottom .copyleft {
    padding: 0 20px;
  }
  .fbox4 .ib,
  .fbox1,
  .fbox2,
  .fbox3 {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    text-align: left;
  }
}
@media screen and (max-width: 600px) {
  #coordinate-positioning-2 .column-wrap {
    flex-flow: column;
    padding-botto: 20px;
  }
  #sample-from-ETK .column-wrap {
    flex-flow: column;
  }
  #sample-from-ETK .column-wrap .geometry-column {
    margin: 0 auto;
  }
  #sample-from-ETK .column-wrap .etk-buttons-wrapper {
    justify-content: center;
    display: flex;
    flex-flow: column;
    align-items: center;
  }
  form.checkform,
  .checkform {
    padding: 20px;
  }
  form.checkform .bttn.big,
  .checkform .bttn.big,
  .checkform .content .big.etk-button,
  .content .checkform .big.etk-button {
    width: 100%;
  }
  .checkform .input-wrap .column-wrap {
    flex-flow: column;
  }
  .steps-footer .bttn,
  .steps-footer .content .etk-button,
  .content .steps-footer .etk-button {
    width: 100%;
    margin-bottom: 10px;
  }
  .form-input.double {
    width: 100%;
  }
  .index-top {
    background-position: left top;
  }
  .responsivenav {
    width: 100%;
  }
  .responsivenav nav ul ul {
    min-width: 0;
  }
  .responsivenav nav ul ul li a {
    padding: 0 10px;
  }
  .header-top .right {
    display: block;
    width: 100%;
  }
  .header-top .right .lang {
    float: right;
    margin-top: 3px;
  }
  .header-top .right .lang span {
    display: none;
  }
  .header-top .left {
    display: none;
  }
  .header-top .right .ib {
    margin-left: 0;
  }
}
@media screen and (max-width: 550px), screen and (max-height: 768px) {
  .map-control > .map-dropdown.opened,
  .map-control > .map-dropdown.active {
    border-radius: var(--br) !important;
    left: 65px !important;
    top: 0px !important;
  }
  .map-control > .triggers > a {
    padding: 5px 0;
    height: 35px;
  }
}
@media screen and (max-width: 550px) {
  .mapmenu.hoverable:hover #mapmenu.hidden,
  .mapmenu.opened #mapmenu.hidden {
    width: calc(100vw - 80px);
    right: -40px;
  }
  .whitebox {
    padding: 20px;
  }
  .form-input.pint {
    width: 100%;
  }
}
/* ===== HOMEPAGE RESPONSIVE ===== */
@media screen and (max-width: 980px) {
  /* Header nav - smaller font, wrap */
  .header-bottom .center nav ul li a {
    font-size: 12px;
    padding-block: 0.375rem;
    padding-inline: 0.625rem;
  }
  /* Registri - 2 columns */
  .registri .a,
  .registri a {
    width: 50%;
    min-height: 220px;
  }
  /* Services - 2 columns */
  .section-services-2 .uslugi a {
    width: calc((100% - var(--gap)) / 2);
  }
  /* News - 2 columns */
  .news-wrap {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  /* Column wrap - stack */
  .check-status-wrap .column-wrap,
  #useful .column-wrap {
    flex-flow: column;
  }
  .check-status-wrap .column-wrap > .column,
  #useful .column-wrap > .column {
    width: 100% !important;
  }
  /* Useful links full width */
  .useful-links-block {
    max-width: 100% !important;
  }
  /* Footer */
  footer .trim {
    flex-wrap: wrap;
    gap: var(--gap);
  }
  footer .fbox {
    flex: none;
    width: calc(50% - var(--gap));
  }
  footer .fbox:first-child {
    width: 100%;
    text-align: center;
  }
}

@media screen and (max-width: 680px) {
  /* Registri - 1 column */
  .registri .a,
  .registri a {
    width: 100%;
    min-height: auto;
    border: 1px solid var(--border);
  }
  /* Services - 1 column */
  .section-services-2 .uslugi a {
    width: 100%;
    height: 160px;
  }
  /* News - 1 column */
  .news-wrap {
    grid-template-columns: 1fr !important;
  }
  /* Section padding reduce */
  .section-services-2,
  .ai-service,
  .check-status-wrap,
  #useful,
  .index-news {
    padding: 40px 0;
  }
  /* Sectitle smaller */
  .sectitle {
    font-size: 20px !important;
    margin-bottom: 24px !important;
  }
  /* Check status cards stack */
  .check-status-1,
  .check-status-2 {
    padding: 20px;
  }
  /* Form rows stack */
  .check-status-wrap .form-row {
    flex-wrap: wrap;
  }
  .check-status-wrap .form-row .form-input {
    width: 100%;
  }
  /* AI block */
  .ai-block {
    padding: 24px 16px;
  }
  .ai-block .flex-column p {
    font-size: 14px;
  }
  /* Useful links */
  .useful-links-block a strong {
    font-size: 14px !important;
  }
  /* Footer single column */
  footer .fbox {
    width: 100% !important;
    text-align: left;
  }
  footer .fbox:first-child {
    text-align: left;
  }
  footer .trim {
    flex-flow: column;
  }
  .footer-center {
    padding-top: 32px;
    min-height: auto;
  }
  /* Video section - hide on mobile */
  .section-services {
    display: none;
  }
  /* General title */
  .general-title {
    font-size: 18px;
  }
  /* Hide news button on mobile */
  .show680 {
    display: none !important;
  }
  /* Mobile help in nav bar */
  .mobile-help {
    display: inline-block !important;
    vertical-align: middle;
  }
  a.mobile-help {
    font: 600 12px/1 var(--font);
    color: var(--gray);
    margin-left: 8px;
    text-decoration: none;
  }
  .header-bottom .center nav .right hr {
    background: var(--gray) !important;
    opacity: 0.15 !important;
  }
}

@media screen and (max-width: 480px) {
  label {
    min-height: 0;
  }
  /* Tighter section padding */
  .section-services-2,
  .ai-service,
  .check-status-wrap,
  #useful,
  .index-news,
  .index-top {
    padding: 24px 0;
  }
  /* Smaller titles */
  .sectitle {
    font-size: 18px !important;
  }
  .general-title {
    font-size: 16px !important;
    gap: 12px !important;
  }
  /* Check-status form inputs full width */
  .check-status-wrap .form-row {
    flex-direction: column;
  }
  .check-status-wrap .form-input {
    width: 100% !important;
  }
  .check-status-1,
  .check-status-2 {
    padding: 16px !important;
  }
  /* AI block tighter */
  .ai-block {
    padding: 16px 12px !important;
  }
  .ai-block .flex-column p {
    font-size: 13px !important;
  }
  /* Useful links - card style on mobile */
  .useful-links-block a {
    flex-wrap: nowrap;
    padding: 16px;
    border: 1px solid var(--border);
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    border-radius: var(--br);
    gap: 12px;
  }
  .useful-links-block a .rm {
    position: static;
    margin-left: auto;
    flex-shrink: 0;
  }
  /* News card tighter padding */
  .news-wrap .news-card .n-card-body {
    padding: 16px !important;
  }
  /* Disable SVG animations for performance */
  .animate-circuit-1,
  .animate-circuit-2,
  .animate-circuit-3,
  .animate-circuit-4,
  .animate-circuit-5,
  .animate-circuit-6,
  .animate-yellow-line,
  .animate-gold-2,
  .animate-gold-3,
  .animate-gold-4 {
    animation: none !important;
  }
  .footer-center .flex {
    flex-flow: column;
    text-align: left;
  }
  .footer-center .flex > div {
    margin: 0;
    max-width: 100%;
  }
  .etk-buttons-double {
    gap: 10px;
    min-width: 0;
    flex-wrap: wrap;
  }
  .map-control > .map-dropdown .tab-wrap,
  .map-control > .map-dropdown {
    min-width: 0;
  }
  .map-control > .map-dropdown.opened,
  .map-control > .map-dropdown.active {
    left: 45px !important;
  }
  .map-control > .map-dropdown {
    z-index: 2;
    height: 100%;
  }
  .start-action-box,
  .step-box-head {
    flex-flow: column;
  }
  .start-action-box h3,
  .step-box-head h3 {
    text-align: center;
  }
  .start-action-box .bttn,
  .start-action-box .content .etk-button,
  .content .start-action-box .etk-button,
  .start-action-box .right,
  .step-box-head .bttn,
  .step-box-head .content .etk-button,
  .content .step-box-head .etk-button,
  .step-box-head .right {
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
  }
  .object .label {
    padding: 10px 70px 10px 10px;
    border-radius: 10px;
  }
  .object .object-options {
    top: 4px;
  }
  .object .object-options button,
  .object .object-options a {
    width: 30px;
    height: 30px;
  }
  .form-row {
    margin-top: 9px;
    margin-right: 0;
    width: auto !important;
  }
  .k-tabstrip-top > .k-tabstrip-content {
    padding: 10px 0 0;
  }
  #map .k-tabstrip .k-tabstrip-items {
    padding: 0;
  }
  .map-control > .map-dropdown,
  .mapmenu.hoverable:hover #mapmenu.hidden,
  .mapmenu.opened #mapmenu.hidden {
    width: calc(100vw - 65px);
    right: auto;
    left: 0px;
  }
  .mapmenu .object-options a {
    margin-left: 3px;
  }
  .application .content .center .pagetitle {
    font-size: 17px;
    white-space: nowrap;
  }
  .k-dialog-buttongroup .k-button.autosize {
    min-width: 100%;
  }
  .form-input {
    width: 100% !important;
    padding-right: 0;
  }
  .fbox-title,
  .pagetitle h1,
  .pagetitle {
    font-size: 22px;
  }
  body.map header .header-center {
    display: none;
  }
  body.map header .header-bottom {
    width: 100%;
    padding: 0 10px 10px;
    float: none;
    margin-right: 10px;
  }
  .itemlist .item.five,
  .itemlist li.five {
    width: 100%;
  }
  .map-control > .triggers > a {
    width: 40px;
  }
  .map-control > .map-dropdown.opened,
  .map-control > .map-dropdown.active {
    left: 50px;
  }
  .map-control > .map-dropdown .tab-wrap {
    min-width: 0;
    width: 100%;
    max-width: unset;
    border-bottom-left-radius: 0;
  }
  #searchResult .k-pager-wrap {
    display: block;
  }
  #searchResult .k-pager-wrap .k-pager-numbers-wrap {
    display: inline-block;
  }
  #searchResult .k-pager-wrap .k-pager-info {
    float: none;
    width: 100%;
    text-align: center;
  }
  .map-control .k-input,
  .map-control .k-picker {
    font-family: var(--font);
    height: 28px;
  }
  .map-control input[type="text"],
  .map-control input[type="email"],
  .map-control input[type="password"],
  .map-control input[type="data"],
  .map-control select,
  .map-control .input,
  .map-control .k-input,
  .map-control input[type] {
    height: 28px !important;
    line-height: 28px !important;
  }
  .mapmenu.hoverable:hover #mapmenu.hidden,
  .mapmenu.opened #mapmenu.hidden {
    width: auto;
    max-width: calc(100vw - 50px);
  }
  .map-control > #map-branches,
  #map-search,
  #map-layers,
  #map-print {
    width: calc(100vw - 50px);
    right: auto;
    left: 40px;
  }
  .object .object-options button,
  .object .object-options a {
    height: 30px;
    width: 30px;
  }
  button.continue,
  a.continue {
    height: 40px;
    margin-top: 47px;
  }
  .add-button-container,
  .load-file-button {
    width: 100%;
  }
}
@media screen and (max-width: 410px) {
  label.empty {
    display: none;
  }
  .mc-controlbox-inner {
    flex-wrap: wrap;
  }
  .mc-controlbox-inner .mc-mapstat {
    display: none;
  }
  .mc-controlbox-inner.toggle {
    bottom: 40px;
    position: relative;
  }
  .mc-controlbox-inner.toggle .mc-controlbox {
    width: calc(50% - 10px);
  }
  .mc-controlbox-inner.toggle .mc-mapstat {
    display: block;
    text-align: center;
    width: auto !important;
  }
  .mc-controlbox-inner.toggle .mc-mapstat input[type] {
    text-align: center;
  }
  .step-box-head {
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
  }
  .step-box-head .step-box-title {
    width: 100%;
  }
  .step-box-head a.right {
    float: none;
    margin: 10px auto 0;
  }
  .step-box-body .flex {
    flex-wrap: wrap;
  }
  .step-box-body .flex .left {
    width: 100%;
  }
  .step-box-body .flex .left + *,
  .step-box-body .flex .button-wrap {
    width: 100%;
    margin-top: 10px;
  }
  .map-control-inner .mc-controlbox .k-input,
  .map-control-inner .mc-controlbox > input {
    text-align: center;
  }
  .scale {
    display: none;
  }
  .coord {
    display: none;
  }
}
@media screen and (max-width: 390px) {
  #coordinate-positioning-2 .c-list-item span {
    display: block;
    margin-bottom: 3px;
  }
  .currency {
    font-size: 0;
  }
  .currency a + a:before {
    content: " /";
  }
  .ol-attribution ul {
    display: none;
  }
} /*# sourceMappingURL=style.css.map */