@charset "UTF-8";
@font-face {
  font-family: "Sofia Sans";
  src: url("../fonts/SofiaSans-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Sofia Sans";
  src: url("../fonts/SofiaSans-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
}
:root {
  --main: #2E6DA4;
  --mainhover: #4780B2;
  --secondary: #173356;
  --secondaryhover: #9EBCE0;
  --third: #F2F2F2;
  --thirdhover: #5E748E;
  --text: #000;
  --textmenu: #fff;
  --link: #173356;
  --linkhover: #fff;
  --gray: #B7B7C2;
  --lightgray: #393941;
  --bgr: #BCD7F0;
  --fff: #fff;
  --font: "Sofia Sans", Tahoma;
  --deletingpx: 0px;
  --orange: #ffd45f;
  --gap: 32px ;
}

@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;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.maincolor {
  color: var(--main);
}

.secondcolor {
  color: var(--secondary);
}

.follow {
  position: absolute;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  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(--mainhover);
}

.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(--fff);
}

#wrap {
  min-height: 100%;
}

.center {
  display: block;
  float: none !important;
  max-width: 1520px;
  margin: 0 auto;
  padding: 0 0px;
}

.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;
}

.column-wrap {
  display: flex;
  gap: 10px;
}

.column-wrap .column {
  width: calc(50% - 20px);
}

.column-wrap .column.right {
  margin-left: auto;
}

.column {
  width: 50%;
}

#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(--secondary);
  position: relative;
  width: auto;
  margin: auto;
  padding: 0 0 20px;
  margin: auto;
  max-width: 270px;
  border-radius: 0px;
  padding: 0 0 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: 0;
  padding-right: 0;
  padding: 8px 20px;
}

#gdpr_wrapper .gdpr_bttns a {
  border: 0;
  background: #fff;
  color: var(--text);
  font-size: 14px;
  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: 0px;
  height: auto;
  text-transform: uppercase;
}

#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: var(--main);
}

.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: 20px;
  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: 0 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: var(--main);
}

div.error,
div.success,
div.warning,
div.note {
  position: relative;
  width: auto;
  margin: 20px 0;
  padding: 10px 20px;
  border-radius: 0px;
  font: normal 14px/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(--orange);
}

#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);
  color: var(--text);
}

.error404 p {
  color: var(--text);
  font: normal 30px/42px var(--font);
}

.error404 a {
  font: normal 17px/42px var(--font);
}

._close {
  position: absolute;
  top: 16px;
  right: 16px;
  font-size: 2em;
  color: #000;
}

._close.relative {
  position: relative;
  top: 0;
  right: 0;
}

._close:hover,
#genpop ._close:hover {
  color: #f83462;
}

._close:before,
._close:after,
#genpop ._close:before,
#genpop ._close:after {
  content: "";
  width: 30px;
  height: 2px;
  background: var(--text);
  position: absolute;
  left: 0;
  right: 0;
  top: 15px;
  bottom: 0;
  transform-origin: center center;
  transform: rotateZ(45deg);
  margin: 0;
}

._close:before,
#genpop ._close:before {
  transform: rotateZ(-45deg);
}

._close,
#genpop ._close {
  text-align: center;
  font-size: 30px;
  text-decoration: none;
  font-size: 0;
  width: 30px;
  height: 30px;
  z-index: 2;
}

#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);
  color: #000;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-variant: all-small-caps;
}

#genpop div.p {
  font: normal 14px/22px var(--font);
  color: var(--text);
}

body.overflow-hidden {
  overflow: hidden;
}

._gclose {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 2em;
  color: var(--text);
  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;
}

.k-icon-button.k-button-md > .k-button-icon {
  min-height: 0;
}

.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._icon {
  font-size: 0;
}

.social a.socicon {
  font-size: 17px;
  color: var(--text);
}

.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: 20px;
}

body.t16 #up {
  pointer-events: none;
  background: var(--main);
  color: #fff;
}

body.t16 #reset {
  background: 0;
  color: #000;
}

body.t16 .n-text,
body.t16 .n-date,
body.t16 .date,
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: 17px;
}

body.t16 .footer-bottom .copyleft,
body.t16 .footer-center .center .flex,
body.t16 .rm,
body.t16 .news-text-links li .title,
body.t16 .index-news .left .main-news .news-right .text-box,
body.t16 nav ul li > a > span {
  font-size: 20px;
}

body.t16 .index-messages li a .info-wrap .n-title,
body.t16 .index-messages li .a .info-wrap .n-title,
body.t16 .itemlist .item .a .n-title,
body.t16 .itemlist .item a .n-title,
body.t16 .itemlist li .a .n-title,
body.t16 .itemlist li a .n-title {
  font-size: 22px;
}

body.t16 article,
body.t16 p {
  font-size: 20px !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;
  gap: var(--gap);
  margin-bottom: 8px;
  flex-grow: 1;
  width: 100%;
}

.map .k-tabstrip-content {
  --gap: 8px ;
}

.fullwidth {
  width: 100%;
}

.fullwidth.center {
  max-width: 100%;
  padding: 0 16px;
}

.form-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}

.form-input {
  width: calc((100% - 2 * var(--gap)) / 3);
  display: inline-block;
  vertical-align: top;
  position: relative;
  flex-shrink: 0;
}

.form-input.auto {
  width: auto;
  min-width: 180px;
  box-sizing: border-box;
}

.form-input.checkboxes {
  align-self: end;
}

.form-input .form-input {
  margin-bottom: 0;
}

.form-input.fullwidth {
  width: 100%;
}

.form-input.half {
  width: calc((100% - 5 * var(--gap)) / 6);
}

.form-input.double {
  width: 66%;
}

.form-input.half.double {
  width: 83.33333%;
}

.form-input.column {
  width: calc(50% - var(--gap));
}

.form-input.pint {
  width: calc((100% - 4 * var(--gap)) / 5);
}

.form-input.quad {
  width: calc((100% - 3 * var(--gap)) / 4);
}

.form-input.oct {
  width: calc((100% - 7 * var(--gap)) / 8);
}

.form-input.autosize {
  min-width: 0;
  width: auto;
}

.form-input.nest {
  padding-right: 0;
  display: inline-flex;
  gap: var(--gap);
  flex-wrap: wrap;
}

.form-input.nest .form-input {
  margin-bottom: 0;
}

.form-input.third {
  width: calc((100% - 2 * var(--gap)) / 3);
}

.form-input.tenth {
  width: calc((100% - 9 * var(--gap)) / 10);
}

.form-input.form-input.twenty {
  width: 20%;
}

.form-input.form-input.sixty {
  width: 60%;
}

.form-input.fortieth {
  width: 40%;
}

.form-input.w100 {
  width: 100px;
}

.form-input.w150 {
  width: 150px;
  white-space: nowrap;
}

.form-input.w120 {
  width: 150px;
  white-space: nowrap;
}

.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: 5px 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;
}

.form-input.k-ml-auto,
.form-input.k-mr-auto {
  flex-grow: 0;
}

label {
  display: block;
  font: normal 13px/14px var(--font);
  padding: 5px 0;
  color: #474f4c;
  min-height: 28px;
  position: relative;
}

label.empty {
  margin-bottom: 0;
  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: 20px;
  height: 28px;
  min-width: 100px;
}

input[type=text],
input[type=email],
input[type=password],
input[type=data],
textarea,
select,
.input {
  height: 38px;
  font: normal 12px/38px var(--font);
  background: #fff;
  border: 1px solid #ced4da;
  border-radius: 0px;
  color: #000;
  padding: 0 10px;
  width: 100%;
  box-shadow: none;
  display: inline-block;
  vertical-align: top;
  margin: 0;
}

.k-list-item-text {
  font: normal 12px/1.2 var(--font);
}

.k-input-solid:focus-within,
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;
  color: #000;
}

.k-colorpicker .k-input-inner {
  background: 0;
  min-height: 24px;
}

.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;
}

.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: 4px solid rgba(0, 0, 0, 0);
  border-top: 6px solid #000;
  border-bottom: 0;
  position: absolute;
  right: 9px;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 0;
  width: 0;
}

.selectwrap:hover:after {
  border-top-color: var(--main);
}

.selectwrap select {
  background: 0;
  border-radius: 0px;
}

[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(--text);
}

.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: 0px !important;
  box-shadow: none !important;
  border: 0 !important;
}

.k-tabstrip-items-wrapper .k-item.k-active {
  background: var(--main);
  color: #fff;
}

.k-tabstrip-content:has(.whitebox),
.k-tabstrip > .k-content:has(.whitebox) {
  border: 0;
  padding: 0;
}

.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;
}

