@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: #173356;
    --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: 20px
}

@keyframes comein {
    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;
    outline-color: #2e6da4;
    outline-color: #173356;
    outline-color: #bcd7f0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

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

.maincolor {
    color: #2e6da4
}

.secondcolor {
    color: #173356
}

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

.r45 {
    transform: rotate(45deg)
}

.r90 {
    transform: rotate(90deg)
}

.r180 {
    transform: rotate(180deg)
}

.r270 {
    transform: rotate(270deg)
}

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: #2e6da4
}

    a:hover {
        text-decoration: underline;
        color: #9ebce0
    }

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

html, body {
    height: 100%
}

body {
    font-family: Tahoma;
    font-size: 62.5%;
    margin-right: 0 !important;
    background: #fafafa
}

#wrap {
    min-height: 100%
}

#main {
    padding-bottom: 30px
}

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

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

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

ul {
    list-style-type: none
}

h1 {
    font-size: 20px
}

h2 {
    font-size: 18px
}

h3 {
    font-size: 16px
}

h4 {
    font-size: 14px
}

h5 {
    font-size: 13px
}

h6 {
    font-size: 12px
}

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

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

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

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

.column-wrap {
    display: flex
}

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

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

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

    .column-wrap.flex-gap-20 > .column {
        width: calc(50% - 10px)
    }

    .column-wrap.flex-gap-20 > .three {
        width: calc(33.3333% - 13.333px)
    }

.column {
    width: 50%
}

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

.live-edit {
    position: relative;
    transition: all .2s linear;
    min-height: 20px
}

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

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

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

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

    .live-edit:hover > .live-edit-a:hover {
        box-shadow: 0px 0px 0px 2px #fff,0px 0px 0px 3px #000
    }

#gdpr_wrapper {
    padding: 10px;
    color: #fff;
    font-family: Tahoma;
    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: #173356;
        position: relative;
        max-width: 1200px;
        width: auto;
        margin: auto;
        margin: auto;
        max-width: 270px;
        border-radius: 3px
    }

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

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

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

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

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

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

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

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

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

            #gdpr_wrapper .gdpr_bttns #gdpr_agree:hover {
                text-decoration: none !important;
                background: #2e6da4 !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
    }
}

.right {
    float: right
}

.left {
    float: left
}

.no-border {
    border: none !important
}

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

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

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

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

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.hidden {
    display: none
}

.invisible {
    visibility: hidden
}

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

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

.uppercase {
    text-transform: uppercase !important
}

.relative {
    position: relative
}

.k-small {
    padding: 4px 4px !important;
    font-size: 12px;
    font-weight: bold;
    text-transform: none;
    background: #eaeaea;
    border-radius: 3px;
    border-color: rgba(0,0,0,0)
}

    .k-small:hover {
        background: #057aff;
        border-color: #057aff;
        color: #fff
    }

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

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

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

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

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

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

#genpop.warning .icon, .bttn.warning, .warning {
    background: #ffd45f
}

#genpop.success .icon, .bttn.success, .success {
    background: #cddfa0
}

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

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

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

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

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

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

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

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

.input-error input {
    border-color: #2e6da4 !important
}

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

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

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

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

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

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

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

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

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

#genpop {
    background: #000;
    background: rgba(0,0,0,.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: #bcd7f0;
        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 Tahoma,sans-serif;
        color: #000;
        text-transform: uppercase;
        margin-bottom: 20px
    }

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

.overflow {
    overflow: auto
}

body.overflow-hidden {
    overflow: hidden
}

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

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

.owl-nav > *, .bttn {
    display: inline-block;
    vertical-align: top;
    padding: 11px 20px 9px;
    min-width: 160px;
    font: bold 12px/18px Tahoma;
    background: #eaeaea;
    color: #000;
    border-radius: 5px;
    text-align: center;
    transition: all .2s linear;
    cursor: pointer
}

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

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

    .owl-nav > *:hover, .bttn:hover {
        text-decoration: none;
        background: #9ebce0;
        color: #fff
    }

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

        .owl-nav > *.owl-next:hover svg, .owl-nav > *.owl-prev:hover svg, .bttn.owl-next:hover svg, .bttn.owl-prev:hover svg {
            color: #173356
        }

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

    .owl-nav > *.main, .bttn.main {
        background: #2e6da4;
        color: #fff
    }

        .owl-nav > *.main:hover, .bttn.main:hover {
            background: #173356
        }

    .owl-nav > *.blue, .bttn.blue {
        background: #9ebce0;
        color: #fff
    }

        .owl-nav > *.blue:hover, .bttn.blue:hover {
            background: #173356
        }

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

        .owl-nav > *.red:hover, .bttn.red:hover {
            background: #173356
        }

    .owl-nav > *.green, .bttn.green {
        background: var(--main);
        color: #fff
    }

        .owl-nav > *.green:hover, .bttn.green:hover {
            background: #173356
        }

    .owl-nav > *.secondary, .bttn.secondary {
        background-color: #173356;
        color: #fff
    }

    .owl-nav > *.third, .bttn.third {
        background-color: #eaeaea;
        color: #000
    }

        .owl-nav > *.third:hover, .bttn.third:hover {
            background-color: #9ebce0;
            color: #fff
        }

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

    .owl-nav > *.big, .bttn.big {
        min-height: 50px;
        font-size: 14px;
        padding: 15px 20px;
        min-width: 140px
    }

    .owl-nav > *.small, .bttn.small {
        min-width: 100px;
        padding: 4px 10px;
        line-height: 24px;
        font-size: 12px;
        line-height: 22px;
        min-height: 30px;
        text-transform: none
    }

        .owl-nav > *.small.bttn-icon, .bttn.small.bttn-icon {
            padding: 3px 4px;
            border: 1px solid rgba(0,0,0,0)
        }

            .owl-nav > *.small.bttn-icon .k-icon, .bttn.small.bttn-icon .k-icon {
                font-size: 20px
            }

        .owl-nav > *.small .k-icon, .bttn.small .k-icon {
            font-size: 16px
        }

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

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

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

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

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

    .owl-nav > *.transparent, .bttn.transparent {
        background: 0;
        border: 1px solid #2e6da4;
        color: #2e6da4
    }

        .owl-nav > *.transparent:hover, .bttn.transparent:hover {
            background: #2e6da4;
            color: #fff
        }

    .owl-nav > * svg, .bttn svg {
        width: 20px;
        height: 20px;
        padding: 1px
    }

    .owl-nav > *.two, .bttn.two {
        background: #173356;
        color: #fff
    }

    .owl-nav > *.three, .bttn.three {
        background: #bcd7f0;
        color: #000
    }

        .owl-nav > *.two:hover, .owl-nav > *.three:hover, .bttn.two:hover, .bttn.three:hover {
            background: #2e6da4;
            color: #fff
        }

    .owl-nav > *.note, .owl-nav > *.success, .owl-nav > *.error, .owl-nav > *.warning, .bttn.note, .bttn.success, .bttn.error, .bttn.warning {
        color: #000;
        margin: 0
    }

        .owl-nav > *.note:hover, .owl-nav > *.success:hover, .owl-nav > *.error:hover, .owl-nav > *.warning:hover, .bttn.note:hover, .bttn.success:hover, .bttn.error:hover, .bttn.warning:hover {
            background: #2e6da4;
            color: #fff
        }

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

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

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

    .owl-nav > * .k-icon, .bttn .k-icon {
        width: auto;
        height: auto;
        font-size: 20px
    }

    .owl-nav > * > span, .bttn > span {
        display: inline-block;
        vertical-align: middle;
        padding-right: 10px
    }

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

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

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

.bg-blue3 {
    background: #319fd2
}

.bg-blue4 {
    background: #8acff0
}

.bg-blue5 {
    background: #b0e0e5
}

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

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

.bg-orange {
    background: #ffc104
}

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

.bg-green2 {
    background: var(--main);
    color: #fff
}

.bg-green3 {
    background: #03ef8d
}

.bg-green4 {
    background: #99d3bf
}

.bg-green5 {
    background: #9af9d1
}

.bg-lime {
    background: #cee00b
}

.bg-lime2 {
    background: #adbc0b
}

.bg-lime3 {
    background: #8d9908
}

.bg-lime4 {
    background: #5d6507
}

.bg-lime5 {
    background: #ebf39d
}

.bg-yellow {
    background: #ffdc02
}

.bg-yellow2 {
    background: #ffe69b
}

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

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

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

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

.bg-none {
    background: none !important
}

.bg-grey {
    background: #eaeaea
}

.text-blue {
    color: #02adee
}

.text-blue2 {
    color: #3eaee2
}

.text-blue3 {
    color: #319fd2
}

.text-blue4 {
    color: #8acff0
}

.text-blue5 {
    color: #b0e0e5
}

.text-purple {
    color: #5854dc
}

.text-darkblue {
    color: #0d508b
}

.text-orange {
    color: #ffc104
}

.text-green {
    color: #007f55
}

.text-green2 {
    color: var(--main)
}

.text-green3 {
    color: #03ef8d
}

.text-green4 {
    color: #99d3bf
}

.text-green5 {
    color: #9af9d1
}

.text-lime {
    color: #cee00b
}

.text-lime2 {
    color: #adbc0b
}

.text-lime3 {
    color: #8d9908
}

.text-lime4 {
    color: #5d6507
}

.text-lime5 {
    color: #ebf39d
}

.text-yellow {
    color: #ffdc02
}

.text-yellow2 {
    color: #ffe69b
}

.text-red {
    color: #dc3445
}

.text-red2 {
    color: #a4101f
}

.text-red3 {
    color: #6e0812
}

.text-brown {
    color: #c49608
}

.text-none {
    color: rgba(0,0,0,0) !important
}

