@charset "UTF-8";
@keyframes comein {
  0% {
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes comeinLeft {
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
button {
  background: 0;
}

/* test */
input[type=search],
* {
  outline: none;
  /* specify CORE colors and search and replace them */
  outline-color: #009060; /* links, main-color */
  outline-color: #000; /* body, article text */
  outline-color: #F4F4F4; /* decorative */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.icon {
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: top;
  background-repeat: no-repeat;
  background-color: transparent;
}

.maincolor {
  color: #009060;
}

.secondcolor {
  color: #000;
}

/* mousefollowelement */
.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;
}

.r45 {
  transform: rotate(45deg);
}

.r90 {
  transform: rotate(90deg);
}

.r180 {
  transform: rotate(180deg);
}

.r270 {
  transform: rotate(270deg);
}

/* ::selection {background: orange; color: white;} */
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: #009060;
}

a:hover {
  text-decoration: underline;
  color: #014A32;
}

.clear {
  clear: both;
  float: none !important;
}

html, body {
  height: 100%;
}

body {
  font-family: Tahoma;
  font-size: 62.5%; /*1em is 10px */
  margin-right: 0 !important;
  background: #FAFAFA;
}

#wrap {
  min-height: 100%;
}

#main {
  padding-bottom: 30px; /* must be equal to footer's height */
}

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

img {
  max-height: 100%;
  max-width: 100%;
}

ul {
  list-style-type: none;
}

h1 {
  font-size: 20px;
}

h2 {
  font-size: 18px;
}

h3 {
  font-size: 16px;
}

h4 {
  font-size: 14px;
}

h5 {
  font-size: 13px;
}

h6 {
  font-size: 12px;
}

.flex-gap-10 {
  gap: 10px;
}

.flex-gap-20 {
  gap: 20px;
}

.flex-gap-30 {
  gap: 30px;
}

.flex-gap-40 {
  gap: 40px;
}

.column-wrap {
  display: flex;
}
.column-wrap .three {
  width: calc(33.333% - 20px);
}
.column-wrap .column {
  width: calc(50% - 20px);
}
.column-wrap .column.right {
  margin-left: auto;
}
.column-wrap.flex-gap-20 > .column {
  width: calc(50% - 10px);
}
.column-wrap.flex-gap-20 > .three {
  width: calc(33.3333% - 13.333px);
}

.column {
  width: 50%;
}

.columns2 {
  columns: 2;
  column-gap: 10px;
}

/* CMESSY-SPECIFIC STYLES */
.live-edit {
  position: relative;
  transition: all 0.2s linear;
  min-height: 20px;
}

.live-edit:hover {
  box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.8), 0px 0px 0px 2px black, 0px 0px 0px 3px rgba(255, 255, 255, 0.8);
  padding: 10px;
  margin: -10px;
  z-index: 2;
}

.live-edit > .live-edit-a {
  position: absolute;
  width: 30px;
  height: 0px;
  opacity: 0;
  overflow: hidden;
  background: #fff;
  top: -30px;
  right: -30px;
  z-index: 222;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAABmJLR0QA/wD/AP+gvaeTAAAH10lEQVR4nO2da6gVVRiGn2NqlnrUJCKMjlJYUWiXH0XUj25mWXS/WFFWZmEhaReSCCoPgZlpZFCSBdHFyqiILEX0YEGetKQyhC5aRFgKgeblKEftx+fk9uyZ2Wtm1po9s+Z7YP04+8z+5pv9vrNmZq01a4GiKIqiKIpSOVpSfKcVGAOMBtqAY61mVFxmA5/nsJ8hwPPAXuCvA2UD8AvwG7AnhxxCaQPeBHYD+ytW2i38fiYMAdbE5LEDWApMB07JKScA7gN2xSTmc8lL/MHA6oS5rQWmAv1dJjYnYVI+lTzF/zpDnpuA+4E+thObnCGpspeyiF9bvgFOspXYCKDLUmJlKzMs/H4mDAI6Lee+GTjDRnJvWU6sLCVP8Vc5OobNwMgsyQ1GHjeaLYav4rcASxwfy2qgd9oExztOroglL/EDhgEfWco9qkxKm1y748SKVvIWv5brkcYeF8f1B9AvTVILHCVUxNJM8QOOARbj5vgeSJPQe46SKVopgvgBLcAU7De4rUmTTBUM8EiaHyYHRgEbsXuso6J21svRQRSddmBWDvsZQPJr8PfAeaQ8cyMYl/QLPtcAeT/n/4H0pSRtpj0C+AA7x/xZ0uR9NUAzG3k2ANcljHMY8ArZj3vbgVh1pG4oaMAMYKWj2GnpAr7MYT+DkEaes3t8PgJYBHyIdNxsMoi1F6k9tgCPZ8hpIDAc+NX0C1lrgBsyJFtmTJt3/wFuSxj7SYO4cSXRfYAaIDlp2vYXAEcm2EeWrvkpYQGr+hRgm6hqvxF3Ib2BJxtuPw14PeE+AoaFfagGyM5QoIPk4gechnTcXGKw7X5gIvBJiv0cFfahGiAbg4BPgdMzxhmAdAxdbrDtPuAO4KeM+4xF7wEa46I/fw9wk+H+RyI3kyZx1yADTo1RA8QzFBmQaVP8oHQD1xrmcRlSI8TF6yDFoFE1QDQuxQ/KTuB8w3zmxcTpIOWIYTVAOC6HcfUsW4ATDXLqD6wP+f5qZGRXKtQA9eRx5vcs6zA7g0/n0CF8Kwy/F4ka4FCaIX5Q3jbM8VksiQ9qgFryrPajyi0GefYH3iVDtV+LGkBo5plfW7YCx7k4QG0IimYosIzsjTw2aAVedhFYDRCOrRY+m4wDrrYdVA1QT9a2fZfMBfraDKgGOJQiVfthtAF32wyoBjhI0cUPeIJkYwhiUQMIRbzmR7ERi7qpAYp9ze/JcmTcwHZbAatugLJU+yDiX4l0FFmjygaovPhQXQOo+AeoogFU/BqqZgAVvwdVMoCKH0JVDKDiR1AFA6j4MfhuABW/AT4bQMU3wFcDqPiG+GiAMnXsfAVcg3vx+wITwv7hmwHK1rFzMTJ7h0v6IS+Thr536JMBtNqvpx/y0umYqA18MYCKX8/hyHQ0l8Zt5IMByiT+CvIVf2yjDctugLKJfwXuxe8DvIO8OdyQMhtAxa+nD7AQebIwoqwGUPHr6Y2c+aZzCwDlNICKX09v5CXSpBNRls4AKn49vZHlfVK9j1kmA6j49RyGLOZ5Y9oAZTGAil9PL+BVzCeVigxSdFT8egLxJ9gIVHS6Obi2XpFZhby961r8FmTK2DttBCuDAbYiM2afhayMWURWABfhvmOnBZhPxLy/aSiDAQLWIitpvEixaoO8znyQeYAm2gxYJgOAzPk/BbnObm5yLiDij8X9mQ/Snfuw7aBlM0DAYmQhpDwWgIgiEH9rTvtzskR8WQ0A8DdwATCzCfsOrvl5ie+MohigFem+vIdky9h0A48BU5E5c/NgFfkM48qFIhhgILKq1dXIHe4PJG/TngvcjMyW6ZK8q33nFMEAnwLn1vx9MrK40hLghARx3kdm0rI2eUIPvBMfimGAqFmxxyC1wXTMLwvLcDPQshMPxYdiGCCOI4BnEAFMa4NOxDy2aoIVwIV4KD4U3wABZwLfYt7r1QlchbQbZCGvtv2mURYDgDwpLAQeNdx+OXBvhv114tHdfhRlMgBIW/hM4CXMcn8DeCrFfryu9mspmwECJgOvYXZz+DTwcYLYlTjzA8pqAJCl0+YjtUIc+5BlWn82iNmJvEjh/ZkfUGYDgPSJzzPYbjsyWjbuprAy1X4tZTcAyOXgQYPt1iELMIdRqWq/Fh8MADAbaQBqxCzgix6fVa7ar8UXA/RClrkZ3mC7fcDtHGwk6sCTXr20+GIAkKVRF9J4QYXfkEtBB9LIs8NlUkXHJwOATAzxkMF2LyAthZUWH/wzAMjZfWqDbbrJZxhX4fHRAH2BBchbM0oDfDQAyKVgfLOTKAO+GgCgHZkpQ4nBZwO0IWMMlRh8NgDIM74Sg88G6ABubXYSRcdXA6zE85E8tkgyBt8VjbpzFYf4WgMohqgBKo4aoOKoASqOGqDiqAEqjhqg4qgBKo4aoOK4agk8x1HcKuPkN3VlgGmO4iqW0UtAxVEDVBw1QMVRA1ScKANU/oUJD/k37MMoA/zpMBGlOYRqGmWAHx0mojSHdWEfRg3HagW20PhFS6UcdAFHEzJ1XlQNsA2ZrVPxg0VEzJsYNyBzBLAefbum7HQh0+/+HvbPuMfAjWSbZ08pBpOIEN+UOcgSLVrKV54L0TMV9wG7CnBAWszKThy8F9mGrFK5uwAHqCW87EZmRz0+QsM60ryV04rMxj0aMUW/FDEUe3Qh8x59BywlosVPURRFURRFUf7nP+HGjIe+QGVnAAAAAElFTkSuQmCC") center center no-repeat #fff;
  background-size: 20px;
  transition: top 0.2s linear, opacity 0.2s linear, right 0.2s linear;
}

.live-edit-missing {
  font: 100 14px/24px Tahoma;
  color: #666666;
}

.live-edit:hover > .live-edit-a {
  height: 30px;
  opacity: 1;
  top: -10px;
  right: -10px;
  box-shadow: 0px 0px 0px 1px white, 0px 0px 0px 2px black, 0px 0px 0px 3px white;
  cursor: pointer;
}

.live-edit:hover > .live-edit-a:hover {
  box-shadow: 0px 0px 0px 2px white, 0px 0px 0px 3px black;
}

/* COOKIE CONSENT */
#gdpr_wrapper {
  padding: 10px;
  color: #fff;
  font-family: Tahoma;
  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: #000;
  position: relative;
  max-width: 1200px;
  width: auto;
  margin: auto;
  margin: auto;
  max-width: 270px;
  border-radius: 3px;
}
#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 Tahoma;
  margin: 0;
  padding: 10px 20px 0;
  text-transform: none;
  display: inline-block;
  vertical-align: top;
  color: #fff;
}
#gdpr_wrapper .gdpr_bttns {
  width: 100%;
  text-align: left;
  padding-top: 0px;
  padding-right: 0px;
  padding: 8px 20px;
}
#gdpr_wrapper .gdpr_bttns a {
  border: 0;
  background: #fff;
  color: #000;
  font-size: 12px;
  text-decoration: none;
  box-shadow: none !important;
}
#gdpr_wrapper .gdpr_bttns a:hover {
  text-decoration: underline !important;
}
#gdpr_wrapper .gdpr_bttns #gdpr_disagree {
  margin-left: 20px;
}
#gdpr_wrapper .gdpr_bttns #gdpr_agree {
  display: block;
  margin: 0;
  min-width: 0;
  padding: 10px 20px 10px;
  line-height: 20px;
  text-align: center;
  width: auto;
  min-width: 0;
  border-radius: 5px;
}
#gdpr_wrapper .gdpr_bttns #gdpr_agree:hover {
  text-decoration: none !important;
  background: #009060 !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;
  }
}

/* ------------------------------------ GENERAL ------------------------------------- */
.right {
  float: right;
}

.left {
  float: left;
}

.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-small {
  padding: 4px 4px !important;
  font-size: 12px;
  font-weight: bold;
  text-transform: none;
  background: #EAEAEA;
  border-radius: 3px;
  border-color: transparent;
}
.k-small:hover {
  background: #057AFF;
  border-color: #057AFF;
  color: #fff;
}
.k-small .k-icon {
  font-size: 20px;
}

td .k-small {
  margin-bottom: 5px;
}
td .k-small + .k-small {
  margin-left: 5px;
}

.required:after {
  color: #d51923;
  content: " *";
}

/* ERROR SUCCESS */
.error, .success, .warning, .note {
  position: relative;
  width: auto;
  margin: 20px 0px;
  padding: 10px 20px;
  border-radius: 4px;
  font: normal 12px/20px Tahoma, sans-serif;
  color: #000;
}
.error a, .success a, .warning a, .note a {
  color: inherit;
  font: inherit;
  text-decoration: underline;
}

#genpop.error .icon,
.bttn.error,
.error {
  background: #fd7272;
}

#genpop.warning .icon,
.bttn.warning,
.warning {
  background: #FFD45F;
}

#genpop.success .icon,
.bttn.success,
.success {
  background: #CDDFA0;
}

#genpop.note .icon,
.bttn.note,
.note {
  background: #51c3c5;
  background: #b7f9fa;
}

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

.k-checkbox-wrap label.ib {
  margin-right: 0px;
}

.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: #009060 !important;
}

.input-error-text {
  position: absolute;
  left: 0;
  top: 100%;
  font-size: 10px;
  color: #fd8b8b;
}

.error404 div {
  font: normal 240px/240px Tahoma, sans-serif;
  color: #000;
}

.error404 p {
  color: #000;
  font: normal 30px/42px Tahoma, sans-serif;
}

.error404 a {
  font: normal 17px/42px Tahoma, sans-serif;
}

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

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

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

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

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

#genpop {
  background: #000;
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  z-index: 1000;
  margin: auto;
}

#genpop > div.genbody {
  max-width: 930px;
  min-height: 113px;
  background: #fff;
  margin: 0% auto;
  position: relative;
  top: 33%;
}

#genpop .icon {
  width: 40px;
  background-color: #F4F4F4;
  float: left;
  position: absolute;
  top: 0;
  bottom: 0;
  height: auto;
  left: 0;
}

#genpop .icon + div {
  background: white;
  min-height: 73px;
  padding: 20px;
  margin-left: 40px;
}

#genpop h6 {
  font: bold 22px/22px Tahoma, sans-serif;
  color: #000;
  text-transform: uppercase;
  margin-bottom: 20px;
}

#genpop div.p {
  font: normal 14px/22px Tahoma, sans-serif;
  color: #000;
}

.overflow {
  overflow: auto;
}

body.overflow-hidden {
  overflow: hidden;
}

._gclose {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 2em;
  color: #000;
  width: 26px;
  height: 26px;
  text-align: center;
  display: block;
  opacity: 0.8;
}

._gclose:hover {
  opacity: 1;
  text-decoration: none;
}

