@font-face {
    font-family: "Sofia Sans";
    src: url("../fonts/SofiaSans-Regular.woff2") format("woff2");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "Sofia Sans";
    src: url("../fonts/SofiaSans-Bold.woff2") format("woff2");
    font-weight: bold;
    font-style: normal
}

:root {
    --main: #2E6DA4;
    --mainhover: #4780B2;
    --secondary: #173356;
    --secondaryhover: #9EBCE0;
    --third: #F2F2F2;
    --thirdhover: #5E748E;
    --text: #000;
    --textmenu: #fff;
    --link: #173356;
    --linkhover: #fff;
    --gray: #B7B7C2;
    --lightgray: #393941;
    --bgr: #BCD7F0;
    --fff: #fff;
    --font: "Sofia Sans", Tahoma;
    --deletingpx: 0px;
    --orange: #ffd45f;
    --gap: 32px
}

@keyframes comeintop {
    0% {
        transform: translateY(-10px)
    }

    100% {
        opacity: 1;
        transform: translateY(0px)
    }
}

@keyframes comeinLeft {
    100% {
        opacity: 1;
        transform: translateX(0px)
    }
}

button {
    background: 0
}

input[type=search],
* {
    outline: none !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

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

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

.follow {
    position: absolute;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    pointer-events: none;
    z-index: 90000
}

article,
aside,
details,
div,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block
}

body,
img,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
form,
blockquote,
dl,
dt,
dd,
button,
input {
    margin: 0;
    padding: 0
}

a,
a:hover,
a:active,
a:visited {
    text-decoration: none;
    outline: none !important
}

a {
    color: var(--main)
}

    a:hover {
        text-decoration: underline;
        color: var(--mainhover)
    }

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

html,
body {
    height: 100%
}

body {
    font-family: var(--font);
    font-size: 62.5%;
    margin-right: 0 !important;
    background: var(--fff)
}

#wrap {
    min-height: 100%
}

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

    .center.w600 {
        max-width: 700px
    }

    .center.w1000 {
        max-width: 1100px
    }

    .center.bgr-none {
        background: 0 !important
    }

        .center.bgr-none:before {
            display: none !important
        }

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

ul {
    list-style-type: none
}

h1 {
    font-size: 22px
}

h2 {
    font-size: 21px
}

h3 {
    font-size: 20px
}

h4 {
    font-size: 19px
}

h5 {
    font-size: 18px
}

h6 {
    font-size: 17px
}

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

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

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

.column {
    width: 50%
}

#gdpr_wrapper {
    padding: 10px;
    color: #fff;
    font-family: var(--font);
    font-size: 12px;
    overflow: hidden;
    position: fixed;
    bottom: 0;
    top: auto;
    right: 0;
    z-index: 40009;
    animation: slideup .4s linear forwards
}

    #gdpr_wrapper .center {
        background: var(--secondary);
        position: relative;
        width: auto;
        margin: auto;
        padding: 0 0 20px;
        margin: auto;
        max-width: 270px;
        border-radius: 0px;
        padding: 0 0 20px
    }

        #gdpr_wrapper .center > div {
            padding: 15px 15px 0
        }

            #gdpr_wrapper .center > div > img {
                width: 50px
            }

    #gdpr_wrapper #gdpr_readmore {
        color: #fff;
        background: 0 !important;
        display: block;
        text-align: center;
        margin-bottom: 15px
    }

    #gdpr_wrapper .gdpr_rm {
        font: normal 12px/18px var(--font);
        margin: 0;
        padding: 10px 20px 0;
        text-transform: none;
        display: inline-block;
        vertical-align: top;
        color: #fff
    }

    #gdpr_wrapper .gdpr_bttns {
        width: 100%;
        text-align: left;
        padding-top: 0;
        padding-right: 0;
        padding: 8px 20px
    }

        #gdpr_wrapper .gdpr_bttns a {
            border: 0;
            background: #fff;
            color: var(--text);
            font-size: 14px;
            text-decoration: none;
            box-shadow: none !important
        }

            #gdpr_wrapper .gdpr_bttns a:hover {
                text-decoration: underline !important
            }

        #gdpr_wrapper .gdpr_bttns #gdpr_disagree {
            margin-left: 20px
        }

        #gdpr_wrapper .gdpr_bttns #gdpr_agree {
            display: block;
            margin: 0;
            min-width: 0;
            padding: 10px 20px 10px;
            line-height: 20px;
            text-align: center;
            width: auto;
            min-width: 0;
            border-radius: 0px;
            height: auto;
            text-transform: uppercase
        }

            #gdpr_wrapper .gdpr_bttns #gdpr_agree:hover {
                text-decoration: none !important;
                background: var(--main) !important;
                color: #fff !important
            }

                #gdpr_wrapper .gdpr_bttns #gdpr_agree:hover span {
                    color: inherit
                }

                #gdpr_wrapper .gdpr_bttns #gdpr_agree:hover:before {
                    display: none
                }

    #gdpr_wrapper a {
        color: #fff
    }

        #gdpr_wrapper a:hover {
            text-decoration: underline !important
        }

@media screen and (max-width: 860px) {

    #gdpr_wrapper .gdpr_bttns,
    #gdpr_wrapper .gdpr_rm {
        max-width: 100%;
        float: none;
        display: block;
        width: auto
    }
}

.inherit {
    color: inherit;
    font: inherit
}

.bg-blue {
    background: rgba(138, 207, 240, .2);
    border-color: #8acff0
}

.bg-green {
    background: rgba(0, 144, 96, .2);
    border-color: var(--main)
}

.bg-lime {
    background: rgba(206, 224, 11, .2);
    border-color: #cee00b
}

.bg-yellow {
    background: rgba(255, 220, 2, .2);
    border-color: #ffdc02
}

.bg-red {
    background: rgba(220, 52, 69, .2);
    border-color: #dc3445
}

.bg-orange {
    background: rgba(255, 193, 4, .2);
    border-color: #ffc104
}

.right {
    float: right
}

.left {
    float: left
}

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

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

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

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

.no-border {
    border: none !important
}

.no-right {
    border-right: none !important
}

.no-left {
    border-left: none !important
}

.no-bottom {
    border-bottom: none !important
}

.no-top {
    border-top: none !important
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.hidden {
    display: none
}

.invisible {
    visibility: hidden
}

.visible480,
.visible600,
.visible767,
.visible860,
.visible920,
.visible1024,
.visible1080 {
    display: none
}

.tabulation {
    display: inline-block;
    width: 10px
}

.uppercase {
    text-transform: uppercase !important
}

.relative {
    position: relative
}

.k-notification {
    padding: 14px 70px 14px 14px
}

.k-notification-wrap > .k-notification-content {
    color: #000
}

.k-notification-wrap > .k-icon:not(.k-i-close) {
    margin-top: 0;
    margin-right: 10px;
    -ms-flex: none;
    flex: none;
    color: #fff;
    padding: 20px;
    border-radius: 20px;
    font-size: 25px;
    background-color: #ccc
}

.k-notification-wrap > .k-icon.k-i-close {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
    margin: auto
}

    .k-notification-wrap > .k-icon.k-i-close:after,
    .k-notification-wrap > .k-icon.k-i-close:before {
        content: "";
        display: block;
        width: 18px;
        height: 1px;
        background: #000;
        font-size: 0;
        line-height: 0;
        transform: rotate(45deg);
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        position: absolute
    }

    .k-notification-wrap > .k-icon.k-i-close:after {
        transform: rotate(-45deg)
    }

.notificationContainer {
    gap: 10px;
    display: flex;
    flex-flow: column;
    margin: 0 0;
    width: 100%
}

    .notificationContainer > div {
        border-radius: 10px;
        width: 100% !important
    }

    .notificationContainer.fixed {
        width: auto;
        position: fixed;
        top: 20px;
        right: 20px;
        z-index: 33333
    }

        .notificationContainer.fixed > div {
            width: auto !important
        }

.k-notification-warning {
    border-color: #f4dfbd;
    background: #fdf7ea
}

    .k-notification-warning .k-icon:first-child {
        background-color: #febf21
    }

.k-notification-error {
    border-color: #ecd1c9;
    background: #faefec
}

    .k-notification-error .k-icon:first-child {
        background-color: #c00
    }

.k-notification-note {
    border-color: #b6cbee;
    background: #e6eefa
}

    .k-notification-note .k-icon:first-child {
        background-color: #3087e9
    }

.k-notification-success {
    border-color: #d0e8d4;
    background: #f1f9f4
}

    .k-notification-success .k-icon:first-child {
        background-color: var(--main)
    }

div.error,
div.success,
div.warning,
div.note {
    position: relative;
    width: auto;
    margin: 20px 0;
    padding: 10px 20px;
    border-radius: 0px;
    font: normal 14px/20px Tahoma, sans-serif;
    color: #000
}

    div.error a,
    div.success a,
    div.warning a,
    div.note a {
        color: inherit;
        font: inherit;
        text-decoration: underline
    }

#genpop.error .icon,
.k-button.error,
.bttn.error,
.content .error.etk-button,
.error {
    background: #fd7272
}

#genpop.warning .icon,
.k-button.warning,
.bttn.warning,
.content .warning.etk-button,
.warning {
    background: var(--orange)
}

#genpop.success .icon,
.k-button.success,
.bttn.success,
.content .success.etk-button,
.success {
    background: #cddfa0
}

#genpop.note .icon,
.k-button.note,
.bttn.note,
.content .note.etk-button,
.note {
    background: #51c3c5
}

    .warning ul,
    .note ul,
    .error ul,
    .success ul {
        list-style-type: disc;
        padding-left: 20px
    }

.error a:hover,
.success a:hover,
.field-error a {
    text-decoration: underline
}

.error404 {
    width: 100%;
    font-size: 100%;
    max-width: 420px;
    margin: 0 auto;
    padding: 10% 0 15%;
    text-transform: uppercase
}

.input-error {
    position: relative;
    margin-bottom: 20px
}

.checkboxes .input-error .check {
    border-color: #fd8b8b !important
}

.checkboxes label.input-error span,
label.input-error span,
.input-error label {
    color: #fd8b8b
}

.input-error input {
    border-color: var(--main) !important
}

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

.error404 div {
    font: normal 240px/240px var(--font);
    color: var(--text)
}

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

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

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

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

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

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

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

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

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

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

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

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

    #genpop h6 {
        font: bold 22px/22px var(--font);
        color: #000;
        text-transform: uppercase;
        margin-bottom: 20px;
        font-variant: all-small-caps
    }

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

body.overflow-hidden {
    overflow: hidden
}

._gclose {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 2em;
    color: var(--text);
    width: 26px;
    height: 26px;
    text-align: center;
    display: block;
    opacity: .8
}

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

.bttn.relative,
.content .relative.etk-button {
    position: relative
}

    .bttn.relative input[type=file],
    .content .relative.etk-button input[type=file] {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0
    }

.combo-icons {
    position: relative
}

    .combo-icons i + i {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto
    }

.k-icon-s {
    font-size: 14px
}

.k-icon-x {
    font-size: 16px
}

.k-icon-sx {
    font-size: 20px
}

.k-icon-sl {
    font-size: 24px
}

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

.icon,
.step-box-head .icon {
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: top;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0)
}

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

    .social a {
        display: inline-block;
        vertical-align: middle;
        width: 42px;
        height: 42px;
        padding: 9px;
        border: 1px solid;
        margin-right: 10px;
        margin-top: 10px;
        border-radius: 10px
    }

        .social a svg {
            width: 100%;
            height: 100%;
            object-fit: contain
        }

        .social a._icon {
            font-size: 0
        }

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

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

            .social a.socicon:hover {
                color: var(--main);
                text-decoration: none
            }

    .social strong {
        display: block;
        font: bold 14px/22px var(--font);
        text-transform: uppercase
    }

.fb {
    background-position: 11px 7px
}

.gp {
    background-position: -25px 7px
}

.tw {
    background-position: -61px 7px
}

.ig {
    background-position: -97px 7px
}

.yt {
    background-position: -134px 7px
}

.em {
    background-position: -174px 7px
}

.fb:hover {
    background-position: 11px -35px
}

.gp:hover {
    background-position: -25px -35px
}

.tw:hover {
    background-position: -61px -35px
}

.ig:hover {
    background-position: -97px -35px
}

.yt:hover {
    background-position: -134px -35px
}

.em:hover {
    background-position: -174px -35px
}

body.t16 {
    font-size: 20px
}

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

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

    body.t16 .n-text,
    body.t16 .n-date,
    body.t16 .date,
    body.t16 .bttn,
    body.t16 .content .etk-button,
    .content body.t16 .etk-button,
    body.t16 .error,
    body.t16 .success,
    body.t16 .warning,
    body.t16 .note,
    body.t16 .itemlist li a .n-text,
    body.t16 .fbox li > a,
    body.t16 .stats-box {
        font-size: 17px
    }

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

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

    body.t16 article,
    body.t16 p {
        font-size: 20px !important
    }

        body.t16 article ul,
        body.t16 article li,
        body.t16 article a,
        body.t16 article div,
        body.t16 article strong,
        body.t16 p ul,
        body.t16 p li,
        body.t16 p a,
        body.t16 p div,
        body.t16 p strong {
            font-size: inherit !important
        }

body.t09 {
    font-size: 9px
}

    body.t09 nav ul li > a > span {
        font-size: 12px
    }

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

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

    body.t09 .bttn,
    body.t09 .content .etk-button,
    .content body.t09 .etk-button,
    body.t09 .error,
    body.t09 .success,
    body.t09 .warning,
    body.t09 .note,
    body.t09 .itemlist li a .n-text,
    body.t09 .fbox li > a,
    body.t09 .stats-box {
        font-size: 9px
    }

    body.t09 .itemlist .item a .title,
    body.t09 .itemlist li a .title {
        font-size: 14px
    }

    body.t09 .index-top h1 {
        font-size: 25px
    }

    body.t09 article,
    body.t09 p {
        font-size: 9px !important
    }

        body.t09 article ul,
        body.t09 article li,
        body.t09 article a,
        body.t09 article div,
        body.t09 article strong,
        body.t09 p ul,
        body.t09 p li,
        body.t09 p a,
        body.t09 p div,
        body.t09 p strong {
            font-size: inherit !important
        }

.grayscale {
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    filter: grayscale(1)
}

.noaction {
    pointer-events: none
}

.halfpacity {
    opacity: .5
}

.r45 {
    transform: rotate(45deg)
}

.r90 {
    transform: rotate(90deg)
}

.r180 {
    transform: rotate(180deg)
}

.r270 {
    transform: rotate(270deg)
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap);
    margin-bottom: 8px;
    flex-grow: 1;
    width: 100%
}

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

.fullwidth {
    width: 100%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .form-input .bttn,
    .form-input .content .etk-button,
    .content .form-input .etk-button {
        min-width: 0;
        width: auto
    }

    .form-input > label + input {
        margin-top: 0 !important
    }

    .form-input em {
        font: normal 12px/14px var(--font);
        font-style: italic;
        color: var(--text);
        padding: 5px 0;
        display: block
    }

    .form-input input.bttn,
    .form-input .content input.etk-button,
    .content .form-input input.etk-button {
        border-radius: 30px;
        border: 0;
        font: bold 16px/1.4 var(--font);
        width: 100%;
        margin-top: 10px
    }

        .form-input input.bttn.huge,
        .form-input .content input.huge.etk-button,
        .content .form-input input.huge.etk-button {
            min-width: 260px;
            padding: 20px 10px 17px;
            height: auto
        }

    .form-input.right {
        float: right
    }

    .form-input .labeltext,
    .form-input .labeltext span {
        color: #000
    }

    .form-input .button-wrap + small,
    .form-input .k-widget + small,
    .form-input input + small {
        margin-top: 5px;
        display: block;
        font: normal 11px/1.3 var(--font);
        color: #5a5d5a
    }

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

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

    label.empty {
        margin-bottom: 0;
        height: 18px
    }

    label.inline {
        display: inline-block;
        font-weight: normal;
        margin-bottom: 20px;
        margin-right: 20px;
        vertical-align: top
    }

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

#submit-search.bttn,
.content #submit-search.etk-button {
    border-radius: 20px;
    height: 28px;
    min-width: 100px
}

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

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

.k-input-solid:focus-within,
input.active,
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=data]:focus,
textarea:focus {
    border-color: var(--main) !important
}

.k-input {
    box-shadow: none !important
}

input.k-input-inner {
    height: 36px;
    color: #000
}

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

.bindselect.input {
    background: #fff;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis
}

textarea {
    height: 120px;
    resize: none;
    line-height: 22px;
    margin-bottom: 20px;
    padding: 10px
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0 20px
}

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

.selectwrap {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    border-radius: 10px
}

    .selectwrap .k-dropdown-wrap .k-input {
        flex-grow: 1;
        padding: 10px 10px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        display: block;
        font-size: 12px;
        border-color: rgba(90, 93, 90, .2)
    }

    .selectwrap .k-dropdown-wrap .k-select {
        display: none
    }

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

    .selectwrap:after {
        content: "";
        display: inline-block;
        vertical-align: top;
        border: 4px solid rgba(0, 0, 0, 0);
        border-top: 6px solid #000;
        border-bottom: 0;
        position: absolute;
        right: 9px;
        top: 0;
        bottom: 0;
        margin: auto;
        height: 0;
        width: 0
    }

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

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

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

[readonly] {
    opacity: .4 !important;
    background: 0 !important;
    border-color: #ced4da !important;
    background-color: #ebebeb !important;
    color: #000
}

.checkboxes input[type=radio]:checked + .check:before,
.checkboxes input[type=radio]:checked ~ .check:before,
.checkboxes input[type=checkbox]:checked + .check:before,
.checkboxes input[type=checkbox]:checked ~ .check:before {
    content: "✓";
    font-family: var(--font);
    color: var(--text)
}