.text-grey {
    color: #eaeaea
}

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

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

        .social a._icon {
            background-image: url("http://mrrb.m.ivuworks.net/site/backend/images/_social.png");
            background-repeat: no-repeat;
            font-size: 0
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.noaction {
    pointer-events: none
}

.halfpacity {
    opacity: .5
}

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

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

body.toggledmenu .control-menu {
    width: 62px
}

    body.toggledmenu .control-menu a {
        font-size: 0 !important
    }

    body.toggledmenu .control-menu .togglemenu .icon {
        rotate: 180deg
    }

.control-menu {
    width: 190px;
    padding: 15px 10px 10px 20px;
    background: #f4f4f4;
    transition: all .2s linear
}

    .control-menu .togglemenu {
        margin-top: 20px;
        padding-left: 10px;
        display: block
    }

        .control-menu .togglemenu .icon {
            width: 16px;
            height: 16px;
            transition: all .2s linear
        }

        .control-menu .togglemenu i {
            font-size: 25px
        }

    .control-menu ul li {
        margin-bottom: 6px
    }

        .control-menu ul li.active a:hover, .control-menu ul li.active a {
            text-decoration: none;
            background: #eaeaea
        }

        .control-menu ul li a {
            padding: 2px;
            border-radius: 5px;
            display: block;
            font: bold 13px/1.2 Tahoma;
            color: #000;
            white-space: nowrap
        }

            .control-menu ul li a .icon {
                width: 28px;
                height: 28px;
                line-height: 26px;
                border-radius: 3px;
                text-align-last: center;
                color: #fff;
                margin-right: 20px;
                vertical-align: middle
            }

                .control-menu ul li a .icon i {
                    width: 16px;
                    height: 16px;
                    vertical-align: top;
                    margin-top: 5px
                }

            .control-menu ul li a:hover {
                background: #fff
            }

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

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

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

.steps-footer {
    width: 110px;
    display: inline-flex;
    flex-flow: column-reverse;
    align-items: flex-start;
    justify-content: flex-start;
    vertical-align: top;
    float: right;
    padding-left: 0px;
    padding-right: 10px;
    position: relative;
    top: 0px;
    gap: 10px;
    border-radius: 0;
    padding-top: 15px;
    background: #fff
}

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

        .steps-footer .bttn + .bttn {
            margin-bottom: 0 !important
        }

        .steps-footer .bttn.autosize {
            height: auto;
            min-height: 0 !important;
            padding: 21px 20px 19px
        }

        .steps-footer .bttn .icon {
            display: block;
            width: 37px;
            height: 30px;
            margin-bottom: 10px
        }

        .steps-footer .bttn .k-icon {
            font-size: 50px;
            font-weight: 100
        }

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

.split-content-wrap {
    font-size: 14px;
    padding: 15px 20px
}

    .split-content-wrap .ib {
        margin-right: 10px
    }

    .split-content-wrap small {
        font-size: 12px;
        line-height: 1.3
    }

    .split-content-wrap .form-row {
        display: flex;
        flex-wrap: wrap;
        gap: 10px 2%;
        margin-bottom: 10px;
        margin-right: 0;
        width: 100%;
        container: formrow-layout/inline-size
    }

        .split-content-wrap .form-row:last-child {
            margin-bottom: 0
        }

        .split-content-wrap .form-row > .bttn {
            align-self: start
        }

        .split-content-wrap .form-row .object-control {
            margin-top: 6px
        }

        .split-content-wrap .form-row .form-input.column {
            width: 49%
        }

        .split-content-wrap .form-row .form-input.three {
            width: 32%
        }

        .split-content-wrap .form-row .form-input.double {
            width: 66%
        }

        .split-content-wrap .form-row .form-input.quad {
            width: 23.5%
        }

        .split-content-wrap .form-row label {
            padding: 3px 0 2px
        }

        .split-content-wrap .form-row .form-input.fullwidth {
            flex-grow: 1
        }

    .split-content-wrap .form-input {
        padding-right: 0;
        margin-bottom: 0;
        width: auto
    }

        .split-content-wrap .form-input .form-input input[type], .split-content-wrap .form-input .form-input select {
            margin-bottom: 0
        }

    .split-content-wrap .content-ul {
        width: 100%
    }

        .split-content-wrap .content-ul li {
            padding-left: 10px;
            border-radius: 3px;
            margin-bottom: 4px
        }

            .split-content-wrap .content-ul li:nth-child(even) {
                background: #f5f5f6
            }

    .split-content-wrap .content-flex {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        margin-bottom: 5px;
        container: formrow-layout/inline-size
    }

        .split-content-wrap .content-flex a {
            color: #000;
            text-decoration: underline
        }

            .split-content-wrap .content-flex a:hover {
                text-decoration: none
            }

        .split-content-wrap .content-flex .k-button.k-small, .split-content-wrap .content-flex .bttn.small {
            padding: 3px !important;
            min-width: 24px;
            min-height: 24px;
            font-size: 12px;
            line-height: 14px;
            box-sizing: border-box
        }

            .split-content-wrap .content-flex .k-button.k-small .k-icon, .split-content-wrap .content-flex .bttn.small .k-icon {
                font-size: 16px
            }

        .split-content-wrap .content-flex .left * + small {
            margin-left: 10px
        }

        .split-content-wrap .content-flex.k-flex-nowrap {
            flex-wrap: nowrap
        }

        .split-content-wrap .content-flex.column {
            width: 50%
        }

        .split-content-wrap .content-flex .small-title {
            width: 100%
        }

        .split-content-wrap .content-flex .left {
            padding-right: 10px;
            max-width: calc(100% - 54px)
        }

        .split-content-wrap .content-flex .right {
            margin-left: auto
        }

.bigblock > div, .minicircle, .oval, .circle, .indicator-content {
    display: block;
    margin-left: 0px;
    margin-bottom: 0 !important;
    border: 1px solid #dde1e6;
    padding: 20px;
    margin-bottom: 20px !important
}

    .bigblock > div.bg-blue, .minicircle.bg-blue, .oval.bg-blue, .circle.bg-blue, .indicator-content.bg-blue {
        background: rgba(2,173,238,.2);
        border-color: #02adee
    }

    .bigblock > div.bg-blue2, .minicircle.bg-blue2, .oval.bg-blue2, .circle.bg-blue2, .indicator-content.bg-blue2 {
        background: rgba(62,174,226,.2);
        border-color: #3eaee2
    }

    .bigblock > div.bg-blue3, .minicircle.bg-blue3, .oval.bg-blue3, .circle.bg-blue3, .indicator-content.bg-blue3 {
        background: rgba(49,159,210,.2);
        border-color: #319fd2
    }

    .bigblock > div.bg-blue4, .minicircle.bg-blue4, .oval.bg-blue4, .circle.bg-blue4, .indicator-content.bg-blue4 {
        background: rgba(138,207,240,.2);
        border-color: #8acff0
    }

    .bigblock > div.bg-blue5, .minicircle.bg-blue5, .oval.bg-blue5, .circle.bg-blue5, .indicator-content.bg-blue5 {
        background: rgba(176,224,229,.2);
        border-color: #b0e0e5
    }

    .bigblock > div.bg-purple, .minicircle.bg-purple, .oval.bg-purple, .circle.bg-purple, .indicator-content.bg-purple {
        background: rgba(88,84,220,.2);
        border-color: #5854dc
    }

    .bigblock > div.bg-darkblue, .minicircle.bg-darkblue, .oval.bg-darkblue, .circle.bg-darkblue, .indicator-content.bg-darkblue {
        background: rgba(13,80,139,.2);
        border-color: #0d508b
    }

    .bigblock > div.bg-orange, .minicircle.bg-orange, .oval.bg-orange, .circle.bg-orange, .indicator-content.bg-orange {
        background: rgba(255,193,4,.2);
        border-color: #ff8209
    }

    .bigblock > div.bg-green, .minicircle.bg-green, .oval.bg-green, .circle.bg-green, .indicator-content.bg-green {
        background: rgba(0,127,85,.2);
        border-color: #007f55
    }

    .bigblock > div.bg-green2, .minicircle.bg-green2, .oval.bg-green2, .circle.bg-green2, .indicator-content.bg-green2 {
        background: rgba(var(--main), 0.2);
        border-color: var(--main)
    }

    .bigblock > div.bg-green3, .minicircle.bg-green3, .oval.bg-green3, .circle.bg-green3, .indicator-content.bg-green3 {
        background: rgba(3,239,141,.2);
        border-color: #03ef8d
    }

    .bigblock > div.bg-green4, .minicircle.bg-green4, .oval.bg-green4, .circle.bg-green4, .indicator-content.bg-green4 {
        background: rgba(153,211,191,.2);
        border-color: #99d3bf
    }

    .bigblock > div.bg-green5, .minicircle.bg-green5, .oval.bg-green5, .circle.bg-green5, .indicator-content.bg-green5 {
        background: rgba(154,249,209,.2);
        border-color: #9af9d1
    }

    .bigblock > div.bg-lime, .minicircle.bg-lime, .oval.bg-lime, .circle.bg-lime, .indicator-content.bg-lime {
        background: rgba(206,224,11,.2);
        border-color: #cee00b
    }

    .bigblock > div.bg-lime2, .minicircle.bg-lime2, .oval.bg-lime2, .circle.bg-lime2, .indicator-content.bg-lime2 {
        background: rgba(173,188,11,.2);
        border-color: #adbc0b
    }

    .bigblock > div.bg-lime3, .minicircle.bg-lime3, .oval.bg-lime3, .circle.bg-lime3, .indicator-content.bg-lime3 {
        background: rgba(141,153,8,.2);
        border-color: #8d9908
    }

    .bigblock > div.bg-lime3, .minicircle.bg-lime3, .oval.bg-lime3, .circle.bg-lime3, .indicator-content.bg-lime3 {
        background: rgba(141,153,8,.2);
        border-color: #8d9908
    }

    .bigblock > div.bg-lime4, .minicircle.bg-lime4, .oval.bg-lime4, .circle.bg-lime4, .indicator-content.bg-lime4 {
        background: rgba(93,101,7,.2);
        border-color: #5d6507
    }

    .bigblock > div.bg-lime5, .minicircle.bg-lime5, .oval.bg-lime5, .circle.bg-lime5, .indicator-content.bg-lime5 {
        background: rgba(235,243,157,.2);
        border-color: #ebf39d
    }

    .bigblock > div.bg-yellow, .minicircle.bg-yellow, .oval.bg-yellow, .circle.bg-yellow, .indicator-content.bg-yellow {
        background: rgba(255,220,2,.2);
        border-color: #ffdc02
    }

    .bigblock > div.bg-yellow2, .minicircle.bg-yellow2, .oval.bg-yellow2, .circle.bg-yellow2, .indicator-content.bg-yellow2 {
        background: rgba(255,230,155,.2);
        border-color: #ffe69b
    }

    .bigblock > div.bg-red, .minicircle.bg-red, .oval.bg-red, .circle.bg-red, .indicator-content.bg-red {
        background: rgba(220,52,69,.2);
        border-color: #dc3445
    }

    .bigblock > div.bg-red2, .minicircle.bg-red2, .oval.bg-red2, .circle.bg-red2, .indicator-content.bg-red2 {
        background: rgba(164,16,31,.2);
        border-color: #a4101f
    }

    .bigblock > div.bg-red3, .minicircle.bg-red3, .oval.bg-red3, .circle.bg-red3, .indicator-content.bg-red3 {
        background: rgba(110,8,18,.2);
        border-color: #6e0812
    }

    .bigblock > div.bg-brown, .minicircle.bg-brown, .oval.bg-brown, .circle.bg-brown, .indicator-content.bg-brown {
        background: rgba(196,150,8,.2);
        border-color: #c49608
    }

    .bigblock > div.bg-none, .minicircle.bg-none, .oval.bg-none, .circle.bg-none, .indicator-content.bg-none {
        background: none !important
    }

    .bigblock > div.bg-grey, .minicircle.bg-grey, .oval.bg-grey, .circle.bg-grey, .indicator-content.bg-grey {
        background: rgba(234,234,234,.2);
        border-color: #eaeaea
    }

    .bigblock > div .select-wrap, .bigblock > div .selectwrap, .minicircle .select-wrap, .minicircle .selectwrap, .oval .select-wrap, .oval .selectwrap, .circle .select-wrap, .circle .selectwrap, .indicator-content .select-wrap, .indicator-content .selectwrap {
        background: #fff
    }

    .bigblock > div > small, .minicircle > small, .oval > small, .circle > small, .indicator-content > small {
        font: normal 12px/1.1 Tahoma;
        display: block;
        margin: 3px 0
    }

    .bigblock > div h2, .bigblock > div h3, .minicircle h2, .minicircle h3, .oval h2, .oval h3, .circle h2, .circle h3, .indicator-content h2, .indicator-content h3 {
        font: bold 15px/1.2 Tahoma,sans-serif;
        margin-bottom: 5px
    }

    .bigblock > div h2, .minicircle h2, .oval h2, .circle h2, .indicator-content h2 {
        font-size: 20px
    }

    .bigblock > div .right, .minicircle .right, .oval .right, .circle .right, .indicator-content .right {
        gap: 5px
    }

    .bigblock > div input[type=checkbox], .bigblock > div input[type=radio], .bigblock > div .checkboxes .check, .minicircle input[type=checkbox], .minicircle input[type=radio], .minicircle .checkboxes .check, .oval input[type=checkbox], .oval input[type=radio], .oval .checkboxes .check, .circle input[type=checkbox], .circle input[type=radio], .circle .checkboxes .check, .indicator-content input[type=checkbox], .indicator-content input[type=radio], .indicator-content .checkboxes .check {
        vertical-align: top
    }

    .bigblock > div hr, .minicircle hr, .oval hr, .circle hr, .indicator-content hr {
        display: block;
        margin: 15px 0px 15px 0px;
        border: 0;
        border-top: 2px solid rgba(0,0,0,.2);
        background: 0;
        opacity: 1
    }

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

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

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

.big-blocks-wrap {
    display: flex;
    flex-wrap: wrap
}

    .big-blocks-wrap .bigblock {
        box-shadow: inset 0 0 0 1px #ebebeb;
        border-radius: 5px;
        height: 100%;
        display: flex;
        flex-flow: column;
        text-decoration: none
    }

        .big-blocks-wrap .bigblock > div {
            align-self: stretch;
            flex-grow: 1;
            margin-bottom: 0 !important;
            border-radius: 5px
        }

            .big-blocks-wrap .bigblock > div strong {
                font: bold 12px/1.2 Tahoma;
                color: #000
            }

            .big-blocks-wrap .bigblock > div h3 {
                font: bold 40px/1 Tahoma;
                margin: 13px 0 0;
                color: #000
            }

        .big-blocks-wrap .bigblock .bigblock-footer {
            display: block;
            padding: 7px 17px 7px;
            font: bold 12px/16px Tahoma;
            text-decoration: none;
            color: #000
        }

            .big-blocks-wrap .bigblock .bigblock-footer .icon {
                margin-top: 2px;
                width: 12px;
                height: 12px;
                float: right
            }

        .big-blocks-wrap .bigblock:hover {
            background: #f7f7f7
        }

    .big-blocks-wrap .three {
        min-height: unset;
        align-self: stretch
    }

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

    .simplelist li {
        position: relative;
        padding-left: 15px;
        padding-bottom: 3px;
        font: normal 12px/1.2 Tahoma;
        color: #000
    }

        .simplelist li a {
            color: inherit;
            font: inherit;
            text-decoration: underline
        }

        .simplelist li a, .simplelist li span {
            display: block;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .simplelist li.nodot:before {
            display: none
        }

        .simplelist li:before {
            content: "";
            width: 6px;
            height: 6px;
            margin-right: 3px;
            background: rgba(0,0,0,.2);
            position: absolute;
            left: 1px;
            top: 4px;
            border-radius: 100%
        }

.basicinfo {
    max-width: 200px;
    margin-left: 60px
}

    .basicinfo .k-input, .basicinfo input {
        margin-bottom: 20px
    }

    .basicinfo b {
        display: block;
        font-size: 13px
    }

    .basicinfo strong {
        font-size: 20px;
        display: block;
        margin: 10px 0
    }

        .basicinfo strong small {
            display: block;
            font-size: 13px
        }

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

    .icon.info.k-tooltip-top:hover {
        cursor: pointer;
        opacity: 1
    }

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

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

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

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

    .object-control label span {
        font: normal 11px/1.2 Tahoma;
        color: #000
    }

.k-pager-wrap {
    font-size: 12px
}

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

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

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

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

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

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

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

.object-list-wrap {
    position: relative;
    margin-bottom: 0px
}

    .object-list-wrap > ul {
        border: 0;
        padding-bottom: 10px
    }

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

    .object-list-wrap .object {
        background: #f2f2f2;
        color: #000;
        border-radius: 3px;
        position: relative;
        margin-bottom: 4px
    }

        .object-list-wrap .object.active {
            background: #ffd45f !important
        }

        .object-list-wrap .object:nth-child(odd) .label {
            background: #e7e7e7
        }

        .object-list-wrap .object:hover .label {
            background: #2e6da4 !important;
            color: #fff;
            text-decoration: none
        }

        .object-list-wrap .object .icon {
            width: 14px;
            height: 14px;
            color: inherit
        }

        .object-list-wrap .object .label {
            padding: 4px 0 4px 10px;
            width: 100%;
            background: #f5f5f6;
            border-radius: 3px;
            color: #000;
            display: inline-block;
            font: normal 11px/18px Tahoma;
            overflow: hidden;
            text-overflow: ellipsis;
            vertical-align: top;
            white-space: nowrap
        }

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

            .object-list-wrap .object .label input[type=checkbox] {
                width: 16px;
                height: 16px;
                vertical-align: middle
            }

        .object-list-wrap .object .object-options {
            position: absolute;
            right: 0;
            top: 0px;
            margin: 0 2px 0 0
        }

            .object-list-wrap .object .object-options button, .object-list-wrap .object .object-options a {
                border: 0;
                display: inline-flex;
                justify-content: center;
                align-items: center;
                vertical-align: top;
                width: 22px;
                height: 22px;
                background: #fff;
                color: #000;
                border-radius: 33px;
                padding: 3px;
                position: relative;
                text-decoration: none;
                cursor: pointer;
                margin-top: 2px
            }

                .object-list-wrap .object .object-options button:hover, .object-list-wrap .object .object-options a:hover {
                    background: #e5f3ef
                }

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

        .object-list-wrap .object.active .label {
            background: #2e6da4;
            color: #fff;
            border-radius: 5px 5px 5px 0
        }

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

    .object-list-wrap .pointer {
        cursor: pointer;
        text-decoration: none
    }

    .object-list-wrap .object-properties {
        padding: 10px;
        border-radius: 0 0 5px 5px;
        clear: both;
        color: #000;
        font: normal 11px/1.3 Tahoma;
        display: none
    }

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

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

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

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px
}

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

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

.fullwidth {
    width: 100%
}

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

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

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

.payment .k-radio-label {
    margin-bottom: 10px;
    font: normal 14px/25px Tahoma
}

    .payment .k-radio-label input[type=radio]:checked ~ span {
        font-weight: bold
    }

    .payment .k-radio-label input[type=radio] {
        display: inline-block;
        vertical-align: middle;
        float: none;
        margin-right: 4px
    }

    .payment .k-radio-label span {
        vertical-align: middle
    }

    .payment .k-radio-label img {
        height: 25px;
        vertical-align: middle;
        margin-left: 20px
    }

.form-input {
    width: 220px;
    padding-right: 10px;
    margin-bottom: 10px;
    display: inline-block;
    vertical-align: top;
    position: relative
}

    .form-input + .form-input .bttn:only-child {
        margin-top: 23px
    }

    .form-input .k-checkbox-wrap {
        margin-top: 8px
    }

    .form-input.three {
        width: 33.333%
    }

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

        .form-input .form-input input[type], .form-input .form-input textarea, .form-input .form-input select {
            margin-bottom: 10px
        }

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

    .form-input.half {
        width: 16.6666%
    }

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

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

    .form-input.column {
        width: calc(50% - 5px)
    }

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

    .form-input.quad {
        width: 25%
    }

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

    .form-input.nest {
        padding-right: 0
    }

    .form-input .bttn {
        min-width: 0;
        width: 100%
    }

        .form-input .bttn.autosize, .form-input .bttn.ib {
            width: auto
        }

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

    .form-input em {
        font: normal 12px/14px Tahoma;
        font-style: italic;
        color: #000;
        padding: 10px 0;
        display: block
    }

    .form-input label {
        font: normal 13px/1.4 Tahoma;
        color: #000
    }

    .form-input input.bttn {
        border-radius: 5px;
        border: 0;
        font: bold 16px/1.4 Tahoma;
        width: 100%;
        margin-top: 10px
    }

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

    .form-input.right {
        float: right
    }

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

label {
    display: block;
    font: normal 14px/16px Arial,Tahoma;
    padding: 3px 0 7px 0;
    color: #474f4c
}

    label.empty {
        min-height: 23px
    }

#submit-search {
    background: #2e6da4;
    color: #fff;
    min-width: 0;
    padding: 5px;
    height: 32px
}

    #submit-search .icon {
        width: 22px;
        height: 22px
    }

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

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

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

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

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

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

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

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

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