.owl-nav > *,
.bttn {
  display: inline-block;
  vertical-align: top;
  padding: 11px 20px 9px;
  min-width: 160px;
  font: bold 12px/18px Tahoma;
  background: #EAEAEA;
  color: #000;
  border-radius: 5px;
  text-align: center;
  transition: all 0.2s linear;
  cursor: pointer;
}
.owl-nav > *.hidden,
.bttn.hidden {
  display: none;
}
.owl-nav > *.js_toggled + .hidden,
.bttn.js_toggled + .hidden {
  display: inline-block;
}
.owl-nav > *:hover,
.bttn:hover {
  text-decoration: none;
  background: #014A32;
  color: #fff;
}
.owl-nav > *.owl-next:hover, .owl-nav > *.owl-prev:hover,
.bttn.owl-next:hover,
.bttn.owl-prev:hover {
  box-shadow: none;
}
.owl-nav > *.owl-next:hover svg, .owl-nav > *.owl-prev:hover svg,
.bttn.owl-next:hover svg,
.bttn.owl-prev:hover svg {
  color: #000;
}
.owl-nav > *.k-window-action, .owl-nav > *.k-button-icon,
.bttn.k-window-action,
.bttn.k-button-icon {
  min-width: 44px;
  padding: 11px;
}
.owl-nav > *.main,
.bttn.main {
  background: #009060;
  color: #fff;
}
.owl-nav > *.main:hover,
.bttn.main:hover {
  background: #000;
}
.owl-nav > *.blue,
.bttn.blue {
  background: #057AFF;
  color: #fff;
}
.owl-nav > *.blue:hover,
.bttn.blue:hover {
  background: #000;
}
.owl-nav > *.red,
.bttn.red {
  background: #CC0000;
  color: #fff;
}
.owl-nav > *.red:hover,
.bttn.red:hover {
  background: #000;
}
.owl-nav > *.green,
.bttn.green {
  background: #009060;
  color: #fff;
}
.owl-nav > *.green:hover,
.bttn.green:hover {
  background: #000;
}
.owl-nav > *.secondary,
.bttn.secondary {
  background-color: #000;
  color: #fff;
}
.owl-nav > *.third,
.bttn.third {
  background-color: #EAEAEA;
  color: #000;
}
.owl-nav > *.third:hover,
.bttn.third:hover {
  background-color: #057AFF;
  color: #fff;
}
.owl-nav > *.gdpr,
.bttn.gdpr {
  background-color: #fff;
}
.owl-nav > *.big,
.bttn.big {
  min-height: 50px;
  font-size: 14px;
  padding: 15px 20px;
  min-width: 140px;
}
.owl-nav > *.small,
.bttn.small {
  min-width: 100px;
  padding: 4px 10px;
  line-height: 24px;
  font-size: 12px;
  line-height: 22px;
  min-height: 30px;
  text-transform: none;
}
.owl-nav > *.small.bttn-icon,
.bttn.small.bttn-icon {
  padding: 3px 4px;
  border: 1px solid transparent;
}
.owl-nav > *.small.bttn-icon .k-icon,
.bttn.small.bttn-icon .k-icon {
  font-size: 20px;
}
.owl-nav > *.small .k-icon,
.bttn.small .k-icon {
  font-size: 16px;
}
.owl-nav > *.mid,
.bttn.mid {
  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 {
  vertical-align: text-bottom;
}
.owl-nav > *.fullwidth,
.bttn.fullwidth {
  width: 100% !important;
}
.owl-nav > *.autosize,
.bttn.autosize {
  min-width: 0;
  width: auto;
}
.owl-nav > *.autosize svg,
.bttn.autosize svg {
  margin-left: 0;
}
.owl-nav > *.transparent,
.bttn.transparent {
  background: 0;
  border: 1px solid #009060;
  color: #009060;
}
.owl-nav > *.transparent:hover,
.bttn.transparent:hover {
  background: #009060;
  color: #fff;
}
.owl-nav > * svg,
.bttn svg {
  width: 20px;
  height: 20px;
  padding: 1px;
}
.owl-nav > *.two,
.bttn.two {
  background: #000;
  color: #fff;
}
.owl-nav > *.three,
.bttn.three {
  background: #F4F4F4;
  color: #000;
}
.owl-nav > *.two:hover, .owl-nav > *.three:hover,
.bttn.two:hover,
.bttn.three:hover {
  background: #009060;
  color: #fff;
}
.owl-nav > *.note, .owl-nav > *.success, .owl-nav > *.error, .owl-nav > *.warning,
.bttn.note,
.bttn.success,
.bttn.error,
.bttn.warning {
  color: #000;
  margin: 0;
}
.owl-nav > *.note:hover, .owl-nav > *.success:hover, .owl-nav > *.error:hover, .owl-nav > *.warning:hover,
.bttn.note:hover,
.bttn.success:hover,
.bttn.error:hover,
.bttn.warning:hover {
  background: #009060;
  color: #fff;
}
.owl-nav > *.cancel,
.bttn.cancel {
  background: #CC0000;
  color: #fff;
}
.owl-nav > *.cancel:hover,
.bttn.cancel:hover {
  background: #000;
  color: #fff;
}
.owl-nav > *.caps,
.bttn.caps {
  text-transform: uppercase;
}
.owl-nav > * .k-icon,
.bttn .k-icon {
  width: auto;
  height: auto;
  font-size: 20px;
}
.owl-nav > * > span,
.bttn > span {
  display: inline-block;
  vertical-align: middle;
  padding-right: 10px;
}

td .status:only-child {
  display: block;
}

.bg-blue {
  background: #02ADEE;
  color: #fff;
}

.bg-blue2 {
  background: #3EAEE2;
  color: #fff;
}

.bg-blue3 {
  background: #319FD2;
}

.bg-blue4 {
  background: #8ACFF0;
}

.bg-blue5 {
  background: #B0E0E5;
}

.bg-purple {
  background: #5854DC;
  color: #fff;
}

.bg-darkblue {
  background: #0D508B;
  color: #fff;
}

.bg-orange {
  background: #FFC104;
}

.bg-green {
  background: #007F55;
  color: #fff;
}

.bg-green2 {
  background: #009060;
  color: #fff;
}

.bg-green3 {
  background: #03EF8D;
}

.bg-green4 {
  background: #99D3BF;
}

.bg-green5 {
  background: #9AF9D1;
}

.bg-lime {
  background: #CEE00B;
}

.bg-lime2 {
  background: #ADBC0B;
}

.bg-lime3 {
  background: #8D9908;
}

.bg-lime4 {
  background: #5D6507;
}

.bg-lime5 {
  background: #EBF39D;
}

.bg-yellow {
  background: #FFDC02;
}

.bg-yellow2 {
  background: #FFE69B;
}

.bg-red {
  background: #DC3445;
  color: #fff;
}

.bg-red td {
  background: #DC3445;
  color: #fff;
}

.bg-red2 {
  background: #A4101F;
  color: #fff;
}

.bg-red3 {
  background: #6E0812;
  color: #fff;
}

.bg-brown {
  background: #C49608;
  color: #fff;
}

.bg-none {
  background: none !important;
}

.bg-grey {
  background: #EAEAEA;
}

.text-blue {
  color: #02ADEE;
}

.text-blue2 {
  color: #3EAEE2;
}

.text-blue3 {
  color: #319FD2;
}

.text-blue4 {
  color: #8ACFF0;
}

.text-blue5 {
  color: #B0E0E5;
}

.text-purple {
  color: #5854DC;
}

.text-darkblue {
  color: #0D508B;
}

.text-orange {
  color: #FFC104;
}

.text-green {
  color: #007F55;
}

.text-green2 {
  color: #009060;
}

.text-green3 {
  color: #03EF8D;
}

.text-green4 {
  color: #99D3BF;
}

.text-green5 {
  color: #9AF9D1;
}

.text-lime {
  color: #CEE00B;
}

.text-lime2 {
  color: #ADBC0B;
}

.text-lime3 {
  color: #8D9908;
}

.text-lime4 {
  color: #5D6507;
}

.text-lime5 {
  color: #EBF39D;
}

.text-yellow {
  color: #FFDC02;
}

.text-yellow2 {
  color: #FFE69B;
}

.text-red {
  color: #DC3445;
}

.text-red2 {
  color: #A4101F;
}

.text-red3 {
  color: #6E0812;
}

.text-brown {
  color: #C49608;
}

.text-none {
  color: transparent !important;
}

.text-grey {
  color: #EAEAEA;
}

.social {
  margin: 20px 0;
  display: block;
}

.social a {
  display: inline-block;
  vertical-align: middle;
  width: 32px;
  height: 32px;
}

.social a._icon {
  background-image: url(../images/_social.png);
  background-repeat: no-repeat;
  font-size: 0;
}

.social a.socicon {
  font-size: 17px;
  color: #000;
}

.social a.socicon.autosize {
  width: auto;
  height: auto;
}

.social a.socicon:hover {
  color: #009060;
  text-decoration: none;
}

.social strong {
  display: block;
  font: bold 14px/22px Tahoma;
  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;
}

/* INPUT types and FANCYFIELDS */
.grayscale {
  -webkit-filter: grayscale(1);
  -moz-filter: grayscale(1);
  filter: grayscale(1);
}

.noaction {
  pointer-events: none;
}

.halfpacity {
  opacity: 0.5;
}

#zaqvlenie.flex {
  /*height: calc(100vh - 90px);*/
}

.flex {
  display: flex;
  width: 100%;
}

body.toggledmenu .control-menu {
  width: 62px;
}
body.toggledmenu .control-menu a {
  font-size: 0 !important;
}
body.toggledmenu .control-menu .togglemenu .icon {
  rotate: 180deg;
}

.control-menu {
  width: 190px;
  padding: 15px 10px 10px 20px;
  background: #F4F4F4;
  transition: all 0.2s linear;
}
.control-menu .togglemenu {
  margin-top: 20px;
  padding-left: 10px;
  display: block;
}
.control-menu .togglemenu .icon {
  width: 16px;
  height: 16px;
  transition: all 0.2s linear;
}
.control-menu .togglemenu i {
  font-size: 25px;
}
.control-menu ul li {
  margin-bottom: 6px;
}
.control-menu ul li.active a:hover,
.control-menu ul li.active a {
  text-decoration: none;
  background: #EAEAEA;
}
.control-menu ul li a {
  padding: 2px;
  border-radius: 5px;
  display: block;
  font: bold 13px/1.2 Tahoma;
  color: #000;
  white-space: nowrap;
}
.control-menu ul li a .icon {
  width: 28px;
  height: 28px;
  line-height: 26px;
  border-radius: 3px;
  text-align-last: center;
  color: #fff;
  margin-right: 20px;
  vertical-align: middle;
}
.control-menu ul li a .icon i {
  width: 16px;
  height: 16px;
  vertical-align: top;
  margin-top: 5px;
}
.control-menu ul li a:hover {
  background: #fff;
}

.k-window-split-wrap {
  border: 0;
  flex-grow: 1;
  height: 100%;
  padding-right: 10px;
}

.k-splitbar {
  border-left: 1px solid #DEE2E5;
  border-right: 1px solid #DEE2E5;
}

.step-table {
  margin-bottom: 20px;
}

.steps-footer {
  width: 110px;
  display: inline-flex;
  flex-flow: column-reverse;
  align-items: flex-start;
  justify-content: flex-start;
  vertical-align: top;
  float: right;
  padding-left: 0px;
  padding-right: 10px;
  position: relative;
  top: 0px;
  gap: 10px;
  border-radius: 0;
  padding-top: 15px;
  background: #fff;
}
.steps-footer .bttn {
  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%;
  min-height: 100px !important;
  min-width: 100px !important;
  transform-origin: center;
  max-width: 100px;
  margin-left: auto;
  margin-bottom: auto !important;
}
.steps-footer .bttn + .bttn {
  margin-bottom: 0 !important;
}
.steps-footer .bttn.autosize {
  height: auto;
  min-height: 0 !important;
  padding: 21px 20px 19px;
}
.steps-footer .bttn .icon {
  display: block;
  width: 37px;
  height: 30px;
  margin-bottom: 10px;
}
.steps-footer .bttn .k-icon {
  font-size: 50px;
  font-weight: 100;
}

p.small {
  font-size: 12px;
  line-height: 16px;
}

.split-content-wrap {
  font-size: 14px;
  padding: 15px 20px;
}
.split-content-wrap .ib {
  margin-right: 10px;
}
.split-content-wrap small {
  font-size: 12px;
  line-height: 1.3;
}
.split-content-wrap .form-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 2%;
  margin-bottom: 10px;
  margin-right: 0;
  width: 100%;
  container: formrow-layout/inline-size;
}
.split-content-wrap .form-row:last-child {
  margin-bottom: 0;
}
.split-content-wrap .form-row > .bttn {
  align-self: start;
}
.split-content-wrap .form-row .object-control {
  margin-top: 6px;
}
.split-content-wrap .form-row .form-input.column {
  width: 49%;
}
.split-content-wrap .form-row .form-input.three {
  width: 32%;
}
.split-content-wrap .form-row .form-input.double {
  width: 66%;
}
.split-content-wrap .form-row .form-input.quad {
  width: 23.5%;
}
.split-content-wrap .form-row label {
  padding: 3px 0 2px;
}
.split-content-wrap .form-row .form-input.fullwidth {
  flex-grow: 1;
}
.split-content-wrap .form-input {
  padding-right: 0;
  margin-bottom: 0;
  width: auto;
}
.split-content-wrap .form-input .form-input input[type],
.split-content-wrap .form-input .form-input select {
  margin-bottom: 0;
}
.split-content-wrap .content-ul {
  width: 100%;
}
.split-content-wrap .content-ul li {
  padding-left: 10px;
  border-radius: 3px;
  margin-bottom: 4px;
}
.split-content-wrap .content-ul li:nth-child(even) {
  background: #F5F5F6;
}
.split-content-wrap .content-flex {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 5px;
  container: formrow-layout/inline-size;
}
.split-content-wrap .content-flex a {
  color: #000;
  text-decoration: underline;
}
.split-content-wrap .content-flex a:hover {
  text-decoration: none;
}
.split-content-wrap .content-flex .k-button.k-small,
.split-content-wrap .content-flex .bttn.small {
  padding: 3px !important;
  min-width: 24px;
  min-height: 24px;
  font-size: 12px;
  line-height: 14px;
  box-sizing: border-box;
}
.split-content-wrap .content-flex .k-button.k-small .k-icon,
.split-content-wrap .content-flex .bttn.small .k-icon {
  font-size: 16px;
}
.split-content-wrap .content-flex .left * + small {
  margin-left: 10px;
}
.split-content-wrap .content-flex.k-flex-nowrap {
  flex-wrap: nowrap;
}
.split-content-wrap .content-flex.column {
  width: 50%;
}
.split-content-wrap .content-flex .small-title {
  width: 100%;
}
.split-content-wrap .content-flex .left {
  padding-right: 10px;
  max-width: calc(100% - 54px);
}
.split-content-wrap .content-flex .right {
  margin-left: auto;
}