.k-content .k-tabstrip-content .k-active {
  background-color: red;
}

table tr:has(.k-i-collapse) {
  background: #f7f7f7;
}

@media screen and (min-width: 1180px) {
  .spaceous-tabs > div {
    border: 0;
    margin: 0;
  }
  .spaceous-tabs ul.k-tabstrip-items {
    margin: 0 !important;
    padding: 0 !important;
    border: 0;
  }
  .spaceous-tabs ul.k-tabstrip-items > li {
    background: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: top;
    flex-grow: 1;
  }
  .spaceous-tabs ul.k-tabstrip-items > li .k-link {
    display: block;
    border-bottom: 4px solid var(--bgr);
    padding: 0 20px 6px;
    font: bold 20px/1.2 var(--font);
    text-transform: none;
    color: var(--text);
    vertical-align: top;
  }
  .spaceous-tabs ul.k-tabstrip-items > li.k-active .k-link {
    color: var(--main);
    border-bottom: 6px solid var(--main);
    margin-top: -2px;
  }
  .spaceous-tabs div.k-tabstrip-content {
    padding: 0 !important;
    border: 0 !important;
    margin: 20px 0 0;
  }
}
.bigtab {
  margin: 0 50px;
}

.bigtab .k-tabstrip-content,
.bigtab .k-tabstrip > .k-content {
  border: none;
  margin: 0;
  padding: 20px;
}

.bigtab .k-tabstrip-content .step-box,
.bigtab .k-tabstrip > .k-content .step-box {
  margin-bottom: 10px;
  background: #fff;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
  border-radius: 0px;
  page-break-inside: avoid;
}

.bigtab .k-tabstrip-content .step-box.selected,
.bigtab .k-tabstrip > .k-content .step-box.selected {
  background: var(--bgr);
  box-shadow: inset 0 0 0 1px var(--main), 0 10px 30px 0 rgba(0, 0, 0, 0.1);
}

.bigtab .k-tabstrip-items-wrapper .k-hstack {
  border: none;
}

.bigtab .k-tabstrip-items-wrapper .k-item {
  border-radius: 0px 0px !important;
  margin-bottom: 0 !important;
  padding-bottom: 0;
}

.bigtab ul.k-reset.k-tabstrip-items {
  border-bottom: 2px solid var(--main);
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 10px;
}

.bigtab .k-tabstrip .k-tabstrip-items {
  padding: 0;
}

.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 8px;
  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 0px;
  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: 0px;
}

.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(71, 128, 178, 0.5);
  color: var(--main);
}

.k-tabstrip .k-tabstrip-items li.k-state-active,
.k-tabstrip .k-tabstrip-items li.active {
  background: var(--main);
  color: #fff;
}

.no-data {
  font: normal 14px/1.2 Tahoma, sans-serif;
  background: #ffd45f;
  position: relative;
  width: auto;
  margin: 20px 0px;
  padding: 10px 20px;
  border-radius: 0px;
  font: normal 12px/20px Tahoma, sans-serif;
  color: #000;
}

.table-wrapper .k-grid {
  font-family: var(--font);
}

.k-grid .k-detail-row td {
  padding: 2px 2px 10px 5px;
  border: none;
}

.k-detail-row .k-grid {
  border: none;
}

.k-grid-display-block .k-grouping-header,
.k-grid-display-block th {
  font-size: 13px;
}

.k-grid tbody td {
  font-size: 13px;
}

.k-input-md .k-input-inner,
.k-picker-md .k-input-inner {
  padding: 8px 8px;
}

.k-input,
.k-picker {
  font-family: var(--font);
  color: #000;
}

.k-pager-nav.k-link,
.k-pager-refresh {
  color: #666;
}

.k-pager-wrap {
  font-family: var(--font);
  background: 0;
  color: #212529;
  margin: 0;
  padding: 5px 0;
  border: 0;
  font-size: 12px;
  line-height: 1;
}

.k-pager-wrap .k-pager-numbers .k-link.k-state-selected,
.k-pager-wrap .k-pager-numbers .k-link.k-selected {
  background: 0;
  color: #666;
  font-weight: normal;
}

.k-pager-wrap .k-input,
.k-pager-wrap .k-picker,
.k-pager-wrap .k-input-inner {
  font: normal 11px/1.2 Tahoma, sans-serif;
  font-size: 11px;
  color: #666;
}

.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: var(--main);
}

.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-pager-wrap .k-picker-md .k-input-button {
  padding: 0px 2px;
}

.k-pager-wrap .k-picker {
  height: 22px;
}

.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: 0px;
}

.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 #ced4da;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  float: none;
  position: relative;
  line-height: 20px;
  text-indent: -1px;
  text-align: center;
  border-radius: 0px;
}

svg.check,
.checkboxes .check {
  width: 18px;
  height: 18px;
}

svg.check {
  vertical-align: middle;
}

.icon.check,
.step-box-head .check.icon,
.checkboxes .icon.check {
  color: #fff;
  position: absolute;
  left: 0;
  top: 3px;
  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: 0;
  padding-right: 10px;
}

p {
  color: var(--textdark);
  font: normal 16px/1.5 var(--font);
}

.cke_editable,
article {
  color: var(--textdark);
  font: normal 16px/1.5 var(--font);
}

.cke_editable hr,
article hr {
  border: 0px;
  border-top: 1px solid #ccc;
}

.cke_editable .bttn,
.cke_editable .content .etk-button,
.content .cke_editable .etk-button,
article .bttn,
article .content .etk-button,
.content article .etk-button {
  margin-bottom: 10px;
  margin-right: 6px;
}

.cke_editable p,
.cke_editable ul,
.cke_editable ol,
.cke_editable .info,
.cke_editable .step-box-head .icon,
.step-box-head .cke_editable .icon,
article p,
article ul,
article ol,
article .info,
article .step-box-head .icon,
.step-box-head article .icon {
  color: inherit;
  font: inherit;
}

.cke_editable ul,
.cke_editable ol,
article ul,
article ol {
  list-style-position: inside;
}

.cke_editable p,
.cke_editable ul,
.cke_editable ol,
article p,
article ul,
article ol {
  margin: 10px 0 15px;
}

.cke_editable ul,
article ul {
  list-style-type: disc;
}

.cke_editable ol,
article ol {
  list-style-type: decimal;
  list-style-position: inside;
}

.cke_editable ul,
.cke_editable ol,
article ul,
article ol {
  padding-left: 20px;
  list-style-position: outside;
}

.cke_editable ul ul,
.cke_editable ul ol,
.cke_editable ol ul,
.cke_editable ol ol,
article ul ul,
article ul ol,
article ol ul,
article ol ol {
  padding-left: 20px;
  list-style-type: circle;
  list-style-position: outside;
}

.cke_editable ul ol,
.cke_editable ul ol,
.cke_editable ol ol,
.cke_editable ol ol,
article ul ol,
article ul ol,
article ol ol,
article ol ol {
  list-style-type: lower-latin;
  list-style-position: outside;
  padding-left: 20px;
}

.cke_editable a:hover,
article a:hover {
  text-decoration: underline;
}

.cke_editable h1,
.cke_editable h2,
.cke_editable h3,
.cke_editable h4,
.cke_editable h5,
.cke_editable h6,
article h1,
article h2,
article h3,
article h4,
article h5,
article h6 {
  font-family: var(--font);
  font-weight: bold;
  margin: 5px 0;
}

.cke_editable table,
.cke_editable img,
article table,
article img {
  max-width: 100%;
  max-height: 100%;
}

.cke_editable img,
article img {
  object-fit: contain;
}

.cke_editable table,
article table {
  width: 100% !important;
  background: #f5f5f5;
}

.cke_editable table td,
.cke_editable table th,
article table td,
article table th {
  padding: 10px 20px;
  background: var(--third);
  border: 1px solid var(--gray);
  font: inherit;
  color: var(--text);
  text-align: left;
}

.cke_editable table td p,
.cke_editable table th p,
article table td p,
article table th p {
  margin: 0;
  font: inherit;
  color: inherit;
}

.cke_editable table td p + p,
.cke_editable table th p + p,
article table td p + p,
article table th p + p {
  margin: 10px 0 0;
}

.cke_editable table tr:nth-child(2n) td,
.cke_editable table tr:nth-child(2n) th,
article table tr:nth-child(2n) td,
article table tr:nth-child(2n) th {
  background: var(--fff);
}

.cke_editable table th,
article table th {
  color: var(--main);
  font-weight: bold;
  font-size: 16px;
}

code,
kbd,
pre,
samp {
  font: inherit;
  font-family: "Courier New", monospace;
}