.k-datepicker, .k-dropdownlist {
    min-width: 140px
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0 20px;
    margin: 0px;
    min-width: 140px;
    line-height: 30px;
    height: 30px
}

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

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

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

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

    .select-wrap:hover:after, .selectwrap:hover:after {
        border-top-color: #2e6da4
    }

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

[readonly], [disabled] {
    pointer-events: none !important;
    background: rgba(90,93,90,.2) !important;
    opacity: .5 !important
}

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

.checkboxes input[type=radio]:checked + .check:before, .checkboxes input[type=radio]:checked ~ .check:before, .checkboxes input[type=checkbox]:checked + .check:before, .checkboxes input[type=checkbox]:checked ~ .check:before {
    content: "✓";
    font-family: Arial;
    color: #173356
}

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

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

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

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

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

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

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

.checkboxes label:hover span {
    border-color: #2e6da4
}

.checkboxes input:checked ~ .icon {
    color: #2e6da4
}

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

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

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

    article ul {
        list-style: none
    }

        article ul li {
            padding-left: 20px;
            position: relative;
            margin-bottom: 5px
        }

            article ul li:before {
                content: "";
                background: #2e6da4;
                width: 8px;
                height: 8px;
                position: absolute;
                left: 0;
                top: 6px;
                border-radius: 100%
            }

        article ul ul {
            list-style-type: disc
        }

            article ul ul li {
                padding-left: 0
            }

                article ul ul li:before {
                    display: none
                }

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

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

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

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