.bigblock > div,
.minicircle,
.oval,
.circle,
.indicator-content {
  display: block;
  margin-left: 0px;
  margin-bottom: 0 !important;
  border: 1px solid #DDE1E6;
  padding: 20px;
  margin-bottom: 20px !important;
}
.bigblock > div.bg-blue,
.minicircle.bg-blue,
.oval.bg-blue,
.circle.bg-blue,
.indicator-content.bg-blue {
  background: rgba(2, 173, 238, 0.2);
  border-color: #02ADEE;
}
.bigblock > div.bg-blue2,
.minicircle.bg-blue2,
.oval.bg-blue2,
.circle.bg-blue2,
.indicator-content.bg-blue2 {
  background: rgba(62, 174, 226, 0.2);
  border-color: #3EAEE2;
}
.bigblock > div.bg-blue3,
.minicircle.bg-blue3,
.oval.bg-blue3,
.circle.bg-blue3,
.indicator-content.bg-blue3 {
  background: rgba(49, 159, 210, 0.2);
  border-color: #319FD2;
}
.bigblock > div.bg-blue4,
.minicircle.bg-blue4,
.oval.bg-blue4,
.circle.bg-blue4,
.indicator-content.bg-blue4 {
  background: rgba(138, 207, 240, 0.2);
  border-color: #8ACFF0;
}
.bigblock > div.bg-blue5,
.minicircle.bg-blue5,
.oval.bg-blue5,
.circle.bg-blue5,
.indicator-content.bg-blue5 {
  background: rgba(176, 224, 229, 0.2);
  border-color: #B0E0E5;
}
.bigblock > div.bg-purple,
.minicircle.bg-purple,
.oval.bg-purple,
.circle.bg-purple,
.indicator-content.bg-purple {
  background: rgba(88, 84, 220, 0.2);
  border-color: #5854DC;
}
.bigblock > div.bg-darkblue,
.minicircle.bg-darkblue,
.oval.bg-darkblue,
.circle.bg-darkblue,
.indicator-content.bg-darkblue {
  background: rgba(13, 80, 139, 0.2);
  border-color: #0D508B;
}
.bigblock > div.bg-orange,
.minicircle.bg-orange,
.oval.bg-orange,
.circle.bg-orange,
.indicator-content.bg-orange {
  background: rgba(255, 193, 4, 0.2);
  border-color: #FF8209;
}
.bigblock > div.bg-orange2,
.minicircle.bg-orange2,
.oval.bg-orange2,
.circle.bg-orange2,
.indicator-content.bg-orange2 {
  background: rgba(248, 180, 1, 0.2);
  border-color: #F89700;
}
.bigblock > div.bg-orange3,
.minicircle.bg-orange3,
.oval.bg-orange3,
.circle.bg-orange3,
.indicator-content.bg-orange3 {
  background: rgba(182, 135, 27, 0.2);
  border-color: #8C4600;
}
.bigblock > div.bg-green,
.minicircle.bg-green,
.oval.bg-green,
.circle.bg-green,
.indicator-content.bg-green {
  background: rgba(0, 127, 85, 0.2);
  border-color: #007F55;
}
.bigblock > div.bg-green2,
.minicircle.bg-green2,
.oval.bg-green2,
.circle.bg-green2,
.indicator-content.bg-green2 {
  background: rgba(0, 144, 96, 0.2);
  border-color: #009060;
}
.bigblock > div.bg-green3,
.minicircle.bg-green3,
.oval.bg-green3,
.circle.bg-green3,
.indicator-content.bg-green3 {
  background: rgba(3, 239, 141, 0.2);
  border-color: #03EF8D;
}
.bigblock > div.bg-green4,
.minicircle.bg-green4,
.oval.bg-green4,
.circle.bg-green4,
.indicator-content.bg-green4 {
  background: rgba(153, 211, 191, 0.2);
  border-color: #99D3BF;
}
.bigblock > div.bg-green5,
.minicircle.bg-green5,
.oval.bg-green5,
.circle.bg-green5,
.indicator-content.bg-green5 {
  background: rgba(154, 249, 209, 0.2);
  border-color: #9AF9D1;
}
.bigblock > div.bg-lime,
.minicircle.bg-lime,
.oval.bg-lime,
.circle.bg-lime,
.indicator-content.bg-lime {
  background: rgba(206, 224, 11, 0.2);
  border-color: #CEE00B;
}
.bigblock > div.bg-lime2,
.minicircle.bg-lime2,
.oval.bg-lime2,
.circle.bg-lime2,
.indicator-content.bg-lime2 {
  background: rgba(173, 188, 11, 0.2);
  border-color: #ADBC0B;
}
.bigblock > div.bg-lime3,
.minicircle.bg-lime3,
.oval.bg-lime3,
.circle.bg-lime3,
.indicator-content.bg-lime3 {
  background: rgba(141, 153, 8, 0.2);
  border-color: #8D9908;
}
.bigblock > div.bg-lime3,
.minicircle.bg-lime3,
.oval.bg-lime3,
.circle.bg-lime3,
.indicator-content.bg-lime3 {
  background: rgba(141, 153, 8, 0.2);
  border-color: #8D9908;
}
.bigblock > div.bg-lime4,
.minicircle.bg-lime4,
.oval.bg-lime4,
.circle.bg-lime4,
.indicator-content.bg-lime4 {
  background: rgba(93, 101, 7, 0.2);
  border-color: #5D6507;
}
.bigblock > div.bg-lime5,
.minicircle.bg-lime5,
.oval.bg-lime5,
.circle.bg-lime5,
.indicator-content.bg-lime5 {
  background: rgba(235, 243, 157, 0.2);
  border-color: #EBF39D;
}
.bigblock > div.bg-yellow,
.minicircle.bg-yellow,
.oval.bg-yellow,
.circle.bg-yellow,
.indicator-content.bg-yellow {
  background: rgba(255, 254, 140, 0.2);
  border-color: #FFDC02;
}
.bigblock > div.bg-yellow2,
.minicircle.bg-yellow2,
.oval.bg-yellow2,
.circle.bg-yellow2,
.indicator-content.bg-yellow2 {
  background: rgba(255, 243, 34, 0.2);
  border-color: #FFDC02;
}
.bigblock > div.bg-yellow3,
.minicircle.bg-yellow3,
.oval.bg-yellow3,
.circle.bg-yellow3,
.indicator-content.bg-yellow3 {
  background: rgba(225, 220, 0, 0.2);
  border-color: #D5B311;
}
.bigblock > div.bg-red,
.minicircle.bg-red,
.oval.bg-red,
.circle.bg-red,
.indicator-content.bg-red {
  background: rgba(220, 52, 69, 0.2);
  border-color: #DC3445;
}
.bigblock > div.bg-red2,
.minicircle.bg-red2,
.oval.bg-red2,
.circle.bg-red2,
.indicator-content.bg-red2 {
  background: rgba(164, 16, 31, 0.2);
  border-color: #A4101F;
}
.bigblock > div.bg-red3,
.minicircle.bg-red3,
.oval.bg-red3,
.circle.bg-red3,
.indicator-content.bg-red3 {
  background: rgba(110, 8, 18, 0.2);
  border-color: #6E0812;
}
.bigblock > div.bg-brown,
.minicircle.bg-brown,
.oval.bg-brown,
.circle.bg-brown,
.indicator-content.bg-brown {
  background: rgba(196, 150, 8, 0.2);
  border-color: #C49608;
}
.bigblock > div.bg-none,
.minicircle.bg-none,
.oval.bg-none,
.circle.bg-none,
.indicator-content.bg-none {
  background: none !important;
}
.bigblock > div.bg-grey,
.minicircle.bg-grey,
.oval.bg-grey,
.circle.bg-grey,
.indicator-content.bg-grey {
  background: rgba(234, 234, 234, 0.2);
  border-color: #EAEAEA;
}
.bigblock > div .select-wrap,
.bigblock > div .selectwrap,
.minicircle .select-wrap,
.minicircle .selectwrap,
.oval .select-wrap,
.oval .selectwrap,
.circle .select-wrap,
.circle .selectwrap,
.indicator-content .select-wrap,
.indicator-content .selectwrap {
  background: #fff;
}
.bigblock > div > small,
.minicircle > small,
.oval > small,
.circle > small,
.indicator-content > small {
  font: normal 12px/1.1 Tahoma;
  display: block;
  margin: 3px 0;
}
.bigblock > div h2,
.bigblock > div h3,
.minicircle h2,
.minicircle h3,
.oval h2,
.oval h3,
.circle h2,
.circle h3,
.indicator-content h2,
.indicator-content h3 {
  font: bold 15px/1.2 Tahoma, sans-serif;
  margin-bottom: 5px;
}
.bigblock > div h2,
.minicircle h2,
.oval h2,
.circle h2,
.indicator-content h2 {
  font-size: 20px;
}
.bigblock > div .right,
.minicircle .right,
.oval .right,
.circle .right,
.indicator-content .right {
  gap: 5px;
}
.bigblock > div input[type=checkbox], .bigblock > div input[type=radio], .bigblock > div .checkboxes .check,
.minicircle input[type=checkbox],
.minicircle input[type=radio],
.minicircle .checkboxes .check,
.oval input[type=checkbox],
.oval input[type=radio],
.oval .checkboxes .check,
.circle input[type=checkbox],
.circle input[type=radio],
.circle .checkboxes .check,
.indicator-content input[type=checkbox],
.indicator-content input[type=radio],
.indicator-content .checkboxes .check {
  vertical-align: top;
}
.bigblock > div hr,
.minicircle hr,
.oval hr,
.circle hr,
.indicator-content hr {
  display: block;
  margin: 15px 0px 15px 0px;
  border: 0;
  border-top: 2px solid rgba(0, 0, 0, 0.2);
  background: 0;
  opacity: 1;
}

.minicircle {
  display: inline-block;
  vertical-align: top;
  padding: 4px 3px;
  font: bold 14px/18px Tahoma;
  color: #000 !important;
  border-radius: 10px;
  min-width: 30px;
  margin-right: 4px;
  margin-bottom: 5px !important;
  text-align: center;
}

.ministatus {
  display: inline-block;
  padding: 3px 10px !important;
  border-radius: 2px;
  font: normal 12px/14px Tahoma;
  vertical-align: top;
  margin-bottom: 3px;
}

.status {
  display: inline-block;
  padding: 3px 10px !important;
  border-radius: 2px;
  font: normal 12px/14px Tahoma;
  margin: 0;
  border: 0;
}

.big-blocks-wrap {
  display: flex;
  flex-wrap: wrap;
}
.big-blocks-wrap .bigblock {
  box-shadow: inset 0 0 0 1px #EBEBEB;
  border-radius: 5px;
  height: 100%;
  display: flex;
  flex-flow: column;
  text-decoration: none;
}
.big-blocks-wrap .bigblock > div {
  align-self: stretch;
  flex-grow: 1;
  margin-bottom: 0 !important;
  border-radius: 5px;
}
.big-blocks-wrap .bigblock > div strong {
  font: bold 12px/1.2 Tahoma;
  color: #000;
}
.big-blocks-wrap .bigblock > div h3 {
  font: bold 40px/1 Tahoma;
  margin: 13px 0 0;
  color: #000;
}
.big-blocks-wrap .bigblock .bigblock-footer {
  display: block;
  padding: 7px 17px 7px;
  font: bold 12px/16px Tahoma;
  text-decoration: none;
  color: #000;
}
.big-blocks-wrap .bigblock .bigblock-footer .icon {
  margin-top: 2px;
  width: 12px;
  height: 12px;
  float: right;
}
.big-blocks-wrap .bigblock:hover {
  background: #f7f7f7;
}
.big-blocks-wrap .three {
  min-height: unset;
  align-self: stretch;
}

.simplelist {
  margin: 10px 0;
  width: 100%;
  padding-right: 10px;
}

.simplelist li {
  position: relative;
  padding-left: 15px;
  padding-bottom: 3px;
  font: normal 12px/1.2 Tahoma;
  color: #000000;
}
.simplelist li a {
  color: inherit;
  font: inherit;
  text-decoration: underline;
}
.simplelist li a, .simplelist li span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.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%;
}

.basicinfo {
  max-width: 200px;
  margin-left: 60px;
}
.basicinfo .k-input,
.basicinfo input {
  margin-bottom: 20px;
}
.basicinfo b {
  display: block;
  font-size: 13px;
}
.basicinfo strong {
  font-size: 20px;
  display: block;
  margin: 10px 0;
}
.basicinfo strong small {
  display: block;
  font-size: 13px;
}

.icon.info {
  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 {
  cursor: pointer;
  opacity: 1;
}

.object-control label {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  position: relative;
  margin-bottom: 5px;
  color: #000;
}
.object-control label input[type=checkbox] {
  width: 16px;
  height: 16px !important;
  line-height: 1;
  margin-right: 0px;
  vertical-align: middle;
  position: relative;
  float: none;
}
.object-control label img,
.object-control label svg {
  float: none;
  position: relative;
  width: 18px;
  height: 15px;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  color: inherit;
}
.object-control label img.icon,
.object-control label svg.icon {
  height: 16px;
  margin-top: 1px;
}
.object-control label span {
  font: normal 11px/1.2 Tahoma;
  color: #000;
}

.k-pager-wrap {
  font-size: 12px;
}
.k-pager-wrap .k-pager-nav {
  height: 32px;
  width: 32px;
}

.k-pager-sm .k-pager-numbers-wrap select.k-dropdown-list, .k-pager-sm .k-pager-numbers-wrap select.k-dropdown, .k-pager-sm .k-pager-numbers-wrap select.k-dropdownlist {
  font-size: 12px;
}

.minipagination {
  font-size: 13px;
  padding: 0px;
  border: 0;
  border-radius: 4px;
  background: 0;
  color: #000;
}

.minipagination .k-pager-input {
  display: none !important;
}

.minipagination a {
  color: #000;
  border: 0 !important;
  background: 0 !important;
}

.minipagination a.k-link {
  color: #000;
}

.minipagination span.k-link.k-state-selected {
  background: 0;
  color: #000;
  border-radius: 4px;
}

.object-list-wrap {
  position: relative;
  margin-bottom: 0px;
}
.object-list-wrap > ul {
  border: 0;
  padding-bottom: 10px;
}
.object-list-wrap .object .bttn-delete {
  float: right;
  margin-top: 5px;
  min-width: 55px;
}
.object-list-wrap .object {
  background: #F2F2F2;
  color: #000;
  border-radius: 3px;
  position: relative;
  margin-bottom: 4px;
}
.object-list-wrap .object.active {
  background: #FFD45F !important;
}
.object-list-wrap .object:nth-child(odd) .label {
  background: #E7E7E7;
}
.object-list-wrap .object:hover .label {
  background: #009060 !important;
  color: #fff;
  text-decoration: none;
}
.object-list-wrap .object .icon {
  width: 14px;
  height: 14px;
  color: inherit;
}
.object-list-wrap .object .label {
  padding: 4px 0 4px 10px;
  width: 100%;
  background: #F5F5F6;
  border-radius: 3px;
  color: #000;
  display: inline-block;
  font: normal 11px/18px Tahoma;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: nowrap;
}
.object-list-wrap .object .label .icon {
  margin-top: 2px;
}
.object-list-wrap .object .label input[type=checkbox] {
  width: 16px;
  height: 16px;
  vertical-align: middle;
}
.object-list-wrap .object .object-options {
  position: absolute;
  right: 0;
  top: 0px;
  margin: 0 2px 0 0;
}
.object-list-wrap .object .object-options button,
.object-list-wrap .object .object-options a {
  border: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: top;
  width: 22px;
  height: 22px;
  background: #fff;
  color: #000;
  border-radius: 33px;
  padding: 3px;
  position: relative;
  text-decoration: none;
  cursor: pointer;
  margin-top: 2px;
}
.object-list-wrap .object .object-options button:hover,
.object-list-wrap .object .object-options a:hover {
  background: #E5F3EF;
}
.object-list-wrap .object .object-options button .icon,
.object-list-wrap .object .object-options a .icon {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
}
.object-list-wrap .object.active .label {
  background: #009060;
  color: #fff;
  border-radius: 5px 5px 5px 0;
}
.object-list-wrap .object.active > .object-properties {
  display: block;
}
.object-list-wrap .pointer {
  cursor: pointer;
  text-decoration: none;
}
.object-list-wrap .object-properties {
  padding: 10px;
  border-radius: 0 0 5px 5px;
  clear: both;
  color: #000;
  font: normal 11px/1.3 Tahoma;
  display: none;
}
.object-list-wrap .object-properties a, .object-list-wrap .object-properties p, .object-list-wrap .object-properties ul, .object-list-wrap .object-properties li, .object-list-wrap .object-properties div, .object-list-wrap .object-properties span {
  font: inherit;
  color: inherit;
}
.object-list-wrap .object-properties a:first-child, .object-list-wrap .object-properties p:first-child, .object-list-wrap .object-properties ul:first-child, .object-list-wrap .object-properties li:first-child, .object-list-wrap .object-properties div:first-child, .object-list-wrap .object-properties span:first-child {
  margin-top: 0;
}
.object-list-wrap .object-properties strong {
  font-weight: bold;
}

.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -10px;
}
.form-row.k-listview-item {
  margin-right: 0;
  padding: 10px;
  background: #f7f7f7;
}

