/*@import url(grid.css);
@import url(Fonts/opensans.css);*/

html * {
    font-family: 'Open Sans', 'Segoe UI', Arial, Tahoma, Geneva, Verdana, sans-serif;
    color: rgb(68, 68, 68);
    padding: 0;
    margin: 0;
    outline: 0;
    -webkit-appearance: none !important;
}

*:active, *:focus {
    outline: none;
}

*::-moz-focus-inner {
    border: 0;
}

input::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

input::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0;
    /* <-- Apparently some margin are still there even though it's hidden */
}

input[type="number"] {
    -moz-appearance: textfield;
    box-shadow: none;
}

.indent {
    clear: both;
    display: block !important;
    width: 16px;
    height: 16px;
}

.indent-6 {
    width: 6px;
    height: 6px;
    clear: both;
}

.indent-11 {
    width: 11px;
    height: 11px;
    clear: both;
}

.indent-20 {
    width: 20px;
    height: 20px;
    clear: both;
}

.indent-25 {
    width: 25px;
    height: 25px;
    clear: both;
}

.indent-30 {
    width: 30px;
    height: 30px;
    clear: both;
}

.indent-50 {
    width: 50px;
    height: 50px;
    clear: both;
}

[class*="indent"][data-ui-horizontal="true"] {
    clear: none;
    display: inline-block !important;
    height: 1px;
    margin-left: -5px;
    vertical-align: top;
}

label {
    position: relative;
}

section {
    display: inline-block;
    width: 100%;
}

p {
    margin: 16px 0;
}

aside, blockquote>* {
    color: rgb(139, 139, 139);
    font-style: italic;
    font-size: 20px;
    line-height: 1.7;
    text-align: left;
    border-left: 6px solid rgb(139, 139, 139);
    padding-left: 30px;
    margin: 56px 0 !important;
}

h1, h2, h3, h4, h5, h6 {
    color: rgb(68, 68, 68);
    line-height: 0.9;
}

h1, .h1 {
    font-size: 40px;
    line-height: 54px;
}

h2, .h2 {
    font-size: 36px;
    line-height: 50px;
}

h3, .h3 {
    font-size: 32px;
    line-height: 44px;
}

h4, .h4 {
    font-size: 28px;
    line-height: 40px;
}

h5, .h5 {
    font-size: 24px;
    line-height: 34px;
}

h6, .h6 {
    font-size: 20px;
    line-height: 30px;
}

.title {
    display: block;
    margin-bottom: 3px;
    font-weight: 600;
}

.title-gray, .title-gray * {
    color: rgb(111, 111, 111);
}

.lb-marker {
    background-color: #ffd200;
}

.lb {
    display: inline-block;
    font-size: 10px;
    border-radius: 3px;
    border: 0;
    line-height: 14px;
    text-align: center;
    padding: 1px 7px 2px 7px;
    margin: 3px;
    color: #fff;
    background-color: #afafaf;
}

.lb-18 {
    font-size: 18px;
    line-height: 1.778;
}

.lb-16 {
    font-size: 16px;
    line-height: 26px;
}

.lb-15 {
    font-size: 15px;
    line-height: 24px;
}

.lb-14 {
    font-size: 14px;
    line-height: 22px;
}

.lb-13 {
    font-size: 13px;
    line-height: 20px;
}

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

.lb-11 {
    font-size: 11px;
    line-height: 14px;
}

.lb-10 {
    font-size: 10px;
    line-height: 12px;
}

.lb-light {
    color: rgb(137, 144, 155);
    background-color: rgb(223, 225, 229);
}

.lb-dark {
    background-color: #516173;
}

.lb-orange {
    background-color: #f7981c;
}

.lb-red {
    background-color: #ff4c4c;
}

.lb-blue {
    background-color: #009ce1;
}

.lb-green {
    background-color: #3eb354;
}

.lb-lightblue {
    background-color: #e6f1f8;
    color: rgb(68, 68, 68);
}

.lb-img {
    display: inline-block;
    background-image: url();
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px;
    font-weight: normal;
}

.lb-img-tx {
    display: inline-block;
    padding-left: 26px;
    background-image: url();
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 16px;
}

.tip {
    color: #9c9c9c;
}

.tip-ok {
    color: #3eb354;
}

.tip-error {
    color: #ff4c4c;
}

.text-normal {
    font-weight: normal;
}

.text-bold {
    font-weight: bold;
}

.text-lightbold {
    font-weight: 600;
}

.text-slim {
    font-weight: 300;
}

.text-nowrap {
    white-space: nowrap;
}

.text-center {
    text-align: center !important;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-justify {
    text-align: justify !important;
}

.text-upper {
    text-transform: uppercase !important;
}

.text-lower {
    text-transform: lowercase !important;
}

.hr {
    width: 100%;
    height: 1px;
    background-color: #e8e8e8;
}

.hr-text {
    overflow: hidden;
    text-align: center;
    text-transform: uppercase;
}

.hr-text:before, .hr-text:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 1px;
    background-color: #ebebeb;
    position: relative;
}

.hr-text:before {
    margin-left: -100%;
    left: -14px;
}

.hr-text:after {
    margin-right: -100%;
    right: -14px;
}

.b {
    font-weight: 600;
}

.chb, .rb {
    display: none;
}

.chb+label, .rb+label {
    cursor: pointer;
    display: inline-block;
    position: relative;
}

.chb:disabled+label, .chb:disabled+label:hover, .rb:disabled+label, .rb:disabled+label:hover {
    -ms-filter: saturate(0%);
    -moz-filter: saturate(0%);
    -webkit-filter: saturate(0%);
    filter: saturate(0%);
    opacity: 0.6;
}

.chb+label {
    background: url(Images/UI/chb.svg) top 2px left 2px no-repeat;
    background-size: 20px 20px;
    padding-left: 30px;
    min-height: 24px;
}

.chb:checked+label {
    background-image: url(Images/UI/chb-checked.svg);
}

.chb-heart+label {
    background: url(Images/UI/heart.svg) center center no-repeat;
    background-size: 20px;
    cursor: pointer;
}

.chb-heart:checked+label {
    background-image: url(Images/UI/heart_checked.svg);
}

.chb-switcher {
    display: none;
}

.chb-switcher+label {
    cursor: pointer;
    background-color: rgb(210, 210, 210);
    border-radius: 12px;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2) inset;
    display: inline-block;
    height: 24px;
    position: relative;
    transition: all .3s;
    vertical-align: middle;
    width: 48px;
    line-height: 24px;
    text-indent: 56px;
    white-space: nowrap;
}

.chb-switcher+label::after {
    content: "";
    display: block;
    position: absolute;
    left: 2px;
    top: 2px;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border-radius: 100%;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
    transition: all .3s;
}

.chb-switcher:checked+label {
    background-color: rgb(0, 156, 225);
    box-shadow: none;
}

.chb-switcher:checked+label::after {
    left: 26px;
}

.chb-star+label {
    background: url(Images/UI/star.svg) center center no-repeat;
    background-size: 24px;
    cursor: pointer;
}

.chb-star:checked+label {
    background-image: url(Images/UI/star_checked.svg);
}

.rb+label:not([class]) {
    background: url(Images/UI/rb.svg) top 2px left 2px no-repeat;
    background-size: 20px 20px;
    padding-left: 30px;
}

.rb:checked+label:not([class]) {
    background-image: url(Images/UI/rb-checked.svg);
}

.rb-anim+label, .rb-anim:checked+label, .rb-anim+label:not([class]), .rb-anim:checked+label:not([class]) {
    background-image: none;
}