code,
article code {
  font-family: "Courier New", monospace;
  font-size: 13px;
  line-height: 16px;
  background: var(--third);
  padding: 3px;
}

.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: 0;
  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(--main);
  margin: 0 5px;
  vertical-align: middle;
}

.breadcrumbs > * {
  font: normal 12px/1.2 var(--font);
  color: #000;
}

.fbox-title,
.pagetitle h1,
.pagetitle {
  font: normal 36px/1.56 var(--font);
  padding: 0;
  margin: 25px 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: 0;
  margin-top: 10px;
  font-size: 12px;
  line-height: 20px;
}

.pagetitle .breadcrumbs > * {
  vertical-align: baseline;
}

.pagetitle .breadcrumbs .icon {
  margin-top: 5px;
}

.index:before {
  content: "";
  display: block;
  width: 100%;
  height: 20px;
  background: #fff;
  z-index: 0;
  top: -20px;
  left: 0;
  right: 0;
  position: absolute;
  max-width: 1520px;
  margin: auto;
}

.index .content .center .content-wrap {
  width: 100%;
}

.index-news {
  margin-top: 56px;
}

.index-news .left {
  width: 56.5%;
}

.index-news .left .main-news {
  background: var(--secondary);
  display: flex;
  position: relative;
  min-height: 356px;
}

.index-news .left .main-news .date {
  color: var(--fff);
}

.index-news .left .main-news .img-wrap {
  width: 366px;
  height: auto;
  flex-shrink: 0;
  position: absolute;
  flex-shrink: 0;
  bottom: 0;
  top: 0;
  left: 0;
  overflow: hidden;
}

.index-news .left .main-news .img-wrap img {
  width: 100%;
  height: 100%;
  transition: all 0.2s linear;
  object-fit: cover;
}

.index-news .left .main-news .news-right {
  padding: 24px;
  display: flex;
  flex-flow: column;
  gap: 24px;
  font: normal 14px/1.25 var(--font);
  color: #fff;
  padding-left: 390px;
}

.index-news .left .main-news .news-right .date {
  text-transform: uppercase;
}

.index-news .left .main-news .news-right strong {
  font-size: 32px;
}

.index-news .left .main-news .news-right .text-box {
  font-size: 16px;
}

.index-news .left .main-news:hover {
  text-decoration: none;
}

.index-news .left .main-news:hover strong {
  text-decoration: underline;
}

.index-news .left .main-news:hover img {
  transform: scale(1.05);
}

.index-news .right {
  width: calc(43.5% - 46px);
}

.index-news .right .news-text-links {
  margin-bottom: 20px;
}

.date {
  display: block;
  text-transform: uppercase;
  font: normal 14px/1.2 var(--font);
  color: var(--thirdhover);
}

.news-text-links {
  display: flex;
  flex-flow: column;
  gap: 16px;
}

.news-text-links li a:hover {
  text-decoration: none;
}

.news-text-links li a:hover .title {
  text-decoration: underline;
}

.news-text-links li .title {
  font: normal 18px/1.2 var(--font);
  color: #000;
  display: block;
  margin-bottom: 8px;
}

.rm {
  font: normal 18px/1.2 var(--font);
  text-transform: uppercase;
  color: var(--text);
  display: inline-block;
  vertical-align: top;
  font-variant: all-small-caps;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.rm .icon,
.rm .step-box-head .icon,
.step-box-head .rm .icon {
  margin-left: 8px;
  width: 16px;
  height: 16px;
  color: inherit;
  transform: none !important;
  vertical-align: middle;
}

.rm:hover {
  text-decoration: none;
}

.rm:hover .icon {
  margin-left: 10px;
}

.sectitle {
  padding: 0;
  margin: 56px 0 32px;
  font: bold 24px/1.2 var(--font);
  font-variant: all-small-caps;
  color: #000;
  text-align: left;
  text-transform: uppercase;
}

.sectitle h1,
.sectitle h2,
.sectitle h3 {
  display: inline-block;
  vertical-align: middle;
  font: inherit;
  margin: 0;
  padding: 0;
}

.sub-sectitle {
  font: bold 20px/1.2 var(--font);
  color: var(--link);
  text-transform: uppercase;
  padding: 0;
  margin: 0 0 20px;
  font-variant: all-small-caps;
}

.pagination {
  margin: 40px 0 50px;
}

.pagination > * {
  font: normal 18px/35px var(--font);
  color: var(--mainhover);
  display: inline-block;
  vertical-align: middle;
  min-width: 35px;
  min-height: 35px;
  text-align: center;
  padding: 0 5px;
  margin-right: 2px;
  border-radius: 0;
  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: var(--bgr) !important;
}

aside .step-box-body {
  padding-left: 10px;
  padding-right: 10px;
}

aside ul ul {
  padding-left: 15px;
}

aside ul li {
  display: block;
  float: none;
  padding: 0;
}

aside ul li a {
  padding: 5px 0;
  display: inline-block;
  vertical-align: top;
  text-transform: none;
  font: normal 17px/1.2 var(--font);
  color: var(--text);
}

.k-loading-mask {
  position: fixed !important;
}

aside + * {
  margin-left: 230px;
  display: block;
}

.owl-nav > *,
.bttn,
.content .etk-button {
  display: inline-block;
  vertical-align: top;
  padding: 11px 20px 9px;
  padding: 5px 10px 5px;
  min-width: 160px;
  font: normal 14px/20px var(--font);
  background: var(--main);
  color: #fff;
  border-radius: 0px;
  text-align: center;
  transition: all 0.2s linear;
}

.owl-nav > *.normal,
.bttn.normal,
.content .normal.etk-button {
  padding: 11px 20px 9px;
}

.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(--mainhover);
  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(--secondary);
}

.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;
}

.owl-nav > *.main:hover,
.bttn.main:hover,
.content .main.etk-button:hover {
  background: var(--secondary);
}

.owl-nav > *.secondary,
.bttn.secondary,
.content .secondary.etk-button {
  background-color: var(--secondary);
  color: #fff;
}

.owl-nav > *.secondary:hover,
.bttn.secondary:hover,
.content .secondary.etk-button:hover {
  background-color: var(--main);
  color: #fff;
}

.owl-nav > *.third,
.bttn.third,
.content .third.etk-button {
  background-color: var(--third);
  color: var(--text);
}

.owl-nav > *.third: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: 48px;
  font-size: 16px;
  line-height: 26px;
  padding: 12px 24px;
  min-width: 204px;
}

.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 > *.small.autosize,
.bttn.small.autosize,
.content .small.autosize.etk-button {
  padding: 3px 14px;
  border: 1px solid rgba(0, 0, 0, 0);
  margin: 0px 5px 0px 0px;
  border-radius: 0px;
}

.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 > * .icon,
.owl-nav > * .step-box-head .icon,
.step-box-head .owl-nav > * .icon,
.bttn .icon,
.bttn .step-box-head .icon,
.step-box-head .bttn .icon,
.content .etk-button .icon {
  width: 32px;
  height: 26px;
  margin-top: -4px;
}

.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(--secondary);
  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: 0px;
}

.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;
}

.owl-nav > *.bttn-icon.autosize,
.bttn.bttn-icon.autosize,
.content .bttn-icon.autosize.etk-button {
  padding: 3px 14px;
}

.owl-nav > .fourth,
.bttn.fourth,
.content .fourth.etk-button {
  background-color: #fdce3e;
  color: #000;
}

.buttons-container {
  overflow: hidden;
  width: 100%;
}

.k-textarea .k-input {
  padding: 10px 15px;
  line-height: 1.2;
  font-size: 12px;
}

.k-upload {
  border-radius: 0px;
  overflow: hidden;
}

button.ozl {
  min-width: 10px;
  padding: 5px 15px;
  line-height: 26px;
  font-size: 12px;
  line-height: 16px;
  min-height: 28px;
  background: #eaeaea;
  color: #000;
  text-transform: none;
}

.k-multiselect .k-button,
.k-upload .k-upload-button {
  min-width: 50px;
  padding: 0 0 0;
  background: 0;
  border: 0;
  line-height: 20px;
  font-size: 12px;
  height: 28px;
  text-transform: none;
}

.application .step-box-footer {
  padding: 0px 10px;
}

.application .k-upload .k-dropzone {
  padding: 0px 10px;
}

.k-upload-button input {
  padding: 0;
  appearance: none;
}

.k-upload-button input + span {
  padding: 0 20px;
  background: var(--orange);
  color: #000;
  font-weight: bold;
  border-radius: 0px;
}

.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: 0px;
}

.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;
  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 td {
  border-width: 0px 0px 1px 0px;
  vertical-align: middle;
  border-color: #f7f7f7;
}