.form-input-dash {
  display: inline-block;
  vertical-align: top;
  width: 2px;
  height: 20px;
  transform: skew(-10deg);
  transform-origin: center;
  margin: 5px 10px auto 0;
  position: relative;
  left: -1px;
  background: #CECFCE;
}

.fullwidth {
  width: 100%;
}

.total {
  font: bold 13px/28px Tahoma;
  color: #000;
}

.num {
  display: inline-block;
  vertical-align: top;
  font: bold 20px/1.2 Tahoma !important;
  background: #F7F7F7;
  border: 1px solid #DDE1E6;
  padding: 2px 10px;
}

div.num {
  display: block;
  margin: 10px 0;
}

.payment .k-radio-label {
  margin-bottom: 10px;
  font: normal 14px/25px Tahoma;
}
.payment .k-radio-label input[type=radio]:checked ~ span {
  font-weight: bold;
}
.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;
}

.form-input {
  width: 220px;
  padding-right: 10px;
  margin-bottom: 10px;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.form-input + .form-input .bttn:only-child {
  margin-top: 23px;
}
.form-input .k-checkbox-wrap {
  margin-top: 8px;
}
.form-input.three {
  width: 33.333%;
}
.form-input .form-input {
  margin-bottom: 0;
}
.form-input .form-input input[type], .form-input .form-input textarea, .form-input .form-input select {
  margin-bottom: 10px;
}
.form-input.fullwidth {
  width: 100%;
}
.form-input.half {
  width: 16.6666%;
}
.form-input.double {
  width: 66.666%;
}
.form-input.half.double {
  width: 83.33333%;
}
.form-input.column {
  width: calc(50% - 5px);
}
.form-input.pint {
  width: 20%;
}
.form-input.quad {
  width: 25%;
}
.form-input.autosize {
  min-width: 0;
  width: auto;
}
.form-input.nest {
  padding-right: 0;
}
.form-input .bttn {
  min-width: 0;
  width: 100%;
}
.form-input .bttn.autosize, .form-input .bttn.ib {
  width: auto;
}
.form-input > label + input {
  margin-top: 0 !important;
}
.form-input em {
  font: normal 12px/14px Tahoma;
  font-style: italic;
  color: #000;
  padding: 10px 0;
  display: block;
}
.form-input label {
  font: normal 13px/1.4 Tahoma;
  color: #000;
}
.form-input input.bttn {
  border-radius: 5px;
  border: 0;
  font: bold 16px/1.4 Tahoma;
  width: 100%;
  margin-top: 10px;
}
.form-input input.bttn.huge {
  min-width: 260px;
  padding: 20px 10px 17px;
  height: auto;
}
.form-input.right {
  float: right;
}
.form-input .labeltext,
.form-input .labeltext span {
  color: #000;
}

label {
  display: block;
  font: normal 14px/16px Arial, Tahoma;
  padding: 3px 0 7px 0;
  color: #474F4C;
}
label.empty {
  min-height: 23px;
}

#submit-search {
  background: #009060;
  color: #fff;
  min-width: 0;
  padding: 5px;
  height: 32px;
}
#submit-search .icon {
  width: 22px;
  height: 22px;
}

input[type=submit], button {
  border: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.k-input-value-text {
  font-size: 13px;
}

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

input[type=text],
input[type=email], input[type=password], input[type=data], textarea, select,
.input {
  height: 30px;
  font: normal 13px/20px Arial, Tahoma;
  background: #FFFFFF;
  border: 1px solid #CED4DA;
  border-radius: 4px;
  color: #6C757D;
  padding: 4px 10px;
  width: 100%;
  box-shadow: 0;
  display: inline-block;
  vertical-align: top;
  margin: 0px;
  min-width: 100px;
}

input.active,
input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input[type=data]:focus, textarea:focus {
  border-color: #009060 !important;
}

input::-webkit-input-placeholder {
  font-style: italic;
  font-size: 12px;
}

input::-moz-input-placeholder {
  font-style: italic;
  font-size: 12px;
}

.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;
  margin: 0px;
  min-width: 140px;
  line-height: 30px;
  height: 30px;
}

select[multiple] {
  height: 200px;
  border-radius: 4px;
  margin-top: 10px;
  padding: 10px 0;
}

.select-wrap,
.selectwrap {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  border-radius: 4px;
  background: #fff;
}

.select-wrap .icon,
.selectwrap .icon {
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 10px;
  height: 10px;
}

.select-wrap:after,
.selectwrap:after {
  content: "";
  display: inline-block;
  vertical-align: top;
  border: 6px solid transparent;
  border-top-color: #000;
  border-bottom: 0;
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 0;
  width: 0;
}

.select-wrap:hover:after,
.selectwrap:hover:after {
  border-top-color: #009060;
}

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

[readonly], [disabled] {
  pointer-events: none !important;
  opacity: 0.5 !important;
}

[readonly] {
  opacity: 0.4 !important;
  border-color: #eeeeee !important;
}

label:has(+ [readonly]) {
  pointer-events: none;
}

/*
.checkboxes input[type="checkbox"]:checked + .check,
.checkboxes input[type="checkbox"]:checked ~ .check {
    background: url(../images/_sprite.png) center -153px no-repeat;
}
*/
.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: Arial;
  color: #000;
}

.checkboxes input[type=radio]:checked + .check:before,
.checkboxes input[type=radio]:checked ~ .check:before {
  font-size: 0;
  width: 20px;
  height: 20px;
  background: #009060;
  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: 20px;
  float: left;
  position: relative;
}

input[type=checkbox], input[type=radio],
.checkboxes .check {
  width: 16px;
  height: 16px;
  background: #fff;
  border: 1px solid #CED4DA;
  display: inline-block;
  vertical-align: -5px;
  margin-right: 5px;
  position: relative;
  line-height: 20px;
  text-indent: -1px;
  text-align: center;
  border-radius: 4px;
}

input[type=radio] {
  vertical-align: middle;
}

.checkboxes .icon.check {
  color: #fff;
  position: absolute;
  left: 0;
  top: 7px;
  padding: 2px;
}

label.checkboxes span,
.checkboxes label span {
  display: block;
  margin-left: 30px;
  line-height: 20px;
  vertical-align: top;
  font-weight: normal;
}

.checkboxes label:hover span {
  border-color: #009060;
}

.checkboxes input:checked ~ .icon {
  color: #009060;
}

/* article */
article, p, article p, article ul, article ol, .info {
  color: #000;
  font: normal 12px/1.6 Arial;
}

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

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

article ul {
  list-style: none;
}
article ul li {
  padding-left: 20px;
  position: relative;
  margin-bottom: 5px;
}
article ul li:before {
  content: "";
  background: #009060;
  width: 8px;
  height: 8px;
  position: absolute;
  left: 0;
  top: 6px;
  border-radius: 100%;
}

article ul ul {
  list-style-type: disc;
}
article ul ul li {
  padding-left: 0;
}
article ul ul li:before {
  display: none;
}

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

article ul ul,
article ol ul {
  list-style-type: circle;
  list-style-position: inside;
  margin-left: 15px;
}

article ol ol,
article ul ol {
  list-style-type: lower-latin;
  list-style-position: inside;
  margin-left: 15px;
}

.content-wrap article {
  padding-bottom: 40px;
}

article a:hover {
  text-decoration: underline;
}

article h1,
article h2,
article h3,
article h4,
article h5,
article h6 {
  font-family: Tahoma;
  font-weight: bold;
  margin: 15px 0;
}

.page-top {
  font: normal 12px/22px Tahoma;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  padding: 5px 20px;
}
.page-top .center {
  background: #fff;
  min-height: 110px;
  padding: 0 20px 0px;
  border-radius: 0 0 20px 20px;
}

.breadcrumbs {
  padding: 0px 0 5px;
  color: #5A5D5A;
}

.breadcrumbs * {
  display: inline-block;
  vertical-align: top;
  font-size: 11px;
  color: #5A5D5A;
}

.breadcrumbs * + *:before {
  content: "/";
  display: inline-block;
  vertical-align: baseline;
  color: inherit;
  line-height: 1;
  width: auto;
  margin: 0px 3px 0 0px;
  color: #5A5D5A;
}

.breadcrumbs a:hover {
  text-decoration: underline;
}

.fbox-title,
.pagetitle h1,
.pagetitle {
  font: normal 30px/1.2 Tahoma;
  padding: 14px 0 16px;
  margin: 0;
}

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

.sectitle {
  padding: 0;
  margin: 20px 0 30px;
  font: bold 26px/1.2 Tahoma;
  color: #000;
  text-align: center;
}
.sectitle h1, .sectitle h2, .sectitle h3 {
  display: inline-block;
  vertical-align: middle;
}

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

.pagination > * {
  font: normal 18px/35px Tahoma;
  color: #000;
  display: inline-block;
  vertical-align: middle;
  min-width: 35px;
  min-height: 35px;
  text-align: center;
  padding: 0 5px;
  margin-right: 2px;
  border-radius: 0px;
  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: #009060;
  color: #fff;
}

.small-title {
  font: bold 14px/1.2 Tahoma;
  color: #000;
  padding: 0;
  margin: 10px 0;
  width: 100%;
}

aside {
  float: left;
  width: 200px;
  margin-bottom: 40px;
  position: relative;
}

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

.owl-nav > div.disabled {
  opacity: 0.4;
}

#map_wrap {
  left: 0;
  right: 0;
  top: 0;
  bottom: 25px;
  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: #000;
}
.object-control label input[type=checkbox] {
  width: 16px;
  height: 16px !important;
  line-height: 1;
  margin-right: 0px;
  vertical-align: middle;
  position: relative;
  float: none;
}
.object-control label img,
.object-control label svg {
  float: none;
  position: relative;
  width: 18px;
  height: 15px;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  color: inherit;
}
.object-control label img.icon,
.object-control label svg.icon {
  height: 16px;
  margin-top: 1px;
}
.object-control label span {
  font: normal 11px/1.2 Tahoma;
  color: #000;
}

.object {
  background: #FFD45F;
  color: #000;
  border-radius: 15px;
  position: relative;
}
.object:hover .label {
  background: #009060 !important;
  color: #fff;
  text-decoration: none;
}
.object .icon {
  width: 14px;
  height: 14px;
  color: inherit;
}
.object .label {
  padding: 6px 10px;
  width: 100%;
  background: #e9e9e9;
  border-radius: 20px;
  color: #000;
  display: inline-block;
  font: normal 11px/18px Tahoma;
  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;
}
.object .object-options button,
.object .object-options a {
  border: 0;
  display: inline-block;
  vertical-align: top;
  width: 24px;
  height: 24px;
  background: #fff;
  color: #000;
  border-radius: 100%;
  padding: 3px;
  position: relative;
}
.object .object-options button:hover,
.object .object-options a:hover {
  background: #E5F3EF;
}
.object .object-options button .icon,
.object .object-options a .icon {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
}
.object.active > .object-properties {
  display: block;
}

.pointer {
  cursor: pointer;
  text-decoration: none;
}

.object + .object {
  margin-top: 2px;
}

.object .bttn-delete {
  float: right;
  margin-top: 5px;
  min-width: 55px;
}

.object-properties {
  padding: 10px;
  border-radius: 0 0 10px 10px;
  clear: both;
  color: #000;
  font: normal 11px/1.3 Tahoma;
  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;
}

.object-list-wrap {
  position: relative;
}

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

/*  END GENERAL */
/* ------------------------------------ HEADER ------------------------------------- */
.ib {
  display: inline-block;
  vertical-align: middle;
}

.relative {
  position: relative;
}

header {
  top: 0;
  width: 100%;
  z-index: 999;
  padding: 0px 0 0;
  background: #009060;
  margin: auto;
  position: relative;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}

.header-top {
  padding: 8px 0;
  overflow: hidden;
}
.header-top .center {
  background: #fff;
  overflow: hidden;
}
.header-top .left {
  font: normal 12px/30px Tahoma;
  color: #5A5D5A;
}
.header-top .left a {
  color: inherit;
}
.header-top .left a.js-trigger-text {
  font: normal 12px/20px Tahoma;
  color: #5A5D5A;
  display: inline-block;
  vertical-align: middle;
  padding: 0 3px;
  text-align: center;
  min-width: 20px;
  border-radius: 100%;
  background: #fff;
}
.header-top .left a.js-trigger-text.active, .header-top .left a.js-trigger-text:hover {
  text-decoration: none;
  background: #009060;
  color: #fff;
}
.header-top .left .bttn {
  border-color: #5A5D5A;
  color: #5A5D5A;
  padding: 4px 18px;
  min-width: 0;
  font-weight: normal;
  text-transform: none;
  margin-right: 10px;
}
.header-top .left .bttn:hover {
  color: #fff;
}
.header-top .right form input[type] {
  background: #F4F4F4;
  line-height: 30px;
  height: 30px;
  padding-right: 30px;
  width: 200px;
}
.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 {
  margin-left: 10px;
}
.header-top .right .ib span {
  font: normal 12px/20px Tahoma;
  color: #5A5D5A;
  display: inline-block;
  vertical-align: middle;
}
.header-top .right .ib img {
  margin-right: 2px;
  height: 20px;
  vertical-align: middle;
}

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

.header-bottom {
  position: relative;
  z-index: 2;
  background: #009060;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
}
nav ul {
  display: inline-block;
  vertical-align: top;
  font-size: 0;
}