.rb-anim+label::before, .rb-anim+label::after {
    content: " ";
    display: block;
    position: absolute;
    top: 2px;
    left: 3px;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: 1px solid #009CE1;
    border-radius: 100%;
    transition: border-width 0.2s;
}

.rb-anim:checked+label::after {
    border: 6px solid #37B2E8;
}

.btn, .tx {
    transition: background-color .3s, color .3s, border-color .3s;
    background-color: rgb(237, 237, 237);
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    outline: 0;
    margin: 3px 0;
    vertical-align: middle;
    border: 1px solid transparent;
}

.btn:disabled, .tx:disabled {
    cursor: not-allowed;
    opacity: .6;
}

.btn {
    text-align: center;
    text-decoration: none;
    padding: 7px 20px;
    margin: 3px 0;
    cursor: pointer;
}

.btn:first-of-type {
    margin-left: 0;
}

.btn:hover, .btn:focus, .btn[data-ui-active="true"], .rb:checked+.btn {
    color: rgb(138, 138, 138);
    background-color: #f5f5f5;
    z-index: 2;
}

.btn-dark:disabled {
    opacity: 0.2;
    cursor: default;
}

.btn-dark, .btn-dark:disabled, .btn-dark[disabled]:hover {
    color: #FFF;
    background-color: rgb(0, 157, 222);
}

.btn-dark:hover, .btn-dark:focus, .btn-dark[data-ui-active="true"], .rb:checked+.btn-dark {
    color: #FFF;
    background-color: rgb(55, 192, 248);
}

.btn-gray {
    color: #fff;
    background-color: #989898;
}

.btn-gray:hover, .btn-gray:focus, .btn-gray[data-ui-active="true"], .rb:checked+.btn-gray {
    color: rgb(68, 68, 68);
    background-color: #cccccc;
}

.btn-gray:disabled {
    color: rgb(68, 68, 68);
    background-color: #cccccc;
    opacity: 0.3;
}

.btn-lightgray {
    color: rgb(68, 68, 68);
    background-color: rgb(237, 237, 237);
    border-color: #cccccc;
}

.btn-lightgray:disabled {
    cursor: default !important;
}

.btn-lightgray:hover, .btn-lightgray:focus, .btn-lightgray[data-ui-active="true"], .rb:checked+.btn-lightgray {
    color: rgb(68, 68, 68);
    background-color: #cccccc;
}

.btn-default {
    background-color: #fff;
}

.btn-default:hover, .btn-default:focus, .btn-default[data-ui-active="true"], .rb:checked+.btn-default {
    background-color: rgb(237, 237, 237);
}

.btn-green {
    color: #FFF;
    background-color: #3eb354;
}

.btn-green:hover, .btn-green:focus, .btn-green[data-ui-active="true"], .rb:checked+.btn-green {
    color: #FFF;
    background-color: #77DA95;
}

.btn-green:disabled {
    color: #FFF;
    background-color: #3eb354;
}

.btn-white {
    text-transform: uppercase;
    border: 1px solid rgb(0, 156, 225);
    background-color: #fff;
    color: rgb(68, 68, 68);
}

.btn-white:hover, .btn-white:focus, .btn-white[data-ui-active="true"], .rb:checked+.btn-white {
    color: #fff;
    background-color: rgb(0, 156, 225);
}

.btn-blue {
    text-transform: uppercase;
    border: 1px solid rgb(0, 156, 225);
    color: #fff;
    background-color: rgb(0, 156, 225);
}

.btn-blue:hover, .btn-blue:focus, .btn-blue[data-ui-active="true"], .rb:checked+.btn-blue {
    background-color: #fff;
    color: rgb(68, 68, 68);
}

.btn-tab {
    background-color: #fff;
    border: 1px solid transparent;
    text-transform: uppercase;
}

.btn-tab:hover, .btn-tab[data-ui-active="true"], .rb:checked+.btn-tab {
    background-color: #fff;
    border-color: rgb(0, 156, 225);
    color: rgb(68, 68, 68);
    position: relative;
    z-index: 1;
}

.btn-opacity {
    background-color: transparent;
    border: 1px solid transparent;
    transition: all .3s !important;
    opacity: 1;
}

.btn-opacity:hover, .btn-opacity[data-ui-active="true"] {
    opacity: 0.7;
    background-color: transparent;
    border: 1px solid transparent;
}

.btn-group-tab {
    background-color: #fff;
    border: 1px solid rgb(230, 234, 238);
    text-transform: uppercase;
    color: #d8d8d8;
    font-weight: bold;
}

.btn-group-tab:hover {
    background-color: #fff;
    border-color: rgb(0, 156, 225);
    color: #d8d8d8;
    position: relative;
    z-index: 1;
}

.btn-group-tab[data-ui-active="true"] {
    background-color: rgb(0, 156, 225);
    border-color: rgb(0, 156, 225);
    color: #fff;
    position: static;
}

.btn-group-tab[disabled], .btn-group-tab[disabled]:hover {
    background-color: #fff;
    border: 1px solid rgb(230, 234, 238);
    position: static;
    cursor: default;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}

.btn-blue-tab {
    background-color: #fff;
    border: 1px solid rgb(230, 234, 238);
    color: rgb(0, 156, 225);
    border-color: rgb(0, 156, 225);
}

.btn-blue-tab:hover {
    background-color: #fff;
    border-color: rgb(0, 156, 225);
    color: rgb(0, 156, 225);
    position: relative;
    z-index: 1;
}

.btn-blue-tab[data-ui-active="true"] {
    background-color: rgb(0, 156, 225);
    border-color: rgb(0, 156, 225);
    color: #fff;
    position: static;
}

.btn-light {
    border-color: rgb(0, 156, 225);
    background-color: transparent;
    color: rgb(0, 156, 225);
}

.btn-light:hover, .btn-light:focus, .btn-light[data-ui-active="true"], .rb:checked+.btn-light {
    background-color: rgb(0, 156, 225);
    color: #fff;
}

.btn-light-sh {
    border-color: rgb(0, 156, 225);
    background-color: transparent;
    color: rgb(0, 156, 225);
    transition: all .3s;
}

.btn-light-sh:hover, .btn-light-sh:focus, .btn-light-sh[data-ui-active="true"], .rb:checked+.btn-light-sh {
    box-shadow: 0 0 9px rgba(0, 156, 225, 0.5);
    background-color: transparent;
    color: rgb(0, 156, 225);
}

.btn-light-green {
    border-color: #3EB354;
    background-color: transparent;
    color: #3EB354;
}

.btn-light-green:hover, .btn-light-green:focus, .btn-light-green[data-ui-active="true"], .rb:checked+.btn-light-green {
    background-color: #3EB354;
    color: #fff;
}

.btn-cat {
    border-color: rgb(232, 232, 232);
    background-color: rgb(249, 249, 249);
    color: rgb(120, 120, 120);
}

.btn-cat:hover, .btn-cat[data-ui-active="true"], .rb:checked+.btn-cat {
    background-color: rgb(0, 156, 225);
    border-color: rgb(0, 156, 225);
    color: #fff;
}

.btn-border, .btn-border[disabled="disabled"] {
    border-color: #cccccc;
    background-color: #fff;
}

.btn-tag {
    background-color: #f6fcff;
    border: 1px solid rgb(227, 234, 243);
    color: #444444 !important;
    font-weight: 200;
    font-size: 12px !important;
    margin: 5px 0;
}

.btn-tag:hover {
    background-color: rgb(220, 234, 244);
    color: #444444 !important;
}

.btn-white-invert {
    background-color: transparent;
    border: 1px solid #fff;
}

.btn-white-invert:hover {
    background-color: #fff;
    color: #009DDE;
}