article a:hover {
    text-decoration: underline
}

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

.page-top {
    font: normal 12px/22px Tahoma;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    padding: 5px 20px
}

    .page-top .center {
        background: #fff;
        min-height: 110px;
        padding: 0 20px 0px;
        border-radius: 0 0 20px 20px
    }

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

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

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

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

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

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

.sectitle {
    padding: 0;
    margin: 20px 0 30px;
    font: bold 26px/1.2 Tahoma;
    color: #000;
    text-align: center
}

    .sectitle h1, .sectitle h2, .sectitle h3 {
        display: inline-block;
        vertical-align: middle
    }

.pagination {
    margin: 40px 0 50px
}

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

.owl-dots {
    counter-reset: dots
}

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

.pagination > *:hover, .owl-dots > *.active, .pagination > span, .pagination > .active {
    background: #2e6da4;
    color: #fff
}

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

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

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

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

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

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

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

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

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

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

    .object-control label span {
        font: normal 11px/1.2 Tahoma;
        color: #173356
    }

.object {
    background: #ffd45f;
    color: #173356;
    border-radius: 15px;
    position: relative
}

    .object:hover .label {
        background: #2e6da4 !important;
        color: #fff;
        text-decoration: none
    }

    .object .icon {
        width: 14px;
        height: 14px;
        color: inherit
    }

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

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

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

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

            .object .object-options button:hover, .object .object-options a:hover {
                background: #e5f3ef
            }

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

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

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

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

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

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

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

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

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

.object-list-wrap {
    position: relative
}

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

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

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

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

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

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

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

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

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

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

.relative {
    position: relative
}

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

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

    .header-top .center {
        background: #fff;
        overflow: hidden
    }

    .header-top .left {
        font: normal 12px/30px Tahoma;
        color: #5a5d5a
    }

        .header-top .left a {
            color: inherit
        }

            .header-top .left a.js-trigger-text {
                font: normal 12px/20px Tahoma;
                color: #5a5d5a;
                display: inline-block;
                vertical-align: middle;
                padding: 0 3px;
                text-align: center;
                min-width: 20px;
                border-radius: 100%;
                background: #fff
            }

                .header-top .left a.js-trigger-text.active, .header-top .left a.js-trigger-text:hover {
                    text-decoration: none;
                    background: #2e6da4;
                    color: #fff
                }

        .header-top .left .bttn {
            border-color: #5a5d5a;
            color: #5a5d5a;
            padding: 4px 18px;
            min-width: 0;
            font-weight: normal;
            text-transform: none;
            margin-right: 10px
        }

            .header-top .left .bttn:hover {
                color: #fff
            }

    .header-top .right form input[type] {
        background: #bcd7f0;
        line-height: 30px;
        height: 30px;
        padding-right: 30px;
        width: 200px
    }

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

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

    .header-top .right .ib {
        margin-left: 10px
    }

        .header-top .right .ib span {
            font: normal 12px/20px Tahoma;
            color: #5a5d5a;
            display: inline-block;
            vertical-align: middle
        }

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

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

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

.header-bottom {
    position: relative;
    z-index: 2;
    background: var(--main);
    box-shadow: 0 4px 10px 0 rgba(0,0,0,.1)
}

nav ul {
    display: inline-block;
    vertical-align: top;
    font-size: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (min-width: 747px) {
    .no-touch header nav ul li:hover > ul {
        display: block;
        -webkit-animation: comein .2s forwards;
        animation: comein .2s forwards
    }
}

.touch .openedmenu #threedots {
    display: block !important;
    position: fixed;
    left: 0;
    right: 0;
    top: 60px;
    height: 100vh;
    height: calc(100vh - 60px);
    -webkit-animation: comein .2s forwards;
    animation: comein .2s forwards;
    padding-top: 10px;
    padding-bottom: 40px;
    overflow: auto
}

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

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

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

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

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

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

    header nav .right ul:before, nav ul ul:before {
        margin-bottom: -1px;
        border-width: 0 9px 10px 9px;
        border-bottom-color: #eee;
        left: 39px
    }

    header nav .right ul li, nav ul ul li {
        margin: 0;
        padding: 0;
        display: block;
        float: none
    }

        header nav .right ul li:hover, header nav .right ul li.active a, nav ul ul li:hover, nav ul ul li.active a {
            color: #2e6da4
        }

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

            header nav .right ul li a:hover, nav ul ul li a:hover {
                color: #2e6da4
            }

            header nav .right ul li a span, nav ul ul li a span {
                color: inherit
            }

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

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

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

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

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

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

nav .right {
    float: right;
    font: bold 12px/20px Tahoma;
    color: #fff;
    margin-top: 10px;
    padding-bottom: 13px;
    position: relative;
    z-index: 2
}

    nav .right li {
        padding: 0
    }

        nav .right li a span {
            padding: 0
        }

        nav .right li a:hover {
            color: #2e6da4
        }

        nav .right li p {
            padding: 0 20px;
            line-height: 1.2;
            margin-bottom: 5px
        }

    nav .right > a {
        display: inline-block;
        vertical-align: middle;
        margin: 0 0px;
        vertical-align: middle;
        max-width: 180px;
        overflow: hidden;
        color: #fff;
        font-size: 0
    }

        nav .right > a .icon {
            width: 18px;
            height: 20px;
            margin-right: 5px;
            color: #fff
        }

        nav .right > a span {
            overflow: hidden;
            display: inline-block;
            vertical-align: middle;
            max-width: 140px;
            white-space: nowrap;
            text-overflow: ellipsis;
            font: bold 12px/1.2 Tahoma
        }

        nav .right > a .icon.arrow {
            transition: all .2s linear;
            margin-top: 5px;
            width: 10px;
            height: 6px;
            filter: drop-shadow(0 4px #fff)
        }

.header-bottom-submenu {
    background: #fff
}

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

@media screen and (min-width: 480px) {
    .fixed .header-bottom {
        margin-bottom: 44px
    }

    .fixed .header-bottom-submenu {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        background: #fff;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,.1)
    }
}

#respmenu {
    display: none
}

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

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

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

    #respbtn:hover span + span {
        background: #bcd7f0
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .responsivenav nav li a {
        border: 0 !important;
        padding: 3px 20px
    }

        .responsivenav nav li a span {
            padding: 10px;
            color: #000
        }

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

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

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

    #respclose:hover {
        color: red
    }

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

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

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

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

.content {
    padding: 0px 0
}

.content-pre-wrap {
    padding: 20px;
    margin: 30px 0
}

    .content-pre-wrap:first-child {
        margin-top: 0;
        padding-top: 0px
    }

        .content-pre-wrap:first-child .center {
            border-radius: 0 0 20px 20px;
            background: #fff
        }

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