.k-grid th {
  padding: 0.5rem 0.5rem;
  border-width: 0px 0px 1px 0px;
  white-space: nowrap;
}

.k-detail-row {
  background-color: #f7f7f7;
}

.k-grid tr.k-alt {
  background: none;
  border-collapse: collapse;
}

.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-grid-content table td .bttn,
.k-grid-content table td .content .etk-button,
.content .k-grid-content table td .etk-button,
.k-grid-content table td .bttn + div,
.k-grid-content table td .content .etk-button + div,
.content .k-grid-content table td .etk-button + div,
.k-grid-content table td div + .bttn,
.k-grid-content table td .bttn + .bttn {
  margin-top: 2px;
  margin-bottom: 2px;
}

.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: var(--third);
  border-radius: 0px;
  padding: 32px;
  margin-bottom: 0px;
}

section.whitebox2 {
  border-radius: 2px;
  padding: 0 0 5px 0;
  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: 0 0 0;
  background: #fff;
  margin: auto;
  position: relative;
  border-radius: 0;
}

.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: 16px 0;
  overflow: hidden;
}

.header-top .center {
  background: #fff;
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
}

.header-top .logo {
  height: 72px;
  margin-left: 0;
}

.header-top .right {
  margin-left: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.header-top .right .help {
  font-size: 0;
}

.header-top .right .help .text-link {
  background: 0;
  color: inherit;
  font: normal 14px/20px var(--font);
  display: inline-block;
  vertical-align: top;
  padding: 2px 5px;
}

.header-top .right .help .text-link:hover {
  text-decoration: underline;
}

.header-top .right .help .bttn-link {
  color: inherit;
  font: normal 14px/20px var(--font);
  display: inline-block;
  vertical-align: top;
  padding: 2px 5px;
  background: 0;
  min-width: 24px;
  text-align: center;
}

.header-top .right .help .bttn-link:hover,
.header-top .right .help .bttn-link.active {
  text-decoration: none;
  background: var(--secondary);
  color: #fff;
}

.header-top .right .help #reset {
  margin: 0 2px;
}

.header-top .right .separator {
  display: inline-block;
  vertical-align: top;
  height: 24px;
  width: 1px;
  background: #ebebeb;
  margin: 0 13px;
}

.header-top .right .js-trigger-search {
  color: var(--text);
}

.header-top .right .js-trigger-search .icon {
  color: inherit;
  width: 20px;
  height: 20px;
}

.header-top .right form input[type] {
  background: var(--bgr);
  line-height: 30px;
  height: 30px;
  padding-right: 30px;
  width: 200px;
  border: 0;
}

.header-top .right form button {
  position: absolute;
  right: 10px;
  top: 2px;
  bottom: 2px;
  margin-right: auto;
}

.header-top .right form button svg {
  width: 18px;
  height: 18px;
  transform: rotateY(180deg);
}

.header-top .right .ib span {
  font: normal 14px/20px var(--font);
  color: var(--text);
  display: inline-block;
  vertical-align: middle;
}

.header-top .right .ib img {
  margin-right: 4px;
  height: 20px;
  vertical-align: middle;
}

.header-center {
  clear: both;
  overflow: hidden;
  margin-bottom: 14px;
}

.header-center .logo {
  height: 70px;
}

.header-bottom {
  background: var(--main);
}

.header-bottom .center {
  border-radius: 0;
}

.header-bottom .center nav {
  display: block;
}

nav ul li {
  padding: 0 0px;
  margin: 0 0;
  float: left;
  position: relative;
}

nav ul li.home {
  margin-top: 2px;
}

.header-bottom .home span {
  display: none;
}

nav ul li a > .icon,
nav ul li .step-box-head a > .icon,
.step-box-head nav ul li a > .icon {
  width: 20px;
  height: 20px;
  vertical-align: top;
}

nav ul li a:hover > .icon {
  color: var(--orange);
}

nav ul li a {
  display: block;
  text-decoration: none !important;
  font: bold 18px/24px var(--font);
  color: var(--textmenu);
  padding: 20px 24px;
  border-radius: 0px;
}

nav > ul > li.active > a,
nav > ul > li:hover > a {
  background: var(--mainhover);
  color: var(--textmenu);
}

nav > ul ul > li:hover > a > span {
  color: var(--main);
}

nav ul ul {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  background: #fff;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  padding: 15px 0;
  min-width: 320px;
}

nav ul ul:after,
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;
}

nav ul ul:before {
  margin-bottom: -1px;
  border-width: 0 7px 10px 7px;
  border-bottom-color: #eee;
  left: 39px;
}

nav ul ul li {
  margin: 0;
  padding: 0;
  display: block;
  float: none;
}

nav ul ul li:hover,
nav ul ul li.active a {
  color: var(--main);
}

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;
}

nav ul ul li a span {
  color: inherit;
}

header nav ul li:hover ul {
  display: block;
  animation: comein 0.2s forwards;
}

nav > .right {
  float: right;
  font: bold 14px/20px var(--font);
  color: #fff;
  margin-top: 14px;
  height: 32px;
  border: 1px solid #fff;
  top: 14px;
  padding: 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

nav > .right hr {
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  background: #fff;
  opacity: 0.3;
  margin: -3px 5px 0;
  width: 3px;
}

nav > .right .opened {
  color: var(--secondaryhover);
}

nav > .right .pin {
  min-width: 17px;
  text-align: center;
  font: bold 10px/14px var(--font);
  background: var(--orange);
  color: #000;
  position: absolute;
  top: -2px;
  right: -2px;
  padding: 1px 5px;
  border-radius: 10px;
  margin: 0;
}

nav > .right > hr + .dropdown-trigger {
  margin-left: -3px;
  margin-right: -3px;
}

nav > .right > a {
  display: inline-block;
  vertical-align: middle;
  margin: 0 8px;
  padding: 0;
  vertical-align: middle;
  color: #fff;
}

nav > .right > a > .icon {
  width: 20px;
  height: 20px;
  margin-right: 7px;
  padding: 1px;
  color: inherit;
}

.fixed:not(.map) .header-bottom {
  position: fixed;
  left: 0;
  top: 0;
  right: 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: 3px;
  background: #fff;
  transform: rotate(0);
  margin-top: 6px;
  position: relative;
  left: 0;
  transition: all 0.2s linear;
  border-radius: 0px;
}

#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;
  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;
}

.openedsearch {
  overflow: hidden;
}

.openedsearch .searchwrap {
  background: rgba(0, 0, 0, 0.6);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  position: fixed;
  z-index: 9999;
}

.openedsearch .searchwrap form {
  display: block;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  position: relative;
  padding: 150px 16px 100px;
  background: #fff;
  animation: comein 0.2s linear forwards;
}

.openedsearch .searchwrap form .relative {
  max-width: 600px;
  margin: auto;
}

.openedsearch .searchwrap form input {
  border: 0;
  border-bottom: 1px solid var(--main);
  font-size: 20px;
  padding: 0;
}

.openedsearch .searchwrap form button {
  top: 0;
  right: 5px;
  bottom: 0;
  margin: auto;
  position: absolute;
}

.openedsearch .searchwrap form button .icon {
  width: 26px;
  height: 26px;
}

body.blackshade {
  overflow: hidden;
}

body.blackshade .msgs-wrap {
  position: relative;
}

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: 400px;
  background: #fff;
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 3002;
}

.responsivenav nav {
  height: calc(100vh - 48px);
  overflow: auto;
  padding: 0 0 100px;
  border-top: 1px solid #eee;
  position: relative;
}

.responsivenav nav ul ul {
  display: block;
  position: relative;
  top: auto;
  left: auto;
  box-shadow: none;
  margin: 0 20px;
  background: var(--bgr);
}

nav ul ul:after,
nav ul ul:before {
  border-bottom-color: var(--bgr);
}

#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: 12px 20px;
  font: bold 20px/1.2 var(--font);
  color: var(--text);
}

.responsivenav nav li a span {
  background: 0;
}

.responsivenav nav li a .icon {
  display: none;
}

#respclose {
  color: var(--main);
  cursor: pointer;
  text-align: center;
  right: 0;
  top: 0;
  position: absolute;
  left: 0;
}

#respclose div {
  width: 44px;
  height: 44px;
  padding: 0;
  float: none;
  margin: auto;
  position: relative;
}

#respclose:hover {
  color: red;
}

#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: 0px;
  margin-bottom: 10px;
  font-size: 0;
  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: 12px;
  max-width: 190px;
  border-radius: 0;
}

#myprofile .msgs-wrap ul li {
  float: none;
  padding: 0;
}