.tx {
    padding: 8px 15px;
    background-color: #fff;
    border: 1px solid rgb(210, 210, 210);
    z-index: 0;
    font-size: 13px;
}

.tx:focus {
    background-color: #fff;
    border-color: rgb(0, 156, 225);
}

.tx-gray {
    background-color: rgb(237, 237, 237);
    background-color: rgb(249, 249, 249);
}

[data-ui-warning="true"], [data-ui-ok="true"], [data-ui-loading="true"], .has-error .form-control, .error>.form-control {
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) center;
    background-size: 16px;
    position: relative;
    padding-right: 30px !important;
}

[data-ui-warning="true"], .has-error .form-control, .error>.form-control {
    border-color: rgb(219, 82, 82) !important;
    background-image: url(Images/UI/error.svg) !important;
}

[data-ui-ok="true"] {
    border-color: rgb(62, 179, 84) !important;
    background-image: url(Images/UI/ok.svg) !important;
}

[data-ui-loading="true"] {
    border-color: rgb(0, 156, 225) !important;
    background-image: url(Images/UI/loading.svg) !important;
}

a {
    text-decoration: none;
}

.lnk {
    text-decoration: none;
    text-transform: none;
    transition: color .3s;
    display: inline-block;
    border: none;
    cursor: pointer;
    border-bottom-color: rgb(95, 95, 94);
}

.lnk * {
    transition: color .3s;
}

.lnk:hover, .lnk[data-ui-active="true"], .lnk:hover * {
    color: #009CE1;
}

.lnk-active {
    color: #009CE1;
    border-bottom-color: #009CE1;
}

.lnk-green {
    color: #3eb354;
    border-bottom-color: #3eb354;
}

.lnk-lightgray {
    color: #8b8b8b;
    border-bottom-color: #8b8b8b;
}

.lnk-gray {
    color: #6f6f6f;
    border-bottom-color: #6f6f6f;
}

.lnk-underline {
    transition: all .3s;
    border-bottom: 1px dotted;
    display: inline;
}

.lnk-underline[data-ui-active="true"] {
    border-bottom-color: #009CE1;
}

.lnk-underline:hover {
    border-bottom-color: transparent !important;
}

.lnk-url, .lnk-url-light {
    font-weight: normal;
    font-size: 12px;
    text-decoration: none;
    border-bottom: 1px dotted rgb(95, 95, 94);
}

.lnk-url-light {
    color: rgb(95, 95, 94);
    font-size: 13px;
}

.in-big {
    padding: 12px 25px;
    font-size: 16px;
}

.in-small {
    font-size: 13px;
    line-height: 1;
    padding: 7px 9px;
}

.in-middle {
    font-size: 13px;
    line-height: 1.2;
    padding: 6px 12px;
}

.in-img-tx {
    text-indent: 22px;
    background-image: url();
    background-repeat: no-repeat;
    background-position: 12px center !important;
    background-size: 16px;
}

.in-img-tx-right {
    text-indent: 0px;
    padding-right: 30px !important;
    background-position: calc(100% - 10px) center !important;
}

.in-img-tx-right:not(input, button) {
    padding-left: 0 !important;
}

.in-img {
    padding-left: 0;
    padding-right: 0;
    height: 36px;
    width: 36px;
    min-width: 36px;
    background-image: url();
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px;
}

.in-img-small {
    background-size: 12px;
}

/*.in-img-small:not(.lb-img-tx) {
    text-indent: 14px;
}*/

.in-img-middle {
    background-size: 18px;
    text-indent: 30px;
}

.in-img-big {
    background-size: 24px;
    text-indent: 30px;
}

.in-round {
    border-radius: 18px;
}

/*под вопросом реализация*/

.group {
    display: inline;
}

.group .tx, .group .btn {
    margin: 3px -5px 3px 0;
    border-radius: 0;
    transition: background-color .3s, color .3s, border-color .0s;
    vertical-align: top;
}

.group .tx:first-of-type, .group .btn:first-of-type {
    border-radius: 3px 0 0 3px;
}

.group .tx:last-of-type, .group .btn:last-of-type {
    border-radius: 0 3px 3px 0;
}

.group .tx:focus, .group .btn-blue:hover, .group .btn-white:hover {
    position: relative;
    z-index: 1;
}

@media (min-width: 768px) {
    .in-img {
        width: 36px;
    }
    .group {
        display: inline;
    }
    .group .tx, .group .btn {
        margin: 3px -5px 3px 0;
        border-radius: 0;
        transition: background-color .3s, color .3s, border-color .0s;
    }
    .group .tx:first-of-type, .group .btn:first-of-type {
        border-radius: 3px 0 0 3px;
    }
    .group .tx:last-of-type, .group .btn:last-of-type {
        border-radius: 0 3px 3px 0;
    }
    .group .tx:focus, .group .btn-blue:hover, .group .btn-white:hover {
        position: relative;
        z-index: 1;
    }
}

ul>li {
    list-style: none;
}

.ul>li {
    padding-left: 25px;
    position: relative;
}

.ul>li::before {
    content: " ";
    display: block;
    position: absolute;
    left: 0;
    top: calc(50% - 3px);
    width: 6px;
    height: 6px;
    background-color: rgb(63, 63, 63);
    border-radius: 100%;
}

.ul-light>li {
    padding-left: 17px;
    position: relative;
}

.ul-light>li::before {
    content: " ";
    display: block;
    position: absolute;
    left: 0;
    top: calc(50% - 3px);
    width: 6px;
    height: 6px;
    background-color: #d2d2d2;
    border-radius: 100%;
}

.li-it {
    padding: 6px 25px;
    display: block;
}

.nav-xs {
    text-align: left;
    width: 100%;
}

.nav-xs>li {
    position: relative;
    transition: all .3s;
}

.nav-xs>li>ul {
    display: none;
}

.nav-xs>li[data-ui-drop="true"]>label {
    vertical-align: top;
    z-index: 9999999;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.nav-xs>li[data-ui-drop="true"]>label::before {
    content: " ";
    display: block;
    height: 40px;
    position: absolute;
    right: 5px;
    top: 2px;
    width: 100%;
}

.nav-xs>li[data-ui-drop="true"]>label::after {
    background: url(Images/UI/arrow_line_bottom_blue.svg) center center no-repeat;
    background-size: 12px;
    content: " ";
    display: block;
    height: 40px;
    position: absolute;
    right: 15px;
    top: 2px;
    width: 32px;
    transition: transform .3s;
}

.nav-xs>li[data-ui-active="true"][data-ui-drop="true"]>label::after {
    transform: rotate(180deg);
}

.nav-xs>li[data-ui-active="true"]>ul {
    display: block;
}

.nav-horizontal-xs>li[data-ui-drop="true"]>label::after {
    background: url(Images/UI/arrow-white.png) center center no-repeat;
    background-size: 18px;
}

/*Стилизация*/

.nav-xs>li {
    background-color: #fff;
}

.nav-horizontal-xs, .nav-horizontal-xs>li {
    background-color: #009CE1;
    vertical-align: top;
}

.nav-xs>li>a, .nav-horizontal-xs>li>a {
    display: inline-block;
    width: 100%;
}

.nav-xs>li>a {
    padding: 11px 30px;
    border-bottom: 1px solid rgba(68, 68, 68, 0.05);
    display: inline-block;
}

.nav-horizontal-xs>li>a {
    color: rgb(255, 255, 255);
    padding: 11px 13px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    transition: background-color .3s;
}

.nav-horizontal-xs>li>a:hover {
    color: rgb(255, 255, 255);
}

.nav-horizontal-xs>li:last-child>a {
    border-bottom: 0;
}

.nav-xs>li>ul>li>a {
    padding-left: 50px;
    color: #9a9a9a;
}

/**/

@media (min-width: 768px) {
    .nav-sm {
        display: inline-block;
        text-align: left;
        width: auto;
    }
    .nav-sm>li[data-ui-drop="true"]>label::after {
        display: none;
    }
    .nav-sm>li>ul {
        display: block;
        left: 70%;
        min-width: 136px;
        opacity: 0;
        position: absolute;
        top: -999999px;
        transition: opacity .3s;
        z-index: 999;
        padding: 15px 0;
        background-color: #fff;
    }
    .nav-sm>li:hover>ul {
        opacity: 1;
        top: 13px;
    }
    .nav-horizontal-sm {
        display: block;
    }
    .nav-horizontal-sm>li {
        display: inline-block;
        margin-left: -5px;
    }
    .nav-horizontal-sm>li:first-of-type {
        margin-left: 0px;
    }
    .nav-horizontal-sm>li>ul {
        border-top: 0;
        left: -1px;
    }
    .nav-horizontal-sm>li:hover>ul {
        opacity: 1;
        top: 100%;
    }
    /*Стилизация*/
    .nav-sm {
        box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.09);
        border: 1px solid rgb(217, 217, 217);
    }
    .nav-sm>li:hover {
        background-color: #f8f8f8;
    }
    .nav-horizontal-sm {
        box-shadow: none;
        border: none;
    }
    .nav-horizontal-sm>li:hover {
        background-color: rgb(55, 192, 248);
    }
    .nav-horizontal-sm>li[data-ui-active="true"] {
        background-color: #0084bf;
    }
    .nav-sm>li>a {
        border-bottom: 0;
    }
    .nav-sm>li>ul>li>a {
        padding-left: 30px;
        color: rgb(68, 68, 68);
    }
    /**/
}