.checkboxes input[type=radio]:checked + .check:before,
.checkboxes input[type=radio]:checked ~ .check:before {
    font-size: 0;
    width: 20px;
    height: 20px;
    background: var(--main);
    display: block;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.checkboxes input[type=radio],
.checkboxes input[type=checkbox] {
    display: inline-block;
    position: absolute;
    left: -10000px;
    visibility: hidden
}

label.checkboxes,
.checkboxes label {
    padding-right: 20px;
    padding-left: 0;
    margin-bottom: 10px;
    float: left;
    position: relative
}

.k-tabstrip-items-wrapper .k-item {
    border-radius: 0px !important;
    box-shadow: none !important;
    border: 0 !important
}

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

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

.k-tabstrip-content.k-state-active,
.k-tabstrip-content.k-active,
.k-tabstrip > .k-content.k-state-active,
.k-tabstrip > .k-content.k-active {
    background-color: #fff
}

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

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

@media screen and (min-width: 1180px) {
    .spaceous-tabs > div {
        border: 0;
        margin: 0
    }

    .spaceous-tabs ul.k-tabstrip-items {
        margin: 0 !important;
        padding: 0 !important;
        border: 0
    }

        .spaceous-tabs ul.k-tabstrip-items > li {
            background: 0 !important;
            margin: 0 !important;
            padding: 0 !important;
            vertical-align: top;
            flex-grow: 1
        }

            .spaceous-tabs ul.k-tabstrip-items > li .k-link {
                display: block;
                border-bottom: 4px solid var(--bgr);
                padding: 0 20px 6px;
                font: bold 20px/1.2 var(--font);
                text-transform: none;
                color: var(--text);
                vertical-align: top
            }

            .spaceous-tabs ul.k-tabstrip-items > li.k-active .k-link {
                color: var(--main);
                border-bottom: 6px solid var(--main);
                margin-top: -2px
            }

    .spaceous-tabs div.k-tabstrip-content {
        padding: 0 !important;
        border: 0 !important;
        margin: 20px 0 0
    }
}

.bigtab {
    margin: 0 50px
}

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

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

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

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

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

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

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

    .bigtab .k-tabstrip-top > .k-tabstrip-items-wrapper,
    .bigtab .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item {
        padding: 5px 20px;
        min-width: 100px;
        text-align: center
    }

div.k-grid-norecords {
    padding: 2px 10px;
    font-size: 13px
}

.k-pager-sizes .k-input-inner {
    padding: 3px 8px;
    text-align: center;
    text-align-last: center
}

.k-grid tbody tr:not(.k-detail-row):hover,
.k-grid tbody tr:not(.k-detail-row).k-state-hover,
.k-grid tbody tr:not(.k-detail-row).k-hover {
    background: rgba(var(--main), 0.1)
}

.k-list-optionlabel {
    font-family: var(--font);
    font-size: 13px
}

.k-input-inner {
    font-family: var(--font);
    font-size: 13px
}

.k-popup {
    font-family: var(--font);
    font-size: 13px
}

.k-tabstrip {
    font-family: var(--font);
    font-size: 13px
}

    .k-tabstrip .k-tabstrip-items {
        padding: 0 0px;
        display: flex
    }

        .k-tabstrip .k-tabstrip-items li {
            display: inline-block;
            vertical-align: middle;
            font: bold 11px/1.2 var(--font);
            text-transform: uppercase;
            padding: 4px 8px !important;
            margin: 0 5px 5px 0 !important;
            border-radius: 0px
        }

            .k-tabstrip .k-tabstrip-items li .k-link {
                padding: 0
            }

            .k-tabstrip .k-tabstrip-items li:hover,
            .k-tabstrip .k-tabstrip-items li.active {
                background: rgba(71, 128, 178, .5);
                color: var(--main)
            }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .k-pager-wrap .k-pager-numbers-wrap {
        margin: 0
    }

    .k-pager-wrap .k-pager-info {
        display: block;
        float: right;
        font: normal 11px/1.2 var(--font)
    }

    .k-pager-wrap .k-pager-nav.k-link,
    .k-pager-wrap .k-pager-refresh {
        text-align: center;
        padding: 0;
        border: 0;
        background: 0 !important
    }

    .k-pager-wrap .k-pager-numbers .k-link.k-state-selected,
    .k-pager-wrap .k-pager-numbers .k-link.k-selected {
        background: 0;
        color: var(--main)
    }

    .k-pager-wrap .k-pager-numbers-wrap .k-dropdown,
    .k-pager-wrap .k-pager-nav.k-link,
    .k-pager-wrap .k-pager-refresh {
        text-align: center;
        padding: 0;
        border: 0;
        background: 0 !important
    }

    .k-pager-wrap .k-pager-numbers .k-link {
        background: 0;
        border: 0;
        color: #000;
        font: bold 13px/1.2 var(--font)
    }

    .k-pager-wrap .k-pager-numbers .k-link {
        background: 0;
        border: 0;
        color: #000;
        font: bold 11px/1.2 var(--font)
    }

    .k-pager-wrap .k-pager-numbers a.k-link {
        background: 0;
        border: 0
    }

    .k-pager-wrap .k-input,
    .k-pager-wrap .k-picker {
        font: bold 12px/13px var(--font)
    }

    .k-pager-wrap .k-picker-md .k-input-button {
        padding: 0px 2px
    }

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

.k-treelist td {
    white-space: normal !important
}

.treelist-wrap tr td .bttn,
.treelist-wrap tr td .content .etk-button,
.content .treelist-wrap tr td .etk-button {
    margin-left: 5px
}

.feedbackradio {
    display: flex;
    gap: 10px
}

    .feedbackradio label {
        flex-grow: 1;
        text-align: center;
        padding: 0;
        cursor: pointer
    }

        .feedbackradio label input {
            position: absolute;
            left: -10000px
        }

        .feedbackradio label strong,
        .feedbackradio label span {
            display: block;
            height: 60px;
            font: bold 26px/60px var(--font);
            text-align: center;
            color: #000;
            background: rgba(var(--main), 0.2);
            transition: all .15s linear;
            border-radius: 0px
        }

        .feedbackradio label input:checked ~ strong,
        .feedbackradio label input:checked ~ span {
            background: var(--main);
            color: #fff
        }

input[type=checkbox] + span,
input[type=checkbox] + strong,
input[type=radio] + span,
input[type=radio] + strong {
    vertical-align: middle
}

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

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

svg.check {
    vertical-align: middle
}

.icon.check,
.step-box-head .check.icon,
.checkboxes .icon.check {
    color: #fff;
    position: absolute;
    left: 0;
    top: 3px;
    padding: 1px
}

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

.checkboxes label:hover span {
    border-color: var(--main)
}

input[type]:checked ~ svg.check,
.checkboxes input[type]:checked ~ svg.check {
    color: var(--main)
}

.checkboxes label.ib {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 0;
    padding-right: 10px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.page-top {
    font: normal 12px/22px var(--font);
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    color: #000
}

    .page-top .center {
        background: #fff;
        padding-bottom: 0;
        position: relative
    }

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

.breadcrumbs {
    padding-top: 15px
}

    .breadcrumbs .icon,
    .breadcrumbs .step-box-head .icon,
    .step-box-head .breadcrumbs .icon {
        width: 6px;
        height: 7px;
        color: var(--main);
        margin: 0 5px;
        vertical-align: middle
    }

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

.fbox-title,
.pagetitle h1,
.pagetitle {
    font: normal 36px/1.56 var(--font);
    padding: 0;
    margin: 25px 0
}

    .pagetitle h1 {
        display: inline-block;
        vertical-align: top;
        padding: 0;
        width: calc(100% - 320px)
    }

    .pagetitle .breadcrumbs {
        max-width: 320px;
        float: right;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-top: 0;
        margin-top: 10px;
        font-size: 12px;
        line-height: 20px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .rm:hover {
        text-decoration: none
    }

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

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

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

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

.pagination {
    margin: 40px 0 50px
}

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

.owl-dots {
    counter-reset: dots
}

.owl-dot:before {
    counter-increment: dots;
    content: counter(dots)
}

.pagination > *:hover,
.owl-dots > *.active,
.pagination > span,
.pagination > .active {
    background: var(--main);
    color: #fff
}

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

    aside.step-box {
        background: var(--bgr) !important
    }

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

    aside ul ul {
        padding-left: 15px
    }

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

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

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

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

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

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

    .owl-nav > *.hidden,
    .bttn.hidden,
    .content .hidden.etk-button {
        display: none
    }

    .owl-nav > *.js_toggled + .hidden,
    .bttn.js_toggled + .hidden,
    .content .js_toggled.etk-button + .hidden {
        display: inline-block
    }

    .owl-nav > *:hover,
    .bttn:hover,
    .content .etk-button:hover {
        text-decoration: none;
        background: var(--mainhover);
        color: #fff
    }

    .owl-nav > *.owl-next:hover,
    .owl-nav > *.owl-prev:hover,
    .bttn.owl-next:hover,
    .content .owl-next.etk-button:hover,
    .bttn.owl-prev:hover,
    .content .owl-prev.etk-button:hover {
        box-shadow: none
    }

        .owl-nav > *.owl-next:hover svg,
        .owl-nav > *.owl-prev:hover svg,
        .bttn.owl-next:hover svg,
        .content .owl-next.etk-button:hover svg,
        .bttn.owl-prev:hover svg,
        .content .owl-prev.etk-button:hover svg {
            color: var(--secondary)
        }

    .owl-nav > *.k-window-action,
    .owl-nav > *.k-button-icon,
    .bttn.k-window-action,
    .content .k-window-action.etk-button,
    .bttn.k-button-icon,
    .content .k-button-icon.etk-button {
        min-width: 44px;
        padding: 11px
    }

    .owl-nav > *.main,
    .bttn.main,
    .content .main.etk-button {
        color: #fff
    }

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

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

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

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

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

    .owl-nav > *.gdpr,
    .bttn.gdpr,
    .content .gdpr.etk-button {
        background-color: #fff
    }

    .owl-nav > *.big,
    .bttn.big,
    .content .big.etk-button {
        height: 48px;
        font-size: 16px;
        line-height: 26px;
        padding: 12px 24px;
        min-width: 204px
    }

    .owl-nav > *.red,
    .bttn.red,
    .content .red.etk-button {
        background: #c00;
        color: #fff
    }

        .owl-nav > *.red:hover,
        .bttn.red:hover,
        .content .red.etk-button:hover {
            background: #000;
            color: #fff
        }

    .owl-nav > *.small,
    .bttn.small,
    .content .small.etk-button {
        min-width: 100px;
        padding: 5px 10px;
        line-height: 26px;
        font-size: 12px;
        line-height: 16px;
        min-height: 28px;
        text-transform: none
    }

        .owl-nav > *.small.autosize,
        .bttn.small.autosize,
        .content .small.autosize.etk-button {
            padding: 3px 14px;
            border: 1px solid rgba(0, 0, 0, 0);
            margin: 0px 5px 0px 0px;
            border-radius: 0px
        }

    .owl-nav > *.mid,
    .bttn.mid,
    .content .mid.etk-button {
        min-width: 106px;
        padding: 2px 10px 0;
        line-height: 32px;
        font-size: 14px;
        line-height: 32px;
        text-transform: uppercase
    }

        .owl-nav > *.mid svg,
        .bttn.mid svg,
        .content .mid.etk-button svg {
            vertical-align: text-bottom
        }

    .owl-nav > *.fullwidth,
    .bttn.fullwidth,
    .content .fullwidth.etk-button {
        width: 100% !important
    }

    .owl-nav > *.autosize,
    .bttn.autosize,
    .content .autosize.etk-button {
        min-width: 0;
        width: auto
    }

        .owl-nav > *.autosize svg,
        .bttn.autosize svg,
        .content .autosize.etk-button svg {
            margin-left: 0
        }

    .owl-nav > *.transparent,
    .bttn.transparent,
    .content .transparent.etk-button {
        background: 0;
        border: 1px solid var(--main);
        color: var(--main)
    }

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

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

    .owl-nav > *.text-left,
    .bttn.text-left,
    .content .text-left.etk-button {
        text-align: left
    }

    .owl-nav > *.text-right,
    .bttn.text-right,
    .content .text-right.etk-button {
        text-align: right
    }

    .owl-nav > *.text-center,
    .bttn.text-center,
    .content .text-center.etk-button {
        text-align: center
    }

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

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

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

    .owl-nav > *.note,
    .owl-nav > *.success,
    .owl-nav > *.error,
    .owl-nav > *.warning,
    .bttn.note,
    .content .note.etk-button,
    .bttn.success,
    .content .success.etk-button,
    .bttn.error,
    .content .error.etk-button,
    .bttn.warning,
    .content .warning.etk-button {
        color: #000
    }

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

    .owl-nav > *.cancel,
    .bttn.cancel,
    .content .cancel.etk-button {
        background: #c00;
        color: #fff
    }

        .owl-nav > *.cancel:hover,
        .bttn.cancel:hover,
        .content .cancel.etk-button:hover {
            background: #000;
            color: #fff
        }

    .owl-nav > *.caps,
    .bttn.caps,
    .content .caps.etk-button {
        text-transform: uppercase
    }

    .owl-nav > *.rect,
    .bttn.rect,
    .content .rect.etk-button {
        border-radius: 0px
    }

    .owl-nav > *.b100,
    .bttn.b100,
    .content .b100.etk-button {
        min-width: 100px
    }

    .owl-nav > *.b150,
    .bttn.b150,
    .content .b150.etk-button {
        min-width: 150px
    }

    .owl-nav > *.b200,
    .bttn.b200,
    .content .b200.etk-button {
        min-width: 200px
    }

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

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

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

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

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

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

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

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

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

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

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

.k-multiselect-wrap {
    flex-flow: column;
    gap: 5px
}

    .k-multiselect-wrap .k-input {
        width: 100% !important
    }

.k-picker-solid {
    border-color: #ced4da
}

.k-multiselect .k-multiselect-wrap .k-selected-color,
.k-multiselect .k-multiselect-wrap .k-input,
.k-multiselect .k-picker-wrap .k-selected-color,
.k-multiselect .k-picker-wrap .k-input,
.k-multiselect .k-dropdown-wrap .k-selected-color,
.k-multiselect .k-dropdown-wrap .k-input,
.k-colorpicker .k-multiselect-wrap .k-selected-color,
.k-colorpicker .k-multiselect-wrap .k-input,
.k-colorpicker .k-picker-wrap .k-selected-color,
.k-colorpicker .k-picker-wrap .k-input,
.k-colorpicker .k-dropdown-wrap .k-selected-color,
.k-colorpicker .k-dropdown-wrap .k-input,
.k-datetimepicker .k-multiselect-wrap .k-selected-color,
.k-datetimepicker .k-multiselect-wrap .k-input,
.k-datetimepicker .k-picker-wrap .k-selected-color,
.k-datetimepicker .k-picker-wrap .k-input,
.k-datetimepicker .k-dropdown-wrap .k-selected-color,
.k-datetimepicker .k-dropdown-wrap .k-input,
.k-datepicker .k-multiselect-wrap .k-selected-color,
.k-datepicker .k-multiselect-wrap .k-input,
.k-datepicker .k-picker-wrap .k-selected-color,
.k-datepicker .k-picker-wrap .k-input,
.k-datepicker .k-dropdown-wrap .k-selected-color,
.k-datepicker .k-dropdown-wrap .k-input,
.k-combobox .k-multiselect-wrap .k-selected-color,
.k-combobox .k-multiselect-wrap .k-input,
.k-combobox .k-picker-wrap .k-selected-color,
.k-combobox .k-picker-wrap .k-input,
.k-combobox .k-dropdown-wrap .k-selected-color,
.k-combobox .k-dropdown-wrap .k-input,
.k-dropdown .k-multiselect-wrap .k-selected-color,
.k-dropdown .k-multiselect-wrap .k-input,
.k-dropdown .k-picker-wrap .k-selected-color,
.k-dropdown .k-picker-wrap .k-input,
.k-dropdown .k-dropdown-wrap .k-selected-color,
.k-dropdown .k-dropdown-wrap .k-input {
    width: 100%;
    font: normal 12px/18px var(--font);
    padding: 10px;
    color: #6c757d;
    border-color: #ced4da;
    display: block;
    overflow: hidden;
    padding-right: 35px;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    border-radius: 0px
}

.k-multiselect .k-multiselect-wrap .k-clear-value,
.k-multiselect .k-picker-wrap .k-clear-value,
.k-multiselect .k-dropdown-wrap .k-clear-value,
.k-colorpicker .k-multiselect-wrap .k-clear-value,
.k-colorpicker .k-picker-wrap .k-clear-value,
.k-colorpicker .k-dropdown-wrap .k-clear-value,
.k-datetimepicker .k-multiselect-wrap .k-clear-value,
.k-datetimepicker .k-picker-wrap .k-clear-value,
.k-datetimepicker .k-dropdown-wrap .k-clear-value,
.k-datepicker .k-multiselect-wrap .k-clear-value,
.k-datepicker .k-picker-wrap .k-clear-value,
.k-datepicker .k-dropdown-wrap .k-clear-value,
.k-combobox .k-multiselect-wrap .k-clear-value,
.k-combobox .k-picker-wrap .k-clear-value,
.k-combobox .k-dropdown-wrap .k-clear-value,
.k-dropdown .k-multiselect-wrap .k-clear-value,
.k-dropdown .k-picker-wrap .k-clear-value,
.k-dropdown .k-dropdown-wrap .k-clear-value {
    position: absolute;
    right: 37px;
    background: #fff
}

.k-multiselect .k-multiselect-wrap .k-select,
.k-multiselect .k-picker-wrap .k-select,
.k-multiselect .k-dropdown-wrap .k-select,
.k-colorpicker .k-multiselect-wrap .k-select,
.k-colorpicker .k-picker-wrap .k-select,
.k-colorpicker .k-dropdown-wrap .k-select,
.k-datetimepicker .k-multiselect-wrap .k-select,
.k-datetimepicker .k-picker-wrap .k-select,
.k-datetimepicker .k-dropdown-wrap .k-select,
.k-datepicker .k-multiselect-wrap .k-select,
.k-datepicker .k-picker-wrap .k-select,
.k-datepicker .k-dropdown-wrap .k-select,
.k-combobox .k-multiselect-wrap .k-select,
.k-combobox .k-picker-wrap .k-select,
.k-combobox .k-dropdown-wrap .k-select,
.k-dropdown .k-multiselect-wrap .k-select,
.k-dropdown .k-picker-wrap .k-select,
.k-dropdown .k-dropdown-wrap .k-select {
    position: absolute;
    right: 1px;
    top: 1px;
    bottom: 1px;
    border-radius: 0;
    width: 30px;
    background: var(--third);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

.k-multiselect:hover .k-select,
.k-colorpicker:hover .k-select,
.k-datetimepicker:hover .k-select,
.k-datepicker:hover .k-select,
.k-combobox:hover .k-select,
.k-dropdown:hover .k-select {
    background: #ced4da
}

.k-multiselect .k-multiselect-wrap .k-select {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background: 0;
    margin-right: -7px;
    top: -1px;
    bottom: auto;
    right: 0
}

.k-multiselect .k-multiselect-wrap .k-clear-value {
    right: 10px
}

.k-grid .k-button {
    border: 0
}

.k-group-title {
    font-weight: bold;
    display: block
}

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

.k-grid td {
    border-width: 0px 0px 1px 0px;
    vertical-align: middle;
    border-color: #f7f7f7
}

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

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

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

.k-grid-content table {
    font-size: 12px
}

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

    .k-grid-content table td .bttn,
    .k-grid-content table td .content .etk-button,
    .content .k-grid-content table td .etk-button,
    .k-grid-content table td .bttn + div,
    .k-grid-content table td .content .etk-button + div,
    .content .k-grid-content table td .etk-button + div,
    .k-grid-content table td div + .bttn,
    .k-grid-content table td .bttn + .bttn {
        margin-top: 2px;
        margin-bottom: 2px
    }

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

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

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

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

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

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

.k-calendar-container .k-calendar {
    font-size: 12px
}

    .k-calendar-container .k-calendar .k-calendar-view {
        width: auto
    }

        .k-calendar-container .k-calendar .k-calendar-view .k-link {
            cursor: pointer
        }

.k-datetimepicker .k-picker-wrap .k-input {
    padding-right: 60px
}

.k-datetimepicker .k-picker-wrap .k-select {
    width: 60px;
    justify-content: space-evenly
}

    .k-datetimepicker .k-picker-wrap .k-select .k-link {
        cursor: pointer
    }

        .k-datetimepicker .k-picker-wrap .k-select .k-link:hover {
            color: var(--main)
        }

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

.owl-nav > div.disabled {
    opacity: .4
}

.map-wrap img {
    width: auto;
    height: auto;
    max-width: unset;
    max-height: unset
}

.iframewrap {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 75%
}

    .iframewrap.p11 {
        padding-bottom: 100%
    }

    .iframewrap.p169 {
        padding-bottom: 56.25%
    }

    .iframewrap.p169 {
        padding-bottom: 56.25%
    }

    .iframewrap.p2010 {
        padding-bottom: 50%
    }

    .iframewrap.p2005 {
        padding-bottom: 25%
    }

    .iframewrap iframe {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 100%
    }

.mfp-content {
    max-width: 800px;
    background: #fff;
    padding: 20px;
    margin: auto
}

.whitebox {
    background: var(--third);
    border-radius: 0px;
    padding: 32px;
    margin-bottom: 0px
}

section.whitebox2 {
    border-radius: 2px;
    padding: 0 0 5px 0;
    overflow: hidden
}

.ib {
    display: inline-block;
    vertical-align: middle
}

.relative {
    position: relative
}

.columns2 {
    columns: 2;
    gap: 20px
}

ul.columns {
    margin-bottom: 10px
}

.columns3 {
    columns: 3;
    gap: 15px
}

header {
    top: 0;
    width: 100%;
    z-index: 999;
    padding: 0 0 0;
    background: #fff;
    margin: auto;
    position: relative;
    border-radius: 0
}

.standalone header {
    padding: 30px 0 10px;
    background: 0;
    max-width: 900px;
    box-shadow: none
}

    .standalone header .logo.left {
        width: 350px
    }

    .standalone header .logo.right {
        width: 390px
    }

.standalone .pagetitle {
    margin-bottom: 10px
}

.header-top {
    padding: 16px 0;
    overflow: hidden
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    nav ul ul:after,
    nav ul ul:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 6px 10px 6px;
        border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0);
        border-radius: 5px;
        position: absolute;
        bottom: 100%;
        left: 40px;
        margin-bottom: -1px
    }

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

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

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

        nav ul ul li a {
            font: bold 14px/1.2 var(--font);
            color: #000;
            text-decoration: none;
            display: block;
            border: 0 !important;
            padding: 5px 10px 5px 20px
        }

            nav ul ul li a span {
                color: inherit
            }

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

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

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

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

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

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

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

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

.fixed:not(.map) .header-bottom {
    position: fixed;
    left: 0;
    top: 0;
    right: 0
}

#respmenu {
    display: none
}

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

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

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

    #respbtn:hover span + span {
        background: var(--bgr)
    }

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

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

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

body.openedmenu {
    overflow: hidden
}

.openedsearch {
    overflow: hidden
}

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

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

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

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

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

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

body.blackshade {
    overflow: hidden
}

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

    body.blackshade .overlay {
        right: 0;
        position: fixed;
        display: block;
        z-index: 990;
        animation: comein .2s linear forwards
    }

@keyframes comein {
    0% {
        transform: translateY(-20px) scale(0.9)
    }

    100% {
        right: 0;
        transform: translateY(0px) scale(1)
    }
}

.responsivenav {
    display: none;
    padding-top: 60px;
    width: 400px;
    background: #fff;
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 3002
}

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

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

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

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

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

    .responsivenav nav li a {
        border: 0 !important;
        padding: 12px 20px;
        font: bold 20px/1.2 var(--font);
        color: var(--text)
    }

        .responsivenav nav li a span {
            background: 0
        }

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

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

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

    #respclose:hover {
        color: red
    }

    #respclose span {
        display: block;
        width: 100%;
        height: 4px;
        background: currentcolor;
        position: absolute;
        top: 47%;
        left: 0
    }

        #respclose span:first-child {
            transform: rotate(-45deg)
        }

        #respclose span:last-child {
            transform: rotate(45deg)
        }