.index-top {
    background: url("http://mrrb.m.ivuworks.net/site/backend/i/indextop.jpg") center center no-repeat #fff;
    background-size: cover;
    border-radius: 3px;
    position: relative;
    padding: 30px 40px;
    overflow: hidden;
    margin-bottom: 20px;
    box-shadow: 0 10px 30px 0 rgba(0,0,0,.1)
}

    .index-top h1 {
        position: relative;
        z-index: 2;
        font: bold 40px/1.2 Tahoma;
        color: #2e6da4;
        display: block
    }

    .index-top a {
        margin-top: 20px;
        position: relative;
        z-index: 2
    }

.services {
    margin-top: 50px
}

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

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

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

        .itemlist .item.four, .itemlist li.four {
            width: 24%;
            width: calc(25% - 20px)
        }

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

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

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

        .itemlist .item a, .itemlist li a {
            position: relative;
            width: 100%;
            height: 100%;
            display: inline-block;
            vertical-align: top;
            margin: auto;
            background: #fff;
            box-shadow: 0 10px 30px 0 rgba(0,0,0,.1);
            border-radius: 3px;
            overflow: hidden;
            text-align: center
        }

            .itemlist .item a > .info-wrap, .itemlist li a > .info-wrap {
                display: block;
                padding: 0 20px 30px
            }

                .itemlist .item a > .info-wrap.text-left, .itemlist li a > .info-wrap.text-left {
                    text-align: left
                }

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

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

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

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

            .itemlist .item a .n-date, .itemlist li a .n-date {
                font: normal 12px/14px Tahoma;
                color: #5a5d5a
            }

            .itemlist .item a .subtitle, .itemlist li a .subtitle {
                font: bold 13px/1.1 Tahoma;
                content: #2e6da4
            }

            .itemlist .item a .title, .itemlist li a .title {
                font: bold 22px/1.36 Tahoma;
                color: #2e6da4;
                display: block;
                margin: 10px 0 15px;
                overflow: hidden
            }

            .itemlist .item a .n-title, .itemlist li a .n-title {
                text-align: left;
                font: bold 17px/1.4 Tahoma;
                color: #173356;
                display: block;
                margin: 10px 0 15px;
                overflow: hidden
            }

            .itemlist .item a .n-text, .itemlist li a .n-text {
                display: block;
                font: normal 12px/1.5 Tahoma;
                color: #5a5d5a;
                display: block;
                overflow: hidden;
                max-height: 90px;
                margin-bottom: 15px
            }

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

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

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

                .itemlist .item a:hover .bttn.small, .itemlist li a:hover .bttn.small {
                    opacity: 1;
                    transition: all .2s linear;
                    animation: comein .2s linear forwards
                }

#news .itemlist-wrap {
    padding: 0 0px
}

    #news .itemlist-wrap .owl-stage, #news .itemlist-wrap .owl-stage-outer {
        overflow: visible;
        display: flex
    }

        #news .itemlist-wrap .owl-stage .owl-item, #news .itemlist-wrap .owl-stage-outer .owl-item {
            opacity: 0;
            transition: opacity .2s linear
        }

            #news .itemlist-wrap .owl-stage .owl-item.active, #news .itemlist-wrap .owl-stage-outer .owl-item.active {
                opacity: 1
            }

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

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

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

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

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

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

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

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

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

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

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

            .check-status .right .relative input {
                background: #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: #5a5d5a
            }

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

                .check-status .right .relative button .icon {
                    width: 32px;
                    height: 24px;
                    color: #2e6da4
                }

    .check-status .sectitle {
        font: bold 26px/1.2 Tahoma;
        color: #2e6da4;
        display: block;
        padding: 0;
        margin: 0 0 15px;
        text-transform: uppercase;
        text-align: left
    }

    .check-status p {
        font: normal 12px/1.2 Tahoma;
        color: #5a5d5a;
        display: block;
        margin: 10px 0 15px
    }

.paymethods {
    margin-top: 50px
}

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

    .paymethods article {
        padding: 20px 30px;
        border: 1px solid #ced4da;
        border-radius: 3px
    }

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

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

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

        .paymethods article .column {
            width: 50%
        }

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

.statistics {
    margin-top: 50px
}

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

    .stats-box strong {
        font: bold 30px/1.2 Tahoma;
        color: #2e6da4;
        display: block;
        margin-bottom: 5px
    }

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

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

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

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

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

    .k-pager-numbers .k-link.k-state-selected {
        border-color: #2e6da4
    }

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

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

.k-window {
    border-color: #212121
}

    .k-window .k-window-titlebar {
        background: #eaeaea
    }

        .k-window .k-window-titlebar .k-window-title {
            padding: 0;
            font-size: 15px
        }

    .k-window .k-dialog-buttongroup {
        padding-left: 0;
        padding-right: 0
    }

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

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

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

.k-upload {
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 10px
}

    .k-upload .k-dropzone {
        background: #fff;
        border: 1px solid #dee2e6;
        border-radius: 6px
    }

    .k-upload + small {
        display: block;
        margin: 10px 0;
        color: #000
    }

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

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

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

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

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

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

    .k-picker-solid:focus-within, .k-picker-solid:hover {
        background: #fff
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .k-datetimepicker .k-picker-wrap .k-select .k-link:hover {
            color: #2e6da4
        }

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

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

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

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

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

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

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

.k-tabstrip-items .k-active .k-link {
    color: var(--main)
}

.k-tabstrip-items .k-link {
    padding: 10px 15px;
    font-weight: bold;
    color: #000
}

.k-notification {
    padding: 0
}

    .k-notification .k-icon:first-child {
        margin: 12px 5px 5px;
        padding: 0px
    }

    .k-notification .k-notification-content {
        padding: 10px;
        background: #fff
    }

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

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

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

.steps-body {
    margin-top: 20px
}

    .steps-body .step-box {
        margin-bottom: 10px;
        background: #fff;
        border: 1px solid #dde1e6;
        border-radius: 4px;
        page-break-inside: avoid
    }

        .steps-body .step-box .bttn-wrap a + a {
            margin-left: 6px
        }

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

    .steps-body.steps-no-padding .step-box {
        border: 0
    }

        .steps-body.steps-no-padding .step-box .step-box-body, .steps-body.steps-no-padding .step-box .step-box-head {
            padding-left: 0;
            padding-right: 0;
            border-left: 0;
            border-right: 0;
            top: 0;
            border-radius: 0
        }

.step-box {
    border-radius: 4px;
    container: chartsteps/inline-size
}

    .step-box.selected {
        background: #e5f3ef;
        border: 1px solid #dde1e6
    }

        .step-box.selected .step-box-head {
            background: #e5f3ef;
            border: 2px solid #dde1e6
        }

    .step-box .step-box-body + .step-box-body {
        padding-top: 5px
    }

    .step-box.fullwidth {
        width: 100%
    }

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

.step-box-head {
    background: #fff;
    border-bottom: 1px solid #dde1e6;
    border-radius: 4px;
    padding: 10px 20px;
    display: flex;
    align-items: center
}

    .step-box-head .step-box-title {
        font: bold 15px/20px Tahoma
    }

    .step-box-head .right {
        float: right;
        margin-left: auto;
        min-width: 100px
    }

    .step-box-head a.right {
        border: 1px solid #dde1e6;
        border-radius: 4px;
        font: bold 12px/14px Tahoma;
        color: #000;
        padding: 0 10px
    }

        .step-box-head a.right:hover {
            background: #173356;
            border-color: #173356;
            color: #fff;
            text-decoration: none
        }

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

    .step-box-head .k-small {
        min-width: 0
    }

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

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

.step-box-body {
    padding: 15px 20px;
    font: normal 12px/1.2 Tahoma;
    color: #000
}

    .step-box-body strong {
        font-size: 14px
    }

    .step-box-body > div {
        margin-bottom: 10px
    }

    .step-box-body div.ib {
        margin-right: 15px
    }

    .step-box-body .step-table {
        margin-bottom: 10px
    }

    .step-box-body .flex {
        align-items: flex-start
    }

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

            .step-box-body .flex .left > div {
                margin-bottom: 10px
            }

            .step-box-body .flex .left + *, .step-box-body .flex .button-wrap {
                width: 100px
            }

                .step-box-body .flex .left + * .k-input, .step-box-body .flex .left + * .k-button, .step-box-body .flex .left + * .bttn, .step-box-body .flex .button-wrap .k-input, .step-box-body .flex .button-wrap .k-button, .step-box-body .flex .button-wrap .bttn {
                    min-width: 0;
                    width: 100%
                }

                .step-box-body .flex .left + * .bttn, .step-box-body .flex .button-wrap .bttn {
                    padding: 2px 10px
                }

                    .step-box-body .flex .left + * .bttn.small, .step-box-body .flex .button-wrap .bttn.small {
                        min-height: 24px;
                        line-height: 20px
                    }

    .step-box-body .form-row {
        margin-right: -10px
    }

    .step-box-body .form-input label {
        font-size: 12px;
        font-weight: normal
    }

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

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

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

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

    .infoblock .info {
        position: absolute;
        top: 4px;
        left: 0
    }

.chart-horizontal .relative {
    vertical-align: top
}

    .chart-horizontal .relative .k-chart {
        height: 85px;
        width: 85px
    }

.bttn.relative {
    position: relative
}

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

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

.form-input .error, .form-input .warning, .form-input .note {
    margin: 0
}

.form-input small.fullwidth {
    display: inline-block;
    vertical-align: top;
    margin: 5px 0
}

.form-input.flex-grow-1, .form-input.fg-1 {
    flex-grow: 1
}

.form-input .k-input {
    border-radius: 4px;
    font-size: 13px;
    line-height: 20px;
    min-height: 28px
}

.form-input .k-widget {
    border: 0
}

    .form-input .k-widget .k-picker-wrap {
        position: relative;
        border: 0
    }

        .form-input .k-widget .k-picker-wrap .k-select {
            position: absolute;
            right: 1px;
            bottom: 1px;
            top: 1px;
            width: 28px;
            background: #eaeaea;
            color: #000;
            border-radius: 0 5px 5px 0;
            border: 0;
            display: flex;
            justify-content: center;
            align-content: center;
            align-items: center
        }

            .form-input .k-widget .k-picker-wrap .k-select i {
                font-size: 14px
            }

    .form-input .k-widget .k-dropdown-wrap .k-input {
        background: #fff;
        color: #000;
        border-radius: 4px 0 0 4px
    }

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

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

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

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

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

.k-tooltip .k-callout {
    color: #9ebce0
}

.k-tooltip {
    background: #9ebce0;
    border-color: rgba(158,188,224,.5)
}

.k-dropdown .k-dropdown-wrap .k-select:hover, .k-dropdowntree .k-dropdown-wrap .k-select:hover {
    border-color: rgba(46,109,164,.5);
    color: #2e6da4;
    background-color: rgba(46,109,164,.5)
}

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

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

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

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

input.k-input, textarea.k-textarea, .k-input-md .k-input-button, .k-input-md .k-spinner-increase, .k-input-md .k-spinner-decrease, .k-picker-md .k-input-button, .k-picker-md .k-spinner-increase, .k-picker-md .k-spinner-decrease {
    padding: 2px 5px
}

.login .column-wrap {
    max-width: 800px;
    margin: 100px auto;
    background: #f7f7f7;
    border: 1px solid #dde1e6;
    border-radius: 3px
}

    .login .column-wrap .column {
        width: 50%;
        padding: 50px 30px;
        position: relative
    }

        .login .column-wrap .column .f-pass {
            font: normal 13px/1.2 Tahoma;
            display: inline-block;
            vertical-align: top;
            margin-top: 5px
        }

        .login .column-wrap .column .login-lang {
            position: absolute;
            top: 20px;
            right: 20px
        }

            .login .column-wrap .column .login-lang img {
                width: 20px;
                height: 20px;
                border-radius: 5px;
                margin-right: 5px;
                vertical-align: middle
            }

            .login .column-wrap .column .login-lang span {
                font: normal 12px/20px Tahoma;
                color: #5b5d5a;
                vertical-align: middle
            }

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

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

.table-wrapper {
    border-radius: 3px;
    position: relative
}

    .table-wrapper:first-child {
        padding-top: 20px;
        background: 0
    }

        .table-wrapper:first-child .k-grid {
            background: 0
        }

            .table-wrapper:first-child .k-grid table {
                background: #fff
            }

    .table-wrapper .k-toolbar {
        background: 0
    }

    .table-wrapper .k-grid table {
        border: 1px solid #eaeaea;
        border-collapse: collapse
    }

    .table-wrapper .k-grid th, .table-wrapper .k-grid-header .k-header {
        border-color: #eaeaea;
        border: 1px solid #eaeaea;
        background: #f7f7f7
    }

    .table-wrapper tbody tr:nth-child(even) {
        background: #f7f7f7
    }

    .table-wrapper .k-grid-toolbar {
        padding: 0 0 15px 0;
        border: 0
    }

    .table-wrapper .k-grid {
        border: 0
    }

    .table-wrapper .k-grid-toolbar > .right {
        gap: 5px;
        margin-left: auto
    }

        .table-wrapper .k-grid-toolbar > .right span {
            font: normal 13px/29px Tahoma;
            color: #000
        }

        .table-wrapper .k-grid-toolbar > .right .k-button, .table-wrapper .k-grid-toolbar > .right .bttn {
            min-width: 0
        }

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

        .table-wrapper .k-grid-toolbar > div a.k-small {
            padding: 4px 4px !important;
            min-width: 0;
            border: 0;
            background: 0;
            background: #eaeaea;
            border: 1px solid #eaeaea;
            border-radius: 4px;
            text-align: center
        }

            .table-wrapper .k-grid-toolbar > div a.k-small:hover {
                background: #9ebce0;
                border-color: #9ebce0
            }

                .table-wrapper .k-grid-toolbar > div a.k-small:hover i {
                    color: #fff
                }

            .table-wrapper .k-grid-toolbar > div a.k-small.export-js {
                position: relative
            }

                .table-wrapper .k-grid-toolbar > div a.k-small.export-js:hover:after {
                    opacity: 1 !important;
                    bottom: -16px
                }

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

                .table-wrapper .k-grid-toolbar > div a.k-small.export-js[data-type=pdfDynamic]:after {
                    content: "D"
                }

                .table-wrapper .k-grid-toolbar > div a.k-small.export-js[data-type=pdfA3]:after {
                    content: "A3"
                }

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

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

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

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

.k-dialog-buttongroup .right {
    order: 2
}

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

#values-editor {
    margin-bottom: 30px
}