.list {}

.list-item, .list-item-img {
    color: rgb(111, 111, 111);
    color: #009CE1;
    height: 34px;
    line-height: 34px;
    padding: 0 30px;
    cursor: pointer;
}

.list-item[data-ui-active="true"], .list-item-img[data-ui-active="true"] {
    font-weight: 600;
    color: #444444;
    background-color: rgb(239, 239, 239);
    cursor: default;
}

.list-item-img {
    padding: 0 30px;
    text-indent: 34px;
    background-repeat: no-repeat;
    background-position: 30px center !important;
}

.list-item-index, .list-item-index-ok, .list-item-index-error, .list-item-index-warning {
    background-color: #d2d2d2;
    border-radius: 12px;
    display: inline-block;
    min-width: 24px;
    height: 24px;
    text-align: center;
    padding: 5px 8px;
    color: #fff;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
}

.list-item .list-item-index, .list-item .list-item-index-ok, .list-item .list-item-index-error, .list-item .list-item-index-warning, .list-item-img .list-item-index, .list-item-img .list-item-index-ok, .list-item-img .list-item-index-error, .list-item-img .list-item-index-warning {
    margin: 0 5px 3px 0;
}

.list-item-index-ok {
    background-color: #3eb354;
}

.list-item-index-error {
    background-color: #ff4c4c;
}

.list-item-index-warning {
    background-color: #f7971c;
}

.act {
    height: 0px;
    position: relative;
}

.action-list {
    display: block;
    border-radius: 4px;
    position: relative;
}

.action-list[data-ui-active="true"], .action-list:hover {
    z-index: 997;
}

.action-list>ul, .action-list>ul>li {
    background-color: transparent;
    border-radius: 3px;
}

.action-list>ul {
    display: none;
    padding: 10px 0;
    position: absolute;
    margin-top: 0;
    border-radius: 3px;
    background-color: rgb(255, 255, 255);
    border: 1px solid transparent;
    border-color: rgb(213, 213, 213);
    box-shadow: 0px 5px 6px 0px rgba(1, 6, 8, 0.1);
}

.action-list>ul::after {
    content: " ";
    display: block;
    position: absolute;
    top: -15px;
    left: 16px;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom-color: #fff;
}

.action-list>ul::before {
    content: " ";
    display: block;
    position: absolute;
    top: -16px;
    left: 16px;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom-color: #cdcdcd;
}

.action-list:hover>ul {
    display: inherit;
    animation: fadeInDown ease 0.3s;
}

.action-list-right>ul {
    position: absolute;
    right: 0px;
}

.action-list-right>ul::after {
    right: 16px;
    left: auto;
}

.action-list-right>ul::before {
    right: 16px;
    left: auto;
}

.action-list-hi {
    border: 1px solid transparent;
}

.action-list-hi>ul {
    display: none !important;
    animation: none !important;
    position: static;
}