.steps-header {
    position: relative
}

    .steps-header .exit {
        position: absolute;
        bottom: 100%;
        right: 0px;
        margin-bottom: 10px;
        font-size: 0;
        color: #000
    }

        .steps-header .exit svg {
            width: 14px;
            height: 17px;
            vertical-align: middle;
            margin-right: 10px;
            color: var(--main)
        }

#myprofile,
#msgs {
    position: fixed;
    z-index: 998
}

.fixed #myprofile,
.fixed #msgs {
    position: fixed;
    top: 55px !important
}

#myprofile .msgs-wrap {
    padding: 12px;
    max-width: 190px;
    border-radius: 0
}

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

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

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

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

            #myprofile .msgs-wrap ul li a span {
                color: inherit;
                text-transform: none;
                display: inline-block
            }

.msgs-wrap {
    padding: 20px 20px 10px 20px;
    background: #fff;
    box-shadow: 10px 0 20px 0 rgba(0, 0, 0, .1);
    border-radius: 20px 0 20px 20px;
    z-index: 4;
    overflow: hidden;
    max-width: 480px
}

    .msgs-wrap hr {
        border: 1px solid #000;
        height: 0;
        border-bottom: 0;
        width: auto;
        display: block;
        opacity: .3;
        margin: 10px 0 !important
    }

    .msgs-wrap li .bttn,
    .msgs-wrap li .content .etk-button,
    .content .msgs-wrap li .etk-button {
        width: 100%
    }

.msgs-list {
    margin-bottom: 10px
}

    .msgs-list li {
        background: #e7e7e7;
        margin-bottom: 2px;
        border-radius: 15px;
        padding: 4px 4px 4px 10px
    }

        .msgs-list li:nth-child(even) {
            background: #f2f2f2
        }

        .msgs-list li a {
            display: flex;
            gap: 5px;
            align-items: center;
            color: #000;
            font: normal 11px/1.2 var(--font);
            overflow: hidden;
            text-decoration: none
        }

            .msgs-list li a .icon {
                width: 14px;
                height: 14px;
                vertical-align: middle
            }

            .msgs-list li a .min {
                font: bold 11px/24px var(--font);
                color: #000;
                padding: 0 10px;
                background: #fff;
                border-radius: 15px;
                display: inline-block;
                vertical-align: middle;
                margin-left: auto;
                white-space: nowrap
            }

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

nav .mapmenu > a.continue:hover {
    color: #fff;
    background: #000
}

nav .mapmenu:hover > a.continue .icon {
    color: #fff
}

nav .mapmenu:hover > a.car {
    background: #ffd45f
}

.dropdown-trigger {
    min-width: 44px;
    border-radius: 0px 0px 0 0;
    position: relative;
    color: #fff;
    text-align: center
}

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

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

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

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

.application .header-center {
    display: none
}

.application .footer-center {
    display: none
}

.application .gotop {
    top: -70px
}

.application #wrap {
    background: #fff
}

.application #main {
    padding-bottom: 50px
}

.application .content-wrap .steps-body .hidden {
    display: none !important
}

.application footer {
    height: 50px;
    margin-top: -50px;
    background: 0;
    margin-left: 140px
}

    .application footer .footer-bottom {
        background: 0
    }

        .application footer .footer-bottom .center {
            background: 0;
            padding: 15px 0 15px 20px;
            border-radius: 0;
            margin: 0
        }

            .application footer .footer-bottom .center .text-center {
                text-align: left
            }

.application #msgs,
.application #myprofile {
    margin-top: -50px;
    left: 140px !important
}

.application .msgs-wrap {
    border-radius: 0 20px 20px 0
}

.application .dropdown-trigger .icon {
    margin-top: 2px !important
}

.application .mapmenu {
    display: none;
    visibility: hidden
}

.application .header-bottom {
    position: fixed;
    width: 140px;
    right: auto !important;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    height: 100vh !important
}

    .application .header-bottom .center {
        position: relative !important;
        padding: 0;
        min-height: 100%;
        border-radius: 0
    }

        .application .header-bottom .center nav .opened {
            border-radius: 20px
        }

            .application .header-bottom .center nav .opened:after {
                display: none
            }

        .application .header-bottom .center nav .right hr {
            margin-top: 2px;
            width: 30px;
            height: 3px;
            margin-bottom: 10px
        }

    .application .header-bottom .favicon.hidden {
        display: block;
        width: 100%;
        height: 130px;
        background: #fff;
        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1);
        border-radius: 0 0 20px 20px;
        padding: 19px;
        text-align: center
    }

    .application .header-bottom nav {
        height: 100%
    }

        .application .header-bottom nav > ul {
            height: 100%;
            padding-top: 15px
        }

            .application .header-bottom nav > ul > li {
                float: none;
                display: block;
                text-align: center
            }

                .application .header-bottom nav > ul > li.home {
                    display: none
                }

                .application .header-bottom nav > ul > li > a {
                    display: inline-block;
                    vertical-align: top;
                    padding: 3px 0
                }

                    .application .header-bottom nav > ul > li > a > span {
                        font-size: 13px;
                        line-height: 1.2
                    }

                .application .header-bottom nav > ul > li ul {
                    left: 100%;
                    top: 0
                }

                    .application .header-bottom nav > ul > li ul:before,
                    .application .header-bottom nav > ul > li ul:after {
                        transform: rotate(-90deg);
                        left: -10px;
                        top: 15px
                    }

                    .application .header-bottom nav > ul > li ul li {
                        text-align: left
                    }

        .application .header-bottom nav .right {
            padding-top: 20px;
            border-top: 2px solid rgba(255, 255, 255, .2);
            float: none;
            text-align: center;
            font-size: 0;
            line-height: 14px;
            max-width: calc(100% - 20px);
            display: block;
            margin: 20px auto
        }

            .application .header-bottom nav .right > .icon {
                width: 20px;
                height: 20px;
                margin: auto auto 10px;
                display: block
            }

            .application .header-bottom nav .right a {
                font-size: 13px;
                display: block
            }

.application .page-top {
    background: #fff;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .05);
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    padding-left: 140px;
    z-index: 100
}

.application .content-pre-wrap {
    margin-bottom: 0;
    padding-top: 115px
}

.application .content {
    margin-left: 140px
}

    .application .content .center {
        max-width: calc(100% - 140px);
        max-width: unset;
        padding: 0 20px;
        border-radius: 0;
        padding-bottom: 20px
    }

        .application .content .center .pagetitle {
            font-size: 24px;
            font-weight: bold;
            padding-top: 10px;
            padding-right: 240px;
            padding-bottom: 10px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis
        }

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

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

        .application .content .center .content-wrap {
            max-width: 1520px;
            padding-right: 30px;
            max-width: 100%;
            width: 100%
        }

.application .content-wrap .steps-body {
    width: calc(100% - 170px);
    display: inline-flex;
    flex-wrap: wrap;
    vertical-align: top;
    gap: 10px
}

    .application .content-wrap .steps-body.k-flex-column {
        height: calc(100vh - 115px - 90px)
    }

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

    .application .content-wrap .steps-body .step-box {
        display: inline-block;
        vertical-align: top;
        width: calc(50% - 5px);
        margin-bottom: 0
    }

        .application .content-wrap .steps-body .step-box.fullwidth {
            width: 100%
        }

.content-pre-wrap.application .content-wrap {
    position: relative
}

    .content-pre-wrap.application .content-wrap .steps-body {
        margin-top: 0
    }

@media screen and (min-width: 746px) {
    .application .content-wrap .steps-footer {
        width: 170px;
        display: inline-flex;
        flex-flow: column-reverse;
        vertical-align: top;
        float: right;
        padding-left: 10px;
        position: fixed;
        top: 115px
    }

        .application .content-wrap .steps-footer .bttn,
        .application .content-wrap .steps-footer .content .etk-button,
        .content .application .content-wrap .steps-footer .etk-button {
            box-shadow: 0 0 10px 0 rgba(0, 144, 96, .1);
            border-radius: 10px;
            display: flex;
            flex-flow: column;
            align-items: center;
            justify-content: center;
            float: none;
            font-size: 14px;
            text-transform: uppercase;
            width: 100%;
            height: 100px;
            margin-bottom: 10px;
            transform-origin: center;
            min-width: 100%;
            margin-left: auto
        }

            .application .content-wrap .steps-footer .bttn.autosize,
            .application .content-wrap .steps-footer .content .autosize.etk-button,
            .content .application .content-wrap .steps-footer .autosize.etk-button {
                height: auto;
                padding: 21px 20px 19px
            }

            .application .content-wrap .steps-footer .bttn .icon,
            .application .content-wrap .steps-footer .content .etk-button .icon,
            .content .application .content-wrap .steps-footer .etk-button .icon {
                display: block;
                width: 37px;
                height: 30px;
                margin-bottom: 10px
            }

    .content-pre-wrap.application .content-wrap .steps-footer {
        margin-top: 0;
        top: 0;
        position: absolute
    }
}

footer {
    position: relative;
    clear: both
}

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

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

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

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

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

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

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

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

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

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

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

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