#top-search.k-pb-0 .center, .top-search.k-pb-0 .center {
    padding-bottom: 5px
}

#top-search .center .white-box, .top-search .center .white-box {
    background: #f7f7f7;
    border: 1px solid #dde1e6;
    margin: 20px auto;
    border-radius: 0px;
    padding: 5px 10px 0px 10px
}

    #top-search .center .white-box form .form-row:only-child, .top-search .center .white-box form .form-row:only-child {
        margin-right: 0
    }

#top-search .center .nomax .form-input, .top-search .center .nomax .form-input {
    max-width: unset
}

#top-search .center .form-input, .top-search .center .form-input {
    max-width: 150px;
    padding-right: 10px
}

    #top-search .center .form-input.nest, .top-search .center .form-input.nest {
        padding-right: 0
    }

    #top-search .center .form-input .autosize, .top-search .center .form-input .autosize {
        width: auto
    }

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

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

.tab-nav {
    padding: 0 10px;
    display: flex
}

    .tab-nav li {
        display: inline-block !important;
        vertical-align: middle;
        font: bold 11px/1.2 Tahoma;
        text-transform: uppercase;
        padding: 4px 8px !important;
        margin: 0 5px 5px 0 !important;
        border-radius: 3px
    }

        .tab-nav li .k-link {
            padding: 0
        }

        .tab-nav li:hover, .tab-nav li.active {
            background: rgba(46,109,164,.1);
            color: #2e6da4
        }

        .tab-nav li.k-state-active, .tab-nav li.active {
            background: #2e6da4;
            color: #fff
        }

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

.form-bottom {
    padding-left: 10px;
    padding-right: 10px
}

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

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

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

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

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

.map-control-inner {
    position: absolute;
    left: 5px;
    right: 0;
    margin: auto;
    bottom: 20px;
    border-top: 0;
    height: 40px;
    color: #000;
    text-align: center
}

    .map-control-inner .mc-controlbox-inner {
        border-radius: 20px;
        padding: 5px 7px 5px 15px;
        background: #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 0px;
                line-height: 20px;
                background: 0
            }

                .map-control-inner .mc-controlbox .mc-mapstat > .k-input .k-input-inner {
                    padding: 0 10px;
                    height: 20px
                }

            .map-control-inner .mc-controlbox .mc-mapstat.autosize {
                width: auto
            }

            .map-control-inner .mc-controlbox .mc-mapstat > .k-dropdown {
                display: inline-block;
                vertical-align: top;
                background: #fff;
                border: 1px solid rgba(90,93,90,.2);
                border-radius: 20px;
                padding: 5px 10px;
                color: #2e6da4;
                font: bold 12px/20px Tahoma
            }

            .map-control-inner .mc-controlbox .mc-mapstat .specialdropdown {
                position: absolute;
                right: 5px;
                top: 0;
                bottom: 0;
                margin: auto;
                transform: rotate(180deg);
                background: #ffd45f;
                border-radius: 100%;
                width: 24px;
                height: 24px;
                padding: 4px;
                pointer-events: none;
                z-index: 1
            }

        .map-control-inner .mc-controlbox > small {
            font: normal 12px/20px Tahoma;
            color: #000;
            margin-right: 8px
        }

        .map-control-inner .mc-controlbox .k-input, .map-control-inner .mc-controlbox > input {
            font: bold 12px/20px Tahoma;
            color: #2e6da4;
            border: 0;
            line-height: 20px;
            padding: 0 0;
            height: 20px;
            width: 100px;
            font-size: 12px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            display: block
        }

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