nav ul li {
  padding: 0 1px;
  margin: 0 0;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
nav ul li.home {
  margin-top: 2px;
  margin-right: 5px;
}

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

nav > ul > li > a {
  text-transform: uppercase;
}

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

nav ul li a:hover > .icon {
  color: #FFD45F;
}

nav ul li a {
  display: block;
  padding: 10px 0px;
  color: #fff;
  text-decoration: none !important;
}

nav ul li > a > span {
  font: bold 12px/18px Tahoma;
  color: #fff;
  padding: 3px 8px;
  display: block;
  border-radius: 5px;
}

nav > ul > li.active > a > span,
nav > ul > li:hover > a > span {
  background: #FFD45F;
  color: #000;
}

li.threedots.hidden,
.threedots ~ li {
  display: none;
}

.threedots > a {
  width: 26px;
  display: inline-block;
  vertical-align: top;
  border: 0 !important;
  padding: 19px 0px;
  margin: 0px 5px;
  position: relative;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  top: 0;
}

.threedots > a:after,
.threedots > a:before {
  content: "";
  width: 6px;
  height: 6px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 30px;
  background: #fff;
  margin: 0 2px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.threedots > a:before {
  margin-left: 0;
}

.touch .openedmenu .threedots > a:before {
  -webkit-box-shadow: 20px 0px 0 #fff;
  box-shadow: 20px 0px 0 #fff;
  margin-top: -5px;
}

.threedots > a:after {
  -webkit-box-shadow: 10px 0 0px #fff;
  box-shadow: 10px 0 0px #fff;
}

@media screen and (min-width: 747px) {
  .no-touch header nav ul li:hover > ul {
    display: block;
    -webkit-animation: comein 0.2s forwards;
    animation: comein 0.2s forwards;
  }
}
.touch .openedmenu #threedots {
  display: block !important;
  position: fixed;
  left: 0;
  right: 0;
  top: 60px;
  height: 100vh;
  height: calc(100vh - 60px);
  -webkit-animation: comein 0.2s forwards;
  animation: comein 0.2s forwards;
  padding-top: 10px;
  padding-bottom: 40px;
  overflow: auto;
}

.touch nav ul li a .icon {
  float: right;
  margin-top: 0px;
  width: 20px;
  height: 20px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.touch .openedmenu .threedots > a {
  top: -6px;
}

.touch .openedmenu .threedots > a:after {
  -webkit-box-shadow: 10px 8px 0px #fff, -10px 8px 0px #fff;
  box-shadow: 10px 8px 0px #fff, -10px 8px 0px #fff;
  margin-top: 11px;
}

.touch .threedots > a {
  position: relative;
  z-index: 2;
  color: red;
}

header nav .right ul,
nav ul ul {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  background: #FFFFFF;
  box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  padding: 15px 0px;
  min-width: 320px;
}
header nav .right ul:after, header nav .right ul:before,
nav ul ul:after,
nav ul ul:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 10px 8px;
  border-color: transparent transparent #ffffff transparent;
  border-radius: 4px;
  position: absolute;
  bottom: 100%;
  left: 40px;
  margin-bottom: -1px;
}
header nav .right ul:before,
nav ul ul:before {
  margin-bottom: -1px;
  border-width: 0 9px 10px 9px;
  border-bottom-color: #eee;
  left: 39px;
}

header nav .right ul li,
nav ul ul li {
  margin: 0;
  padding: 0;
  display: block;
  float: none;
}
header nav .right ul li:hover, header nav .right ul li.active a,
nav ul ul li:hover,
nav ul ul li.active a {
  color: #009060;
}

header nav .right ul li a,
nav ul ul li a {
  font: bold 14px/1.2 Tahoma;
  color: #000;
  text-decoration: none;
  display: block;
  border: 0 !important;
  padding: 5px 10px 5px 20px;
}
header nav .right ul li a:hover,
nav ul ul li a:hover {
  color: #009060;
}
header nav .right ul li a span,
nav ul ul li a span {
  color: inherit;
}

header nav #threedots,
header nav .right ul {
  top: 100%;
  right: 0;
  left: auto;
  margin: 0;
}

header nav #threedots:before,
header nav #threedots:after,
header nav .right ul:after,
header nav .right ul:before {
  right: 20px;
  left: auto;
}

#threedots li a span {
  font: bold 12px/18px Tahoma;
  text-transform: uppercase;
}

header nav .right.opened > ul,
.touch_false header nav .right:hover > ul,
header nav ul li:hover ul {
  display: block;
  animation: comein 0.2s forwards;
}

.right.opened .arrow {
  transform-origin: center;
  transform: rotateX(180deg);
}

.k-animation-container [role=tooltip] {
  pointer-events: none;
}

nav .right {
  float: right;
  font: bold 12px/20px Tahoma;
  color: #fff;
  margin-top: 10px;
  padding-bottom: 13px;
  position: relative;
  z-index: 2;
}
nav .right li {
  padding: 0;
}
nav .right li a span {
  padding: 0;
}
nav .right li a:hover {
  color: #009060;
}
nav .right li p {
  padding: 0 20px;
  line-height: 1.2;
  margin-bottom: 5px;
}
nav .right > a {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0px;
  vertical-align: middle;
  max-width: 180px;
  overflow: hidden;
  color: #fff;
  font-size: 0;
}
nav .right > a .icon {
  width: 18px;
  height: 20px;
  margin-right: 5px;
  color: #fff;
}
nav .right > a span {
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  max-width: 140px;
  white-space: nowrap;
  text-overflow: ellipsis;
  font: bold 12px/1.2 Tahoma;
}
nav .right > a .icon.arrow {
  transition: all 0.2s linear;
  margin-top: 5px;
  width: 10px;
  height: 6px;
  filter: drop-shadow(0 4px #fff);
}

.header-bottom-submenu {
  background: #fff;
}
.header-bottom-submenu nav ul li a span {
  color: #000;
  text-transform: none;
}

@media screen and (min-width: 480px) {
  .fixed .header-bottom {
    margin-bottom: 44px;
  }
  .fixed .header-bottom-submenu {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    background: #FFFFFF;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  }
}
#respmenu {
  display: none;
}

#respbtn {
  position: relative;
  display: none;
  vertical-align: top;
  float: left;
  width: auto;
  height: 40px;
  cursor: pointer;
  padding-top: 5px;
  padding-left: 20px;
  color: #fff;
}

#respbtn span {
  display: block;
  margin: auto;
  width: 30px;
  height: 4px;
  background: #fff;
  transform: rotate(0);
  margin-top: 4px;
  position: relative;
  left: 0;
  transition: all 0.2s linear;
  border-radius: 4px;
}

#respbtn span + span {
  margin-top: 5px;
}

#respbtn:hover span + span {
  background: #F4F4F4;
}

#respmenu:checked ~ .content,
#respmenu:checked ~ header {
  filter: grayscale(1);
}

.overlay {
  background: rgba(0, 0, 0, 0.55);
  position: fixed;
  z-index: 3000;
  position: absolute;
  left: 0;
  right: 100%;
  top: 0;
  bottom: 0;
  display: none;
}

#respmenu:checked ~ .overlay {
  display: block;
  animation: comein 0.2s linear forwards;
}

body.openedprofilemenu,
body.openedmenu {
  overflow: hidden;
}

@keyframes comein {
  0% {
    transform: translateY(-20px) scale(0.9);
  }
  100% {
    right: 0;
    transform: translateY(0px) scale(1);
  }
}
.responsivenav {
  display: none;
  padding-top: 45px;
  width: 400px;
  background: #fff;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 3002;
}

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

.responsivenav nav > ul {
  display: block;
  padding-bottom: 100px;
}

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

nav ul ul:after,
nav ul ul:before {
  border-bottom-color: #F4F4F4;
}

#respmenu:checked ~ .responsivenav {
  display: block;
  animation: comein 0.2s linear forwards;
}

.responsivenav nav li.threedots,
.responsivenav nav li.home svg {
  display: none;
}

.responsivenav nav li {
  float: none;
  display: block;
  padding: 0;
}

.responsivenav nav li a {
  border: 0 !important;
  padding: 3px 20px;
}
.responsivenav nav li a span {
  padding: 10px;
  color: #000;
}

.responsivenav nav li.active > a span,
.responsivenav nav li a.active span {
  background: #FFD45F;
  color: #000;
}

#respclose {
  color: #009060;
  cursor: pointer;
  text-align: center;
  right: 10px;
  top: 0;
  position: absolute;
  left: auto;
  padding: 5px 0;
}

#respclose div {
  width: 34px;
  height: 34px;
  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);
}

/* ------------------------------------ END HEADER ------------------------------------- */
/* ------------------------------------ FOOTER ------------------------------------- */
footer {
  position: relative;
  margin-top: -30px;
  min-height: 30px;
  clear: both;
  background: #fff;
  font: normal 12px/1.2 Tahoma;
  color: #5B5D5A;
  padding: 8px 0;
}

/* ------------------------------------ END FOOTER ------------------------------------- */
.content {
  padding: 0px 0;
}

.content-pre-wrap {
  padding: 20px;
  margin: 30px 0;
}
.content-pre-wrap:first-child {
  margin-top: 0;
  padding-top: 0px;
}
.content-pre-wrap:first-child .center {
  border-radius: 0 0 20px 20px;
  background: #fff;
}
.content-pre-wrap > .center {
  padding: 30px 20px 20px;
  overflow: hidden;
  border-radius: 3px;
  background: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}

.index-top {
  background: url("../i/indextop.jpg") center center no-repeat #FFFFFF;
  background-size: cover;
  border-radius: 3px;
  position: relative;
  padding: 30px 40px;
  overflow: hidden;
  margin-bottom: 20px;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
}
.index-top h1 {
  position: relative;
  z-index: 2;
  font: bold 40px/1.2 Tahoma;
  color: #009060;
  display: block;
}
.index-top a {
  margin-top: 20px;
  position: relative;
  z-index: 2;
}

.services {
  margin-top: 50px;
}

.itemlist {
  margin: 0 -10px;
  font-size: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.itemlist .item,
.itemlist li {
  width: 33.333%;
  width: calc(33.333% - 20px);
  margin: 0 10px 20px;
  display: inline-block;
  vertical-align: top;
}
.itemlist .item.two,
.itemlist li.two {
  width: 49%;
  width: calc(50% - 20px);
}
.itemlist .item.four,
.itemlist li.four {
  width: 24%;
  width: calc(25% - 20px);
}
.itemlist .item.five,
.itemlist li.five {
  width: 20%;
  width: calc(20% - 20px);
}
.itemlist .item.six,
.itemlist li.six {
  width: 16.66666%;
  width: calc(16.66666% - 20px);
}
.itemlist .item.fullwidth,
.itemlist li.fullwidth {
  width: 100%;
  margin: 0 0 20px;
}
.itemlist .item a,
.itemlist li a {
  position: relative;
  width: 100%;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin: auto;
  background: #FFFFFF;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  overflow: hidden;
  text-align: center;
}
.itemlist .item a > .info-wrap,
.itemlist li a > .info-wrap {
  display: block;
  padding: 0 20px 30px;
}
.itemlist .item a > .info-wrap.text-left,
.itemlist li a > .info-wrap.text-left {
  text-align: left;
}
.itemlist .item a .img-wrap,
.itemlist li a .img-wrap {
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
  margin-bottom: 15px;
  overflow: hidden;
}
.itemlist .item a .img-wrap.fit img,
.itemlist li a .img-wrap.fit img {
  object-fit: contain;
}
.itemlist .item a .img-wrap img,
.itemlist li a .img-wrap img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  object-fit: cover;
  transition: all 0.2s linear;
}
.itemlist .item a .img-wrap .bttn,
.itemlist li a .img-wrap .bttn {
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  width: auto;
  max-width: 50%;
}
.itemlist .item a .n-date,
.itemlist li a .n-date {
  font: normal 12px/14px Tahoma;
  color: #5A5D5A;
}
.itemlist .item a .subtitle,
.itemlist li a .subtitle {
  font: bold 13px/1.1 Tahoma;
  content: #009060;
}
.itemlist .item a .title,
.itemlist li a .title {
  font: bold 22px/1.36 Tahoma;
  color: #009060;
  display: block;
  margin: 10px 0 15px;
  overflow: hidden;
}
.itemlist .item a .n-title,
.itemlist li a .n-title {
  text-align: left;
  font: bold 17px/1.4 Tahoma;
  color: #000;
  display: block;
  margin: 10px 0 15px;
  overflow: hidden;
}
.itemlist .item a .n-text,
.itemlist li a .n-text {
  display: block;
  font: normal 12px/1.5 Tahoma;
  color: #5A5D5A;
  display: block;
  overflow: hidden;
  max-height: 90px;
  margin-bottom: 15px;
}
.itemlist .item a .bttn,
.itemlist li a .bttn {
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  max-width: 160px;
  margin: auto;
}
.itemlist .item a:hover,
.itemlist li a:hover {
  text-decoration: none;
  overflow: hidden;
}
.itemlist .item a:hover img,
.itemlist li a:hover img {
  transform: scale(1.04);
}
.itemlist .item a:hover .bttn.small,
.itemlist li a:hover .bttn.small {
  opacity: 1;
  transition: all 0.2s linear;
  animation: comein 0.2s linear forwards;
}

#news .itemlist-wrap {
  padding: 0 0px;
}
#news .itemlist-wrap .owl-stage,
#news .itemlist-wrap .owl-stage-outer {
  overflow: visible;
  display: flex;
}
#news .itemlist-wrap .owl-stage .owl-item,
#news .itemlist-wrap .owl-stage-outer .owl-item {
  opacity: 0;
  transition: opacity 0.2s linear;
}
#news .itemlist-wrap .owl-stage .owl-item.active,
#news .itemlist-wrap .owl-stage-outer .owl-item.active {
  opacity: 1;
}

.itemlist.owl-carousel {
  padding: 0px;
  margin: 0 0px 0px;
  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: #009060;
}
.owl-dots .owl-dot.active {
  opacity: 1;
}

.services .itemlist li a > .info-wrap {
  padding-bottom: 80px;
}