.flogo {
    width: 230px
}

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

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

    .fbox li {
        margin-bottom: 24px
    }

        .fbox li > a {
            color: inherit
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

                .itemlist .item .a .img-wrap img,
                .itemlist .item a .img-wrap img,
                .itemlist li .a .img-wrap img,
                .itemlist li a .img-wrap img {
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    left: 0;
                    right: 0;
                    top: 0;
                    bottom: 0;
                    object-fit: cover;
                    transition: all .2s linear
                }

                .itemlist .item .a .img-wrap .bttn,
                .itemlist .item .a .img-wrap .content .etk-button,
                .content .itemlist .item .a .img-wrap .etk-button,
                .itemlist .item a .img-wrap .bttn,
                .itemlist .item a .img-wrap .content .etk-button,
                .content .itemlist .item a .img-wrap .etk-button,
                .itemlist li .a .img-wrap .bttn,
                .itemlist li .a .img-wrap .content .etk-button,
                .content .itemlist li .a .img-wrap .etk-button,
                .itemlist li a .img-wrap .bttn,
                .itemlist li a .img-wrap .content .etk-button,
                .content .itemlist li a .img-wrap .etk-button {
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    right: auto;
                    width: auto;
                    max-width: 50%
                }

            .itemlist .item .a .subtitle,
            .itemlist .item a .subtitle,
            .itemlist li .a .subtitle,
            .itemlist li a .subtitle {
                font: bold 13px/1.1 var(--font);
                color: var(--main)
            }

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

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

            .itemlist .item .a .bttn,
            .itemlist .item .a .content .etk-button,
            .content .itemlist .item .a .etk-button,
            .itemlist .item a .bttn,
            .itemlist .item a .content .etk-button,
            .content .itemlist .item a .etk-button,
            .itemlist li .a .bttn,
            .itemlist li .a .content .etk-button,
            .content .itemlist li .a .etk-button,
            .itemlist li a .bttn,
            .itemlist li a .content .etk-button,
            .content .itemlist li a .etk-button {
                position: absolute;
                bottom: 30px;
                left: 0;
                right: 0;
                max-width: 160px;
                margin: auto
            }

            .itemlist .item .a:hover,
            .itemlist .item a:hover,
            .itemlist li .a:hover,
            .itemlist li a:hover {
                text-decoration: none;
                overflow: hidden
            }

                .itemlist .item .a:hover img,
                .itemlist .item a:hover img,
                .itemlist li .a:hover img,
                .itemlist li a:hover img {
                    transform: scale(1.04)
                }

                .itemlist .item .a:hover .bttn.small,
                .itemlist .item .a:hover .content .small.etk-button,
                .content .itemlist .item .a:hover .small.etk-button,
                .itemlist .item a:hover .bttn.small,
                .itemlist .item a:hover .content .small.etk-button,
                .content .itemlist .item a:hover .small.etk-button,
                .itemlist li .a:hover .bttn.small,
                .itemlist li .a:hover .content .small.etk-button,
                .content .itemlist li .a:hover .small.etk-button,
                .itemlist li a:hover .bttn.small,
                .itemlist li a:hover .content .small.etk-button,
                .content .itemlist li a:hover .small.etk-button {
                    opacity: 1;
                    transition: all .2s linear;
                    animation: comeintop .2s linear forwards
                }

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

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

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

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

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

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

.services {
    margin-top: 24px
}

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

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

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

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

    .itemlist.owl-carousel li {
        width: calc(100% - 20px) !important;
        width: 100% !important;
        margin: auto;
        display: block;
        height: 100%
    }

        .itemlist.owl-carousel li a {
            height: 100%
        }

.owl-dots {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 20px
}

    .owl-dots .owl-dot {
        width: 10px;
        height: 10px;
        border-radius: 100%;
        display: inline-block;
        vertical-align: middle;
        margin: 0 2px;
        opacity: .3;
        background: var(--main)
    }

        .owl-dots .owl-dot.active {
            opacity: 1
        }

.check-status {
    margin-top: 30px;
    background-image: linear-gradient(90deg, #06D802 0%, var(--main) 100%);
    background-image: linear-gradient(90deg, rgba(6, 216, 2, 0.2) 0%, rgba(0, 144, 96, 0.2) 100%);
    border-radius: 20px;
    padding: 33px 40px 20px;
    overflow: hidden
}

    .check-status .left {
        width: 43%
    }

    .check-status .right {
        width: 56%
    }

        .check-status .right .relative {
            margin-top: 10px
        }

            .check-status .right .relative input {
                background: #fff;
                box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .1);
                border-radius: 35px;
                padding: 0 35px;
                height: 70px;
                line-height: 70px;
                font-size: 15px;
                color: var(--text)
            }

            .check-status .right .relative button {
                position: absolute;
                right: 20px;
                top: 4px;
                bottom: 0;
                height: 26px;
                margin: auto
            }

                .check-status .right .relative button .icon {
                    width: 32px;
                    height: 26px;
                    color: var(--main)
                }

    .check-status .sectitle {
        font: bold 26px/1.2 var(--font);
        color: var(--main);
        display: block;
        padding: 0;
        margin: 0 0 15px;
        text-transform: uppercase;
        text-align: left
    }

    .check-status p {
        font: normal 12px/1.2 var(--font);
        color: var(--text);
        display: block;
        margin: 10px 0 15px
    }

.paymethods {
    margin-top: 50px
}

    .paymethods .sectitle {
        margin-bottom: 20px
    }

    .paymethods article {
        padding: 20px 30px;
        border: 1px solid rgba(90, 93, 90, .2);
        border-radius: 20px
    }

        .paymethods article h4 {
            display: block;
            font: bold 17px/1.2 var(--font);
            margin-bottom: 10px
        }

        .paymethods article p,
        .paymethods article li,
        .paymethods article span {
            font-size: 12px;
            margin: 10px 0 0;
            line-height: 20px
        }

        .paymethods article ul + h4 {
            margin-top: 30px
        }

        .paymethods article .column {
            width: 50%
        }

            .paymethods article .column.left {
                padding-right: 20px
            }

.statistics {
    margin-top: 50px
}

.stats-box {
    background: #fff;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .1);
    border-radius: 20px;
    font: normal 12px/1.2 var(--font);
    color: #000;
    text-align: center;
    padding: 10px 20px 15px
}

    .stats-box strong {
        font: bold 30px/1.2 var(--font);
        color: var(--main);
        display: block;
        margin-bottom: 5px
    }

.currency {
    margin-top: 2px;
    margin-left: 10px;
    font: normal 12px/20px var(--font);
    color: #5a5a5a;
    vertical-align: middle
}

    .currency a {
        font: normal 12px/20px var(--font);
        color: #5a5a5a
    }

        .currency a.active {
            text-decoration: underline
        }

body.map .k-tabstrip-content,
body.map .k-tabstrip > .k-content {
    border: 0
}

body.map footer {
    display: none
}

.login-wrap {
    display: inline-block;
    vertical-align: top;
    max-width: 480px;
    margin-bottom: 30px
}

    .login-wrap input[type=checkbox],
    .login-wrap input[type=radio] {
        margin-top: 0
    }

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

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

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

    nav > ul + .mapmenu:hover > a:not(.continue) {
        background: #fff
    }

        nav > ul + .mapmenu:hover > a:not(.continue) .icon,
        nav > ul + .mapmenu:hover > a:not(.continue) .respmenu,
        nav > ul + .mapmenu:hover > a:not(.continue) .objects {
            color: #000
        }

    nav > ul + .mapmenu #mapmenu {
        top: 42px
    }

    nav > ul + .mapmenu.opened:after {
        background: rgba(0, 0, 0, 0)
    }

.mapmenu {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-top: 6px
}

    .mapmenu .center {
        max-width: 100%;
        padding: 0;
        background: 0;
        box-shadow: none
    }

        .mapmenu .center .k-input,
        .mapmenu .center .k-picker {
            font-size: 14px
        }

        .mapmenu .center .k-pager-sm .k-pager-numbers-wrap {
            height: 26px
        }

        .mapmenu .center select.k-picker {
            height: 26px;
            padding: 3px
        }

        .mapmenu .center .k-listview {
            border: 0;
            overflow: auto
        }

        .mapmenu .center .k-pager-nav {
            padding: 2px
        }

        .mapmenu .center .k-pager-nav,
        .mapmenu .center .k-pager-numbers .k-link,
        .mapmenu .center .k-pager-refresh {
            width: 20px !important;
            height: 26px !important
        }

        .mapmenu .center .mapmenu-bottom {
            margin-top: 10px
        }

        .mapmenu .center .k-pager-wrap {
            padding: 0;
            background: 0;
            border: 0;
            justify-content: center
        }

    .mapmenu > a {
        display: block;
        background: var(--secondaryhover);
        border-radius: 20px;
        padding: 2px 35px 0;
        position: relative;
        font: bold 12px/34px var(--font);
        height: 34px;
        color: #000;
        margin-bottom: 3px
    }

        .mapmenu > a:hover {
            background: var(--main);
            text-decoration: none;
            color: #fff
        }

            .mapmenu > a:hover .respmenu {
                color: #fff
            }

        .mapmenu > a .icon {
            position: absolute;
            top: 0;
            bottom: 0;
            margin: auto
        }

        .mapmenu > a .respmenu {
            border-radius: 0%;
            width: 20px;
            height: 14px;
            color: #000;
            left: 15px
        }

        .mapmenu > a .icon.arrow {
            padding: 5px 6px;
            width: 24px;
            height: 24px;
            border-radius: 100%;
            background: #fff;
            color: #000;
            right: 5px
        }

        .mapmenu > a strong {
            line-height: 30px;
            display: block;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            width: 85px;
            text-align: center
        }

    .mapmenu > span {
        text-align: center;
        color: #000;
        font: normal 10px/1.2 var(--font)
    }

    .mapmenu .mc-results-body {
        text-align: left
    }

    .no-touchevents .mapmenu.hoverable:hover,
    .mapmenu.opened {
        position: relative
    }

        .no-touchevents .mapmenu.hoverable:hover:after,
        .mapmenu.opened:after {
            content: "";
            width: 100%;
            position: absolute;
            display: block;
            top: 34px;
            height: 40px;
            background: #fff;
            z-index: 1
        }

        .no-touchevents .mapmenu.hoverable:hover #mapmenu.hidden,
        .mapmenu.opened #mapmenu.hidden {
            display: block;
            position: absolute;
            top: 54px;
            right: 0;
            max-height: 400px;
            width: 460px;
            padding: 20px;
            box-shadow: 10px 0 20px 0 rgba(0, 0, 0, .1);
            background: #fff;
            border-radius: 20px;
            text-align: left;
            overflow: auto;
            animation: comeintop .2s linear forwards;
            z-index: 2
        }

            .no-touchevents .mapmenu.hoverable:hover #mapmenu.hidden .k-pager-wrap,
            .mapmenu.opened #mapmenu.hidden .k-pager-wrap {
                border: 0;
                float: left
            }

                .no-touchevents .mapmenu.hoverable:hover #mapmenu.hidden .k-pager-wrap .k-pager-info,
                .no-touchevents .mapmenu.hoverable:hover #mapmenu.hidden .k-pager-wrap .k-pager-first,
                .no-touchevents .mapmenu.hoverable:hover #mapmenu.hidden .k-pager-wrap .k-pager-last,
                .mapmenu.opened #mapmenu.hidden .k-pager-wrap .k-pager-info,
                .mapmenu.opened #mapmenu.hidden .k-pager-wrap .k-pager-first,
                .mapmenu.opened #mapmenu.hidden .k-pager-wrap .k-pager-last {
                    display: none
                }

            .no-touchevents .mapmenu.hoverable:hover #mapmenu.hidden .k-listview,
            .mapmenu.opened #mapmenu.hidden .k-listview {
                margin-bottom: 10px
            }

            .no-touchevents .mapmenu.hoverable:hover #mapmenu.hidden .smallpages,
            .mapmenu.opened #mapmenu.hidden .smallpages {
                margin-bottom: 10px
            }

        .no-touchevents .mapmenu.hoverable:hover .center .mapmenu-bottom.right,
        .mapmenu.opened .center .mapmenu-bottom.right {
            margin: 0
        }

        .mapmenu.opened > a.js-trigger-mapmenu:after {
            content: "+";
            font: normal 24px/20px var(--font);
            transform: rotate(45deg);
            width: 24px;
            height: 24px;
            background: #fff;
            color: #000;
            border-radius: 100%;
            position: absolute;
            right: 5px;
            top: 5px;
            padding-top: 0;
            display: block
        }

.k-pager-sm .k-pager-numbers-wrap {
    margin: 0;
    height: 20px
}

.object-list-wrap .smallpages {
    background: 0;
    padding: 0;
    align-items: flex-start
}

    .object-list-wrap .smallpages .k-pager-nav,
    .object-list-wrap .smallpages .k-pager-numbers .k-link,
    .object-list-wrap .smallpages .k-pager-refresh {
        min-width: 10px;
        height: 30px
    }

    .object-list-wrap .smallpages .k-pager-numbers-wrap select.k-dropdown-list,
    .object-list-wrap .smallpages .k-pager-numbers-wrap select.k-dropdown,
    .object-list-wrap .smallpages .k-pager-numbers-wrap select.k-dropdownlist {
        height: 30px !important;
        padding: 3px 10px !important;
        vertical-align: top
    }

    .object-list-wrap .smallpages .k-pager-sm .k-pager-numbers-wrap {
        height: auto !important
    }

select.k-dropdown.k-picker.k-dropdown-list {
    height: 20px;
    color: var(--main)
}

#map_wrap {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute
}

.abs {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.object-control label {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    position: relative;
    margin-bottom: 5px;
    color: var(--text)
}

    .object-control label input[type=checkbox] {
        width: 16px;
        height: 16px !important;
        line-height: 1;
        margin-right: 0;
        vertical-align: middle;
        position: relative;
        float: none
    }

    .object-control label img,
    .object-control label svg {
        float: none;
        position: relative;
        width: 18px;
        height: 15px;
        padding: 0;
        display: inline-block;
        vertical-align: middle;
        color: inherit
    }

        .object-control label img.icon,
        .object-control label svg.icon {
            height: 16px;
            margin-top: 1px
        }

    .object-control label span {
        font: normal 11px/1.2 var(--font);
        color: var(--text)
    }

#searchResult .k-pager-wrap {
    background: 0;
    padding: 0;
    border: 0
}

    #searchResult .k-pager-wrap .k-pager-numbers-wrap {
        margin: 0
    }

    #searchResult .k-pager-wrap .k-pager-info {
        display: block;
        float: right;
        font: normal 13px/1.2 var(--font)
    }

    #searchResult .k-pager-wrap .k-pager-numbers-wrap .k-dropdown,
    #searchResult .k-pager-wrap .k-pager-nav.k-link,
    #searchResult .k-pager-wrap .k-pager-refresh {
        text-align: center;
        padding: 0;
        border: 0;
        background: 0 !important
    }

    #searchResult .k-pager-wrap .k-pager-numbers .k-link {
        background: 0;
        border: 0;
        color: var(--text);
        font: bold 12px/1.2 var(--font)
    }

        #searchResult .k-pager-wrap .k-pager-numbers .k-link.k-state-selected,
        #searchResult .k-pager-wrap .k-pager-numbers .k-link.k-selected {
            background: 0;
            color: var(--main)
        }

    #searchResult .k-pager-wrap .k-listview {
        padding-bottom: 10px
    }

#resultsList {
    border: 0;
    padding-bottom: 10px
}

.results-pre-wrap {
    border-top: 1px solid #ced4da;
    padding-top: 10px
}

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

.gkf-export {
    float: right
}

.gkf-export-indicator {
    top: 0;
    bottom: 0;
    height: 85vh;
    width: 98%;
    position: absolute;
    background: rgba(0, 0, 0, .3);
    z-index: 99999;
    display: flex;
    justify-content: center;
    align-items: center
}

.mc-results hr {
    margin: 5px 0 5px 0
}

.km-scroll-container {
    padding: 0 0 5px
}

.mc-tab-body .object:nth-child(odd) .label,
.mc-results-body .zebra > *:nth-child(odd) .label {
    background: #e7e7e7
}

.mc-tab-body .object:nth-child(even) .label,
.mc-results-body .zebra > *:nth-child(even) .label {
    background: var(--third)
}

.object {
    background: #ffd45f;
    color: var(--text);
    border-radius: 15px;
    position: relative
}

    .object:hover .label {
        background: var(--main) !important;
        color: #fff;
        text-decoration: none
    }

    .object .icon,
    .object .step-box-head .icon,
    .step-box-head .object .icon {
        width: 14px;
        height: 14px;
        color: inherit
    }

    .object .label {
        padding: 6px 70px 6px 10px;
        width: 100%;
        background: #e9e9e9;
        border-radius: 10px;
        color: var(--text);
        display: inline-block;
        font: normal 13px/18px var(--font);
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: top;
        white-space: nowrap
    }

        .object .label .icon {
            margin-top: 2px
        }

    .object .object-options {
        position: absolute;
        right: 0;
        top: 3px;
        margin: 0 3px 0 0;
        display: flex;
        gap: 3px
    }

        .object .object-options button,
        .object .object-options a {
            border: 0;
            display: inline-block;
            vertical-align: top;
            width: 24px;
            height: 24px;
            background: #fff;
            color: var(--text);
            border-radius: 100%;
            padding: 3px;
            position: relative
        }

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

            .object .object-options button .icon,
            .object .object-options a .icon {
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                margin: auto;
                position: absolute
            }

    .object.active .object-properties {
        display: block
    }

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

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

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

.object-properties {
    padding: 10px;
    border-radius: 0 0 10px 10px;
    clear: both;
    color: #000;
    font: normal 11px/1.3 var(--font);
    display: none
}

    .object-properties a,
    .object-properties p,
    .object-properties ul,
    .object-properties li,
    .object-properties div,
    .object-properties span {
        font: inherit;
        color: inherit
    }

        .object-properties a:first-child,
        .object-properties p:first-child,
        .object-properties ul:first-child,
        .object-properties li:first-child,
        .object-properties div:first-child,
        .object-properties span:first-child {
            margin-top: 0
        }

    .object-properties strong {
        font-weight: bold
    }

.zebra > *:nth-child(odd) {
    background: var(--third)
}

.zebra > *:nth-child(even) {
    background: #e3e3e3
}

body .zebra > *:nth-child(even) input[type=checkbox],
body .zebra > *:nth-child(even) input[type=radio] {
    background-color: #fff;
    border-color: #fff
}

.zebra > *.no-zebra:nth-child(even),
.zebra > *.no-zebra:nth-child(odd),
.zebra > *.no-zebra,
.object-control.zebra > *.km-scroll-container {
    background: 0
}

.accent .content-title,
.accent .step-top {
    border-bottom-color: #d75700;
    color: #d75700
}

.step-row_orangebox {
    background: #f7ddcc;
    padding: 10px 10px
}

    .step-row_orangebox select {
        border-color: #fff
    }

.object-list-wrap {
    position: relative;
    background: 0;
    padding: 0;
    border: 0
}

    .object-list-wrap .k-pager-wrap .k-pager-numbers-wrap {
        margin: 0
    }

    .object-list-wrap .k-pager-wrap .k-pager-info {
        display: block;
        float: right;
        font: normal 11px/1.2 var(--font)
    }

    .object-list-wrap .k-pager-wrap .k-pager-nav.k-link,
    #searchResult .k-pager-wrap .k-pager-refresh {
        text-align: center;
        padding: 0;
        border: 0;
        background: 0 !important
    }

    .object-list-wrap .k-pager-wrap .k-pager-numbers .k-link {
        background: 0;
        border: 0;
        color: #000;
        font: bold 13px/1.2 var(--font)
    }

        .object-list-wrap .k-pager-wrap .k-pager-numbers .k-link.k-state-selected,
        #searchResult .k-pager-wrap .k-pager-numbers .k-link.k-selected {
            background: 0;
            color: var(--main)
        }

    .object-list-wrap .k-pager-wrap .k-listview {
        padding-bottom: 10px
    }