.map-control {
    position: absolute;
    left: 0;
    top: 44px;
    right: 0;
    border-radius: 0 20px 20px 0;
    display: block;
    padding-left: 20px;
    background: #fff
}

    .map-control > .triggers {
        background: #fff;
        box-shadow: 10px 0 20px 0 rgba(0,0,0,.1);
        z-index: 2;
        position: relative;
        font-size: 0;
        border-left: 1px solid #dedfde
    }

        .map-control > .triggers > a {
            width: 51px;
            height: 44px;
            padding: 10px 2px;
            background: #fff;
            color: #173356;
            border-right: 1px solid #dedfde;
            text-align: center;
            display: inline-block
        }

            .map-control > .triggers > a.no-border {
                width: 44px;
                padding: 10px 0
            }

                .map-control > .triggers > a.no-border + a:not(.no-border) {
                    border-left: 1px solid #dedfde
                }

            .map-control > .triggers > a:hover, .map-control > .triggers > a.active {
                background: rgba(255,212,95,.2);
                color: #173356
            }

            .map-control > .triggers > a.opened {
                background: #ffd45f;
                color: #fff;
                color: #173356
            }

            .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);
        padding: 10px 10px 10px 20px;
        top: 100%
    }

        .map-control > .map-dropdown.opened, .map-control > .map-dropdown.active {
            display: block;
            animation: comeinLeft .2s linear forwards;
            left: 60px
        }

        .map-control > .map-dropdown .k-tabstrip-items-wrapper, .map-control > .map-dropdown .tab-nav {
            border-bottom: 0;
            padding: 0
        }

            .map-control > .map-dropdown .k-tabstrip-items-wrapper li, .map-control > .map-dropdown .tab-nav li {
                margin-bottom: 0 !important;
                border-radius: 12px
            }

                .map-control > .map-dropdown .k-tabstrip-items-wrapper li.k-item:hover, .map-control > .map-dropdown .tab-nav li.k-item:hover {
                    background: rgba(255,212,95,.2);
                    border-color: rgba(255,212,95,.2)
                }

                .map-control > .map-dropdown .k-tabstrip-items-wrapper li.active, .map-control > .map-dropdown .k-tabstrip-items-wrapper li.k-item.k-active, .map-control > .map-dropdown .tab-nav li.active, .map-control > .map-dropdown .tab-nav li.k-item.k-active {
                    background: #ffd45f;
                    border-color: #ffd45f;
                    color: #000
                }

                    .map-control > .map-dropdown .k-tabstrip-items-wrapper li.active .k-link, .map-control > .map-dropdown .k-tabstrip-items-wrapper li.k-item.k-active .k-link, .map-control > .map-dropdown .tab-nav li.active .k-link, .map-control > .map-dropdown .tab-nav li.k-item.k-active .k-link {
                        color: #000
                    }

        .map-control > .map-dropdown .tab-wrap {
            min-width: 540px
        }

    .map-control input::-webkit-input-placeholder {
        font-style: normal;
        color: #000;
        font-size: 12px;
        line-height: 1
    }

    .map-control .fullwidth {
        width: 100%
    }

    .map-control .form-input {
        width: 33.33%;
        padding-right: 10px;
        margin-bottom: 10px;
        display: inline-block;
        vertical-align: top;
        position: relative
    }

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

            .map-control .form-input .form-input input[type], .map-control .form-input .form-input textarea, .map-control .form-input .form-input select {
                margin-bottom: 10px
            }

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

        .map-control .form-input.half {
            width: 16.6666%
        }

        .map-control .form-input.double {
            width: 66.666%
        }

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

        .map-control .form-input.column {
            width: 50%
        }

        .map-control .form-input.pint {
            width: 20%
        }

        .map-control .form-input.quad {
            width: 25%
        }

        .map-control .form-input.oct {
            width: 12.5%
        }

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

        .map-control .form-input.nest {
            padding-right: 0
        }

        .map-control .form-input label {
            font: bold 12px/1.2 Tahoma;
            padding: 0 10px 5px
        }

            .map-control .form-input label input[type] ~ span {
                font-weight: normal;
                vertical-align: middle
            }

#map-branches {
    background: #fff;
    box-shadow: 0 10px 20px 0 rgba(0,0,0,.1);
    border-radius: 0 20px 20px 0;
    min-width: 200px
}

    #map-branches ul {
        list-style: none;
        padding: 0
    }

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

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

                #map-branches ul li a:hover, #map-branches ul li a.active {
                    background: rgba(46,109,164,.1);
                    color: #2e6da4
                }

                #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 {
                    font: bold 13px/14px Tahoma;
                    display: inline-block;
                    vertical-align: middle;
                    padding-right: 15px
                }

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

#map-nav {
    white-space: nowrap;
    border-radius: 0 20px 20px 0;
    padding-left: 20px;
    min-width: 0
}

    #map-nav a {
        display: inline-block;
        vertical-align: middle;
        margin: 0 6px
    }

        #map-nav a .icon {
            width: 22px;
            height: 22px;
            color: #000
        }

        #map-nav a.active .icon, #map-nav a:hover .icon {
            color: #2e6da4
        }

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

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

.mc-results hr {
    display: block;
    margin: 10px 0px 12px 0px;
    border: 0;
    border-top: 2px solid #f4f4f4;
    background: 0;
    opacity: 1
}

.mc-results .mc-tab-body .mc-results-top > strong {
    display: block;
    font: bold 11px/1 Tahoma;
    margin: 10px 0;
    color: #000;
    text-transform: uppercase
}

#map-search {
    padding-left: 10px;
    max-height: 400px;
    overflow: auto
}

    #map-search .tab-nav ~ .tab-body {
        padding-top: 5px
    }

    #map-search .object-control {
        font-size: 0
    }

        #map-search .object-control input[type=checkbox] {
            margin-right: 0
        }

    #map-search label.checkboxes span, #map-search .checkboxes label span {
        font-size: 12px;
        line-height: 16px;
        color: #000;
        margin-left: 25px
    }

    #map-search .k-textbox, #map-search input[type] {
        height: 30px;
        line-height: 28px;
        font-size: 12px;
        border-color: rgba(90,93,90,.2)
    }

    #map-search .checkboxes .icon.check, #map-search input[type=checkbox] {
        height: 16px;
        width: 16px;
        line-height: 1;
        margin-right: 5px
    }

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

.inner-chart-content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    margin-top: -50px;
    margin-left: -50px;
    font-size: 40px;
    font-weight: bold;
    line-height: 45px;
    vertical-align: middle;
    text-align: center;
    color: #000
}

    .inner-chart-content small {
        display: block;
        font-size: 12px;
        font-weight: normal;
        line-height: 1.2;
        margin: 2px 0
    }

    .inner-chart-content hr {
        height: 2px;
        background: #d8d8d8;
        border: 0;
        margin: 10px 0 5px;
        display: block
    }

    .inner-chart-content span {
        font-size: 30px
    }

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

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

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

.chart-horizontal-item {
    margin-bottom: 30px;
    overflow: hidden
}

    .chart-horizontal-item .relative {
        margin-right: 15px
    }

    .chart-horizontal-item .column-wrap {
        flex-wrap: wrap
    }

        .chart-horizontal-item .column-wrap .column {
            white-space: nowrap;
            padding-right: 15px;
            margin-bottom: 10px
        }

            .chart-horizontal-item .column-wrap .column div {
                white-space: normal
            }

.charts-wrap .step-box {
    container: chartsteps/inline-size
}

.charts-wrap .circle + * {
    font: normal 12px/1.2 Tahoma;
    color: #000;
    margin-top: 10px
}

    .charts-wrap .circle + * small {
        font-size: 12px
    }

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

.tasks-wrap {
    background: #fff;
    padding-top: 10px
}

    .tasks-wrap .steps-body {
        margin-top: 0
    }

    .tasks-wrap .three {
        background: #f7f7f7;
        padding: 10px;
        position: relative
    }

        .tasks-wrap .three:after {
            content: "";
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
            position: absolute;
            height: 100px;
            background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FAFAFA 100px)
        }

    .tasks-wrap .task-scrollable {
        position: relative;
        transition: height .2s linear;
        overflow: auto;
        padding-bottom: 50px
    }

        .tasks-wrap .task-scrollable .step-box .step-box-body {
            padding: 12px 20px
        }

        .tasks-wrap .task-scrollable .step-box .status {
            margin-bottom: 3px
        }

        .tasks-wrap .task-scrollable .step-box hr {
            border: 0;
            height: 1px;
            background: #ebebeb;
            margin: 10px -20px;
            display: block
        }

    .tasks-wrap .step-box-body article > *:first-child {
        margin-top: 0
    }

    .tasks-wrap .step-box-body > strong, .tasks-wrap .step-box-body > span {
        font-size: 12px
    }

        .tasks-wrap .step-box-body > span + span {
            margin-left: 10px
        }

.option {
    color: #000;
    margin-left: 5px;
    margin-bottom: 5px
}

    .option:hover {
        text-decoration: none;
        color: #2e6da4
    }

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

    .task-title .minicircle {
        vertical-align: middle;
        margin-bottom: 0 !important
    }

    .task-title strong {
        vertical-align: middle
    }

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

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

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

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

@media print {
    select, .k-small, .k-button, .bttn {
        display: none !important
    }
}

@media screen and (max-width: 1500px) {
    .column-wrap {
        flex-wrap: wrap
    }

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

        .column-wrap.flex-gap-20 .three {
            width: calc(50% - 10px) !important
        }

    .steps-footer {
        width: 100%
    }

    #zaqvlenie.flex {
        flex-wrap: wrap
    }

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

    .steps-footer {
        padding: 10px 20px;
        flex-direction: row;
        background: #ccc;
        justify-content: center;
        align-items: center
    }

        .steps-footer .bttn {
            margin: 0;
            height: auto;
            min-height: 0 !important;
            flex-flow: row;
            align-self: center;
            gap: 10px;
            padding: 18px 20px !important;
            max-width: unset;
            padding: 10px
        }

            .steps-footer .bttn .k-icon, .steps-footer .bttn .icon {
                display: none
            }
}

@media screen and (max-width: 1380px)and (min-width: 980px) {
    body.map header .header-center {
        display: none
    }

    body.map header .header-bottom .center {
        margin-top: 0
    }

    .mapmenu {
        float: right
    }

    body.map header nav > ul {
        margin-top: 8px
    }

    body.map header .header-bottom {
        width: 100%;
        float: none;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 10px
    }

    nav ul li {
        padding: 0 3px
    }
}