.check-status {
  margin-top: 30px;
  background-image: linear-gradient(90deg, #06D802 0%, #009060 100%);
  background-image: linear-gradient(90deg, rgba(6, 216, 2, 0.2) 0%, rgba(0, 144, 96, 0.2) 100%);
  border-radius: 3px;
  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: #FFFFFF;
  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: #5A5D5A;
}
.check-status .right .relative button {
  position: absolute;
  right: 20px;
  top: 4px;
  bottom: 0;
  height: 24px;
  margin: auto;
}
.check-status .right .relative button .icon {
  width: 32px;
  height: 24px;
  color: #009060;
}
.check-status .sectitle {
  font: bold 26px/1.2 Tahoma;
  color: #009060;
  display: block;
  padding: 0;
  margin: 0 0 15px;
  text-transform: uppercase;
  text-align: left;
}
.check-status p {
  font: normal 12px/1.2 Tahoma;
  color: #5A5D5A;
  display: block;
  margin: 10px 0 15px;
}

.paymethods {
  margin-top: 50px;
}
.paymethods .sectitle {
  margin-bottom: 20px;
}

.paymethods article {
  padding: 20px 30px;
  border: 1px solid #CED4DA;
  border-radius: 3px;
}
.paymethods article h4 {
  display: block;
  font: bold 17px/1.2 Tahoma;
  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: #FFFFFF;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  font: normal 12px/1.2 Tahoma;
  color: #000000;
  text-align: center;
  padding: 10px 20px 15px;
}
.stats-box strong {
  font: bold 30px/1.2 Tahoma;
  color: #009060;
  display: block;
  margin-bottom: 5px;
}

table.k-editor td {
  padding: 10px;
  background: #f7f7f7;
}

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

.k-calendar-container .k-calendar, .k-datetime-container .k-calendar {
  font-size: 13px;
}

.table-wrapper .k-pager-wrap {
  border: 1px solid #eaeaea;
  background: #F7F7F7;
  border-radius: 0px;
}

.k-pager-numbers .k-link.k-state-selected,
.k-pager-numbers .k-link {
  color: #000;
}

.k-pager-numbers .k-link.k-state-selected {
  border-color: #009060;
}

.k-list-container .k-item {
  font-size: 14px;
}

.k-list .k-item.k-state-selected, .k-list-optionlabel.k-state-selected {
  color: #000;
}

.k-window {
  border-color: #212121;
}
.k-window .k-window-titlebar {
  background: #eaeaea;
}
.k-window .k-window-titlebar .k-window-title {
  padding: 0;
  font-size: 15px;
}
.k-window .k-dialog-buttongroup {
  padding-left: 0;
  padding-right: 0;
}

.k-window-action {
  box-shadow: inset 0 0 0 1px #ccc !important;
}

.k-grid tr {
  border-color: #ccc;
}

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

.k-upload {
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 10px;
}
.k-upload .k-dropzone {
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 6px;
}
.k-upload + small {
  display: block;
  margin: 10px 0;
  color: #000;
}

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

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

.k-upload-button input + span {
  padding: 0 20px;
  background: #FFD45F;
  content: #000;
  font-weight: bold;
  border-radius: 15px;
}

.k-multiselect-wrap {
  flex-flow: column;
  gap: 5px;
}
.k-multiselect-wrap .k-input {
  width: 100% !important;
}

.k-picker-solid {
  border-color: #ced4da !important;
  background: #fff;
  border-radius: 3px;
}
.k-picker-solid:focus-within, .k-picker-solid:hover {
  background: #fff;
}

input.k-input-inner {
  height: 28px;
  border: 0;
}

.k-checkbox:focus, .k-checkbox.k-focus,
.k-checkbox:checked:focus, .k-checkbox.k-checked.k-focus,
.k-picker-solid:focus, .k-picker-solid.k-focus,
.k-input-solid:focus-within {
  box-shadow: none;
}

.k-list-item-text {
  font: normal 12px/17px Arial, Tahoma;
  padding: 3px 0;
}

.k-ml-auto {
  margin-left: auto;
}

.k-mr-auto {
  margin-right: auto;
}

.k-mt-auto {
  margin-top: auto;
}

.k-mb-auto {
  margin-bottom: auto;
}

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

.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 Tahoma;
  padding: 10px;
  color: #6C757D;
  border-color: #CED4DA;
  display: block;
  overflow: hidden;
  padding-right: 35px;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 4px;
}
.k-multiselect .k-multiselect-wrap .k-clear-value,
.k-multiselect .k-picker-wrap .k-clear-value,
.k-multiselect .k-dropdown-wrap .k-clear-value,
.k-colorpicker .k-multiselect-wrap .k-clear-value,
.k-colorpicker .k-picker-wrap .k-clear-value,
.k-colorpicker .k-dropdown-wrap .k-clear-value,
.k-datetimepicker .k-multiselect-wrap .k-clear-value,
.k-datetimepicker .k-picker-wrap .k-clear-value,
.k-datetimepicker .k-dropdown-wrap .k-clear-value,
.k-datepicker .k-multiselect-wrap .k-clear-value,
.k-datepicker .k-picker-wrap .k-clear-value,
.k-datepicker .k-dropdown-wrap .k-clear-value,
.k-combobox .k-multiselect-wrap .k-clear-value,
.k-combobox .k-picker-wrap .k-clear-value,
.k-combobox .k-dropdown-wrap .k-clear-value,
.k-dropdown .k-multiselect-wrap .k-clear-value,
.k-dropdown .k-picker-wrap .k-clear-value,
.k-dropdown .k-dropdown-wrap .k-clear-value {
  position: absolute;
  right: 37px;
  background: #fff;
}
.k-multiselect .k-multiselect-wrap .k-select,
.k-multiselect .k-picker-wrap .k-select,
.k-multiselect .k-dropdown-wrap .k-select,
.k-colorpicker .k-multiselect-wrap .k-select,
.k-colorpicker .k-picker-wrap .k-select,
.k-colorpicker .k-dropdown-wrap .k-select,
.k-datetimepicker .k-multiselect-wrap .k-select,
.k-datetimepicker .k-picker-wrap .k-select,
.k-datetimepicker .k-dropdown-wrap .k-select,
.k-datepicker .k-multiselect-wrap .k-select,
.k-datepicker .k-picker-wrap .k-select,
.k-datepicker .k-dropdown-wrap .k-select,
.k-combobox .k-multiselect-wrap .k-select,
.k-combobox .k-picker-wrap .k-select,
.k-combobox .k-dropdown-wrap .k-select,
.k-dropdown .k-multiselect-wrap .k-select,
.k-dropdown .k-picker-wrap .k-select,
.k-dropdown .k-dropdown-wrap .k-select {
  position: absolute;
  right: 1px;
  top: 1px;
  bottom: 1px;
  border-radius: 0 4px 4px 0;
  width: 30px;
  background: #000;
  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-grid-display-block .k-grouping-header,
.k-grid-display-block th {
  font-size: 14px;
}

.k-grid-content table {
  font-size: 12px;
}
.k-grid-content table .k-button.small {
  display: block;
  margin-bottom: 10px;
  white-space: normal;
  line-height: 1.2;
  padding: 5px 10px;
}

.k-grouping-header .k-button-icon {
  color: #fff;
  min-width: 20px;
  height: 20px;
  padding: 0;
  margin-left: 5px;
}

.k-colorpalette td {
  padding: 5px;
  min-width: 15px;
  min-height: 15px;
}

.k-calendar .k-header {
  text-align: center;
}

.k-hsv-rectangle {
  height: 200px;
}

.k-slider-horizontal {
  margin: 10px 0;
}

.k-color-value,
.k-selected-color {
  height: 40px;
}

.k-calendar-container .k-calendar {
  font-size: 12px;
}
.k-calendar-container .k-calendar .k-calendar-view {
  width: auto;
}
.k-calendar-container .k-calendar .k-calendar-view .k-link {
  cursor: pointer;
}

.k-datetimepicker .k-picker-wrap .k-input {
  padding-right: 60px;
}
.k-datetimepicker .k-picker-wrap .k-select {
  width: 60px;
  justify-content: space-evenly;
}
.k-datetimepicker .k-picker-wrap .k-select .k-link {
  cursor: pointer;
}
.k-datetimepicker .k-picker-wrap .k-select .k-link:hover {
  color: #009060;
}

.k-combobox-clearable.k-combobox .k-dropdown-wrap .k-input {
  padding-right: 45px;
}

.k-filter-menu-container .k-action-buttons .k-button-solid-primary {
  flex-grow: 1;
}

.k-listview-content .wrapper.k-listview-item {
  padding: 10px;
  margin-bottom: 10px;
  background: #f7f7f7;
}

.k-editor-toolbar .k-tool {
  padding: 2px;
  width: 28px;
  height: 28px;
}

.k-input-md.k-icon-picker .k-input-inner, .k-picker-md.k-icon-picker .k-input-inner {
  width: 20px;
  height: 20px;
  padding: 2px;
}

.k-toolbar .k-combobox + .k-combobox {
  margin-left: 4px;
}

.k-notification {
  width: 240px;
  padding: 10px;
}

/*
.k-state-border-down.k-animation-container {
    padding-bottom: 5px;
    box-sizing: content-box;
}
*/
/*

.k-widget.k-grid-display-block {
    background: #f7f7f7
}
*/
.k-tabstrip-items .k-active .k-link {
  color: #009060;
}
.k-tabstrip-items .k-link {
  padding: 10px 15px;
  font-weight: bold;
  color: #000;
}

.k-notification {
  padding: 0;
}
.k-notification .k-icon:first-child {
  margin: 12px 5px 5px;
  padding: 0px;
}
.k-notification .k-notification-content {
  padding: 10px;
  background: #fff;
}
.k-notification .k-icon.k-i-close {
  position: absolute;
  top: -12px;
  right: -10px;
  border-radius: 0px;
  padding: 4px;
  background: #fff;
  font-size: 20px;
}

form > input + .steps-body {
  margin-top: 0;
}

.k-tabstrip-content, .k-tabstrip > .k-content {
  border-radius: 3px;
}

.steps-body {
  margin-top: 20px;
}
.steps-body .step-box {
  margin-bottom: 10px;
  background: #FFFFFF;
  border: 1px solid #DDE1E6;
  border-radius: 4px;
  page-break-inside: avoid;
}
.steps-body .step-box .bttn-wrap a + a {
  margin-left: 6px;
}
.steps-body .step-box.fullwidth {
  width: 100%;
}
.steps-body.steps-no-padding .step-box {
  border: 0;
}
.steps-body.steps-no-padding .step-box .step-box-body,
.steps-body.steps-no-padding .step-box .step-box-head {
  padding-left: 0;
  padding-right: 0;
  border-left: 0;
  border-right: 0;
  top: 0;
  border-radius: 0;
}

.step-box {
  border-radius: 4px;
  container: chartsteps/inline-size;
}
.step-box.selected {
  background: #E5F3EF;
  border: 1px solid #DDE1E6;
}
.step-box.selected .step-box-head {
  background: #E5F3EF;
  border: 2px solid #DDE1E6;
}
.step-box .step-box-body + .step-box-body {
  padding-top: 5px;
}
.step-box.fullwidth {
  width: 100%;
}

.icon.info {
  width: 13px;
  height: 13px;
  display: inline-block;
  vertical-align: middle;
  color: #000;
  opacity: 0.3;
  margin-right: 6px;
  margin-top: -1px;
}

.step-box-head {
  background: #FFFFFF;
  border-bottom: 1px solid #DDE1E6;
  border-radius: 4px;
  padding: 10px 20px;
  display: flex;
  align-items: center;
}
.step-box-head .step-box-title {
  font: bold 15px/20px Tahoma;
}
.step-box-head .right {
  float: right;
  margin-left: auto;
  min-width: 100px;
}
.step-box-head a.right {
  border: 1px solid #DDE1E6;
  border-radius: 4px;
  font: bold 12px/14px Tahoma;
  color: #000;
  padding: 0 10px;
}
.step-box-head a.right:hover {
  background: #000;
  border-color: #000;
  color: #fff;
  text-decoration: none;
}
.step-box-head .icon.info {
  width: 13px;
  height: 13px;
  display: inline-block;
  vertical-align: middle;
  color: #000;
  opacity: 0.3;
  margin-right: 6px;
  margin-top: -1px;
}
.step-box-head .k-small {
  min-width: 0;
}

.button-wrap .bttn.left + .bttn.left {
  margin-left: 10px;
}
.button-wrap .bttn.right + .bttn.right {
  margin-right: 10px;
}

.step-box-body {
  padding: 15px 20px;
  font: normal 12px/1.2 Tahoma;
  color: #000;
}
.step-box-body strong {
  font-size: 14px;
}
.step-box-body > div {
  margin-bottom: 10px;
}
.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;
}
.step-box-body .flex .left + * .k-input,
.step-box-body .flex .left + * .k-button,
.step-box-body .flex .left + * .bttn,
.step-box-body .flex .button-wrap .k-input,
.step-box-body .flex .button-wrap .k-button,
.step-box-body .flex .button-wrap .bttn {
  min-width: 0;
  width: 100%;
}
.step-box-body .flex .left + * .bttn,
.step-box-body .flex .button-wrap .bttn {
  padding: 2px 10px;
}
.step-box-body .flex .left + * .bttn.small,
.step-box-body .flex .button-wrap .bttn.small {
  min-height: 24px;
  line-height: 20px;
}
.step-box-body .form-row {
  margin-right: -10px;
}
.step-box-body .form-input label {
  font-size: 12px;
  font-weight: normal;
}

.num {
  display: inline-block;
  vertical-align: top;
  font: bold 20px/1.2 Tahoma !important;
}

div.num {
  display: block;
  margin: 10px 0;
}

.simplelink {
  color: #000;
  text-decoration: underline;
  font: normal 12px/1.2 Tahoma;
}

.infoblock {
  display: block;
  padding-left: 20px;
  padding-top: 2px;
  position: relative;
  font: normal 12px/1.35 Tahoma;
}
.infoblock .info {
  position: absolute;
  top: 4px;
  left: 0;
}

.chart-horizontal .relative {
  vertical-align: top;
}
.chart-horizontal .relative .k-chart {
  height: 85px;
  width: 85px;
}
.bttn.relative {
  position: relative;
}
.bttn.relative input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
}

.flex-grow-1,
.fg-1 {
  flex-grow: 1;
}

.form-input .error, .form-input .warning, .form-input .note {
  margin: 0;
}
.form-input small.fullwidth {
  display: inline-block;
  vertical-align: top;
  margin: 5px 0;
}
.form-input.flex-grow-1, .form-input.fg-1 {
  flex-grow: 1;
}
.form-input .k-input {
  border-radius: 4px;
  font-size: 13px;
  line-height: 20px;
  min-height: 28px;
}
.form-input .k-widget {
  border: 0;
}
.form-input .k-widget .k-picker-wrap {
  position: relative;
  border: 0;
}
.form-input .k-widget .k-picker-wrap .k-select {
  position: absolute;
  right: 1px;
  bottom: 1px;
  top: 1px;
  width: 28px;
  background: #EAEAEA;
  color: #000;
  border-radius: 0 5px 5px 0;
  border: 0;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
}
.form-input .k-widget .k-picker-wrap .k-select i {
  font-size: 14px;
}
.form-input .k-widget .k-dropdown-wrap .k-input {
  background: #fff;
  color: #000;
  border-radius: 4px 0 0 4px;
}

.form-input > .k-widget {
  width: 100%;
  margin-bottom: 0px;
  clear: both;
}

.form-input .k-widget input[type],
.form-input .k-widget input {
  margin-bottom: 0;
}

.k-upload .k-multiple-files-wrapper,
.k-upload .k-file-single > .k-file-name-size-wrapper,
.k-upload .k-file > .k-file-name-size-wrapper {
  margin-left: 3rem;
}

.k-dropdown .k-dropdown-wrap .k-select,
.k-dropdowntree .k-dropdown-wrap .k-select {
  border-color: #eaeaea;
  color: #000;
  background-color: #eaeaea;
}

.k-dropdown .k-dropdown-wrap.k-state-focused,
.k-dropdowntree .k-dropdown-wrap.k-state-focused,
.k-dropdown .k-dropdown-wrap:hover,
.k-dropdowntree .k-dropdown-wrap:hover,
.k-dropdown .k-dropdown-wrap.k-state-hover,
.k-dropdowntree .k-dropdown-wrap.k-state-hover {
  background: 0;
}

.k-tooltip .k-callout {
  color: #057AFF;
}

.k-tooltip {
  background: #057AFF;
  border-color: rgba(5, 122, 255, 0.5);
}

.k-dropdown .k-dropdown-wrap .k-select:hover,
.k-dropdowntree .k-dropdown-wrap .k-select:hover {
  border-color: rgba(0, 144, 96, 0.5);
  color: #009060;
  background-color: rgba(0, 144, 96, 0.5);
}

.k-dropdown .k-dropdown-wrap.k-state-focused,
.k-dropdowntree .k-dropdown-wrap.k-state-focused,
.k-dropdown .k-dropdown-wrap:hover,
.k-dropdowntree .k-dropdown-wrap:hover,
.k-dropdown .k-dropdown-wrap.k-state-hover,
.k-dropdowntree .k-dropdown-wrap.k-state-hover {
  background: 0;
}

.k-menu-group .k-menu-item {
  font-size: 13px;
}

.k-tooltip-content {
  font-size: 12px;
}

.k-grid th.k-state-selected,
.k-grid td.k-state-selected,
.k-grid tr.k-state-selected > td,
.k-grid tbody tr:hover, .k-grid tbody tr.k-state-hover {
  background: #C5E1D7 !important;
}

input.k-input, textarea.k-textarea,
.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: 2px 5px;
}