.k-listview {
    border: none;
    font: normal 13px/1.2 var(--font)
}

.k-listview-content {
    overflow: visible
}

.cancelelement {
    width: 35px;
    margin-top: 0;
    margin-right: 0;
    position: relative
}

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

.servicename {
    width: calc(100% - 35px);
    padding-right: 10px
}

.cancelelement button.cancel {
    min-width: 30px
}

.file small {
    color: #000;
    font-style: italic
}

.center.login {
    padding-top: 50px
}

.service-wrap {
    border: 1px solid #b6cbc0;
    padding: 10px 10px 5px 10px;
    position: relative
}

    .service-wrap .bttn-cancel {
        height: 27px;
        line-height: 27px;
        position: absolute;
        right: 10px;
        top: 10px;
        width: 110px
    }

.service-title {
    color: #5c5c5c;
    font: bold 17px/22px var(--font);
    margin-bottom: 15px;
    padding-right: 150px
}

.service-num {
    background: #007038;
    border-radius: 50px;
    color: #fff;
    display: inline-block;
    font: normal 14px/22px var(--font);
    margin-right: 5px;
    padding: 0 7px;
    vertical-align: top
}

.step3 .object-list {
    margin-bottom: 30px
}

.object-list-short {
    list-style-position: inside;
    list-style-image: url("../i/bullet.png");
    width: 220px
}

    .object-list-short li {
        font: normal 12px/20px var(--font);
        list-style-image: url("../i/bullet.png");
        max-width: 250px;
        overflow: hidden
    }

#applicationOverview .object-list-short {
    background: rgba(0, 0, 0, 0)
}

    #applicationOverview .object-list-short li {
        font: bold 12px/20px var(--font)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mc-results {
    display: none
}

    .mc-results hr {
        display: block;
        margin: 5px 0 7px 0;
        border: 0;
        border-top: 2px solid #f4f4f4;
        background: 0;
        opacity: 1
    }

    .mc-results .mc-tab-body .mc-results-top > strong {
        display: block;
        font: bold 11px/1 var(--font);
        margin: 10px 0;
        color: #000;
        text-transform: uppercase
    }

.mc-boxtitle {
    padding: 4px 10px;
    font: bold 14px/20px var(--font);
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 4px
}

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

.map-control-inner {
    position: absolute;
    left: 5px;
    right: 0;
    margin: auto;
    bottom: 20px;
    border-top: 0;
    height: 40px;
    color: var(--text);
    text-align: center;
    bottom: 0;
    border-top: 5px;
    height: 30px;
    bottom: 0;
    border-top: 5px;
    height: 30px;
    color: #000;
    text-align: center
}

    .map-control-inner input[type=text] {
        width: auto;
        font: normal 12px/12px var(--font)
    }

    .map-control-inner .mc-controlbox-inner {
        border-radius: 20px;
        padding: 5px 7px 5px 15px;
        background: #fff;
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
        display: inline-flex;
        vertical-align: top;
        align-items: center;
        align-content: center
    }

    .map-control-inner .mc-controlbox {
        background: 0;
        overflow: visible
    }

        .map-control-inner .mc-controlbox + .mc-controlbox {
            margin-left: 10px
        }

        .map-control-inner .mc-controlbox > * {
            display: inline-block;
            vertical-align: middle
        }

        .map-control-inner .mc-controlbox .mc-mapstat {
            width: auto;
            position: relative
        }

            .map-control-inner .mc-controlbox .mc-mapstat .k-picker-solid {
                background: 0;
                border-radius: 20px;
                box-shadow: none;
                height: 30px
            }

                .map-control-inner .mc-controlbox .mc-mapstat .k-picker-solid .k-input-value-text {
                    box-shadow: none;
                    max-width: 80px;
                    overflow: hidden
                }

            .map-control-inner .mc-controlbox .mc-mapstat .k-picker .k-input-button {
                background: 0;
                height: 30px
            }

            .map-control-inner .mc-controlbox .mc-mapstat .k-dropdownlist > .k-input .k-input-inner {
                padding: 0
            }

            .map-control-inner .mc-controlbox .mc-mapstat > .k-input {
                box-shadow: none;
                padding: 0 0;
                line-height: 20px;
                background: 0
            }

                .map-control-inner .mc-controlbox .mc-mapstat > .k-input .k-input-inner {
                    padding: 0 10px;
                    height: 20px
                }

            .map-control-inner .mc-controlbox .mc-mapstat.autosize {
                width: auto
            }

            .map-control-inner .mc-controlbox .mc-mapstat > .k-dropdown {
                display: inline-block;
                vertical-align: top;
                background: #fff;
                border: 1px solid rgba(90, 93, 90, .2);
                border-radius: 20px;
                padding: 5px 10px;
                color: var(--main);
                font: bold 12px/20px var(--font)
            }

            .map-control-inner .mc-controlbox .mc-mapstat .specialdropdown {
                position: absolute;
                right: 5px;
                top: 0;
                bottom: 0;
                margin: auto;
                transform: rotate(180deg);
                background: #ffd45f;
                border-radius: 100%;
                width: 24px;
                height: 24px;
                padding: 4px;
                pointer-events: none;
                z-index: 1
            }

        .map-control-inner .mc-controlbox > small {
            font: normal 12px/20px var(--font);
            color: #000;
            margin-right: 8px
        }

        .map-control-inner .mc-controlbox .k-input,
        .map-control-inner .mc-controlbox > input {
            font: bold 12px/20px var(--font);
            color: var(--main);
            border: 0;
            line-height: 20px;
            padding: 0 0;
            height: 20px;
            width: 100px;
            font-size: 12px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            display: block
        }

.object-info h5 {
    color: #000;
    background: #fafafa;
    font-size: 13px;
    padding: 5px 10px;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: #dee2e6
}

.object-info h6 {
    color: #000;
    background: none;
    font-size: 13px;
    padding: 5px 10px
}

.object-info section {
    font-size: 13px;
    margin: 0;
    padding: 0
}

.object-info .info,
.object-info .step-box-head .icon,
.step-box-head .object-info .icon {
    font-size: 13px;
    padding: 5px 5px 10px 15px;
    text-align: justify;
    margin: 0
}

#services label {
    display: flex;
    flex-direction: row
}

.serviceObjects label {
    display: flex;
    flex-direction: row
}

button.continue,
a.continue {
    margin-top: 41px;
    position: absolute;
    box-shadow: 0 0 10px 0 rgba(0, 144, 96, .1);
    border-radius: 0 0 10px 10px;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    float: none;
    font-size: 11px;
    text-transform: uppercase;
    width: 100px;
    height: 55px;
    margin-bottom: 10px;
    transform-origin: center;
    margin-left: auto;
    color: #fff;
    background: var(--main)
}

button.continue,
a.continue {
    visibility: hidden
}

.map button.continue,
a.continue {
    visibility: visible
}

.continue svg.icon {
    display: inline-block;
    vertical-align: top;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0);
    position: static;
    padding-top: 5px
}

.map-control-inner .mc-controlbox-inner {
    border-radius: 2px;
    padding: 0 15px 2px 15px;
    background: #fff
}

.map-control-inner .mc-controlbox .mc-mapstat .k-picker-solid {
    background: 0;
    border-radius: 5px;
    border: none;
    box-shadow: none;
    height: 20px
}

.map-control-inner .mc-controlbox .mc-mapstat .k-picker .k-input-button {
    background: 0;
    height: 20px
}

.map-control-inner .mc-controlbox .mc-mapstat > .k-input .k-input-inner {
    padding: 0 4px;
    height: 20px;
    width: 65px
}

.mc-controlbox-inner-new {
    font: normal 10px/11px var(--font);
    border-radius: 2px;
    padding: 2px 5px;
    background: rgba(255, 255, 255, .7);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    display: inline-flex;
    vertical-align: top;
    align-items: center;
    align-content: center
}

    .mc-controlbox-inner-new:hover {
        background: #fff
    }

.map-control-inner .mc-controlbox .k-input,
.map-control-inner .mc-controlbox > input {
    width: auto;
    font: normal 12px/12px var(--font);
    display: contents
}

.map-control-inner .mc-controlbox + .mc-controlbox {
    margin-left: 5px
}

.map-control-inner .mc-controlbox > small {
    font: normal 12px/12px var(--font);
    color: #000;
    margin-right: 0
}

.map-current-branch {
    right: 50px;
    bottom: 60px;
    position: absolute;
    background: #fff;
    border-radius: 20px;
    width: 200px
}

    .map-current-branch img {
        width: 42px;
        height: 42px;
        object-fit: contain;
        margin-right: 15px;
        background: #d8d8d8;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
        border-radius: 21px;
        display: inline-block;
        vertical-align: middle
    }

    .map-current-branch span {
        font: bold 13px/14px Tahoma, sans-serif;
        color: #000;
        display: inline-block;
        vertical-align: middle;
        padding-right: 15px
    }

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

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

.map-control {
    position: absolute;
    left: 0;
    top: 180px;
    border-radius: 0 20px 20px 0;
    display: block
}

    .map-control input[type=text],
    .map-control input[type=email],
    .map-control input[type=password],
    .map-control input[type=data],
    .map-control select,
    .map-control .input {
        height: 28px;
        line-height: 28px
    }

    .map-control > .triggers {
        background: #fff;
        box-shadow: 10px 0 20px 0 rgba(0, 0, 0, .1);
        border-radius: 0 20px 20px 0;
        z-index: 2;
        position: relative
    }

        .map-control > .triggers > a {
            width: 60px;
            height: 40px;
            padding: 10px 20px;
            background: #fff;
            color: var(--text);
            border-bottom: 1px solid #dedede;
            text-align: center;
            display: block
        }

            .map-control > .triggers > a.chosen-branch {
                padding: 5px 10px
            }

            .map-control > .triggers > a:hover,
            .map-control > .triggers > a.active {
                background: rgba(var(--main), 0.1);
                background: var(--bgr);
                color: var(--main)
            }

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

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

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

            .map-control > .triggers > a:first-child {
                border-radius: 0 20px 0 0
            }

            .map-control > .triggers > a.last {
                border-radius: 0 0 20px 0;
                border: 0;
                margin: 0
            }

            .map-control > .triggers > a img {
                opacity: .67
            }

            .map-control > .triggers > a > .icon {
                width: 23px;
                height: 22px;
                object-fit: contain
            }

                .map-control > .triggers > a > .icon.file {
                    height: 25px;
                    margin-top: -2px
                }

                .map-control > .triggers > a > .icon.ruler {
                    width: 25px;
                    height: 24px;
                    margin-top: -1.5px
                }

                .map-control > .triggers > a > .icon.print {
                    margin-top: -2px;
                    height: 25px
                }

    .map-control > .map-dropdown {
        min-width: 300px;
        position: absolute;
        left: 0;
        transform: translateX(-20px);
        z-index: 1;
        background: #fff;
        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1);
        border-radius: 0 20px 20px 20px;
        padding: 10px 10px 10px 20px;
        overflow: auto
    }

        .map-control > .map-dropdown:before {
            content: "";
            width: 30px;
            height: 30px;
            right: 100%;
            top: 0;
            display: block;
            position: absolute;
            background: #fff
        }

        .map-control > .map-dropdown.opened,
        .map-control > .map-dropdown.active {
            display: block;
            animation: comeinLeft .2s linear forwards;
            left: 60px
        }

        .map-control > .map-dropdown .tab-wrap {
            min-width: 540px
        }

    .map-control input::-webkit-input-placeholder {
        font-style: normal;
        color: #000;
        font-size: 12px;
        line-height: 1
    }

    .map-control .form-input label {
        font: normal 12px/1.2 var(--font);
        padding: 0 10px 5px;
        min-height: 0
    }

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

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

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

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

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

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

#map-measure {
    white-space: nowrap;
    border-radius: 0 20px 20px 0;
    padding-left: 10px;
    min-width: 0
}

    #map-measure a {
        display: inline-block;
        vertical-align: middle;
        margin: 0 6px
    }

        #map-measure a .icon {
            width: 22px;
            height: 22px;
            color: #000
        }

        #map-measure a.active .icon,
        #map-measure a:hover .icon {
            color: var(--main)
        }

.selectionTool,
.etkSelectionTool {
    cursor: crosshair
}

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

.infoTool {
    cursor: pointer
}

.zoomInTool {
    cursor: zoom-in
}

.zoomOutTool {
    cursor: zoom-out
}

.panTool {
    cursor: move
}

.search button.bttn,
.search .content button.etk-button,
.content .search button.etk-button {
    width: 100px;
    margin-right: 10px
}

#servicesTreeList thead {
    display: none
}

#map-branches,
.map-branches {
    background: #fff;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1);
    border-radius: 0 20px 20px 0;
    min-width: 200px
}

    #map-branches ul,
    .map-branches ul {
        list-style: none;
        padding: 0
    }

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

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

                #map-branches ul li a:hover,
                #map-branches ul li a.active,
                .map-branches ul li a:hover,
                .map-branches ul li a.active {
                    background: rgba(var(--main), 0.1);
                    color: var(--main)
                }

                #map-branches ul li a img,
                .map-branches ul li a img {
                    width: 42px;
                    height: 42px;
                    object-fit: contain;
                    margin-right: 15px;
                    background: #d8d8d8;
                    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
                    border-radius: 21px;
                    display: inline-block;
                    vertical-align: middle
                }

                #map-branches ul li a span,
                .map-branches ul li a span {
                    font: bold 13px/14px var(--font);
                    display: inline-block;
                    vertical-align: middle;
                    padding-right: 15px
                }

#map-layers {
    min-width: 200px
}

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

    #map-layers li.k-item.k-treeview-item.k-first {
        padding: 0 0
    }

    #map-layers .k-treeview .k-checkbox-wrap,
    .k-treeview .k-checkbox-wrapper {
        margin-left: 2px;
        margin-right: 0;
        -ms-flex-item-align: left;
        align-self: flex-start
    }

    #map-layers .k-treeview-md .k-treeview-leaf {
        padding: 3px 0
    }

#map-nav {
    white-space: nowrap;
    border-radius: 0 20px 20px 0;
    padding-left: 10px;
    min-width: 0
}

    #map-nav a {
        display: inline-block;
        vertical-align: middle;
        margin: 0 6px
    }

        #map-nav a .icon {
            width: 22px;
            height: 22px;
            color: #000
        }

        #map-nav a.active .icon,
        #map-nav a:hover .icon {
            color: var(--main)
        }

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

#map-search {
    padding-left: 10px;
    max-height: 400px;
    overflow: auto
}

    #map-search .tab-nav ~ .tab-body {
        padding-top: 5px
    }

    #map-search .object-control {
        font-size: 0
    }

        #map-search .object-control input[type=checkbox] {
            margin-right: 0
        }

    #map-search label.checkboxes span,
    #map-search .checkboxes label span {
        font-size: 12px;
        line-height: 16px;
        color: #000;
        margin-left: 25px
    }

    #map-search .k-textbox,
    #map-search input[type] {
        height: 28px;
        line-height: 28px;
        font-size: 12px;
        border-color: rgba(90, 93, 90, .2)
    }

    #map-search .k-datetimepicker > .k-input-inner {
        padding: 2px 8px;
        height: 26px;
        line-height: 26px
    }

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

    #map-search .checkboxes .icon.check,
    #map-search input[type=checkbox] {
        height: 16px;
        width: 16px;
        line-height: 1;
        margin-right: 5px
    }

    #map-search #map-search-tabs .icon {
        width: 13px;
        height: 13px;
        display: inline-block;
        vertical-align: middle;
        color: #000;
        opacity: 1;
        margin-right: -1px;
        margin-top: 7px;
        z-index: 2;
        background: #fff
    }

    #map-search .checkboxes .icon.check,
    #map-search input[type=checkbox] {
        height: 16px;
        width: 16px;
        line-height: 16px;
        margin-right: 5px;
        max-height: 16px
    }

#map-search {
    padding-left: 10px;
    max-height: 415px;
    overflow: auto
}

#map-print {
    top: auto !important;
    bottom: 0
}

    #map-print .map-control > .map-dropdown {
        border-radius: 20px 20px 20px 0
    }

    #map-print > .column-wrap {
        margin-bottom: 20px;
        width: 500px
    }

        #map-print > .column-wrap > .column {
            min-width: 140px;
            flex-shrink: 0;
            flex-grow: 1
        }

            #map-print > .column-wrap > .column label {
                font-weight: bold
            }

            #map-print > .column-wrap > .column + .column {
                margin-left: 10px;
                border-left: 1px solid var(--third) !important;
                border-left: 10px;
                padding-left: 20px
            }

            #map-print > .column-wrap > .column .thin {
                min-width: 80px
            }

.content .etk-button {
    background: var(--third);
    color: var(--text);
    margin-bottom: 10px;
    padding: 2px 10px
}

    .content .etk-button.yellow {
        background: var(--orange)
    }

    .content .etk-button img {
        display: none
    }

#sample-from-ETK .column-wrap .geometry-column {
    order: 1;
    width: 290px;
    flex-shrink: 0
}

    #sample-from-ETK .column-wrap .geometry-column p {
        margin-bottom: 15px
    }

#sample-from-ETK .column-wrap .etk-buttons-wrapper {
    order: 2
}

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

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

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

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

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

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

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

.additional-data {
    margin-top: 10px
}

.etk-title {
    font-size: 15px;
    margin-bottom: 10px
}