.action-list-hi::after {
    content: " ";
    display: block;
    position: absolute;
    top: 20px;
    right: 10px;
    /*width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: #009ce1;*/
    width: 16px;
    height: 16px;
    background-image: url(Images/UI/arrow_line_bottom_blue.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    transition: all .3s;
}

.action-list-hi>ul::before, .action-list-hi>ul::after {
    display: none;
}

.action-list-hi[data-ui-active="true"]::after {
    transform: rotate(180deg) translateY(0px);
}

.action-list-hi[data-ui-active="true"] {
    border-color: rgb(213, 213, 213);
    box-shadow: 0px 5px 6px 0px rgba(1, 6, 8, 0.1);
    background-color: rgb(255, 255, 255);
}

.action-list-hi[data-ui-active="true"]>ul {
    display: inherit !important;
    border-radius: 3px;
    background-color: rgb(255, 255, 255);
    border: 0;
    box-shadow: none;
}

footer {
    background-color: #30303c;
    margin-top: 50px;
    position: relative;
    box-shadow: 0 0 15px 0 #fff;
}

footer * {
    color: #fff;
}

footer>section {
    padding: 16px;
    background-color: #2a2a30;
    display: block;
}

footer>section * {
    color: #62626b;
}

.footer-links {}

.footer-links>span {
    font-weight: normal;
    display: block;
    text-align: left;
    border-bottom: 1px solid #2a2a30;
    line-height: 2.6;
    padding-left: 15px;
}

.footer-links>ul {
    display: none;
    text-align: left;
    background-color: transparent;
}

.footer-links li {
    background-color: #565660 !important;
}

.footer-links[data-ui-drop="true"]>span>label {
    vertical-align: top;
    float: right;
}

.footer-links[data-ui-drop="true"]>span>label::after {
    background: url(Images/UI/arrow_line_bottom_white.svg) center center no-repeat;
    background-size: 12px;
    content: " ";
    display: block;
    height: 40px;
    position: absolute;
    right: 5px;
    top: 0;
    width: 32px;
    transition: transform .3s;
}

.footer-links[data-ui-active="true"][data-ui-drop="true"]>span>label::after {
    transform: rotate(180deg);
}

.footer-links[data-ui-active="true"]>ul {
    display: block;
}

.footer-links>ul {
    background-color: #565660;
    padding: 15px 0;
}

.footer-links>ul>li>a {
    color: rgb(168, 168, 168);
    font-size: 14px;
}

@media (min-width: 768px) {
    footer>.area {
        padding: 100px 0;
    }
    .footer-links {
        display: inline-block;
        vertical-align: top;
    }
    .footer-links>span {
        border-bottom: 0;
        text-align: left;
        padding-left: 0px;
    }
    .footer-links>ul {
        display: block;
        border: 0;
        box-shadow: none;
    }
    .footer-links>ul>li {
        background-color: transparent !important;
        transition: background-color 0s;
    }
    .footer-links>ul>li:hover {
        background-color: transparent !important;
    }
    .footer-links>ul {
        background-color: transparent;
        padding: 0;
    }
    .footer-links>ul>li {
        padding: 2px 0;
    }
    .footer-links>ul>li>a {
        padding: 0;
        font-size: 13px;
        color: rgb(168, 168, 168);
    }
    .footer-links[data-ui-drop="true"]>span>label {
        display: none;
    }
}

.footer-link-social, .footer-link-social-vk, .footer-link-social-fb, .footer-link-social-ok, .footer-link-social-gp, .footer-link-social-yt, .footer-link-social-wt, .footer-link-social-vb, .footer-link-social-tg, .footer-link-social-in {
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 32px;
    height: 28px;
    opacity: .6;
    vertical-align: top;
    transition: all .3s;
}

.footer-link-social:hover, .footer-link-social-vk:hover, .footer-link-social-fb:hover, .footer-link-social-ok:hover, .footer-link-social-gp:hover, .footer-link-social-yt:hover, .footer-link-social-wt:hover, .footer-link-social-vb:hover, .footer-link-social-tg:hover, .footer-link-social-in:hover {
    opacity: .9;
}

.footer-link-social-vk {
    background-image: url(Images/UI/SocialNetwork/vk_free_white.svg);
}

.footer-link-social-fb {
    background-image: url(Images/UI/SocialNetwork/fb_free_white.svg);
}

.footer-link-social-ok {
    background-image: url(Images/UI/SocialNetwork/ok_free_white.svg);
}

.footer-link-social-gp {
    background-image: url(Images/UI/SocialNetwork/google_plus_free_white.svg);
    background-size: 22px;
}

.footer-link-social-yt {
    background-image: url(Images/UI/SocialNetwork/youtybe_free_white.svg);
    background-size: 19px;
}

.footer-link-social-wt {
    background-image: url(Images/UI/SocialNetwork/whatsapp.svg);
    background-size: 17px;
}

.footer-link-social-vb {
    background-image: url(Images/UI/SocialNetwork/viber.svg);
    background-size: 17px;
}

.footer-link-social-tg {
    background-image: url(Images/UI/SocialNetwork/telegram.svg);
    background-size: 17px;
}

.footer-link-social-in {
    background-image: url(Images/UI/SocialNetwork/instagram-new.svg);
}

.footer-more-wrapper {
    padding: 0 10px 25px 10px;
}

@media (min-width: 768px) {
    .footer-more-wrapper {
        padding: 0;
    }
}

.footer-more-wrapper>.hr {
    background-color: #606069;
    margin: 20px 0;
}

.footer-more-add {
    padding: 7px;
}

.footer-links-social {
    overflow: hidden;
    cursor: default;
}

.footer-links-social>span {
    border-bottom: 0;
}

@keyframes popup-fade-in {
    from {
        background-color: rgba(0, 0, 0, 0);
    }
    to {
        background-color: rgba(0, 0, 0, 0.57);
    }
}

.popup {
    background-color: rgba(0, 0, 0, 0.57);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 998;
    display: none;
    cursor: pointer;
    overflow: auto;
}

.popup[data-ui-active="true"] {
    display: block;
    animation: popup-fade-in 0.3s ease 1;
}

.popup[data-ui-active="true"] .popup-window {
    animation: slideInDown 0.3s ease 1;
}

@media print {
    .popup {
        display: none !important;
    }
}

.popup-item {
    display: none;
}

.popup .popup-item {
    display: block;
}

.popup-window {
    background-color: #fff;
    box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.07);
    cursor: default;
    margin: 10px auto;
    max-width: 1170px;
    padding: 25px;
    width: calc(100% - 20px);
    border-radius: 3px;
}

.sub-popup {
    top: 44px;
    display: none;
    z-index: 900;
    height: calc(100% - 44px);
}

.sub-popup[data-ui-active="true"] {
    display: block;
}

.sub-popup[data-ui-active="true"] .sub-popup-window {
    animation: slideInLeft 0.3s ease 1;
}

.sub-popup-window {
    margin: auto;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 0;
    overflow: auto;
    box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.07);
    cursor: default;
}

.popup-header {
    position: relative;
    margin-bottom: 22px;
}

.popup-header .h-title {
    color: rgb(68, 68, 68);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0;
    margin-top: -8px;
    text-align: left;
    display: inline-block;
    overflow: hidden;
    max-width: calc(100% - 24px);
}

.popup-content {
    position: relative;
}

.popup-close {
    background: transparent url(Images/UI/popup_close_blue.svg) center center no-repeat;
    background-size: 14px;
    border: 0;
    position: absolute;
    height: 30px;
    margin: 0;
    padding: 0;
    right: 0;
    top: 0;
    width: 30px;
    opacity: .7;
    transition: opacity .3s;
    cursor: pointer;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}

.popup-close:hover {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1;
}

.popup-window>.popup-close {
    display: none;
}

.popup-header .popup-close {
    top: -7px;
    right: -7px;
}

@media (min-width: 768px) {
    .popup-window {
        border-radius: 3px;
        margin: 100px auto;
        min-width: auto;
        width: 80%;
        padding: 60px;
        position: relative;
    }
    .popup-window>.popup-close {
        right: -56px;
        top: -56px;
        background-image: url(Images/UI/popup_close_white.svg);
        display: block;
        -webkit-filter: grayscale(0%);
        -moz-filter: grayscale(0%);
        -ms-filter: grayscale(0%);
        -o-filter: grayscale(0%);
        filter: grayscale(0%);
    }
    .popup-header .popup-close {
        display: none;
    }
    .popup-content {
        overflow: unset;
    }
    .sub-popup-window {
        width: 55%;
        height: auto;
        margin-bottom: 50px;
        border-radius: 0 0 3px 3px;
        overflow: unset;
    }

    .popup-header .h-title {
        max-width: 100%;
    }
}

.popup-wrapper {
    overflow: hidden !important;
}

.block {
    background-color: #f8f8f8;
    border-radius: 3px;
    /*margin: 5px 5px 10px 5px;*/
}

.block-hover {
    transition: all .3s;
}

.block-hover:hover {
    background-color: #f6f6f6;
}

.block-border {
    border: 1px solid rgb(232, 232, 232);
    border-radius: 3px;
    display: block;
}

.block-content {
    padding: 30px;
    position: relative;
}

.block-content-small {
    padding: 15px;
    position: relative;
}

.block-content-mid {
    padding: 40px;
    position: relative;
}

.block-content-big {
    padding: 60px;
    position: relative;
}

.block-image {
    display: block;
    height: 194px;
    background: url() center center no-repeat;
    background-size: cover;
    border-radius: 3px;
    position: relative;
    width: 100%;
}

.block-image::after {
    opacity: 0;
    border-radius: 3px;
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: url(Images/UI/goto_news.svg) center center no-repeat;
    background-color: rgba(0, 156, 225, 0.8);
    background-size: 64px;
    transition: opacity .3s;
}

.block-image:hover::after {
    opacity: 0;
}

.block-empty-list {
    display: none;
}

.block-empty-list:last-child {
    display: block;
}

@media (max-width: 767px) {
    .form-block {
        padding: 0;
        border: none;
    }
}

.video {
    position: relative;
}

.video>iframe {
    width: 100%;
    max-width: 854px;
    max-height: 480px;
    margin: 0;
}

.video>img {
    width: 100%;
}

.video::after {
    content: " ";
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: background-color .3s;
    background: url(Images/UI/play_video.svg) center center no-repeat;
}

.video:hover::after {
    background-color: rgba(0, 0, 0, 0.3);
}

.video[data-ui-play="true"]::after {
    display: none;
}

.gray-bg, .gray-bg::after, .gray-bg::before {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}

.select {
    display: inline-block;
    height: 36px;
    width: 220px;
    margin: 3px 0;
    position: relative;
}