#myprofile .msgs-wrap ul li a {
  padding: 6px 10px;
  display: block;
  font: bold 14px/14px var(--font);
  color: var(--text);
}

#myprofile .msgs-wrap ul li a:hover,
#myprofile .msgs-wrap ul li a.active {
  background: var(--mainhover);
  color: #fff;
}

#myprofile .msgs-wrap ul li a.bttn.error,
#myprofile .msgs-wrap ul li .content a.error.etk-button,
.content #myprofile .msgs-wrap ul li a.error.etk-button {
  color: #fff;
}

#myprofile .msgs-wrap ul li a span {
  color: inherit;
  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: 20px 0 20px 20px;
  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: 0 10px;
  background: #fff;
  border-radius: 15px;
  display: inline-block;
  vertical-align: middle;
  margin-left: auto;
  white-space: nowrap;
}

.msgs-list li:hover {
  background: var(--bgr);
}

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: 0px 0px 0 0;
  position: relative;
  color: #fff;
  text-align: center;
}

.dropdown-trigger span {
  vertical-align: middle;
  display: inline-block;
}

.dropdown-trigger .icon,
.dropdown-trigger .step-box-head .icon,
.step-box-head .dropdown-trigger .icon {
  color: inherit;
  vertical-align: middle;
}

.dropdown-trigger:hover {
  color: var(--secondaryhover);
}

.application .gotop,
.application .header-top {
  display: none;
}

.application .header-center {
  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 0 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: 0 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: 20px;
}

.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: 0;
  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-right: 240px;
  padding-bottom: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.application .content .center .steps-header {
  max-width: 1520px;
  padding-right: 30px;
}

.application .content .center .steps-header .exit {
  font: bold 12px/1.2 var(--font);
}

.application .content .center .content-wrap {
  max-width: 1520px;
  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.k-flex-column {
  height: calc(100vh - 115px - 90px);
}

.application .content-wrap .steps-body.k-flex-column .step-box.fg-1 {
  min-height: 100%;
}

.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;
  clear: both;
}

.footer-center {
  min-height: calc(100% - 64px);
}

.footer-center .center {
  background: var(--bgr);
  height: 100%;
}

.footer-center .center .flex {
  padding: 38px;
  font: bold 16px/1.2 var(--font);
  color: var(--link);
}

.footer-center .center .flex address {
  font: inherit;
  color: inherit;
  display: flex;
}

.footer-center .center .flex address .ib {
  vertical-align: top;
  padding: 0 20px 0px 0;
  font-weight: normal;
}

.footer-center .center .flex address .ib:last-child {
  padding-right: 0;
}

.footer-center .center .flex address .ib strong {
  color: #000;
  display: block;
  margin-bottom: 8px;
}

.footer-center .center .flex address a {
  font: inherit;
  font-weight: normal;
  color: inherit;
}

.footer-center .center .fullwidth {
  margin-top: 32px;
  position: relative;
}

.footer-center .center .fullwidth .gotop {
  width: 32px;
  height: 32px;
  background: var(--link);
  border-radius: 0;
  right: 0;
  top: 16px;
  position: relative;
  display: inline-block;
  float: right;
}

.footer-center .center .fullwidth .gotop:hover {
  background: var(--mainhover);
}

.footer-center .center .fullwidth .gotop .icon {
  width: 16px;
  height: 16px;
}

.flogo {
  width: 230px;
}

.ftitle,
.fbox-title {
  font-size: 17px;
  color: var(--text);
  font-weight: bold;
  padding: 0;
  margin: 0 0 15px;
}

.fbox {
  display: inline-block;
  vertical-align: top;
  padding-right: 20px;
}

.fbox li {
  margin-bottom: 24px;
}

.fbox li > a {
  color: inherit;
}

.fbox li > a:hover {
  color: var(--mainhover);
  text-decoration: underline;
}

.fbox li > a.active {
  color: var(--mainhover);
}

.flex {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.footer-bottom .center {
  padding: 22px 0;
  background: #2e7aa4;
  background: var(--main);
  font: normal 14px/20px var(--font);
  color: var(--fff);
  position: relative;
}

.footer-bottom .copyleft {
  text-align: center;
}

.fbox1,
.fbox2,
.fbox3 {
  max-width: 240px;
}

.gotop {
  right: 50px;
  top: -50px;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  background: var(--main);
  margin: auto;
  position: absolute;
}

.gotop .icon,
.gotop .step-box-head .icon,
.step-box-head .gotop .icon {
  color: #fff;
  width: 34px;
  height: 42px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
}

.gotop:hover {
  background: var(--mainhover);
}

.content-pre-wrap {
  margin-bottom: 30px;
}

.content-pre-wrap > .center {
  padding-top: 0px;
  padding-bottom: 30px;
  border-radius: 0 0 20px 20px;
  background: #fff;
}

.index-top {
  background: url("../i/mapline.webp") center center no-repeat #fff;
  background-size: cover;
  position: relative;
  padding: 20px;
  overflow: hidden;
  margin: 56px 0;
  height: 148px;
}

.index-top h1 {
  position: relative;
  text-align: left;
  z-index: 2;
  font: bold 40px/1.2 var(--font);
  color: var(--text);
  display: block;
  margin: 0;
}

.index-top a {
  top: 20px;
  right: 20px;
  position: absolute;
  z-index: 2;
}

.n-date {
  font: normal 14px/20px var(--font);
  background: var(--link);
  color: #fff;
  display: inline-block;
  padding: 0px 8px;
  text-transform: uppercase;
  margin: 24px 0 16px;
}

.midtitle {
  font: bold 17px/1.3 var(--font);
  display: block;
  margin-bottom: 20px;
}

.info-wrap {
  display: block;
  padding: 16px;
}

.info-wrap.text-center {
  text-align: center;
}

.n-text {
  display: block;
  font: normal 16px/1.4 var(--font);
  color: var(--text);
  display: block;
  overflow: hidden;
  max-height: 90px;
  margin: 0 0 16px;
}

.itemlist {
  margin: 0 0px;
  gap: 20px;
  font-size: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.itemlist .item,
.itemlist li {
  width: 33.333%;
  width: calc((100% - 40px) / 3);
  margin: 0 0px 0px;
  display: inline-block;
  vertical-align: top;
}

.itemlist .item.two,
.itemlist li.two {
  width: 49%;
  width: calc((100% - 20px) / 2);
}

.itemlist .item.four,
.itemlist li.four {
  width: 24%;
  width: calc((100% - 60px) / 4);
}

.itemlist .item.five,
.itemlist li.five {
  width: 20%;
  width: calc((100% - 80px) / 5);
}

.itemlist .item.six,
.itemlist li.six {
  width: 16.66666%;
  width: calc((100% - 100px) / 6);
}

.itemlist .item.fullwidth,
.itemlist li.fullwidth {
  width: 100%;
  margin: 0 0 0px;
}

.itemlist .item.fg-1,
.itemlist li.fg-1 {
  flex-grow: 1;
}

.itemlist .item .a,
.itemlist .item a,
.itemlist li .a,
.itemlist li a {
  position: relative;
  width: 100%;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin: auto;
  border-radius: 0px;
  overflow: hidden;
}

.itemlist .item .a:hover .n-title,
.itemlist .item a:hover .n-title,
.itemlist li .a:hover .n-title,
.itemlist li a:hover .n-title {
  color: var(--main);
}

.itemlist .item .a .img-wrap,
.itemlist .item a .img-wrap,
.itemlist li .a .img-wrap,
.itemlist li a .img-wrap {
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
  margin-bottom: 0px;
  overflow: hidden;
}

.itemlist .item .a .img-wrap.fit img,
.itemlist .item a .img-wrap.fit img,
.itemlist li .a .img-wrap.fit img,
.itemlist li a .img-wrap.fit img {
  object-fit: contain;
}

.itemlist .item .a .img-wrap img,
.itemlist .item a .img-wrap img,
.itemlist li .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.2s linear;
}

.itemlist .item .a .img-wrap .bttn,
.itemlist .item .a .img-wrap .content .etk-button,
.content .itemlist .item .a .img-wrap .etk-button,
.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,
.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 .subtitle,
.itemlist .item a .subtitle,
.itemlist li .a .subtitle,
.itemlist li a .subtitle {
  font: bold 13px/1.1 var(--font);
  color: var(--main);
}

.itemlist .item .a .title,
.itemlist .item a .title,
.itemlist li .a .title,
.itemlist li a .title {
  font: bold 20px/1.36 var(--font);
  color: var(--text);
  display: block;
  margin: 0;
  overflow: hidden;
}

.itemlist .item .a .n-title,
.itemlist .item a .n-title,
.itemlist li .a .n-title,
.itemlist li a .n-title {
  text-align: left;
  font: normal 20px/1.4 var(--font);
  color: var(--text);
  display: block;
  margin: 0px 0 16px;
  overflow: hidden;
}

.itemlist .item .a .bttn,
.itemlist .item .a .content .etk-button,
.content .itemlist .item .a .etk-button,
.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,
.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 .item a:hover,
.itemlist li .a:hover,
.itemlist li a:hover {
  text-decoration: none;
  overflow: hidden;
}

.itemlist .item .a:hover img,
.itemlist .item a:hover img,
.itemlist li .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 .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,
.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.2s linear;
  animation: comeintop 0.2s linear forwards;
}