@media print {
    .k-tabstrip-items .k-link {
        color: #fff
    }

    .k-tabstrip-items .k-active .k-link {
        color: #000
    }

    .k-tabstrip-content,
    .k-tabstrip > .k-content {
        border: none;
        color: #212529;
        background-color: #fff
    }
}

.tab-nav {
    padding: 0 10px;
    display: flex
}

    .tab-nav li {
        display: inline-block !important;
        vertical-align: middle;
        font: bold 11px/1.2 var(--font);
        text-transform: uppercase;
        padding: 4px 8px !important;
        margin: 0 5px 5px 0 !important;
        border-radius: 20px
    }

        .tab-nav li .k-link {
            padding: 0
        }

        .tab-nav li:hover,
        .tab-nav li.active {
            background: rgba(var(--main), 0.1);
            color: var(--main)
        }

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

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

    .tab-wrap > .tab-body .form-input:only-child {
        margin-bottom: 0
    }

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

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

.input-validation-error {
    background-color: #faefec !important;
    border-color: #ecd1c9 !important
}

.field-validation-error {
    font-size: 13px;
    color: #c00;
    padding: 5px 0 0 0;
    display: block
}

    .field-validation-error span {
        color: #c00
    }

.k-tooltip-error.field-validation-error {
    color: #fff;
    padding: 5px
}

    .k-tooltip-error.field-validation-error .k-tooltip-icon,
    .k-tooltip-error.field-validation-error span.k-tooltip-content {
        color: #fff
    }

.k-checkbox:focus,
.k-checkbox.k-focus {
    box-shadow: none !important
}

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

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

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

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

.k-input .k-input-inner {
    border: 0
}

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

    .zoomTo:hover {
        text-decoration: underline
    }

.k-list-container .k-list,
.k-list-container .k-list-container {
    border-radius: 5px;
    border-color: #eaeaea;
    overflow: hidden
}

.k-list-container .k-list {
    padding: 4px 0 !important
}

.k-list-container .k-list-scroller .k-item {
    display: block;
    padding: 2px 10px;
    margin-bottom: 5px;
    line-height: 1.2;
    font-size: 12px
}

    .k-list-container .k-list-scroller .k-item:hover {
        background: #f2f2f2
    }

.start-action-box {
    margin: 20px 0;
    padding: 14px 10px;
    border: 1px solid #dde1e6;
    display: flex;
    align-content: center;
    align-items: center
}

    .start-action-box:first-child {
        margin-top: 0
    }

    .start-action-box h2,
    .start-action-box h3,
    .start-action-box h4,
    .start-action-box h5,
    .start-action-box strong {
        font: bold 20px/1.2 var(--font);
        color: #000;
        display: inline-block;
        vertical-align: top
    }

        .start-action-box h2 .icon,
        .start-action-box h2 .k-icon,
        .start-action-box h3 .icon,
        .start-action-box h3 .k-icon,
        .start-action-box h4 .icon,
        .start-action-box h4 .k-icon,
        .start-action-box h5 .icon,
        .start-action-box h5 .k-icon,
        .start-action-box strong .icon,
        .start-action-box strong .k-icon {
            width: 32px;
            height: 32px;
            vertical-align: middle
        }

            .start-action-box h2 .icon:before,
            .start-action-box h2 .k-icon:before,
            .start-action-box h3 .icon:before,
            .start-action-box h3 .k-icon:before,
            .start-action-box h4 .icon:before,
            .start-action-box h4 .k-icon:before,
            .start-action-box h5 .icon:before,
            .start-action-box h5 .k-icon:before,
            .start-action-box strong .icon:before,
            .start-action-box strong .k-icon:before {
                font-size: 32px
            }

    .start-action-box .bttn,
    .start-action-box .content .etk-button,
    .content .start-action-box .etk-button {
        float: right;
        margin-left: auto;
        width: 280px;
        padding: 0;
        height: 40px;
        line-height: 40px;
        font-size: 17px;
        margin-right: 7px
    }

.step-box.closed .step-box-body {
    max-height: 0;
    overflow: hidden;
    padding: 0
}

.step-box.closed .r270 {
    transform: rotate(90deg)
}

.step-wrap .r270,
.step-wrap .step-box-body {
    max-height: 10000px;
    transition: all .2s linear
}

.step-wrap .column-wrap .step-box {
    margin-bottom: 0;
    width: calc(50% - 5px)
}

    .step-wrap .column-wrap .step-box.form-input {
        padding-right: 0
    }

        .step-wrap .column-wrap .step-box.form-input .form-input input[type] {
            margin-bottom: 0
        }

    .step-wrap .column-wrap .step-box.fullwidth {
        width: 100%
    }

.step-wrap .column-wrap.flex-gap-20 .step-box {
    margin-bottom: 0;
    width: calc(50% - 10px)
}

    .step-wrap .column-wrap.flex-gap-20 .step-box.form-input {
        width: calc(33.333% - 10px)
    }

        .step-wrap .column-wrap.flex-gap-20 .step-box.form-input.double {
            width: calc(66.666% - 10px)
        }

    .step-wrap .column-wrap.flex-gap-20 .step-box.closed {
        width: 100% !important
    }

    .step-wrap .column-wrap.flex-gap-20 .step-box.fullwidth {
        width: 100%
    }

.step-wrap .column-wrap.flex-gap-60 .step-box {
    width: calc(50% - 30px)
}

.step-wrap .column-wrap.flex-gap-20 .step-box.form-input.half {
    width: calc(50% - 10px)
}

.hidden {
    display: none
}

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

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

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

.flex-gap-50 {
    gap: 50px
}

.flex-gap-60 {
    gap: 60px
}

.k-gap-y-10 {
    row-gap: 10px
}

.k-gap-y-20 {
    row-gap: 20px
}

.steps-header {
    display: block
}

.steps-footer {
    display: block;
    margin-top: 20px
}

    .steps-footer .bttn svg,
    .steps-footer .content .etk-button svg,
    .content .steps-footer .etk-button svg {
        display: none
    }

    .steps-footer .left + .left {
        margin-left: 10px
    }

.steps-boxes-wrap {
    display: flex;
    padding-right: 10px
}

    .steps-boxes-wrap .steps-box {
        display: flex;
        justify-content: flex-start;
        text-align: center;
        font: bold 15px/1.2 var(--font);
        flex-grow: 1;
        flex: 1 1 0;
        align-content: center;
        align-items: center;
        padding: 6px 0;
        position: relative;
        margin-left: -2px
    }

        .steps-boxes-wrap .steps-box > .icon {
            width: 103%;
            height: 150%;
            object-fit: contain;
            z-index: 0;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto;
            position: absolute;
            color: rgba(255, 165, 0, .5)
        }

        .steps-boxes-wrap .steps-box.done .step-title {
            color: #fff
        }

        .steps-boxes-wrap .steps-box.done > .icon {
            color: var(--main)
        }

        .steps-boxes-wrap .steps-box.active > .icon {
            color: var(--orange)
        }

        .steps-boxes-wrap .steps-box .step-num {
            margin-left: 50px;
            border-radius: 100%;
            width: 28px;
            height: 28px;
            background: #fff;
            font: bold 15px/28px var(--font);
            vertical-align: middle;
            display: inline-block;
            position: relative
        }

            .steps-boxes-wrap .steps-box .step-num .icon {
                padding: 7px
            }

        .steps-boxes-wrap .steps-box .step-title {
            position: relative;
            display: inline-block;
            vertical-align: middle;
            margin-left: 20px
        }

.content-pre-wrap > .steps-body:first-child {
    margin-top: 0
}

.steps-body {
    margin-top: 20px
}

    .steps-body .step-box {
        margin-bottom: 10px;
        background: #fff;
        box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .1);
        border-radius: 20px;
        page-break-inside: avoid
    }

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

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

        .steps-body .step-box .bttn-wrap a + a {
            margin-left: 6px
        }

        .steps-body .step-box.fullwidth {
            width: 100%
        }

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

    .icon.info.k-tooltip-top:hover,
    .step-box-head .icon.k-tooltip-top:hover {
        cursor: pointer;
        opacity: 1
    }

a:hover .icon.info,
a:hover .step-box-head .icon,
.step-box-head a:hover .icon {
    opacity: 1
}

.panel {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    padding: 15px 10px 10px;
    text-align: center;
    font: bold 12px/1.2 var(--font);
    color: #000;
    border-width: 1px;
    border-style: solid;
    border-radius: 10px;
    height: 100%
}

    .panel .num {
        margin: 5px 0;
        font-size: 40px !important
    }

.quad .panel strong {
    margin-bottom: 30px
}

.step-box {
    border-radius: 20px
}

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

        .step-box.selected .step-box-head {
            background: var(--bgr);
            border: 2px solid var(--main)
        }

    .step-box .step-box-body + .step-box-body {
        padding-top: 5px
    }

    .step-box.fullwidth {
        width: 100%
    }

.title-button,
.step-box-head a.right {
    border: 1px solid rgba(206, 207, 206, .5);
    border-radius: 12px;
    font: bold 12px/22px var(--font);
    color: #000;
    padding: 0 10px
}

    .title-button.toggle-panel,
    .step-box-head a.toggle-panel.right {
        background-color: #f4f4f4;
        border: 0;
        border-radius: 100px;
        float: right;
        margin-left: auto;
        min-width: 24px;
        padding: 0;
        height: 24px
    }

        .title-button.toggle-panel svg:only-child,
        .step-box-head a.toggle-panel.right svg:only-child {
            margin: 0
        }

    .title-button:hover,
    .step-box-head a.right:hover {
        background: var(--third);
        text-decoration: none
    }

.step-box-head {
    background: #fff;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .07);
    border-radius: 10px;
    padding: 5px 20px;
    display: flex;
    align-items: center
}

    .step-box-head .step-box-title {
        font: bold 15px/24px var(--font);
        color: var(--main)
    }

    .step-box-head .right {
        float: right;
        margin-left: auto;
        min-width: 100px
    }

    .step-box-head a.right {
        border-radius: 25px;
        font: bold 12px/28px var(--font)
    }

    .step-box-head button {
        margin-right: 10px
    }

.export i.k-icon {
    font-size: 22px
}

.k-searchbox .k-input-inner {
    padding: 5px 1px 5px 1px
}

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

.k-treeview {
    font-family: var(--font);
    padding: 0;
    margin: 0;
    font-size: 13px
}

.k-input-inner {
    background: #fff
}

.step-box-head + .step-box-body {
    padding-top: 10px
}

.step-box-body {
    padding: 15px 20px;
    font: normal 13px/1.2 var(--font);
    color: #000
}

    .step-box-body strong {
        font-size: 13px
    }

    .step-box-body > div {
        margin-bottom: 4px
    }

    .step-box-body div.ib {
        margin-right: 15px
    }

    .step-box-body .step-table {
        margin-bottom: 10px
    }

    .step-box-body .flex {
        align-items: flex-start
    }

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

            .step-box-body .flex .left > div {
                margin-bottom: 10px
            }

            .step-box-body .flex .left + *,
            .step-box-body .flex .button-wrap {
                width: 100px;
                min-height: 28px
            }

                .step-box-body .flex .left + * .k-input,
                .step-box-body .flex .left + * .k-button,
                .step-box-body .flex .left + * .bttn,
                .step-box-body .flex .left + * .content .etk-button,
                .content .step-box-body .flex .left + * .etk-button,
                .step-box-body .flex .button-wrap .k-input,
                .step-box-body .flex .button-wrap .k-button,
                .step-box-body .flex .button-wrap .bttn,
                .step-box-body .flex .button-wrap .content .etk-button,
                .content .step-box-body .flex .button-wrap .etk-button {
                    min-width: 0;
                    width: 100%
                }

                .step-box-body .flex .left + * .bttn,
                .step-box-body .flex .left + * .content .etk-button,
                .content .step-box-body .flex .left + * .etk-button,
                .step-box-body .flex .button-wrap .bttn,
                .step-box-body .flex .button-wrap .content .etk-button,
                .content .step-box-body .flex .button-wrap .etk-button {
                    padding: 4px 10px;
                    margin-bottom: 2px
                }

                    .step-box-body .flex .left + * .bttn.small,
                    .step-box-body .flex .left + * .content .small.etk-button,
                    .content .step-box-body .flex .left + * .small.etk-button,
                    .step-box-body .flex .button-wrap .bttn.small,
                    .step-box-body .flex .button-wrap .content .small.etk-button,
                    .content .step-box-body .flex .button-wrap .small.etk-button {
                        min-height: 28px;
                        line-height: 20px
                    }

    .step-box-body .form-input label {
        font-size: 13px;
        font-weight: normal;
        align-items: center
    }

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

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

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

span.elementname {
    font-weight: bold
}

.infoblock {
    display: block;
    padding-left: 20px;
    padding-top: 2px;
    position: relative;
    font: normal 12px/1.35 var(--font)
}

    .infoblock .info,
    .infoblock .step-box-head .icon,
    .step-box-head .infoblock .icon {
        position: absolute;
        top: 4px;
        left: 0
    }

.indicator {
    float: left;
    background: var(--main);
    color: #fff;
    font: bold 15px/24px var(--font);
    text-align: center;
    padding: 3px 0;
    min-width: 30px;
    height: 30px;
    margin-left: 0;
    margin-right: 10px;
    margin-top: 7px
}

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

.indicator-content {
    display: block;
    margin-left: 40px;
    margin-bottom: 0 !important
}

    .indicator-content small {
        font: normal 12px/1.2 var(--font);
        display: block;
        margin-bottom: 3px
    }

    .indicator-content h3 {
        font: bold 13px/1.2 var(--font);
        margin-bottom: 5px;
        font: bold 15px/20px Tahoma, sans-serif;
        margin-top: 5px;
        margin-bottom: 0px
    }

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

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

.k-window-titlebar {
    background-image: linear-gradient(90deg, #06D802 0%, var(--main) 100%);
    background-image: linear-gradient(90deg, rgba(6, 216, 2, 0.2) 0%, rgba(0, 144, 96, 0.2) 100%)
}

.k-window-title {
    font: bold 15px/1.2 var(--font);
    color: #000
}

.k-dialog-buttongroup {
    justify-content: flex-end;
    background: #fff;
    border-color: #fff;
    padding: 10px 20px 10px
}

    .k-dialog-buttongroup .k-button {
        border: 0;
        flex-grow: 0
    }

        .k-dialog-buttongroup .k-button.autosize {
            width: auto;
            flex-grow: 0;
            border-radius: 0px;
            font-weight: bold;
            text-transform: uppercase;
            font-size: 12px;
            line-height: 24px;
            padding-left: 20px;
            padding-right: 20px
        }

.k-dialog-content .k-upload .k-upload-files {
    max-height: 80px
}

.k-window {
    background: #fff
}

.k-window-actions .k-i-close::before {
    font-size: 30px
}

.k-window-actions .k-i-close {
    position: relative;
    text-indent: -99em
}

    .k-window-actions .k-i-close::before,
    .k-window-actions .k-i-close::after {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        position: absolute;
        width: 100%;
        content: "";
        display: block;
        height: 2px;
        background: #000;
        transform: rotate(45deg)
    }

    .k-window-actions .k-i-close::after {
        transform: rotate(-45deg)
    }

.k-window-actions .k-button-icon {
    color: #000
}

.k-dialog .steps-body .step-box:last-child {
    margin-bottom: 0
}

.k-dialog-content .steps-body {
    margin: 0
}

.flex-grow-1 {
    flex-grow: 1
}

.steps-dialog {
    padding-top: 0
}

    .steps-dialog .step-box {
        box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .1);
        margin-bottom: 10px
    }

        .steps-dialog .step-box.selected {
            box-shadow: inset 0 0 0 1px var(--main), 0 5px 15px 0 rgba(0, 0, 0, .1)
        }

    .steps-dialog .simplelist {
        max-height: 300px;
        overflow: auto
    }

    .steps-dialog textarea {
        height: 70px
    }

    .steps-dialog h1 {
        font-size: 19px
    }

    .steps-dialog h2 {
        font-size: 17px
    }

    .steps-dialog h3 {
        font-size: 15px
    }

    .steps-dialog h4 {
        font-size: 13px
    }

    .steps-dialog h5 {
        font-size: 12px
    }

.k-window-content {
    overflow: auto;
    max-height: 90vh;
    max-height: calc(90vh - 100px)
}

    .k-window-content .steps-body {
        margin: 0
    }

#confirmation h5 {
    font: bold 15px/1.2 var(--font);
    color: #000
}

#confirmation article *,
#confirmation article {
    color: #5a5d5a
}

body .ps__rail-y {
    width: 8px !important;
    background: #ced4da;
    background-color: #ced4da !important;
    opacity: 1 !important;
    border-radius: 0
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
    background-color: #ced4da
}

body .ps__thumb-y {
    width: 8px !important;
    background: var(--main) !important;
    border-radius: 0;
    right: 0 !important
}

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

.basicinfo {
    max-width: 100px;
    margin-left: 0;
    text-align: right
}

    .basicinfo b {
        display: block;
        font-size: 13px
    }

    .basicinfo strong {
        font-size: 15px;
        display: block;
        margin: 4px 0
    }

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

    .simplelist li {
        position: relative;
        padding-left: 15px;
        padding-bottom: 3px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font: normal 12px/1.2 var(--font);
        color: #000
    }

        .simplelist li a {
            color: inherit;
            font: inherit;
            text-decoration: underline
        }

        .simplelist li.nodot:before {
            display: none
        }

        .simplelist li:before {
            content: "";
            width: 6px;
            height: 6px;
            margin-right: 3px;
            background: rgba(0, 0, 0, .2);
            position: absolute;
            left: 1px;
            top: 4px;
            border-radius: 100%
        }