.select-item {
    display: none;
}

.select>.select-box {
    margin: 0;
    position: relative;
    width: inherit;
}

.select::after {
    background-color: transparent;
    content: " ";
    height: 36px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background-image: url(Images/UI/arrow_line_bottom_blue.svg);
    background-position: calc(100% - 10px) center;
    background-repeat: no-repeat;
    background-size: 10px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}

.select>ul {
    background-color: #fff;
    border: 1px solid rgb(217, 217, 217);
    display: none;
    max-height: 180px;
    overflow: auto;
    position: absolute;
    top: 35px;
    width: inherit;
    z-index: 999;
}

.select>ul a {
    display: block;
    padding: 7px 12px;
}

.select>ul a:hover {
    background-color: #ebebeb;
}

.select>ul a:not([data-ui-active="true"]):hover {
    color: rgb(63, 63, 63);
}

.select[data-ui-active="true"]>ul {
    display: block;
    box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.19);
    border-radius: 0 0 3px 3px;
}

.select[data-ui-active="true"]>.select-box {
    border-radius: 3px 3px 0 0;
    position: relative;
    z-index: 9991;
}

.select[data-ui-active="true"]::after {
    z-index: 9991;
    background-image: url(Images/UI/arrow_line_top_blue.svg);
}

.table-xs {
    position: relative;
}

.table-xs>.row-box {
    padding: 2px 5px;
}

.table-xs>.row:nth-child(2n+1) {
    background-color: #F8F8F8;
}

.table-xs>.row:nth-child(2n+2) {
    background-color: #FFF;
}

.table-xs .head {
    background-color: #F1F1F1 !important;
}

.table-xs .head b {
    font-weight: 600;
}

@media (min-width: 768px) {
    .table-sm>.row:nth-child(2n+1) {
        background-color: #F8F8F8;
    }
    .table-sm>.row:nth-child(2n+2) {
        background-color: #FFF;
    }
    .table-sm .head {
        background-color: #F1F1F1 !important;
    }
    .table-sm .head b {
        font-weight: 600;
    }
    .table-sm>.row-box {
        padding: 2px 5px;
    }
    .table-none-sm>.row-box {
        padding: 0;
    }
    .table-none-sm>.row:nth-child(2n+1) {
        background-color: initial;
    }
    .table-none-sm>.row:nth-child(2n+2) {
        background-color: initial;
    }
    .table-none-sm .head {
        background-color: initial;
    }
    .table-none-sm .head b {
        font-weight: initial;
    }
}

@media (min-width: 992px) {
    .table-md>.row:nth-child(2n+1) {
        background-color: #F8F8F8;
    }
    .table-md>.row:nth-child(2n+2) {
        background-color: #FFF;
    }
    .table-md .head {
        background-color: #F1F1F1 !important;
    }
    .table-md .head b {
        font-weight: 600;
    }
    .table-md>.row-box {
        padding: 2px 5px;
    }
    .table-none-md>.row-box {
        padding: 0;
    }
    .table-none-md>.row:nth-child(2n+1) {
        background-color: initial;
    }
    .table-none-md>.row:nth-child(2n+2) {
        background-color: initial;
    }
    .table-none-md .head {
        background-color: initial;
    }
    .table-none-md .head b {
        font-weight: initial;
    }
}

@media (min-width: 1200px) {
    .table-lg>.row:nth-child(2n+1) {
        background-color: #F8F8F8;
    }
    .table-lg>.row:nth-child(2n+2) {
        background-color: #FFF;
    }
    .table-lg .head {
        background-color: #F1F1F1 !important;
    }
    .table-lg .head b {
        font-weight: 600;
    }
    .table-lg>.row-box {
        padding: 2px 5px;
    }
    .table-none-lg>.row-box {
        padding: 0;
    }
    .table-none-lg>.row:nth-child(2n+1) {
        background-color: initial;
    }
    .table-none-lg>.row:nth-child(2n+2) {
        background-color: initial;
    }
    .table-none-lg .head {
        background-color: initial;
    }
    .table-none-lg .head b {
        font-weight: initial;
    }
}

.notif-list {
    max-height: 300px;
    overflow: auto;
    width: inherit;
    z-index: 890 !important;
    margin-top: 14px;
}

.notif {
    border-radius: 4px;
    background-color: #009CE1;
    background-image: url(Images/UI/alert_white.svg);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: left 12px center;
    color: #fff;
    margin: 3px 0;
    padding: 10px 40px;
    position: relative;
    animation: slideInDown 0.3s ease 1;
}

.notif * {
    color: #fff;
}

.notif>span {
    line-height: 1.3;
    display: inline-block;
}

.notif-close {
    background-image: url(Images/UI/close_white.svg);
    position: absolute;
    top: calc(50% - 22px);
    right: 0;
    margin: 3px;
    opacity: 0.7;
    transition: opacity .3s;
    cursor: pointer;
}

.notif-close:hover {
    opacity: 1;
}

.notif-ok, .noif-success {
    background-color: #3DB353;
    background-image: url(Images/UI/warning_white.svg);
}

.notif-warning {
    background-color: #F7971C;
    background-image: url(Images/UI/warning_white.svg);
}

.notif-error {
    background-color: #FF4C4D;
    background-image: url(Images/UI/error_white.svg);
}

.loader {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.9);
    /*background-image: url(Images/UI/loading.svg) !important;*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: 32px;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    text-align: center;
    z-index: 1;
    animation: none !important;
}

.loader div {
    height: calc(50% - 13px);
}

.loader span {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #009DDE;
    margin: 0 5px;
    vertical-align: middle;
}

.loader span:nth-child(2) {
    animation: bounce 0.33s ease-in-out infinite;
}

.loader span:nth-child(3) {
    animation: bounce 0.33s ease-in-out 0.11s infinite;
}

.loader span:nth-child(4) {
    animation: bounce 0.33s ease-in-out 0.22s infinite;
}

@keyframes bounce {
    0%, 75%, 100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    25% {
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

.loader span:nth-child(2) {
    animation: opacitychange .33s ease-in-out infinite;
}

.loader span:nth-child(3) {
    animation: opacitychange .33s ease-in-out 0.11s infinite;
}

.loader span:nth-child(4) {
    animation: opacitychange .33s ease-in-out 0.22s infinite;
}

@keyframes opacitychange {
    0%, 100% {
        opacity: 0;
    }
    60% {
        opacity: 1;
    }
}

.tab-wrapper {
    position: relative;
}

.tab {
    border-bottom: 1px solid #ebebeb;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    letter-spacing: -0.3em;
}

.tab::before {
    opacity: 0;
    content: "";
    position: absolute;
    bottom: 0;
    height: 100%;
    left: 0;
    width: 30px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+99&0+0,1+72 */
    background: -moz-linear-gradient(right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 99%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 99%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 99%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
    /* IE6-9 */
    transition: opacity .3s;
    z-index: 1;
}

.tab::after {
    opacity: 0;
    content: "";
    position: absolute;
    bottom: 0;
    height: 100%;
    right: 0;
    width: 80px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+99&0+0,1+72 */
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 99%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 99%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 99%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
    /* IE6-9 */
    transition: opacity .3s;
}

.tab-overflow-left::before {
    opacity: 1;
}

.tab-overflow-right::after {
    opacity: 1;
}

.tab-item {
    color: rgb(139, 139, 139);
    padding: 15px 0;
    margin-right: 30px;
    border-bottom: 3px solid transparent;
    display: inline-block;
    transition: all .3s;
    cursor: pointer;
    letter-spacing: normal;
}

@media (min-width: 768px) {
    .tab-item {
        margin-right: 50px;
    }
}