.index-messages li {
  background: var(--third);
}

.index-messages li a,
.index-messages li .a {
  height: auto;
}

.index-messages li a .info-wrap,
.index-messages li .a .info-wrap {
  display: flex;
  align-items: center;
}

.index-messages li a .info-wrap .date,
.index-messages li .a .info-wrap .date {
  margin: 0;
  order: 2;
  margin-left: auto;
  flex-shrink: 0;
}

.index-messages li a .info-wrap .n-title,
.index-messages li .a .info-wrap .n-title {
  vertical-align: top;
  margin-bottom: 0;
  padding-right: 10px;
}

.index-messages li .n-text {
  padding: 0 16px 16px;
}

.services {
  margin-top: 24px;
}

.services li a {
  background: var(--third);
  border-bottom: 4px solid var(--bgr);
}

.services li a .title {
  padding: 20px 16px 38px;
}

.services li a:hover {
  border-bottom-color: var(--mainhover);
}

.itemlist.owl-carousel {
  padding: 0;
  margin: 0 0 0;
  height: 100%;
}

.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-image: linear-gradient(90deg, #06D802 0%, var(--main) 100%);
  background-image: linear-gradient(90deg, rgba(6, 216, 2, 0.2) 0%, rgba(0, 144, 96, 0.2) 100%);
  border-radius: 20px;
  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(--text);
}

.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 {
  font: bold 26px/1.2 var(--font);
  color: var(--main);
  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(--text);
  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: 20px;
}

.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: 20px;
  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 .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: 0;
}

.login input[type] {
  height: 38px;
}

.login .bttn,
.login .content .etk-button,
.content .login .etk-button {
  padding: 10px 20px;
  font-size: 14px;
}

nav > ul + .mapmenu {
  float: right;
  margin-left: 10px;
}

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(--secondaryhover);
  border-radius: 20px;
  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: 20px;
  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: 0;
  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: var(--main);
}

#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(--text);
}

.object-control label input[type=checkbox] {
  width: 16px;
  height: 16px !important;
  line-height: 1;
  margin-right: 0;
  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(--text);
}

#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 #ced4da;
  padding-top: 10px;
}

.gkf-search-btn {
  float: right;
  margin-left: 2rem;
}

.gkf-export {
  float: right;
}

.gkf-export-indicator {
  top: 0;
  bottom: 0;
  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 0 5px 0;
}

.km-scroll-container {
  padding: 0 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: var(--third);
}

.object {
  background: #ffd45f;
  color: var(--text);
  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(--text);
  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(--text);
  border-radius: 100%;
  padding: 3px;
  position: relative;
}

.object .object-options button:hover,
.object .object-options a:hover {
  background: var(--bgr);
}

.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: var(--third);
}

.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: var(--main);
}

.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: 35px;
  margin-top: 0;
  margin-right: 0;
  position: relative;
}

.cancelelement ._close:before,
.cancelelement ._close:after {
  background: #000;
}

.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;
  list-style-image: url("../i/bullet.png");
  width: 220px;
}

.object-list-short li {
  font: normal 12px/20px var(--font);
  list-style-image: url("../i/bullet.png");
  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);
}

.applicants .k-tabstrip-items {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid var(--bgr);
}

.applicants .k-tabstrip-items-wrapper .k-item {
  border-radius: 0 !important;
  height: 32px;
  width: 150px;
  text-align: center;
  background: #fff;
  color: #424242;
  border: 2px solid var(--bgr);
}

.applicants .k-tabstrip-items-wrapper .k-item.k-active {
  color: #0aa471;
  background: var(--bgr);
  border: 1px solid red;
}

.applicants .k-tabstrip .k-tabstrip-items li {
  display: inline-block;
  vertical-align: middle;
  font: normal 14px/24px Tahoma, sans-serif;
  text-transform: capitalize;
  margin: 0 0 !important;
}

.applicants .bttn.small.bttn-icon,
.applicants .content .small.bttn-icon.etk-button,
.content .applicants .small.bttn-icon.etk-button {
  width: 40px;
  border-radius: 8px;
  margin: 0 1px 0 0;
  padding: 3px 14px;
  border: 1px solid rgba(0, 0, 0, 0);
  margin: 0px 5px 0px 0px;
  border-radius: 8px;
}

.applicants .bttn.bttn-icon.small,
.applicants .content .bttn-icon.small.etk-button,
.content .applicants .bttn-icon.small.etk-button {
  width: 40px;
  border-radius: 8px;
  margin: 0 1px 0 0;
}

.applicants .step-box-body .flex .left {
  width: calc(100% - 150px);
  padding-right: 10px;
}

.applicants .form-input.button-wrap.w100 {
  margin: 0 30px 0 0;
}

.applicants .k-master-row .bttn.small.bttn-icon,
.applicants .k-master-row .content .small.bttn-icon.etk-button,
.content .applicants .k-master-row .small.bttn-icon.etk-button {
  width: 40px;
  border-radius: 8px;
  margin: 0 6px 0 0;
}

.applicants label.k-checkbox-label {
  padding-top: 6px;
}

.applicants .step-box-body div.ib {
  font: normal 13px/20px Tahoma, sans-serif;
  margin: 0 0 5px 0;
}

.applicants .step-box-body div .bb {
  margin-bottom: 5px;
}

.applicants .step-box-body .flex .left > div {
  margin-bottom: 5px;
}

.applicants .number {
  float: left;
  color: #000;
  font: bold 13px/15px Tahoma;
  text-align: center;
  padding: 3px 0;
  height: 20px;
  margin-left: 0;
  margin-right: 3px;
  border-radius: 8px;
}

.applicants .applicants .step-box-body .flex .left {
  width: calc(100% - 125px);
  padding-right: 10px;
}

.applicants .applicants .flex {
  gap: 1px;
  margin-bottom: 15px;
}

.applicants div.price {
  display: inline;
  font: bold 13px/20px Tahoma;
}

.applicants .num {
  vertical-align: top;
  font: bold 13px/20px Tahoma !important;
  background: #f0f5f4;
  border: 1px solid #dde1e6;
  padding: 2px 10px;
  border-radius: 5px;
  text-align: right;
}

.applicants .basicinfo .price {
  vertical-align: top;
  font: bold 13px/20px Tahoma;
  background: #f0f5f4;
  border: 1px solid #dde1e6;
  padding: 2px 10px 2px 5px;
  margin: 0;
  border-radius: 5px;
  display: inline-block;
  min-width: 100px;
}

.applicants .basicinfo.big .price {
  font: bold 13px/24px Tahoma;
}

.applicants .no-objects {
  vertical-align: top;
  font: normal 13px/24px Tahoma;
  background: #ffe9af;
  border: 1px solid #dde1e6;
  padding: 2px 10px;
  margin: 1px 1px 0 0;
  border-radius: 5px;
}

.applicants .no-objectsinfo {
  vertical-align: top;
  font: normal 13px/16px Tahoma;
  border: 1px solid #dde1e6;
  padding: 2px 0;
  margin: 1px 1px 0 0;
  border-radius: 5px;
}

.applicants .basicinfo {
  margin-left: 0;
  text-align: right;
}

.applicants .basicinfo b {
  display: block;
  vertical-align: bottom;
  margin: 5px 0;
}

.mc-results {
  display: none;
}

.mc-results hr {
  display: block;
  margin: 5px 0 7px 0;
  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: 0;
  border-top: 5px;
  height: 30px;
  bottom: 0;
  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: 20px;
  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: 20px;
  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 0;
  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: 20px;
  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: 0;
  padding: 0;
}

.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: 0;
}

#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: 0 0 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: var(--main);
}

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: 0 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: 0;
}

.map-current-branch {
  right: 50px;
  bottom: 60px;
  position: absolute;
  background: #fff;
  border-radius: 20px;
  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;
}