.payment .k-radio-label {
    margin-bottom: 10px;
    font: bold 14px/25px var(--font)
}

    .payment .k-radio-label input[type=radio] {
        display: inline-block;
        vertical-align: middle;
        float: none;
        margin-right: 4px
    }

    .payment .k-radio-label span {
        vertical-align: middle
    }

    .payment .k-radio-label img {
        height: 25px;
        vertical-align: middle;
        margin-left: 20px
    }

.validate-message {
    color: darkred;
    width: 100%;
    border: none;
    font-size: .8rem;
    text-align: left;
    opacity: 1 !important;
    background: 0
}

.etk-dragbox {
    background-color: rgba(255, 255, 255, .4);
    border-color: #649600
}

.etk-success-message {
    color: #000;
    opacity: 1
}

.object-shortinfo {
    margin-right: 50px;
    overflow: hidden;
    display: inline;
    font-size: 13px
}

.payment div {
    vertical-align: bottom;
    height: 50px
}

.payment img {
    vertical-align: bottom;
    margin-left: 10px
}

.k-radio-label {
    min-height: 0
}

    .k-radio-label input [type=radio]:checked ~ .check {
        position: absolute;
        background: var(--main);
        width: 16px;
        height: 16px;
        border-radius: 100%;
        position: absolute;
        left: 0;
        border: 3px solid #fff;
        top: 6px
    }

        .k-radio-label input [type=radio]:checked ~ .check:before {
            content: "";
            width: 14px;
            height: 14px;
            margin-left: -3px;
            margin-top: -3px;
            position: absolute;
            border: 1px solid var(--main);
            box-shadow: 0 0 1px var(--main), 0 0 0 2px #fff;
            border-radius: 100%
        }

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

    #templates-preview .templatenav ul ul {
        padding-left: 20px
    }

        #templates-preview .templatenav ul ul li a {
            font-size: 12px
        }

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

.templatenav a {
    color: #000;
    font: normal 15px/1.2 var(--font);
    padding: 5px 0;
    display: block;
    vertical-align: middle
}

    .templatenav a small {
        font-size: 10px
    }

    .templatenav a:hover,
    #templates-preview .templatenav a:hover {
        color: var(--main);
        text-decoration: underline
    }

.steps-results-wrap {
    font-size: 0;
    height: 290px;
    position: relative;
    padding-bottom: 20px
}

.step-box-footer .inline-buttons {
    padding-top: 2px
}

    .step-box-footer .inline-buttons .bttn,
    .step-box-footer .inline-buttons .content .etk-button,
    .content .step-box-footer .inline-buttons .etk-button {
        padding-left: 15px;
        padding-right: 15px
    }

.inline-buttons {
    font-size: 0
}

    .inline-buttons .bttn + .bttn,
    .inline-buttons .content .etk-button + .bttn,
    .content .inline-buttons .etk-button + .bttn,
    .inline-buttons .content .bttn + .etk-button,
    .content .inline-buttons .bttn + .etk-button,
    .inline-buttons .content .etk-button + .etk-button,
    .content .inline-buttons .etk-button + .etk-button {
        margin-left: 10px
    }

.ol-zoomslider {
    top: auto !important;
    left: auto !important;
    bottom: 20px !important;
    right: 10px !important
}

.ol-popup {
    position: absolute;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 4px #000;
    box-shadow: 0 1px 4px #000;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #ccc;
    bottom: 12px;
    left: -50px;
    min-width: 280px
}

    .ol-popup:after,
    .ol-popup:before {
        top: 100%;
        border: solid rgba(0, 0, 0, 0);
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none
    }

    .ol-popup:after {
        border-top-color: #fff;
        border-width: 10px;
        left: 48px;
        margin-left: -10px
    }

    .ol-popup:before {
        border-top-color: #ccc;
        border-width: 11px;
        left: 48px;
        margin-left: -11px
    }

.ol-popup-closer {
    text-decoration: none;
    position: absolute;
    top: 2px;
    right: 8px
}

    .ol-popup-closer:after {
        content: "✖"
    }

.ol-scale-line {
    background-color: #fff;
    line-height: 15px
}

a#fullScreen.active {
    color: #fff;
    background-color: var(--main)
}

.toggle .scale {
    display: contents
}

.toggle .coord {
    display: contents
}

.coordinate-positioning-buttons-container {
    flex-flow: column;
    gap: 10px
}

    .coordinate-positioning-buttons-container .positioning-button {
        min-height: 0;
        width: 100%;
        justify-content: space-between;
        padding: 5px 15px
    }

#upload-extent .load-file-button,
#upload-extent .add-button-container {
    width: 100%;
    justify-content: space-between;
    padding: 5px 15px;
    height: auto;
    min-height: 0
}

#UploadedFile table,
#UploadedFile td,
#UploadedFile th {
    font-size: 12px
}

.move-row-container {
    width: 100% !important
}

.ol-attribution ul {
    background: #fff;
    font-size: 13px;
    color: red;
    height: 25px;
    bottom: 5px
}

.ol-attribution.ol-uncollapsible {
    bottom: 13px;
    right: 5px;
    border-radius: 0;
    height: 13px;
    padding: 0
}

.ol-attribution ul,
.ol-attribution ul a {
    margin: 0;
    padding: 1px 0;
    background-color: var(--main);
    font-size: 11px;
    color: #fff;
    line-height: 17px;
    bottom: 5px
}

.total {
    font: bold 13px/28px var(--font);
    color: #000
}

.checkform-list {
    position: relative;
    max-width: 1200px;
    margin: auto auto 30px
}

    .checkform-list li {
        list-style: none
    }

        .checkform-list li + li {
            border-top: 1px solid #ccc
        }

    .checkform-list .doc-row {
        padding: 20px
    }

        .checkform-list .doc-row .doc-title {
            font: bold 15px/24px var(--font);
            color: var(--main);
            display: block;
            margin-bottom: 20px
        }

        .checkform-list .doc-row .doc-text {
            font: normal 12px/20px var(--font);
            color: #5a5d5a
        }

form.checkform,
.checkform {
    position: relative;
    max-width: 1200px;
    margin: auto auto 30px;
    padding: 50px 50px 20px 50px
}

    form.checkform:before,
    .checkform:before {
        opacity: .2;
        background-image: linear-gradient(90deg, #06D802 0%, var(--main) 100%);
        border-radius: 10px;
        z-index: 0;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        position: absolute;
        content: "";
        pointer-events: none
    }

    form.checkform .relative > .icon,
    .checkform .relative > .icon {
        color: var(--main);
        position: absolute;
        left: 0;
        top: 0;
        width: 180px;
        height: 180px
    }

    form.checkform .bttn.big,
    .checkform .bttn.big,
    .checkform .content .big.etk-button,
    .content .checkform .big.etk-button {
        height: 70px;
        border-radius: 50px;
        padding: 18px 20px 15px 30px
    }

    form.checkform .input-wrap,
    .checkform .input-wrap {
        position: relative;
        margin-left: 250px;
        z-index: 2
    }

        form.checkform .input-wrap input,
        .checkform .input-wrap input {
            width: 100%;
            margin-bottom: 20px;
            height: 70px;
            color: #5a5d5a;
            padding: 0 30px;
            background: #fff;
            box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .1);
            border-radius: 35px;
            font-size: 15px
        }

        form.checkform .input-wrap .checkform-text *,
        form.checkform .input-wrap .checkform-text,
        .checkform .input-wrap .checkform-text *,
        .checkform .input-wrap .checkform-text {
            font-size: 12px;
            line-height: 1.2;
            color: #5a5d5a
        }

            form.checkform .input-wrap .checkform-text * a,
            form.checkform .input-wrap .checkform-text a,
            .checkform .input-wrap .checkform-text * a,
            .checkform .input-wrap .checkform-text a {
                color: var(--main)
            }

            form.checkform .input-wrap .checkform-text * p,
            form.checkform .input-wrap .checkform-text p,
            .checkform .input-wrap .checkform-text * p,
            .checkform .input-wrap .checkform-text p {
                margin: 8px 0
            }

aside.checkform {
    float: right;
    width: 320px;
    padding: 14px 20px
}

    aside.checkform .small-title {
        font: bold 15px/1.2 var(--font);
        color: var(--main);
        margin: 0 0 30px
    }

    aside.checkform h3.small-title {
        font-size: 13px;
        padding-top: 10px
    }

    aside.checkform div {
        margin: 15px 0;
        font-size: 0;
        position: relative
    }

        aside.checkform div span {
            font: normal 13px/1.2 var(--font);
            width: 100px;
            display: inline-block;
            vertical-align: top;
            white-space: normal
        }

        aside.checkform div strong {
            font: bold 13px/1.2 var(--font);
            white-space: normal;
            display: inline-block;
            vertical-align: top;
            width: calc(100% - 100px)
        }

    aside.checkform + * {
        margin-left: 0;
        margin-right: 350px
    }

    aside.checkform .bttn,
    aside.checkform .content .etk-button,
    .content aside.checkform .etk-button {
        margin-top: 20px
    }

#coordinate-positioning .move-row-label {
    display: flex;
    align-items: center
}

#coordinate-positioning .move-row-container {
    display: flex;
    width: 36%;
    justify-content: space-between;
    font-size: 10px;
    font-weight: 600;
    cursor: pointer
}

#coordinate-positioning .move-row-label:hover {
    background: #d5f1e3;
    border-radius: 7px;
    padding: 0 5px
}

#coordinate-positioning .bottom-buttons-container {
    width: 100%;
    padding-bottom: 1rem
}

#coordinate-positioning .coordinate-positioning-buttons-container {
    display: flex;
    width: 100%;
    justify-content: space-between
}

#coordinate-positioning .positioning-button {
    width: 33%;
    background: #d5f1e3;
    border-radius: 15px;
    min-height: 4vh;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    cursor: pointer;
    color: #2ba37a;
    font-size: 12px;
    font-weight: 600;
    padding: 0 .5rem
}

    #coordinate-positioning .positioning-button:hover {
        background: var(--main);
        color: #fff
    }

#coordinate-positioning .table-buttons-container {
    padding-bottom: .5rem
}

#coordinate-positioning .grid-header {
    background: #e8e8e8;
    text-align: center;
    min-height: 3vh;
    display: flex;
    align-items: center;
    justify-content: center
}

#coordinate-positioning .grid-title {
    color: #000;
    font-size: 1.1vh;
    font-weight: 600
}

#coordinate-positioning .k-input-inner {
    background: var(--bgr)
}

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

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

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

#coordinate-positioning .k-grid-header .k-header {
    text-align: center;
    font-weight: 700
}

#coordinate-positioning .k-grid tr.k-alt {
    background: #e8e8e8
}

#coordinate-positioning .k-grid tr {
    background: #f5f4f4
}

#coordinate-positioning-2 {
    width: 500px
}

    #coordinate-positioning-2 .c-list-item {
        font: bold 13px/1.2 var(--font);
        background: var(--bgr);
        color: var(--main);
        border-radius: 10px;
        padding: 10px 20px;
        position: relative;
        margin-bottom: 10px
    }

        #coordinate-positioning-2 .c-list-item span {
            display: inline-block;
            vertical-align: middle;
            width: 30px;
            margin-right: 5px
        }

        #coordinate-positioning-2 .c-list-item input {
            vertical-align: middle;
            width: 80px;
            margin-left: 3px
        }

        #coordinate-positioning-2 .c-list-item .up,
        #coordinate-positioning-2 .c-list-item .down {
            position: absolute;
            top: 8px;
            right: 15px;
            color: #000
        }

            #coordinate-positioning-2 .c-list-item .up .icon,
            #coordinate-positioning-2 .c-list-item .down .icon {
                width: 11px;
                height: 11px;
                vertical-align: top
            }

        #coordinate-positioning-2 .c-list-item .down {
            top: auto;
            bottom: 4px
        }

    #coordinate-positioning-2 .column-wrap .column.left {
        width: auto;
        flex-grow: 1;
        flex-shrink: 0
    }

    #coordinate-positioning-2 .column-wrap .column.right {
        width: 160px;
        margin-top: 10px
    }

        #coordinate-positioning-2 .column-wrap .column.right .bttn,
        #coordinate-positioning-2 .column-wrap .column.right .content .etk-button,
        .content #coordinate-positioning-2 .column-wrap .column.right .etk-button {
            margin-bottom: 10px
        }

#upload-extent {
    width: 500px
}

    #upload-extent .uploaded-file-container {
        max-height: 35vh
    }

    #upload-extent .file-image-column {
        height: 1.5rem;
        width: 1.5rem
    }

    #upload-extent .file-image-container {
        width: 100%;
        text-align: center
    }

    #upload-extent .load-file-button {
        display: flex;
        margin-left: auto;
        width: 30%;
        height: 2rem;
        font-weight: 600;
        align-items: center;
        background: var(--gray);
        border-radius: 15px;
        padding: 0 .5rem;
        cursor: pointer;
        justify-content: space-between
    }

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

    #upload-extent .bottom-buttons-container {
        width: 100%
    }

    #upload-extent .load-file-label {
        font-size: 12px
    }

    #upload-extent .add-button-container {
        display: flex;
        width: 30%;
        justify-content: space-evenly;
        background: var(--main);
        border-radius: 15px;
        height: 2rem;
        align-items: center;
        cursor: pointer;
        color: #fff
    }

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

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

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

@media screen and (min-width: 980px) {
    .show980 {
        display: none !important
    }
}

@media screen and (max-width: 2000px) {
    .form-input.nest .form-input {
        width: calc((100% - var(--gap))/2)
    }
}

@media screen and (max-width: 1552px) {
    .center {
        width: 100%;
        padding: 0 16px
    }

    .footer-center .center .flex {
        padding: 38px 0px
    }

    .whitebox {
        padding: 16px
    }
}

@media screen and (max-width: 1380px) {

    .steps-boxes-wrap .steps-box .step-num,
    .steps-boxes-wrap .steps-box .step-title {
        margin-left: 30px
    }

    button.continue,
    a.continue {
        margin-top: 56px;
        right: 10px
    }
}

@media screen and (max-width: 1340px) {
    .index-news .left {
        width: 100%
    }

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

    .index-news .right {
        width: 100%;
        margin-top: 20px
    }

    .step-box-body .form-row {
        gap: 10px 0
    }

    .itemlist li a .title {
        font-size: 17px
    }

    nav ul li {
        padding: 0
    }
}

@media screen and (max-width: 1240px) {
    .itemlist .four {
        width: calc((100% - 1*var(--gap))/2)
    }

    .application .content-wrap .steps-body.k-flex-column {
        height: auto
    }

    #map-print > .column-wrap {
        min-width: 300px;
        width: auto;
        flex-flow: column
    }

        #map-print > .column-wrap .column + .column {
            margin-left: 0;
            padding-left: 0;
            border-left: 0 !important
        }

    .step-wrap > .column-wrap {
        flex-flow: column
    }

        .step-wrap > .column-wrap.flex-gap-20 .step-box,
        .step-wrap > .column-wrap .column {
            width: 100%
        }

    .profile-wrap > .column-wrap {
        flex-flow: row;
        flex-wrap: wrap
    }

        .profile-wrap > .column-wrap > .form-input.double .form-input.quad {
            width: 50%
        }

    .basicinfo {
        margin-left: 0
    }

    .form-input.half,
    .form-input.oct {
        width: 25%
    }

    .column-wrap .column {
        width: 100%
    }

    .steps-body.js-masonry-layout {
        height: auto !important
    }

    .content-wrap .steps-body .step-box,
    .application .content-wrap .steps-body .step-box {
        width: 100% !important;
        position: relative;
        left: auto !important;
        top: auto !important
    }

        .application .content-wrap .steps-body .step-box.msrItem {
            width: 100% !important;
            position: relative !important
        }

    .itemlist .item.five,
    .itemlist li.five {
        width: calc(33.333% - 20px)
    }

    .index-top h1 {
        font-size: 30px
    }

    .fbox4.column {
        padding-left: 0;
        margin-top: 20px;
        width: 100%
    }

        .fbox4.column .ib:first-child {
            padding-left: 0
        }

    .application footer .footer-bottom {
        background: #fff
    }
}

@media screen and (max-width: 1180px) {

    .itemlist li.pint,
    .itemlist li.six {
        width: calc((100% - 3*var(--gap))/4)
    }

    .center {
        padding: 0 16px
    }

    .map-control-inner .mc-controlbox .mc-mapstat > .k-dropdown {
        padding: 0;
        border: 0
    }

    .map-km {
        bottom: 5px;
        right: 0
    }

    .map-control-inner {
        bottom: 40px
    }

        .map-control-inner .mc-controlbox > small {
            font-size: 10px
        }
}

@media screen and (max-width: 1080px) {
    nav > .right > a {
        min-width: 0
    }

        nav > .right > a ~ a {
            display: none
        }

    .form-input.quad,
    .form-input.half {
        width: 50%
    }

    .steps-boxes-wrap .steps-box .step-num,
    .steps-boxes-wrap .steps-box .step-title {
        margin-left: 25px
    }

    .itemlist .item.four,
    .itemlist li.four {
        width: calc(50% - 20px)
    }

    nav .right {
        font-size: 0
    }

        nav .right a .icon {
            margin-right: 0
        }

    nav ul ul:before {
        margin-bottom: -1px
    }

    .step-box-footer .text-right {
        text-align: center
    }

    .step-box-footer .left.inline-buttons {
        display: block;
        text-align: center;
        float: none
    }

        .step-box-footer .left.inline-buttons .bttn,
        .step-box-footer .left.inline-buttons .content .etk-button,
        .content .step-box-footer .left.inline-buttons .etk-button {
            margin-bottom: 10px
        }

    .center.login > div {
        width: 48%
    }

        .center.login > div.right {
            margin-left: auto
        }
}