.tab-item:hover {
    border-bottom: 3px solid rgb(139, 139, 139);
}

.tab-item[data-ui-active="true"] {
    border-bottom-color: #009ce1;
    color: rgb(68, 68, 68);
}

.tab-overflow-list {
    position: absolute;
    width: 43px;
    height: 100%;
    right: -999999px;
    opacity: 0;
    top: 0;
    z-index: 1;
    padding-top: 6px;
    transition: opacity .3s;
}

.tab-overflow-list[data-ui-active="true"] {
    right: 0;
    opacity: 1;
}

.tab-content {
    display: none !important;
}

.tab-content[data-ui-active="true"] {
    display: block !important;
}

/*Подсказки при вводе*/

.autocom-list {
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid rgb(241, 241, 241);
    padding: 10px 0;
    position: absolute;
    z-index: 999;
    max-height: 200px;
    overflow: auto;
}

.autocom-list li {
    padding: 10px 15px;
    cursor: pointer;
    transition: all .3s;
    width: 100%;
}

.autocom-list li:hover, .autocom-list li[data-ui-active="true"] {
    background-color: rgb(241, 241, 241);
}

/*Описание обязательного поля*/

div.required label.control-label::after {
    content: " *";
    color: #ff4c4c;
}

/*Подсказки к текстовым полям*/

.hint-wrapper {
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: top;
}

/*подсказка снизу в центре*/

.hint {
    animation: fadeIn 0.3s ease 1;
    background-color: #fff;
    border: 1px solid #E8E8E8;
    border-radius: 3px;
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.09);
    display: none;
    position: absolute;
    top: 100%;
    left: -141px;
    z-index: 2;
    width: 300px;
}

.hint::before, .hint::after {
    content: " ";
    display: block;
    position: absolute;
    top: -16px;
    left: 140px;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom-color: #cdcdcd;
}

.hint::after {
    top: -15px;
    border-bottom-color: #fff;
}

/*снизу слева*/

.hint-bl {
    left: -32px;
}

.hint-bl::before, .hint-bl::after {
    left: 31px;
}

/*снизу справа*/

.hint-br {
    left: -252px;
}

.hint-br::before, .hint-br::after {
    left: auto;
    right: 31px;
}

/*слева*/

.hint-l {
    left: -316px;
    top: 0;
}

.hint-l::before, .hint-l::after {
    left: auto;
    right: -16px;
    top: 14px;
    transform: rotate(90deg);
}

/*справа*/

.hint-r {
    left: calc(100% + 16px);
    top: 0;
}

.hint-r::before, .hint-r::after {
    left: -16px;
    top: 14px;
    transform: rotate(-90deg);
}

/*сверху слева*/

.hint-tl {
    left: -32px;
    top: -100%;
    margin-top: -28px;
}

.hint-tl::before, .hint-tl::after {
    left: 31px;
    transform: rotate(180deg);
    top: 100%;
}

/*сверху*/

.hint-t {
    left: -141px;
    top: -100%;
    margin-top: -28px;
}

.hint-t::before, .hint-t::after {
    left: 140px;
    transform: rotate(180deg);
    top: 100%;
}

/*сверху справа*/

.hint-tr {
    left: -252px;
    top: -100%;
    margin-top: -28px;
}

.hint-tr::before, .hint-tr::after {
    left: auto;
    right: 31px;
    transform: rotate(180deg);
    top: 100%;
}

.hint-wrapper:hover .hint, .hint-wrapper[data-ui-active="true"] .hint {
    display: block;
}

.hint-wrapper:hover .hint {
    z-index: 99;
}

.hint-wrapper[data-ui-active="true"]:hover .hint {
    display: none;
}

.hint:hover {
    display: block !important;
}

.hint-action {
    opacity: .8;
    transition: all .3s;
    padding: 12px 0;
    display: inline-block;
}

.hint-wrapper:hover .hint-action, .hint-wrapper[data-ui-active="true"] .hint-action {
    opacity: 1;
}

.hint-input {
    display: inline-block;
    width: calc(100% - 46px);
}

.hint-blue, .hint-red, .hint-orange {
    border: none;
    box-shadow: 0px 3px 17px 0px rgba(0, 0, 0, 0.44)
}

.hint-blue *, .hint-blue *:hover, .hint-red *, .hint-red *:hover, .hint-orange *, .hint-orange *:hover {
    color: #fff;
}

.hint-blue {
    background-color: #009DDE;
}

.hint-blue::before, .hint-blue::after {
    border-bottom-color: #009DDE;
}

.hint-red {
    background-color: #ff4c4c;
}

.hint-red::before, .hint-red::after {
    border-bottom-color: #ff4c4c;
}

.hint-orange {
    background-color: #f5971c;
}

.hint-orange::before, .hint-orange::after {
    border-bottom-color: #f5971c;
}

/* Модуль поиска */

.search-group-wrapper, .search-group-wrapper-base, .search-group-wrapper-sup {
    position: relative;
    vertical-align: top;
}

.search-group-text {
    width: calc(100% - 69px);
    padding-right: 38px;
}

.search-group-text:not([data-ui-hascleaner="true"]) {
    padding-right: 92px;
}

.search-group-wrapper-base .search-group-text {
    width: 100%;
}

.search-group-wrapper-sup .search-group-text {
    width: calc(100% - 35px);
}

@media (min-width: 1200px) {
    .search-group-wrapper-sup .search-group-text {
        border-right: 0;
    }
}

.search-group-cleaner {
    background-image: url(Images/UI/close_grayblue.svg);
    background-size: 8px;
    border-radius: 0;
    height: 34px;
    width: 34px;
    position: absolute;
    top: 1px;
    right: 75px;
    z-index: 1;
}

.search-group-wrapper-base .search-group-cleaner {
    right: 1px;
    border-radius: 0 3px 3px 0;
}

.search-group-wrapper-sup .search-group-cleaner {
    right: 41px;
}

@media (min-width: 1200px) {
    .search-group-wrapper-sup .search-group-cleaner {
        right: 40px;
    }
}

.search-group-advanced {
    background-image: url(Images/UI/tune_lightgray.svg);
    border-left: 0;
    margin-left: -1px !important;
}

.search-group-wrapper-sup .search-group-advanced {
    display: none;
}

.search-group-find {
    background-image: url(Images/UI/seatch_white.svg);
    border-radius: 0 3px 3px 0 !important;
}

.search-group-choose {
    position: absolute;
    top: 4px;
    right: 70px;
    height: 34px;
    line-height: 27px;
    z-index: 1;
}

.search-group-choose:hover {
    z-index: 99;
}

.search-group-wrapper-sup .search-group-choose {
    right: 38px;
}

.search-group-wrapper-base .search-group-choose {
    right: 1px;
}

.search-group-choose-title {
    height: 34px;
    cursor: default;
    background: transparent;
    border: 0;
    padding: 0;
    display: inline-block;
}

.search-group-choose-title>span {
    background-image: url(Images/UI/arrow_line_bottom_lightgray.svg);
    background-position: right 13px top 3px !important;
    background-size: 10px;
    vertical-align: top;
}

.search-group-choose-title-val {
    border-bottom: 1px dotted;
}

.search-group-choose ul {
    top: 30px;
    right: -7px;
}

.search-group-choose ul a {
    padding: 11px 30px;
}

/* Иконки для полей ввода */

.ii-search-blue {
    background-image: url(Images/UI/seatch_blue.svg);
}

.ii-tune-lightgray {
    background-image: url(Images/UI/tune_lightgray.svg);
}

.ii-add-white {
    background-image: url(Images/UI/add_white.svg);
}

.ii-power-blue {
    background-image: url(Images/UI/power_blue.svg);
}