.k-input-md .k-input-button,
.k-input-md .k-spinner-increase,
.k-input-md .k-spinner-decrease,
.k-picker-md .k-input-button,
.k-picker-md .k-spinner-increase,
.k-picker-md .k-spinner-decrease {
  padding: 4px;
}

.map-control {
  position: absolute;
  left: 0;
  top: 180px;
  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(--text);
  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: var(--bgr);
  color: var(--main);
}

.map-control > .triggers > a:hover img,
.map-control > .triggers > a.active img {
  opacity: 1;
}

.map-control > .triggers > a.opened {
  background: var(--main);
  background: var(--bgr);
  color: #fff;
  color: var(--main);
}

.map-control > .triggers > a.opened img {
  opacity: 1;
}

.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 img {
  opacity: 0.67;
}

.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: comeinLeft 0.2s linear forwards;
  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: normal 12px/1.2 var(--font);
  padding: 0 10px 5px;
  min-height: 0;
}

.map-control .k-icon-button.k-button-md > .k-button-icon {
  min-height: 0;
}

.map-control .k-input-inner {
  background: #fff;
  padding: 2px 8px;
  font-weight: normal;
}

.map-control .k-picker {
  border-radius: 0px;
  background: #fff;
  color: #000;
}

.map-control > .map-dropdown {
  min-width: unset;
}

.map-control > .map-dropdown > .opened {
  max-height: 55vh;
}

.map-control .form-input label {
  padding: 0 5px 5px 0;
}

#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: var(--main);
}

.selectionTool,
.etkSelectionTool {
  cursor: crosshair;
}

a.info,
.step-box-head a.icon {
  font: normal 13px/28px Tahoma, sans-serif;
  margin: 0px 13px;
}

.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;
}

#servicesTreeList thead {
  display: none;
}

#map-branches,
.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,
.map-branches ul {
  list-style: none;
  padding: 0;
}

#map-branches ul li,
.map-branches ul li {
  margin: 0 0 10px;
  padding: 0;
  display: block;
  font-size: 0;
}

#map-branches ul li a,
.map-branches ul li a {
  display: block;
  color: #000;
  margin-left: 0;
  border-radius: 20px;
  font-size: 0;
  white-space: nowrap;
  min-width: max-content;
}

#map-branches ul li a:hover,
#map-branches ul li a.active,
.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,
.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,
.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 0;
}

#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 .k-datetimepicker > .k-input-inner {
  padding: 2px 8px;
  height: 26px;
  line-height: 26px;
}

#map-search .k-input-md .k-input-button,
#map-search .k-input-md .k-spinner-increase,
#map-search .k-input-md .k-spinner-decrease,
#map-search .k-picker-md .k-input-button,
#map-search .k-picker-md .k-spinner-increase,
#map-search .k-picker-md .k-spinner-decrease {
  padding: 4px;
}

#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: 13px;
  height: 13px;
  display: inline-block;
  vertical-align: middle;
  color: #000;
  opacity: 1;
  margin-right: -1px;
  margin-top: 7px;
  z-index: 2;
  background: #fff;
}

#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: 20px 20px 20px 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(--orange);
}

.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 .etk-buttons-wrapper {
  order: 2;
}

.geometry-item {
  width: 240px;
  height: 140px;
  border: 0;
  background-color: var(--bgr);
  margin: 40px 30px 40px 20px;
  border-radius: 10px;
  position: relative;
}

.geometry-item > .top,
.geometry-item .bottom,
.geometry-item .left,
.geometry-item .right {
  position: absolute;
}

.geometry-item .top {
  top: -19px;
  right: 50%;
  margin-right: -40px;
}

.geometry-item .bottom {
  bottom: -19px;
  right: 50%;
  margin-right: -40px;
}

.geometry-item .left {
  top: 50%;
  margin-top: -19px;
  right: -19px;
}

.geometry-item .right {
  top: 50%;
  margin-top: -19px;
  left: -19px;
}

.extent-input {
  position: relative;
  width: 80px;
  padding: 9px 10px;
  border: 1px solid #ced4da;
  border-radius: 5px;
  text-align: center;
  font-size: 13px;
  line-height: 20px;
}

.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: 20px;
}

.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 0 0 0;
  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: 0px;
}

.step-wrap .k-input-md,
.step-wrap .k-picker-md {
  font-size: 13px;
}

.step-wrap .k-input-md .k-input-inner,
.step-wrap .k-picker-md .k-input-inner {
  padding: 4px 8px;
}

.step-wrap .k-picker-solid .k-input-inner {
  padding: 2px 8px;
}

.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 #dde1e6;
  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.2s linear;
}

.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(255, 165, 0, 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(--orange);
}

.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: 20px;
  page-break-inside: avoid;
}

.steps-body .step-box input[type=text],
.steps-body .step-box input[type=email],
.steps-body .step-box input[type=password],
.steps-body .step-box input[type=data],
.steps-body .step-box select,
.steps-body .step-box .input {
  line-height: 28px;
  height: 28px;
}

.steps-body .step-box input.k-input-inner {
  height: 28px;
}

.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: 20px;
}

.step-box.selected {
  background: var(--bgr);
  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: var(--bgr);
  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: 5px 1px 5px 1px;
}

.k-toolbar {
  font: normal 13px/22px var(--font);
  padding: 0 5px;
}

.k-treeview {
  font-family: var(--font);
  padding: 0;
  margin: 0;
  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 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: 4px 10px;
  margin-bottom: 2px;
}

.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-input label {
  font-size: 13px;
  font-weight: normal;
  align-items: center;
}

.num {
  display: inline-block;
  vertical-align: top;
  font: bold 16px/1.5 var(--font) !important;
}

div.num {
  display: block;
  margin: 0 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: var(--main);
  color: #fff;
  font: bold 15px/24px var(--font);
  text-align: center;
  padding: 3px 0;
  min-width: 30px;
  height: 30px;
  margin-left: 0;
  margin-right: 10px;
  margin-top: 7px;
}

.k-icon.k-i-none {
  width: 0px;
  visibility: hidden;
  display: none;
}

.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;
  font: bold 15px/20px Tahoma, sans-serif;
  margin-top: 5px;
  margin-bottom: 0px;
}

.indicator-content .basicinfo {
  max-width: unset;
}

.k-dialog-titlebar {
  background: #fff;
  border-color: #fff;
}

.k-window-titlebar {
  background-image: linear-gradient(90deg, #06D802 0%, var(--main) 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: 0px;
  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 var(--main), 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: var(--main) !important;
  border-radius: 0;
  right: 0 !important;
}

.k-listview-item.elements {
  margin: 20px 2px;
}

.basicinfo {
  max-width: 100px;
  margin-left: 0;
  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;
  background: var(--main);
  width: 16px;
  height: 16px;
  border-radius: 100%;
  position: absolute;
  left: 0;
  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: 0;
  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 15px/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: var(--main);
}

.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: 0;
  height: 13px;
  padding: 0;
}

.ol-attribution ul,
.ol-attribution ul a {
  margin: 0;
  padding: 1px 0;
  background-color: var(--main);
  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%, var(--main) 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: var(--main);
  position: absolute;
  left: 0;
  top: 0;
  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: var(--main);
}

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 h3.small-title {
  font-size: 13px;
  padding-top: 10px;
}

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: var(--main);
  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: var(--bgr);
}

#coordinate-positioning .k-picker {
  border-radius: 15px;
  background: var(--bgr);
  font-weight: 600;
}

#coordinate-positioning .k-picker-solid:hover {
  background: var(--bgr);
}

#coordinate-positioning .k-picker-solid:focus {
  background: var(--bgr);
}

#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: var(--bgr);
  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: var(--gray);
  border-radius: 15px;
  padding: 0 0.5rem;
  cursor: pointer;
  justify-content: space-between;
}

#upload-extent .load-file-button:hover {
  background: var(--main);
  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: var(--main);
  border-radius: 15px;
  height: 2rem;
  align-items: center;
  cursor: pointer;
  color: #fff;
}

#upload-extent .add-button-container:hover {
  background: var(--main);
  color: #fff;
}

#upload-extent .add-button-label {
  display: flex;
  font-size: 12px;
  font-weight: 600;
}

#upload-extent .k-header {
  background: var(--bgr);
}