.login .column-wrap {
  max-width: 800px;
  margin: 100px auto;
  background: #F7F7F7;
  border: 1px solid #DDE1E6;
  border-radius: 3px;
}
.login .column-wrap .column {
  width: 50%;
  padding: 50px 30px;
  position: relative;
}
.login .column-wrap .column .f-pass {
  font: normal 13px/1.2 Tahoma;
  display: inline-block;
  vertical-align: top;
  margin-top: 5px;
}
.login .column-wrap .column .login-lang {
  position: absolute;
  top: 20px;
  right: 20px;
}
.login .column-wrap .column .login-lang img {
  width: 20px;
  height: 20px;
  border-radius: 5px;
  margin-right: 5px;
  vertical-align: middle;
}
.login .column-wrap .column .login-lang span {
  font: normal 12px/20px Tahoma;
  color: #5B5D5A;
  vertical-align: middle;
}

.field-validation-error {
  position: relative;
  padding: 5px;
  color: #7f140c;
  font: normal 12px/22px Arial;
  display: block;
  margin-bottom: 2px;
}

.k-grid table {
  font-size: 14px;
}

.table-wrapper {
  border-radius: 3px;
  position: relative;
}
.table-wrapper:first-child {
  padding-top: 20px;
  background: 0;
}
.table-wrapper:first-child .k-grid {
  background: 0;
}
.table-wrapper:first-child .k-grid table {
  background: #fff;
}
.table-wrapper .k-toolbar {
  background: 0;
}
.table-wrapper .k-grid table {
  border: 1px solid #eaeaea;
  border-collapse: collapse;
}
.table-wrapper .k-grid th,
.table-wrapper .k-grid-header .k-header {
  border-color: #eaeaea;
  border: 1px solid #eaeaea;
  background: #f7f7f7;
}
.table-wrapper tbody tr:nth-child(even) {
  background: #f7f7f7;
}
.table-wrapper .k-grid-toolbar {
  padding: 0 0 15px 0;
  border: 0;
}
.table-wrapper .k-grid {
  border: 0;
}

.table-wrapper .k-grid-toolbar > .right {
  gap: 5px;
  margin-left: auto;
}
.table-wrapper .k-grid-toolbar > .right > span {
  font: normal 13px/29px Tahoma;
  color: #000;
}
.table-wrapper .k-grid-toolbar > .right .k-button,
.table-wrapper .k-grid-toolbar > .right .bttn {
  min-width: 0;
}

.table-wrapper .k-grid-toolbar > div {
  gap: 4px;
}

.table-wrapper .k-grid-toolbar > div a.k-small {
  padding: 4px 4px !important;
  min-width: 0;
  border: 0;
  background: 0;
  background: #EAEAEA;
  border: 1px solid #EAEAEA;
  border-radius: 4px;
  text-align: center;
}
.table-wrapper .k-grid-toolbar > div a.k-small:hover {
  background: #057AFF;
  border-color: #057AFF;
}
.table-wrapper .k-grid-toolbar > div a.k-small:hover i {
  color: #fff;
}
.table-wrapper .k-grid-toolbar > div a.k-small.export-js {
  position: relative;
}
.table-wrapper .k-grid-toolbar > div a.k-small.export-js:hover:after {
  opacity: 1 !important;
  bottom: -16px;
}
.table-wrapper .k-grid-toolbar > div a.k-small.export-js[data-type=pdfDynamic]:after, .table-wrapper .k-grid-toolbar > div a.k-small.export-js[data-type=pdfA3]:after, .table-wrapper .k-grid-toolbar > div a.k-small.export-js[data-type=pdfA4]:after {
  content: "A4";
  display: inline-block;
  vertical-align: top;
  position: absolute;
  bottom: -15px;
  top: auto;
  left: 0;
  padding: 1px;
  font-size: 9px;
  line-height: 12px;
  height: 11px;
  width: 13px;
  border-radius: 2px;
  color: #000;
  opacity: 1;
  margin: auto;
  background: #eaeaea;
  box-shadow: 0 0 1px #000;
  opacity: 0.4;
}
.table-wrapper .k-grid-toolbar > div a.k-small.export-js[data-type=pdfDynamic]:after {
  content: "D";
}
.table-wrapper .k-grid-toolbar > div a.k-small.export-js[data-type=pdfA3]:after {
  content: "A3";
}

.table-wrapper .k-grid-toolbar > div .spacer {
  width: 20px;
  height: 0;
}

.table-wrapper .k-grid-toolbar > div .k-icon {
  font-size: 20px;
  color: #000;
}

.table-wrapper .k-grid-header .k-header {
  background: #f7f7f7;
}

.k-grid tr.k-no-data {
  display: table-row;
}

.k-dialog-buttongroup .right {
  order: 2;
}
.k-dialog-buttongroup .right.main {
  margin-left: auto;
}

#top-search.k-pb-0 .center,
.top-search.k-pb-0 .center {
  padding-bottom: 5px;
}
#top-search .center .white-box,
.top-search .center .white-box {
  background: #F7F7F7;
  border: 1px solid #DDE1E6;
  margin: 20px auto;
  border-radius: 0px;
  padding: 5px 10px 0px 10px;
}
#top-search .center .white-box form .form-row:only-child,
.top-search .center .white-box form .form-row:only-child {
  margin-right: 0;
}
#top-search .center .nomax .form-input,
.top-search .center .nomax .form-input {
  max-width: unset;
}
#top-search .center .form-input,
.top-search .center .form-input {
  max-width: 150px;
  padding-right: 10px;
}
#top-search .center .form-input.nest,
.top-search .center .form-input.nest {
  padding-right: 0;
}
#top-search .center .form-input .autosize,
.top-search .center .form-input .autosize {
  width: auto;
}

.page-top + .top-search .center .white-box:first-child {
  margin-top: 0 !important;
}

.bttn-icon {
  min-width: 0;
  width: auto;
  padding: 4px;
}

.tab-nav {
  padding: 0 10px;
  display: flex;
}
.tab-nav li {
  display: inline-block !important;
  vertical-align: middle;
  font: bold 11px/1.2 Tahoma;
  text-transform: uppercase;
  padding: 4px 8px !important;
  margin: 0 5px 5px 0 !important;
  border-radius: 3px;
}
.tab-nav li .k-link {
  padding: 0;
}
.tab-nav li:hover, .tab-nav li.active {
  background: rgba(0, 144, 96, 0.1);
  color: #009060;
}
.tab-nav li.k-state-active, .tab-nav li.active {
  background: #009060;
  color: #fff;
}

.tab-wrap > .tab-body {
  border: 0;
  padding: 10px 10px;
}

.form-bottom {
  padding-left: 10px;
  padding-right: 10px;
}
.form-bottom .column.k-ml-auto {
  display: flex;
  margin-left: auto;
  justify-content: flex-end;
}

.mc-subtree {
  padding-left: 20px;
}

.k-input, .k-picker {
  border-radius: 3px;
}

.zoomTo {
  font-size: 12px;
  background: 0;
}

/* layers */
.mc-subtree {
  padding-left: 20px;
}

.map-control-inner {
  position: absolute;
  left: 5px;
  right: 0;
  margin: auto;
  bottom: 20px;
  border-top: 0;
  height: 40px;
  color: #000;
  text-align: center;
}
.map-control-inner .mc-controlbox-inner {
  border-radius: 20px;
  padding: 5px 7px 5px 15px;
  background: #FFFFFF;
  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 0px;
  line-height: 20px;
  background: 0;
}
.map-control-inner .mc-controlbox .mc-mapstat > .k-input .k-input-inner {
  padding: 0 10px;
  height: 20px;
}
.map-control-inner .mc-controlbox .mc-mapstat.autosize {
  width: auto;
}
.map-control-inner .mc-controlbox .mc-mapstat > .k-dropdown {
  display: inline-block;
  vertical-align: top;
  background: #FFFFFF;
  border: 1px solid rgba(90, 93, 90, 0.2);
  border-radius: 20px;
  padding: 5px 10px;
  color: #009060;
  font: bold 12px/20px Tahoma;
}
.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 Tahoma;
  color: #000;
  margin-right: 8px;
}
.map-control-inner .mc-controlbox .k-input,
.map-control-inner .mc-controlbox > input {
  font: bold 12px/20px Tahoma;
  color: #009060;
  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;
}

.map-km {
  width: 200px;
  height: 20px;
  background: #000;
  color: #fff;
  font: normal 12px/20px Tahoma;
  text-align: center;
  display: block;
  position: absolute;
  right: 50px;
  bottom: 25px;
}

.map-control {
  position: absolute;
  left: 0;
  top: 44px;
  right: 0;
  border-radius: 0 20px 20px 0;
  display: block;
  padding-left: 20px;
  background: #fff;
}
.map-control > .triggers {
  background: #FFFFFF;
  box-shadow: 10px 0 20px 0 rgba(0, 0, 0, 0.1);
  z-index: 2;
  position: relative;
  font-size: 0;
  border-left: 1px solid #DEDFDE;
}
.map-control > .triggers > a {
  width: 51px;
  height: 44px;
  padding: 10px 2px;
  background: #fff;
  color: #000;
  border-right: 1px solid #DEDFDE;
  text-align: center;
  display: inline-block;
  /*
              &:first-child {border-radius: 0 20px 0 0;}
              &.last {border-radius: 0 0 20px 0; border:0;}
  */
}
.map-control > .triggers > a.no-border {
  width: 44px;
  padding: 10px 0;
}
.map-control > .triggers > a.no-border + a:not(.no-border) {
  border-left: 1px solid #dedfde;
}
.map-control > .triggers > a:hover, .map-control > .triggers > a.active {
  background: rgba(255, 212, 95, 0.2);
  color: #000;
}
.map-control > .triggers > a.opened {
  background: #FFD45F;
  color: #fff;
  color: #000;
}
.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: #FFFFFF;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  padding: 10px 10px 10px 20px;
  top: 100%;
}
.map-control > .map-dropdown.opened, .map-control > .map-dropdown.active {
  display: block;
  animation: comeinLeft 0.2s linear forwards;
  left: 60px;
}
.map-control > .map-dropdown .k-tabstrip-items-wrapper,
.map-control > .map-dropdown .tab-nav {
  border-bottom: 0;
  padding: 0;
}
.map-control > .map-dropdown .k-tabstrip-items-wrapper li,
.map-control > .map-dropdown .tab-nav li {
  margin-bottom: 0 !important;
  border-radius: 12px;
}
.map-control > .map-dropdown .k-tabstrip-items-wrapper li.k-item:hover,
.map-control > .map-dropdown .tab-nav li.k-item:hover {
  background: rgba(255, 212, 95, 0.2);
  border-color: rgba(255, 212, 95, 0.2);
}
.map-control > .map-dropdown .k-tabstrip-items-wrapper li.active, .map-control > .map-dropdown .k-tabstrip-items-wrapper li.k-item.k-active,
.map-control > .map-dropdown .tab-nav li.active,
.map-control > .map-dropdown .tab-nav li.k-item.k-active {
  background: #FFD45F;
  border-color: #FFD45F;
  color: #000;
}
.map-control > .map-dropdown .k-tabstrip-items-wrapper li.active .k-link, .map-control > .map-dropdown .k-tabstrip-items-wrapper li.k-item.k-active .k-link,
.map-control > .map-dropdown .tab-nav li.active .k-link,
.map-control > .map-dropdown .tab-nav li.k-item.k-active .k-link {
  color: #000;
}
.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 .fullwidth {
  width: 100%;
}
.map-control .form-input {
  width: 33.33%;
  padding-right: 10px;
  margin-bottom: 10px;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.map-control .form-input .form-input {
  margin-bottom: 0;
}
.map-control .form-input .form-input input[type], .map-control .form-input .form-input textarea, .map-control .form-input .form-input select {
  margin-bottom: 10px;
}
.map-control .form-input.fullwidth {
  width: 100%;
}
.map-control .form-input.half {
  width: 16.6666%;
}
.map-control .form-input.double {
  width: 66.666%;
}
.map-control .form-input.half.double {
  width: 83.33333%;
}
.map-control .form-input.column {
  width: 50%;
}
.map-control .form-input.pint {
  width: 20%;
}
.map-control .form-input.quad {
  width: 25%;
}
.map-control .form-input.oct {
  width: 12.5%;
}
.map-control .form-input.autosize {
  min-width: 0;
  width: auto;
}
.map-control .form-input.nest {
  padding-right: 0;
}
.map-control .form-input label {
  font: bold 12px/1.2 Tahoma;
  padding: 0 10px 5px;
}
.map-control .form-input label input[type] ~ span {
  font-weight: normal;
  vertical-align: middle;
}

.map-branches {
  background: #FFFFFF;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  min-width: 200px;
}
.map-branches ul {
  list-style: none;
  padding: 0;
}
.map-branches ul li {
  margin: 0 0 10px;
  padding: 0;
  display: block;
  font-size: 0;
}
.map-branches ul li a {
  display: block;
  color: #000;
  margin-left: 0px;
  border-radius: 20px;
  font-size: 0;
  white-space: nowrap;
  min-width: max-content;
}
.map-branches ul li a:hover, .map-branches ul li a.active {
  background: rgba(0, 144, 96, 0.1);
  color: #009060;
}
.map-branches ul li a img {
  width: 42px;
  height: 42px;
  object-fit: contain;
  margin-right: 15px;
  background: #D8D8D8;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  border-radius: 21px;
  display: inline-block;
  vertical-align: middle;
}
.map-branches ul li a span {
  font: bold 13px/14px Tahoma;
  display: inline-block;
  vertical-align: middle;
  padding-right: 15px;
}

#map-layers label {
  line-height: 20px;
}

#map-nav {
  white-space: nowrap;
  border-radius: 0 20px 20px 0;
  padding-left: 20px;
  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: #009060;
}

#map-search-tabs .form-input.fullwidth {
  margin-bottom: 0;
}

#mc-search-result {
  padding: 0 10px;
  display: none;
}

.mc-results hr {
  display: block;
  margin: 10px 0px 12px 0px;
  border: 0;
  border-top: 2px solid #F4F4F4;
  background: 0;
  opacity: 1;
}
.mc-results .mc-tab-body .mc-results-top > strong {
  display: block;
  font: bold 11px/1 Tahoma;
  margin: 10px 0;
  color: #000;
  text-transform: uppercase;
}

#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: 30px;
  line-height: 28px;
  font-size: 12px;
  border-color: rgba(90, 93, 90, 0.2);
}
#map-search .checkboxes .icon.check,
#map-search input[type=checkbox] {
  height: 16px;
  width: 16px;
  line-height: 1;
  margin-right: 5px;
}

.charts-wrap .column .step-box {
  height: 100%;
}

.inner-chart-content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  margin-top: -50px;
  margin-left: -50px;
  font-size: 40px;
  font-weight: bold;
  line-height: 45px;
  vertical-align: middle;
  text-align: center;
  color: #000;
}
.inner-chart-content small {
  display: block;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.2;
  margin: 2px 0;
}
.inner-chart-content hr {
  height: 2px;
  background: #D8D8D8;
  border: 0;
  margin: 10px 0 5px;
  display: block;
}
.inner-chart-content span {
  font-size: 30px;
}