.ii-locale-blue {
    background-image: url(Images/UI/locale_blue.svg);
}

.ii-arrow-line-b-lightgray {
    background-image: url(Images/UI/arrow_line_bottom_lightgray.svg);
}
.ii-arrow-line-t-lightgray {
    background-image: url(Images/UI/arrow_line_top_lightgray.svg);
}
.ii-arrow-line-l-lightgray {
    background-image: url(Images/UI/arrow_line_left_lightgray.svg);
}
.ii-arrow-line-r-lightgray {
    background-image: url(Images/UI/arrow_line_right_lightgray.svg);
}

.ii-eye-gray {
    background-image: url(Images/UI/eye_gray.svg);
}

.ii-eye-lightgray {
    background-image: url(Images/UI/eye_lightgray.svg);
}

.ii-subscribe-lightblue {
    background-image: url(Images/UI/subscribe_lightblue.svg);
}

.ii-heart-lightblue {
    background-image: url(Images/UI/heart_lightblue.svg);
}

.ii-feedback-lightblue {
    background-image: url(Images/UI/feedback_lightblue.svg);
}

.ii-feedback-lightblue {
    background-image: url(Images/UI/feedback_lightblue.svg);
}

.ii-vacancy-lightblue {
    background-image: url(Images/UI/vacancy_lightblue.svg);
}

.ii-balance-lightblue {
    background-image: url(Images/UI/balance_lightblue.svg);
}

.ii-settings-lightblue {
    background-image: url(Images/UI/settings_lightblue.svg);
}

.ii-db-access-lightblue {
    background-image: url(Images/UI/db_access_lightblue.svg);
}

.ii-autosearch-lightblue {
    background-image: url(Images/UI/autosearch_lightblue.svg);
}

.ii-sadness-lightgray {
    background-image: url(Images/UI/sadness_lightgray.svg);
}

.ii-print-lightgray {
    background-image: url(Images/UI/print_lightgray.svg);
}

.ii-print-blue {
    background-image: url(Images/UI/print_blue.svg);
}

.ii-heart {
    background-image: url(Images/UI/heart.svg);
}

.ii-heart-checked {
    background-image: url(Images/UI/heart_checked.svg);
}

.ii-mail-white {
    background-image: url(Images/UI/mail_white.svg);
}

.ii-calendar-gray {
    background-image: url(Images/UI/calendar_gray.svg);
}

.beta-info-wrapper {
    margin-top: 15px;
    background-color: #fff;
}

.beta-info-icon {
    display: inline-block;
    width: 36px;
    height: 36px;
    background-color: #009ce1;
    border-radius: 20px;
    margin-right: 10px;
    vertical-align: top;
    padding: 7px 0;
    text-align: center;
}

.beta-info-content {
    display: inline-block;
    width: calc(100% - 56px);
    vertical-align: top;
}

/* breadcrumb */

.breadcrumb-wrapper {
    position: relative;
}

.breadcrumb {
    border-bottom: 1px solid #e8e8e8;
    padding-top: 11px;
    padding-bottom: 15px;
}

.breadcrumb-list, .breadcrumb-list>li {
    list-style-type: none;
}

ol.breadcrumb-list>li {
    display: inline-block;
    font-size: 12px;
    line-height: 16px;
}

ol.breadcrumb-list>li::after {
    content: "/";
    color: #9c9c9c;
    display: inline-block;
    padding: 0 4px;
}

ol.breadcrumb-list>li:last-of-type::after {
    content: none;
}

.breadcrumb-item-lnk, .breadcrumb-item-lnk * {
    color: #009ce1;
}

.breadcrumb-item-current, .breadcrumb-item-current * {
    color: #2a2a30;
}

.go-up-btn {
    display: block;
    border-radius: 50%;
    background-color: #009ce1;
    opacity: .7;
    box-shadow: 0px 9px 27px 0px rgba(0, 0, 0, 0.15);
    width: 60px;
    height: 60px;
    z-index: 890;
    position: fixed;
    bottom: 30px;
    right: 30px;
    padding: 18px 21px;
    transition: all .3s;
    transform: translateY(90px);
}

.go-up-btn[data-ui-active="true"] {
    transform: translateY(0);
}

.go-up-btn[data-ui-active="true"]:hover {
    opacity: 1;
    transform: translateY(-5px);
}

.instance-actions-xs, .instance-actions-sm, .instance-actions-md, .instance-actions-lg {
    background-color: #ecf9ff;
    border: 1px solid #d9f4ff;
    border-radius: 3px;
    padding: 8px 0;
    display: flex;
}

.instance-action {
    position: relative;
    transition: opacity .3s;
    line-height: 0;
    margin-bottom: 14px;
    text-align: center;
    flex: 1;
}

/* IE9, IE10 */

@media screen and (min-width:0\0) {
    .instance-action {
        display: inline-block;
        min-width: 19.5%;
    }
}

.instance-action::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    height: calc(100% + 13px);
    top: 0;
    width: 1px;
    background-color: #ccf0ff;
}

.instance-action:last-of-type::after {
    display: none;
}

.instance-action-icon {
    display: inline-block;
    line-height: 15px;
}

.instance-action-icon>img {
    border: 0;
    width: 12px;
}

.instance-action-title {
    color: #009CE1;
    position: absolute;
    font-size: 10px;
    top: 100%;
    left: 0;
    width: 100%;
    line-height: 15px;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 5px;
    white-space: nowrap;
}

.instance-action:hover {
    opacity: .7;
}

@media (min-width: 768px) {
    .instance-actions-sm {
        display: block;
        line-height: 0;
        padding: 14px 4px;
    }
    .instance-actions-sm .instance-action {
        display: inline-block;
        flex: auto;
        margin-bottom: 0;
        padding: 0 13px;
    }
    .instance-actions-sm .instance-action::after {
        height: 100%;
    }
    .instance-actions-sm .instance-action-title {
        display: inline-block;
        vertical-align: top;
        width: auto;
        position: static;
        font-size: 12px;
        line-height: 16px;
    }
}

@media (min-width: 992px) {
    .instance-actions-md {
        display: block;
        line-height: 0;
        padding: 14px 4px;
    }
    .instance-actions-md .instance-action {
        display: inline-block;
        flex: auto;
        margin-bottom: 0;
        padding: 0 13px;
    }
    .instance-actions-md .instance-action::after {
        height: 100%;
    }
    .instance-actions-md .instance-action-title {
        display: inline-block;
        vertical-align: top;
        width: auto;
        position: static;
        font-size: 12px;
    }
}

@media (min-width: 1200px) {
    .instance-actions-lg {
        display: block;
        line-height: 0;
        padding: 14px 4px;
    }
    .instance-actions-lg .instance-action {
        display: inline-block;
        flex: auto;
        margin-bottom: 0;
        padding: 0 13px;
    }
    .instance-actions-lg .instance-action::after {
        height: 100%;
    }
    .instance-actions-lg .instance-action-title {
        display: inline-block;
        vertical-align: top;
        width: auto;
        position: static;
        font-size: 12px;
    }
}

/* JQUERY UI */

.ui-tooltip {
    padding: 7px 10px !important;
    padding-top: 5px !important;
    position: absolute !important;
    z-index: 9999 !important;
    max-width: 300px !important;
    background-color: rgb(68, 68, 68) !important;
    border-radius: 3px !important;
    box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.19) !important;
}

.ui-tooltip>* {
    color: #fff !important;
    font-size: 12px !important;
    line-height: 16px !important;
}

body .ui-tooltip {
    border-width: 2px !important;
}

.ui-helper-hidden-accessible {
    display: none !important;
}
/* test*/