@media screen and (min-width: 980px) {
  .show980 {
    display: none !important;
  }
}
@media screen and (max-width: 2000px) {
  .form-input.nest .form-input {
    width: calc((100% - var(--gap)) / 2);
  }
}
@media screen and (max-width: 1552px) {
  .center {
    width: 100%;
    padding: 0 16px;
  }
  .footer-center .center .flex {
    padding: 38px 0px;
  }
  .whitebox {
    padding: 16px;
  }
}
@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) {
  .index-news .left {
    width: 100%;
  }
  .index-news .left .main-news .news-right strong {
    font-size: 26px;
  }
  .index-news .right {
    width: 100%;
    margin-top: 20px;
  }
  .step-box-body .form-row {
    gap: 10px 0;
  }
  .itemlist li a .title {
    font-size: 17px;
  }
  nav ul li {
    padding: 0;
  }
}
@media screen and (max-width: 1240px) {
  .itemlist .four {
    width: calc((100% - 1 * var(--gap)) / 2);
  }
  .application .content-wrap .steps-body.k-flex-column {
    height: auto;
  }
  #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) {
  .itemlist li.pint,
.itemlist li.six {
    width: calc((100% - 3 * var(--gap)) / 4);
  }
  .center {
    padding: 0 16px;
  }
  .map-control-inner .mc-controlbox .mc-mapstat > .k-dropdown {
    padding: 0;
    border: 0;
  }
  .map-km {
    bottom: 5px;
    right: 0;
  }
  .map-control-inner {
    bottom: 40px;
  }
  .map-control-inner .mc-controlbox > small {
    font-size: 10px;
  }
}
@media screen and (max-width: 1080px) {
  nav > .right > a {
    min-width: 0;
  }
  nav > .right > a ~ a {
    display: none;
  }
  .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;
  }
  .center.login > div {
    width: 48%;
  }
  .center.login > div.right {
    margin-left: auto;
  }
}
@media screen and (max-width: 1024px) {
  .itemlist li.pint,
.itemlist li.six {
    width: calc((100% - 2 * var(--gap)) / 3);
  }
  .step-box-body > div.column-wrap {
    flex-wrap: wrap;
  }
  .form-input.pint {
    width: 33.333%;
  }
}
@media screen and (max-width: 980px) {
  nav .right {
    margin-top: 4px;
    border: 0;
  }
  nav .right a .icon {
    margin: 0 !important;
    width: 26px;
    height: 26px;
  }
  .application .content .center .pagetitle {
    padding-bottom: 7px;
  }
  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(--orange);
  }
  .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;
  }
  .mapmenu {
    margin-top: 3px;
  }
  .mapmenu > span {
    display: none;
  }
  .header-bottom {
    border-radius: 0;
  }
  .header-bottom .center {
    border-radius: 0;
  }
  .header-bottom .center > nav > ul {
    display: none;
  }
  .header-center .logo {
    max-width: 48%;
  }
}
@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) {
  .index-top a {
    position: relative;
    top: 0;
    right: 0;
    margin-top: 20px;
  }
  aside.checkform + * {
    margin-right: 0;
    width: 100%;
  }
  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) {
  :root {
    --gap: 16px ;
  }
  .itemlist .item.two,
.itemlist li.two {
    width: 100%;
  }
  .itemlist .item.two .info-wrap,
.itemlist li.two .info-wrap {
    flex-flow: column;
    align-items: flex-start;
    margin-left: 0;
  }
  .itemlist .item.two .info-wrap .date,
.itemlist li.two .info-wrap .date {
    margin-left: 0;
    margin-top: 10px;
  }
  .itemlist li.pint,
.itemlist li.six {
    width: calc((100% - 1 * var(--gap)) / 2);
  }
  .header-top {
    padding: 0px 0 8px;
  }
  .header-top .center {
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
  }
  .header-top .center .logo {
    order: 2;
    width: 100%;
    text-align: center;
  }
  .header-top .center .right {
    order: 1;
    margin-left: 0;
    background: var(--third);
    width: 100%;
    padding: 8px 0;
    margin: 0 -16px;
    flex-grow: 1;
  }
  .applicants .basicinfo {
    max-width: unset;
    text-align: left;
  }
  .pagetitle .breadcrumbs {
    float: none;
    margin-top: 0;
    max-width: 90%;
  }
  .pagetitle h1 {
    width: 100%;
    line-height: 1.3;
  }
  .steps-header .exit {
    display: none;
  }
  .header-center .logo {
    height: auto;
  }
  .itemlist .item.five,
.itemlist li.five {
    width: calc(50% - 20px);
  }
  .index-top {
    text-align: center;
    padding: 20px 0;
  }
  .index-top h1 {
    font-size: 20px;
    text-align: center;
  }
  .check-status .sectitle {
    text-align: center;
  }
  .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: calc((100% - 1 * var(--gap)) / 2);
  }
}
@media screen and (max-width: 746px) {
  .steps-footer .bttn,
.steps-footer .content .etk-button,
.content .steps-footer .etk-button {
    min-width: 24%;
    flex-grow: 1;
  }
  .steps-footer .left + .left {
    margin-left: 1%;
  }
  .application .content .center .pagetitle {
    padding-right: 10px;
  }
  .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) {
  .form-input.auto {
    width: calc((100% - 1 * var(--gap)) / 2);
  }
  .index-news .left .main-news {
    flex-flow: column;
  }
  .index-news .left .main-news .img-wrap {
    width: 100%;
    height: 366px;
    position: relative;
    order: 1;
  }
  .index-news .left .main-news .news-right {
    padding: 32px 16px;
    order: 2;
  }
  .column-wrap {
    flex-wrap: wrap;
  }
  #msgs {
    left: 20px !important;
    right: 20px !important;
  }
  #msgs .msgs-wrap {
    width: 100%;
    max-width: 100%;
    border-radius: 15px;
  }
  .center.login > div {
    width: 100%;
  }
  .steps-body aside.step-box {
    width: 100%;
    float: none;
  }
  aside,
aside + * {
    margin: 0 0 32px;
    width: 100%;
  }
  .form-input.column {
    width: 100%;
    padding-right: 0;
  }
  .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 {
    right: 20px;
  }
  .sectitle,
.check-status .sectitle {
    font-size: 20px;
  }
  .footer-bottom .copyleft {
    padding: 0 16px;
  }
  .fbox4 .ib,
.fbox1,
.fbox2,
.fbox3 {
    width: 100%;
    max-width: 100%;
    padding-right: 0;
    padding-left: 0;
    text-align: center;
  }
  .footer-center .center .flex address {
    flex-flow: column;
    gap: 16px;
  }
  .footer-center .center .flex address .ib {
    padding-right: 0;
  }
}
@media screen and (max-width: 600px) {
  .header-top .right .help {
    display: none;
  }
  #coordinate-positioning-2 .column-wrap {
    flex-flow: column;
    padding-bottom: 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;
  }
}
@media screen and (max-width: 550px), screen and (max-height: 768px) {
  .map-control > .map-dropdown.opened,
.map-control > .map-dropdown.active {
    border-radius: 20px !important;
    left: 65px !important;
    top: 0 !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: 16px;
  }
  .form-input.pint {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .applicants .step-box-body div.ib {
    vertical-align: top;
    margin-right: 5px;
  }
  .step-box-body.text-right.total {
    text-align: center;
  }
  .step-box-body strong {
    display: block;
  }
  .application .content-wrap .steps-body .step-box.fullwidth {
    margin-top: 20px;
  }
  .application .content-wrap .steps-body .step-box.fullwidth .step-box-body .indicator {
    margin-top: -29px;
  }
  .application .content-wrap .steps-body .step-box.fullwidth .step-box-body .indicator-content {
    margin-left: 0;
  }
  .applicants .basicinfo {
    text-align: left;
  }
  #myprofile {
    left: 20px !important;
    right: 20px !important;
  }
  #myprofile .msgs-wrap {
    width: 100%;
    max-width: 100%;
    border-radius: 15px;
  }
  label {
    min-height: 0;
  }
  .footer-center .flex {
    flex-flow: column;
    text-align: center;
  }
  .footer-center .flex > div {
    margin: auto;
    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;
  }
  .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;
  }
  .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: 0;
  }
  .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;
  }
  .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;
  }
  #map-search {
    height: 100vh;
  }
  .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%;
  }
  .applicants div.price {
    display: block;
    width: auto;
  }
}
@media screen and (max-width: 410px) {
  .itemlist li.pint,
.itemlist li.six {
    width: 100%;
  }
  .start-action-box .bttn,
.start-action-box .content .etk-button,
.content .start-action-box .etk-button {
    width: 100%;
    min-width: 0;
  }
  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;
  }
  .applicants .step-box-body .flex .left {
    width: 100%;
    float: none;
    padding-right: 0;
  }
  .applicants .step-box-body .flex .step-box-body .flex {
    flex-wrap: wrap;
  }
  .applicants .step-box-body .flex .step-box-body .flex .left {
    width: 100%;
  }
  .step-box-body .flex .left + *,
.step-box-body .flex .button-wrap {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 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 */