@media screen and (max-width: 1024px) {

    .itemlist li.pint,
    .itemlist li.six {
        width: calc((100% - 2*var(--gap))/3)
    }

    .step-box-body > div.column-wrap {
        flex-wrap: wrap
    }

    .form-input.pint {
        width: 33.333%
    }
}

@media screen and (max-width: 980px) {
    nav .right {
        margin-top: 4px;
        border: 0
    }

        nav .right a .icon {
            margin: 0 !important;
            width: 26px;
            height: 26px
        }

    .application .content .center .pagetitle {
        padding-bottom: 7px
    }

    button.continue,
    a.continue {
        margin-top: 37px;
        height: 40px
    }

        button.continue svg.icon,
        a.continue svg.icon {
            display: none
        }

    .application .page-top {
        position: relative
    }

    .application .content-pre-wrap {
        padding-top: 0
    }

    .application .content .center .pagetitle {
        padding-left: 35px;
        white-space: normal !important
    }

    .map-control-inner {
        bottom: 35px;
        left: 8px;
        right: auto
    }

    .dropdown-trigger .icon,
    .dropdown-trigger .step-box-head .icon,
    .step-box-head .dropdown-trigger .icon {
        margin-top: 4px !important
    }

    nav > .right > a {
        margin: 0
    }

    .form-input.oct {
        width: 50%
    }

    .application .content .center .content-wrap,
    .application .content .center .steps-header {
        padding-right: 0
    }

    .application .page-top {
        padding-left: 0
    }

        .application .page-top .steps-header {
            padding-right: 0;
            padding-left: 35px
        }

    .application footer,
    .application .content {
        margin-left: 0
    }

    .application .header-bottom {
        transform: translateX(-140px)
    }

    .application #respbtn {
        position: fixed;
        left: 100%;
        top: 55px;
        background: var(--main);
        padding: 5px;
        height: 38px;
        border-radius: 0 5px 5px 0
    }

    .application .responsivenav {
        left: 0;
        right: auto;
        position: fixed
    }

    .application .overlay {
        position: fixed
    }

    .steps-boxes-wrap .steps-box.done {
        background: var(--main)
    }

    .steps-boxes-wrap .steps-box.active {
        background: var(--orange)
    }

    .steps-boxes-wrap .steps-box > .icon {
        display: none
    }

    .steps-boxes-wrap .steps-box {
        background: rgba(255, 212, 95, .5);
        padding: 5px 10px;
        text-align: center;
        border-radius: 4px 20px 20px 4px;
        margin-left: 0 !important
    }

        .steps-boxes-wrap .steps-box .step-num {
            margin-left: 0
        }

        .steps-boxes-wrap .steps-box .step-title {
            margin-left: 10px
        }

    .steps-boxes-wrap {
        padding-right: 0;
        flex-wrap: wrap;
        gap: 5px
    }

    #respbtn {
        display: block;
        float: right;
        padding-left: 10px
    }

    .mapmenu {
        margin-top: 3px
    }

        .mapmenu > span {
            display: none
        }

    .header-bottom {
        border-radius: 0
    }

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

            .header-bottom .center > nav > ul {
                display: none
            }

    .header-center .logo {
        max-width: 48%
    }
}

@media screen and (min-width: 980px)and (max-width: 1280px) {
    .mapmenu > a {
        padding: 2px 0 0;
        width: 34px
    }

        .mapmenu > a .objects,
        .mapmenu > a .respmenu {
            display: none
        }
}

@media screen and (max-width: 980px) {

    .columns2,
    .columns3 {
        gap: 0;
        columns: 1;
        columns: unset
    }
}

@media screen and (max-width: 920px) {
    .gotop {
        width: 50px;
        height: 50px;
        top: -25px
    }

        .gotop .icon,
        .gotop .step-box-head .icon,
        .step-box-head .gotop .icon {
            width: 20px;
            height: 30px
        }
}

@media screen and (max-width: 860px) {
    .index-top a {
        position: relative;
        top: 0;
        right: 0;
        margin-top: 20px
    }

    aside.checkform + * {
        margin-right: 0;
        width: 100%
    }

    form.checkform .relative > .icon,
    .checkform .relative > .icon {
        display: none
    }

    form.checkform .input-wrap,
    .checkform .input-wrap {
        margin-left: 0
    }

    aside.checkform {
        width: 100%;
        float: none
    }

    article {
        width: 100%
    }

    .profile-wrap > .column-wrap {
        flex-flow: column;
        flex-wrap: wrap
    }

        .profile-wrap > .column-wrap .step-box.form-input {
            width: 100% !important
        }

        .profile-wrap > .column-wrap > .form-input.double .form-input.quad {
            width: 100%
        }
}

@media screen and (max-width: 767px) {
    :root {
        --gap: 16px
    }

    .itemlist .item.two,
    .itemlist li.two {
        width: 100%
    }

        .itemlist .item.two .info-wrap,
        .itemlist li.two .info-wrap {
            flex-flow: column;
            align-items: flex-start;
            margin-left: 0
        }

            .itemlist .item.two .info-wrap .date,
            .itemlist li.two .info-wrap .date {
                margin-left: 0;
                margin-top: 10px
            }

    .itemlist li.pint,
    .itemlist li.six {
        width: calc((100% - 1*var(--gap))/2)
    }

    .header-top {
        padding: 0px 0 8px
    }

        .header-top .center {
            flex-wrap: wrap;
            justify-content: center;
            gap: 8px
        }

            .header-top .center .logo {
                order: 2;
                width: 100%;
                text-align: center
            }

            .header-top .center .right {
                order: 1;
                margin-left: 0;
                background: var(--third);
                width: 100%;
                padding: 8px 0;
                margin: 0 -16px;
                flex-grow: 1
            }

    .applicants .basicinfo {
        max-width: unset;
        text-align: left
    }

    .pagetitle .breadcrumbs {
        float: none;
        margin-top: 0;
        max-width: 90%
    }

    .pagetitle h1 {
        width: 100%;
        line-height: 1.3
    }

    .steps-header .exit {
        display: none
    }

    .header-center .logo {
        height: auto
    }

    .itemlist .item.five,
    .itemlist li.five {
        width: calc(50% - 20px)
    }

    .index-top {
        text-align: center;
        padding: 20px 0
    }

        .index-top h1 {
            font-size: 20px;
            text-align: center
        }

    .check-status .sectitle {
        text-align: center
    }

    .check-status {
        text-align: center;
        padding: 20px;
        flex-flow: column
    }

        .check-status > .right,
        .check-status > .column {
            width: 100% !important
        }

    .map-control > .map-dropdown .tab-wrap,
    .map-control > .map-dropdown {
        min-width: 340px;
        max-width: calc(100vw - 80px)
    }

    .form-bottom {
        flex-flow: column
    }

        .form-bottom .bttn,
        .form-bottom .content .etk-button,
        .content .form-bottom .etk-button {
            width: 100%
        }

        .map-control .form-input,
        .form-bottom .column {
            width: 100%
        }

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

@media screen and (max-width: 746px) {

    .steps-footer .bttn,
    .steps-footer .content .etk-button,
    .content .steps-footer .etk-button {
        min-width: 24%;
        flex-grow: 1
    }

    .steps-footer .left + .left {
        margin-left: 1%
    }

    .application .content .center .pagetitle {
        padding-right: 10px
    }

    .steps-boxes-wrap .steps-box.active ~ .steps-box,
    .steps-boxes-wrap .steps-box.done {
        display: none
    }

    .application .content-wrap .steps-body {
        width: 100%
    }
}

@media screen and (min-width: 680px) {
    .show680 {
        display: none !important
    }
}

@media screen and (max-width: 680px) {
    .form-input.auto {
        width: calc((100% - 1*var(--gap))/2)
    }

    .index-news .left .main-news {
        flex-flow: column
    }

        .index-news .left .main-news .img-wrap {
            width: 100%;
            height: 366px;
            position: relative;
            order: 1
        }

        .index-news .left .main-news .news-right {
            padding: 32px 16px;
            order: 2
        }

    .column-wrap {
        flex-wrap: wrap
    }

    #msgs {
        left: 20px !important;
        right: 20px !important
    }

        #msgs .msgs-wrap {
            width: 100%;
            max-width: 100%;
            border-radius: 15px
        }

    .center.login > div {
        width: 100%
    }

    .steps-body aside.step-box {
        width: 100%;
        float: none
    }

    aside,
    aside + * {
        margin: 0 0 32px;
        width: 100%
    }

    .form-input.column {
        width: 100%;
        padding-right: 0
    }

    .paymethods article .column-wrap {
        flex-flow: column
    }

    .paymethods article .column {
        width: 100% !important;
        padding: 0 !important
    }

    .itemlist .item.four,
    .itemlist li.four {
        width: 100%
    }

    .gotop {
        right: 20px
    }

    .sectitle,
    .check-status .sectitle {
        font-size: 20px
    }

    .footer-bottom .copyleft {
        padding: 0 16px
    }

    .fbox4 .ib,
    .fbox1,
    .fbox2,
    .fbox3 {
        width: 100%;
        max-width: 100%;
        padding-right: 0;
        padding-left: 0;
        text-align: center
    }

    .footer-center .center .flex address {
        flex-flow: column;
        gap: 16px
    }

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

@media screen and (max-width: 600px) {
    .header-top .right .help {
        display: none
    }

    #coordinate-positioning-2 .column-wrap {
        flex-flow: column;
        padding-bottom: 20px
    }

    #sample-from-ETK .column-wrap {
        flex-flow: column
    }

        #sample-from-ETK .column-wrap .geometry-column {
            margin: 0 auto
        }

        #sample-from-ETK .column-wrap .etk-buttons-wrapper {
            justify-content: center;
            display: flex;
            flex-flow: column;
            align-items: center
        }

    form.checkform,
    .checkform {
        padding: 20px
    }

        form.checkform .bttn.big,
        .checkform .bttn.big,
        .checkform .content .big.etk-button,
        .content .checkform .big.etk-button {
            width: 100%
        }

        .checkform .input-wrap .column-wrap {
            flex-flow: column
        }

    .steps-footer .bttn,
    .steps-footer .content .etk-button,
    .content .steps-footer .etk-button {
        width: 100%;
        margin-bottom: 10px
    }

    .form-input.double {
        width: 100%
    }

    .index-top {
        background-position: left top
    }

    .responsivenav {
        width: 100%
    }

        .responsivenav nav ul ul {
            min-width: 0
        }

            .responsivenav nav ul ul li a {
                padding: 0 10px
            }
}

@media screen and (max-width: 550px), screen and (max-height: 768px) {

    .map-control > .map-dropdown.opened,
    .map-control > .map-dropdown.active {
        border-radius: 20px !important;
        left: 65px !important;
        top: 0 !important
    }

    .map-control > .triggers > a {
        padding: 5px 0;
        height: 35px
    }
}

@media screen and (max-width: 550px) {

    .mapmenu.hoverable:hover #mapmenu.hidden,
    .mapmenu.opened #mapmenu.hidden {
        width: calc(100vw - 80px);
        right: -40px
    }

    .whitebox {
        padding: 16px
    }

    .form-input.pint {
        width: 100%
    }
}

@media screen and (max-width: 480px) {
    .applicants .step-box-body div.ib {
        vertical-align: top;
        margin-right: 5px
    }

    .step-box-body.text-right.total {
        text-align: center
    }

    .step-box-body strong {
        display: block
    }

    .application .content-wrap .steps-body .step-box.fullwidth {
        margin-top: 20px
    }

        .application .content-wrap .steps-body .step-box.fullwidth .step-box-body .indicator {
            margin-top: -29px
        }

        .application .content-wrap .steps-body .step-box.fullwidth .step-box-body .indicator-content {
            margin-left: 0
        }

    .applicants .basicinfo {
        text-align: left
    }

    #myprofile {
        left: 20px !important;
        right: 20px !important
    }

        #myprofile .msgs-wrap {
            width: 100%;
            max-width: 100%;
            border-radius: 15px
        }

    label {
        min-height: 0
    }

    .footer-center .flex {
        flex-flow: column;
        text-align: center
    }

        .footer-center .flex > div {
            margin: auto;
            max-width: 100%
        }

    .etk-buttons-double {
        gap: 10px;
        min-width: 0;
        flex-wrap: wrap
    }

    .map-control > .map-dropdown .tab-wrap,
    .map-control > .map-dropdown {
        min-width: 0
    }

        .map-control > .map-dropdown.opened,
        .map-control > .map-dropdown.active {
            left: 45px !important
        }

    .map-control > .map-dropdown {
        z-index: 2
    }

    .start-action-box,
    .step-box-head {
        flex-flow: column
    }

        .start-action-box h3,
        .step-box-head h3 {
            text-align: center
        }

        .start-action-box .bttn,
        .start-action-box .content .etk-button,
        .content .start-action-box .etk-button,
        .start-action-box .right,
        .step-box-head .bttn,
        .step-box-head .content .etk-button,
        .content .step-box-head .etk-button,
        .step-box-head .right {
            margin-top: 10px;
            margin-left: auto;
            margin-right: auto
        }

    .object .label {
        padding: 10px 70px 10px 10px;
        border-radius: 10px
    }

    .object .object-options {
        top: 4px
    }

        .object .object-options button,
        .object .object-options a {
            width: 30px;
            height: 30px
        }

    .k-tabstrip-top > .k-tabstrip-content {
        padding: 10px 0 0
    }

    #map .k-tabstrip .k-tabstrip-items {
        padding: 0
    }

    .map-control > .map-dropdown,
    .mapmenu.hoverable:hover #mapmenu.hidden,
    .mapmenu.opened #mapmenu.hidden {
        width: calc(100vw - 65px);
        right: auto;
        left: 0
    }

    .mapmenu .object-options a {
        margin-left: 3px
    }

    .application .content .center .pagetitle {
        font-size: 17px;
        white-space: nowrap
    }

    .k-dialog-buttongroup .k-button.autosize {
        min-width: 100%
    }

    .form-input {
        width: 100% !important;
        padding-right: 0
    }

    .fbox-title,
    .pagetitle h1,
    .pagetitle {
        font-size: 22px
    }

    .itemlist .item.five,
    .itemlist li.five {
        width: 100%
    }

    .map-control > .triggers > a {
        width: 40px
    }

    .map-control > .map-dropdown.opened,
    .map-control > .map-dropdown.active {
        left: 50px
    }

    .map-control > .map-dropdown .tab-wrap {
        min-width: 0;
        width: 100%;
        max-width: unset;
        border-bottom-left-radius: 0
    }

    #searchResult .k-pager-wrap {
        display: block
    }

        #searchResult .k-pager-wrap .k-pager-numbers-wrap {
            display: inline-block
        }

        #searchResult .k-pager-wrap .k-pager-info {
            float: none;
            width: 100%;
            text-align: center
        }

    .map-control .k-input,
    .map-control .k-picker {
        font-family: var(--font);
        height: 28px
    }

    .map-control input[type=text],
    .map-control input[type=email],
    .map-control input[type=password],
    .map-control input[type=data],
    .map-control select,
    .map-control .input,
    .map-control .k-input,
    .map-control input[type] {
        height: 28px !important;
        line-height: 28px !important
    }

    .mapmenu.hoverable:hover #mapmenu.hidden,
    .mapmenu.opened #mapmenu.hidden {
        width: auto;
        max-width: calc(100vw - 50px)
    }

    .map-control > #map-branches,
    #map-search,
    #map-layers,
    #map-print {
        width: calc(100vw - 50px);
        right: auto;
        left: 40px
    }

    #map-search {
        height: 100vh
    }

    .object .object-options button,
    .object .object-options a {
        height: 30px;
        width: 30px
    }

    button.continue,
    a.continue {
        height: 40px;
        margin-top: 47px
    }

    .add-button-container,
    .load-file-button {
        width: 100%
    }

    .applicants div.price {
        display: block;
        width: auto
    }
}

@media screen and (max-width: 410px) {

    .itemlist li.pint,
    .itemlist li.six {
        width: 100%
    }

    .start-action-box .bttn,
    .start-action-box .content .etk-button,
    .content .start-action-box .etk-button {
        width: 100%;
        min-width: 0
    }

    label.empty {
        display: none
    }

    .mc-controlbox-inner {
        flex-wrap: wrap
    }

        .mc-controlbox-inner .mc-mapstat {
            display: none
        }

        .mc-controlbox-inner.toggle {
            bottom: 40px;
            position: relative
        }

            .mc-controlbox-inner.toggle .mc-controlbox {
                width: calc(50% - 10px)
            }

            .mc-controlbox-inner.toggle .mc-mapstat {
                display: block;
                text-align: center;
                width: auto !important
            }

                .mc-controlbox-inner.toggle .mc-mapstat input[type] {
                    text-align: center
                }

    .step-box-head {
        flex-wrap: wrap;
        text-align: center;
        justify-content: center
    }

        .step-box-head .step-box-title {
            width: 100%
        }

        .step-box-head a.right {
            float: none;
            margin: 10px auto 0
        }

    .applicants .step-box-body .flex .left {
        width: 100%;
        float: none;
        padding-right: 0
    }

    .applicants .step-box-body .flex .step-box-body .flex {
        flex-wrap: wrap
    }

        .applicants .step-box-body .flex .step-box-body .flex .left {
            width: 100%
        }

    .step-box-body .flex .left + *,
    .step-box-body .flex .button-wrap {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px
    }

    .map-control-inner .mc-controlbox .k-input,
    .map-control-inner .mc-controlbox > input {
        text-align: center
    }

    .scale {
        display: none
    }

    .coord {
        display: none
    }
}

@media screen and (max-width: 390px) {
    #coordinate-positioning-2 .c-list-item span {
        display: block;
        margin-bottom: 3px
    }

    .currency {
        font-size: 0
    }

        .currency a + a:before {
            content: " /"
        }

    .ol-attribution ul {
        display: none
    }
}

/*# sourceMappingURL=style.css.map */