.circle {
  border-radius: 100%;
  display: inline-flex;
  min-width: 80px;
  height: 80px;
  align-items: center;
  justify-content: center;
  border-width: 4px !important;
  border-style: solid;
  font-size: 26px;
  font-weight: bold;
  padding: 0;
  margin-bottom: 5px !important;
  color: #000;
}

.smallcircle {
  min-width: 60px;
  height: 60px;
  border-width: 2px !important;
  font-size: 22px !important;
}

.oval {
  min-height: 28px;
  min-width: 45px;
  padding: 2px 10px;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  vertical-align: top;
  border-radius: 10px;
  font: bold 14px/18px Tahoma;
  color: #000;
  margin: 0 10px 0 0 !important;
}

.chart-horizontal-item {
  margin-bottom: 30px;
  overflow: hidden;
}
.chart-horizontal-item .relative {
  margin-right: 15px;
}
.chart-horizontal-item .column-wrap {
  flex-wrap: wrap;
}
.chart-horizontal-item .column-wrap .column {
  white-space: nowrap;
  padding-right: 15px;
  margin-bottom: 10px;
}
.chart-horizontal-item .column-wrap .column div {
  white-space: normal;
}

.charts-wrap .step-box {
  container: chartsteps/inline-size;
}
.charts-wrap .circle + * {
  font: normal 12px/1.2 Tahoma;
  color: #000;
  margin-top: 10px;
}
.charts-wrap .circle + * small {
  font-size: 12px;
}

.step-box-body .k-chart {
  width: 100%;
}

.tasks-wrap {
  background: #fff;
  padding-top: 10px;
}
.tasks-wrap .steps-body {
  margin-top: 0;
}
.tasks-wrap .three {
  background: #f7f7f7;
  padding: 10px;
  position: relative;
}
.tasks-wrap .three:after {
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  height: 100px;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FAFAFA 100px);
}
.tasks-wrap .task-scrollable {
  position: relative;
  transition: height 0.2s linear;
  overflow: auto;
  padding-bottom: 50px;
}
.tasks-wrap .task-scrollable .step-box .step-box-body {
  padding: 12px 20px;
}
.tasks-wrap .task-scrollable .step-box .status {
  margin-bottom: 3px;
}
.tasks-wrap .task-scrollable .step-box hr {
  border: 0;
  height: 1px;
  background: #EBEBEB;
  margin: 10px -20px;
  display: block;
}
.tasks-wrap .step-box-body article > *:first-child {
  margin-top: 0;
}
.tasks-wrap .step-box-body > strong,
.tasks-wrap .step-box-body > span {
  font-size: 12px;
}
.tasks-wrap .step-box-body > span + span {
  margin-left: 10px;
}

.option {
  color: #000;
  margin-left: 5px;
  margin-bottom: 5px;
}
.option:hover {
  text-decoration: none;
  color: #009060;
}

.task-title {
  font: bold 15px/1.2 Tahoma;
  color: #000;
  vertical-align: middle;
  margin-bottom: 10px;
}
.task-title .minicircle {
  vertical-align: middle;
  margin-bottom: 0 !important;
}
.task-title strong {
  vertical-align: middle;
}

.k-loading-mask {
  position: fixed !important;
  right: 0;
  bottom: 0;
  top: 0 !important;
  z-index: 99999;
}

/* ---- Templates Preview ---- */
#templates-preview .templatenav {
  position: fixed;
  top: 12px;
  left: 12px;
  background-color: #000;
  border: 1px solid #000;
  color: #000;
  padding: 0px;
  margin-bottom: 10px;
  z-index: 98710;
  text-align: left;
  opacity: 1;
  font-size: 11px;
  width: 10px;
  height: 10px;
  overflow: hidden;
  text-indent: -9999px;
  line-height: 20px;
}

#templates-preview .templatenav:hover {
  opacity: 1;
  width: auto;
  height: auto;
  padding: 10px;
  text-indent: 0;
  cursor: help;
  background: #fff;
}

.templatenav a {
  color: #000;
  font: normal 14px/18px Tahoma;
  padding: 5px 0;
  display: block;
  vertical-align: middle;
}

.templatenav a:hover,
#templates-preview .templatenav a:hover {
  color: #009060;
  text-decoration: underline;
}

/*.k-grid-footer, span.k-icon,.k-pivotgrid-header-root, .k-pivotgrid-header-total {
    display: none !important;
}*/
.k-pivotgrid-cell.k-pivotgrid-header-total.k-pivotgrid-header-root {
  display: none;
}

.k-pivotgrid-header-total {
  display: none !important;
}

.k-grid-footer {
  display: none;
}

.red {
  color: red;
}

.form-input > .names-input, .small.warning.bttn.names-button {
  margin-bottom: 5px;
}

/* vvvvvvvvvvvvvv < MEDIA QUERIES > vvvvvvvvvv */
@media print {
  select,
  .k-small,
  .k-button,
  .bttn {
    display: none !important;
  }
}
@media screen and (max-width: 1500px) {
  .column-wrap {
    flex-wrap: wrap;
  }
  .column-wrap .three {
    width: calc(50% - 20px) !important;
  }
  .column-wrap.flex-gap-20 .three {
    width: calc(50% - 10px) !important;
  }
  .steps-footer {
    width: 100%;
  }
  #zaqvlenie.flex {
    flex-wrap: wrap;
  }
  #zaqvlenie.flex {
    /*height: calc(100vh - 90px - 100px);*/
  }
  .steps-footer {
    padding: 10px 20px;
    flex-direction: row;
    background: #ccc;
    justify-content: center;
    align-items: center;
  }
  .steps-footer .bttn {
    margin: 0;
    height: auto;
    min-height: 0 !important;
    flex-flow: row;
    align-self: center;
    gap: 10px;
    padding: 18px 20px !important;
    max-width: unset;
    padding: 10px;
  }
  .steps-footer .bttn .k-icon,
  .steps-footer .bttn .icon {
    display: none;
  }
}
@media screen and (max-width: 1380px) and (min-width: 980px) {
  body.map header .header-center {
    display: none;
  }
  body.map header .header-bottom .center {
    margin-top: 0;
  }
  .mapmenu {
    float: right;
  }
  body.map header nav > ul {
    margin-top: 8px;
  }
  body.map header .header-bottom {
    width: 100%;
    float: none;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
  }
  nav ul li {
    padding: 0 3px;
  }
}
@media screen and (max-width: 1420px) {
  nav .right > a > span {
    display: none;
  }
  .header-bottom .center,
  .center {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 1340px) {
  .itemlist li a .title {
    font-size: 17px;
  }
}
@media screen and (max-width: 1240px) {
  .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;
  }
}
@media screen and (max-width: 1180px) {
  .center {
    padding: 0 20px;
  }
}
@media screen and (max-width: 1080px) {
  .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;
  }
}
@media screen and (max-width: 980px) {
  body .column-wrap.flex-gap-20 .three,
  body .column-wrap .three {
    width: 100% !important;
  }
  body .column-wrap.flex-gap-20 .three .column-wrap .column.right,
  body .column-wrap .three .column-wrap .column.right {
    margin-top: 20px;
  }
  #zaqvlenie.flex {
    /*height: calc(100vh - 100px);*/
    flex-flow: column;
  }
  .control-menu {
    width: 100%;
  }
  .control-menu .togglemenu {
    display: none;
  }
  .control-menu ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }
  .control-menu ul li a {
    padding-right: 10px;
  }
}
@media screen and (max-width: 920px) {
  .gotop {
    width: 50px;
    height: 50px;
    top: -25px;
  }
  .gotop .icon {
    width: 20px;
    height: 30px;
  }
}
@media screen and (max-width: 767px) {
  .table-wrapper {
    overflow: auto;
  }
  .openedprofilemenu .content {
    filter: grayscale(1) blur(0.5px);
  }
  .column-wrap {
    flex-flow: column;
  }
  .column-wrap .column {
    width: 100%;
  }
  .login .column-wrap .column {
    width: 100%;
  }
  .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 {
    width: 100%;
  }
  .map-control .form-input,
  .form-bottom .column {
    width: 100%;
  }
  .form-input {
    width: 50%;
  }
}
@media screen and (max-width: 746px) {
  #respbtn {
    display: block;
    float: right;
  }
  body.map header .header-bottom {
    float: right;
    padding-right: 20px;
  }
  body.map header .header-bottom #respbtn span {
    background: #000;
  }
  body.map header .header-bottom .center {
    margin-top: 0;
  }
  body.map header .header-bottom nav {
    float: left;
  }
  .mapmenu {
    margin-top: 3px;
  }
  .mapmenu > span {
    display: none;
  }
  body.map header .header-center {
    width: 50%;
    margin-bottom: 0;
    padding-bottom: 10px;
  }
  body.map header .logo.left {
    max-width: 100%;
  }
  body.map header nav > ul {
    display: none;
  }
  .header-bottom {
    border-radius: 0;
  }
  .header-bottom nav ul {
    display: none;
  }
  .header-bottom .center {
    border-radius: 0;
  }
  .header-center .logo {
    max-width: 48%;
  }
}
@media screen and (max-width: 680px) {
  aside {
    width: auto;
    float: none;
  }
  aside + * {
    margin-left: 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 20px;
  }
  .fbox4 .ib,
  .fbox1, .fbox2, .fbox3 {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    text-align: center;
  }
}
@media screen and (max-width: 600px) {
  .k-toolbar::before {
    display: none;
  }
  .table-wrapper .k-grid-toolbar {
    flex-flow: column;
    justify-content: center;
    display: block;
    float: none;
  }
  .table-wrapper .k-grid-toolbar .left {
    display: block;
    float: none;
    margin-top: 0;
    margin-bottom: 10px;
    margin-right: auto;
    text-align: center;
  }
  .table-wrapper .k-grid-toolbar .right {
    float: none;
    text-align: center;
    display: block;
  }
  .table-wrapper .k-grid-toolbar .right a {
    margin-right: 2px;
  }
  header nav #threedots, header nav .right ul {
    right: 0;
    left: 0;
    width: auto;
    position: fixed;
    top: 44px;
  }
  .index-top {
    background-position: left top;
  }
  .responsivenav {
    width: 100%;
  }
  .responsivenav nav ul ul {
    min-width: 0;
  }
  .responsivenav nav ul ul li a {
    padding: 0 10px;
  }
  .header-top .right {
    display: block;
    width: 100%;
  }
  .header-top .right .lang {
    float: right;
    margin-top: 3px;
  }
  .header-top .right .lang span {
    display: none;
  }
  .header-top .left {
    display: none;
  }
  .header-top .right .ib {
    margin-left: 0;
  }
  .form-input.fullwidth {
    padding-right: 0;
  }
}
@media screen and (max-width: 480px) {
  .bttn.small {
    margin-bottom: 5px;
  }
  .steps-footer {
    flex-flow: column;
  }
  .k-splitbar.k-splitbar-horizontal {
    display: none !important;
  }
  #top-search .center .form-input, .top-search .center .form-input {
    max-width: unset;
  }
  #zaqvlenie.flex {
    /*height: auto !important;*/
  }
  .k-window-split-wrap {
    padding-right: 0 !important;
    display: flex;
    height: unset;
    flex-flow: column;
  }
  .k-window-split-wrap .k-window-right-wrap,
  .k-window-split-wrap .k-window-left-wrap {
    width: 100% !important;
    position: static !important;
    overflow: auto;
    max-height: unset !important;
    height: unset !important;
  }
  .control-menu ul {
    justify-content: center;
  }
  .control-menu ul li a {
    font-size: 0;
    padding-right: 2px;
  }
  .control-menu ul li a .icon {
    margin-right: 0;
  }
  .step-box-head {
    flex-flow: column;
    justify-content: center;
  }
  .step-box-head .step-box-title {
    display: block;
  }
  .step-box-head a.right {
    margin-top: 9px;
    float: none;
    margin-left: 0;
  }
  .form-input-dash {
    display: none;
  }
  .form-row .k-flex-nowrap {
    flex-wrap: wrap;
  }
  body.map header .header-center {
    display: none;
  }
  body.map header .header-bottom {
    width: 100%;
    padding: 0 20px 10px;
  }
  .itemlist .item.five, .itemlist li.five {
    width: 100%;
  }
  .split-content-wrap .content-flex .k-button.k-small, .split-content-wrap .content-flex .bttn.small {
    min-width: 34px;
    min-height: 34px;
  }
}
@media screen and (max-width: 390px) {
  header nav .right ul, nav ul ul {
    min-width: 260px;
  }
  .empty {
    display: none !important;
  }
  .autosize .k-datepicker {
    width: auto;
  }
  .autosize .k-textbox,
  *.form-input {
    width: 100% !important;
    max-width: 100%;
  }
  .form-input.fullwidth .f-pass {
    width: 100%;
    text-align: center;
  }
}
@container chartsteps (inline-size < 600px) {
  .big-blocks-wrap .three {
    width: calc(50% - 10px);
  }
  .chart-horizontal-item .column-wrap {
    flex-direction: column;
  }
  .chart-horizontal-item .column-wrap .column {
    width: 100%;
    white-space: normal;
    align-items: center;
  }
}
@container chartsteps (inline-size < 480px) {
  body .flex-gap-20.column-wrap {
    flex-flow: column;
  }
  body .flex-gap-20.column-wrap .three {
    width: 100% !important;
  }
  .step-box-body .k-flex-nowrap {
    flex-flow: column;
  }
  .step-box-body .k-flex-nowrap .form-input-dash {
    display: none !important;
  }
  .step-box-body .k-flex-nowrap .form-input.column {
    width: 100% !important;
  }
}
@container formrow-layout (inline-size < 550px) {
  .columns2 {
    columns: unset !important;
  }
  .split-content-wrap .content-flex.column {
    width: 100%;
  }
  .split-content-wrap .form-row .form-input,
  .split-content-wrap .form-row .form-input.column {
    width: 49%;
  }
  .split-content-wrap .form-row .form-input.three {
    width: 49%;
  }
  .split-content-wrap .form-row .form-input.double {
    width: 100%;
  }
  .split-content-wrap .form-row .form-input.quad {
    width: 32%;
  }
  .basicinfo {
    margin-left: 0;
    max-width: 100%;
  }
}
@container formrow-layout (inline-size < 400px) {
  .form-input .bttn.autosize:not(.small), .form-input .bttn.ib:not(.small) {
    width: 100%;
    margin-bottom: 5px;
  }
  .split-content-wrap .content-flex .left {
    margin-bottom: 5px;
  }
  .split-content-wrap .content-flex .right.text-right {
    text-align: left;
  }
  .split-content-wrap .content-flex {
    flex-flow: column;
  }
  .split-content-wrap .content-flex .ib {
    display: block;
  }
  .split-content-wrap .content-flex .ib + .ib {
    margin-left: 0;
  }
  .split-content-wrap .content-flex .left, .split-content-wrap .content-flex .right {
    width: 100%;
    max-width: 100%;
    float: none;
    display: block;
    padding-right: 0;
  }
  .split-content-wrap .content-flex .left .form-input, .split-content-wrap .content-flex .right .form-input {
    width: 100% !important;
  }
  .split-content-wrap .form-row .form-input,
  .split-content-wrap .form-row .form-input.quad,
  .split-content-wrap .form-row .form-input.three,
  .split-content-wrap .form-row .form-input.column {
    width: 100%;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { /*ipads*/ }
@media screen and (min-width: 0\0 ) {
  /* Enter ~~~IE 9 10 11CSS here */
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  /* Retina-specific stuff here */
}