@media screen and (max-width: 1420px) {
    nav .right > a > span {
        display: none
    }

    .header-bottom .center, .center {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media screen and (max-width: 1340px) {
    .itemlist li a .title {
        font-size: 17px
    }
}

@media screen and (max-width: 1240px) {
    .itemlist .item.five, .itemlist li.five {
        width: calc(33.333% - 20px)
    }

    .index-top h1 {
        font-size: 30px
    }

    .fbox4.column {
        padding-left: 0;
        margin-top: 20px;
        width: 100%
    }

        .fbox4.column .ib:first-child {
            padding-left: 0
        }
}

@media screen and (max-width: 1180px) {
    .center {
        padding: 0 20px
    }
}

@media screen and (max-width: 1080px) {
    .itemlist .item.four, .itemlist li.four {
        width: calc(50% - 20px)
    }

    nav .right {
        font-size: 0
    }

        nav .right a .icon {
            margin-right: 0
        }

    nav ul ul:before {
        margin-bottom: -1px
    }
}

@media screen and (max-width: 980px) {
    body .column-wrap.flex-gap-20 .three, body .column-wrap .three {
        width: 100% !important
    }

        body .column-wrap.flex-gap-20 .three .column-wrap .column.right, body .column-wrap .three .column-wrap .column.right {
            margin-top: 20px
        }

    #zaqvlenie.flex {
        height: calc(100vh - 100px);
        flex-flow: column
    }

    .control-menu {
        width: 100%
    }

        .control-menu .togglemenu {
            display: none
        }

        .control-menu ul {
            display: flex;
            flex-wrap: wrap;
            gap: 10px
        }

            .control-menu ul li a {
                padding-right: 10px
            }
}

@media screen and (max-width: 920px) {
    .gotop {
        width: 50px;
        height: 50px;
        top: -25px
    }

        .gotop .icon {
            width: 20px;
            height: 30px
        }
}

@media screen and (max-width: 767px) {
    .table-wrapper {
        overflow: auto
    }

    .openedprofilemenu .content {
        filter: grayscale(1) blur(0.5px)
    }

    .column-wrap {
        flex-flow: column
    }

        .column-wrap .column {
            width: 100%
        }

    .login .column-wrap .column {
        width: 100%
    }

    .header-center .logo {
        height: auto
    }

    .itemlist .item.five, .itemlist li.five {
        width: calc(50% - 20px)
    }

    .index-top {
        text-align: center;
        padding: 20px 0
    }

        .index-top h1 {
            font-size: 20px;
            text-align: center
        }

    .check-status .sectitle {
        text-align: center
    }

    .check-status {
        text-align: center;
        padding: 20px;
        flex-flow: column
    }

        .check-status > .right, .check-status > .column {
            width: 100% !important
        }

    .map-control > .map-dropdown .tab-wrap, .map-control > .map-dropdown {
        min-width: 340px;
        max-width: calc(100vw - 80px)
    }

    .form-bottom {
        flex-flow: column
    }

        .form-bottom .bttn {
            width: 100%
        }

        .map-control .form-input, .form-bottom .column {
            width: 100%
        }

    .form-input {
        width: 50%
    }
}

@media screen and (max-width: 746px) {
    #respbtn {
        display: block;
        float: right
    }

    body.map header .header-bottom {
        float: right;
        padding-right: 20px
    }

        body.map header .header-bottom #respbtn span {
            background: #000
        }

        body.map header .header-bottom .center {
            margin-top: 0
        }

        body.map header .header-bottom nav {
            float: left
        }

    .mapmenu {
        margin-top: 3px
    }

        .mapmenu > span {
            display: none
        }

    body.map header .header-center {
        width: 50%;
        margin-bottom: 0;
        padding-bottom: 10px
    }

    body.map header .logo.left {
        max-width: 100%
    }

    body.map header nav > ul {
        display: none
    }

    .header-bottom {
        border-radius: 0
    }

        .header-bottom nav ul {
            display: none
        }

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

    .header-center .logo {
        max-width: 48%
    }
}

@media screen and (max-width: 680px) {
    aside {
        width: auto;
        float: none
    }

        aside + * {
            margin-left: 0
        }

    .paymethods article .column-wrap {
        flex-flow: column
    }

    .paymethods article .column {
        width: 100% !important;
        padding: 0 !important
    }

    .itemlist .item.four, .itemlist li.four {
        width: 100%
    }

    .gotop {
        right: 20px
    }

    .sectitle, .check-status .sectitle {
        font-size: 20px
    }

    .footer-bottom .copyleft {
        padding: 0 20px
    }

    .fbox4 .ib, .fbox1, .fbox2, .fbox3 {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        text-align: center
    }
}

@media screen and (max-width: 600px) {
    .k-toolbar::before {
        display: none
    }

    .table-wrapper .k-grid-toolbar {
        flex-flow: column;
        justify-content: center;
        display: block;
        float: none
    }

        .table-wrapper .k-grid-toolbar .left {
            display: block;
            float: none;
            margin-top: 0;
            margin-bottom: 10px;
            margin-right: auto;
            text-align: center
        }

        .table-wrapper .k-grid-toolbar .right {
            float: none;
            text-align: center;
            display: block
        }

            .table-wrapper .k-grid-toolbar .right a {
                margin-right: 2px
            }

    header nav #threedots, header nav .right ul {
        right: 0;
        left: 0;
        width: auto;
        position: fixed;
        top: 44px
    }

    .index-top {
        background-position: left top
    }

    .responsivenav {
        width: 100%
    }

        .responsivenav nav ul ul {
            min-width: 0
        }

            .responsivenav nav ul ul li a {
                padding: 0 10px
            }

    .header-top .right {
        display: block;
        width: 100%
    }

        .header-top .right .lang {
            float: right;
            margin-top: 3px
        }

            .header-top .right .lang span {
                display: none
            }

    .header-top .left {
        display: none
    }

    .header-top .right .ib {
        margin-left: 0
    }

    .form-input.fullwidth {
        padding-right: 0
    }
}

@media screen and (max-width: 480px) {
    .bttn.small {
        margin-bottom: 5px
    }

    .steps-footer {
        flex-flow: column
    }

    .k-splitbar.k-splitbar-horizontal {
        display: none !important
    }

    #top-search .center .form-input, .top-search .center .form-input {
        max-width: unset
    }

    #zaqvlenie.flex {
        height: auto !important
    }

    .k-window-split-wrap {
        padding-right: 0 !important;
        display: flex;
        height: unset;
        flex-flow: column
    }

        .k-window-split-wrap .k-window-right-wrap, .k-window-split-wrap .k-window-left-wrap {
            width: 100% !important;
            position: static !important;
            overflow: auto;
            max-height: unset !important;
            height: unset !important
        }

    .control-menu ul {
        justify-content: center
    }

        .control-menu ul li a {
            font-size: 0;
            padding-right: 2px
        }

            .control-menu ul li a .icon {
                margin-right: 0
            }

    .step-box-head {
        flex-flow: column;
        justify-content: center
    }

        .step-box-head .step-box-title {
            display: block
        }

        .step-box-head a.right {
            margin-top: 9px;
            float: none;
            margin-left: 0
        }

    .form-input-dash {
        display: none
    }

    .form-row .k-flex-nowrap {
        flex-wrap: wrap
    }

    body.map header .header-center {
        display: none
    }

    body.map header .header-bottom {
        width: 100%;
        padding: 0 20px 10px
    }

    .itemlist .item.five, .itemlist li.five {
        width: 100%
    }

    .split-content-wrap .content-flex .k-button.k-small, .split-content-wrap .content-flex .bttn.small {
        min-width: 34px;
        min-height: 34px
    }
}

@media screen and (max-width: 390px) {
    header nav .right ul, nav ul ul {
        min-width: 260px
    }

    .empty {
        display: none !important
    }

    .autosize .k-datepicker {
        width: auto
    }

    .autosize .k-textbox, *.form-input {
        width: 100% !important;
        max-width: 100%
    }

    .form-input.fullwidth .f-pass {
        width: 100%;
        text-align: center
    }
}

@container chartsteps (inline-size < 600px) {
    .big-blocks-wrap .three {
        width: calc(50% - 10px)
    }

    .chart-horizontal-item .column-wrap {
        flex-direction: column
    }

        .chart-horizontal-item .column-wrap .column {
            width: 100%;
            white-space: normal;
            align-items: center
        }
}

@container chartsteps (inline-size < 480px) {
    body .flex-gap-20.column-wrap {
        flex-flow: column
    }

        body .flex-gap-20.column-wrap .three {
            width: 100% !important
        }

    .step-box-body .k-flex-nowrap {
        flex-flow: column
    }

        .step-box-body .k-flex-nowrap .form-input-dash {
            display: none !important
        }

        .step-box-body .k-flex-nowrap .form-input.column {
            width: 100% !important
        }
}

@container formrow-layout (inline-size < 550px) {
    .columns2 {
        columns: unset !important
    }

    .split-content-wrap .content-flex.column {
        width: 100%
    }

    .split-content-wrap .form-row .form-input, .split-content-wrap .form-row .form-input.column {
        width: 49%
    }

        .split-content-wrap .form-row .form-input.three {
            width: 49%
        }

        .split-content-wrap .form-row .form-input.double {
            width: 100%
        }

        .split-content-wrap .form-row .form-input.quad {
            width: 32%
        }

    .basicinfo {
        margin-left: 0;
        max-width: 100%
    }
}

@container formrow-layout (inline-size < 400px) {
    .form-input .bttn.autosize:not(.small), .form-input .bttn.ib:not(.small) {
        width: 100%;
        margin-bottom: 5px
    }

    .split-content-wrap .content-flex .left {
        margin-bottom: 5px
    }

    .split-content-wrap .content-flex .right.text-right {
        text-align: left
    }

    .split-content-wrap .content-flex {
        flex-flow: column
    }

        .split-content-wrap .content-flex .ib {
            display: block
        }

            .split-content-wrap .content-flex .ib + .ib {
                margin-left: 0
            }

        .split-content-wrap .content-flex .left, .split-content-wrap .content-flex .right {
            width: 100%;
            max-width: 100%;
            float: none;
            display: block;
            padding-right: 0
        }

            .split-content-wrap .content-flex .left .form-input, .split-content-wrap .content-flex .right .form-input {
                width: 100% !important
            }

    .split-content-wrap .form-row .form-input, .split-content-wrap .form-row .form-input.quad, .split-content-wrap .form-row .form-input.three, .split-content-wrap .form-row .form-input.column {
        width: 100%
    }
}
/*# sourceMappingURL=style.css.map */