﻿@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');
@import url("https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&subset=cyrillic,cyrillic-ext");

@font-face {
    font-display: swap;
    font-family: 'krz-font';
    src: url("/css/font/krz-font/krz-font.eot?4b7oee");
    src: url("/css/font/krz-font/krz-font.eot?4b7oee#iefix") format("embedded-opentype"), url("/css/font/krz-font/krz-font.ttf?4b7oee") format("truetype"), url("/css/font/krz-font/krz-font.woff?4b7oee") format("woff"), url("/css/font/krz-font/krz-font.svg?4b7oee#krz-font") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'ALSRubl-Arial';
    font-display: swap;
    src: url("/css/font/rub_arial/alsrubl-arial-regular.eot");
    src: url("/css/font/rub_arial/alsrubl-arial-regular.eot?#iefix") format("embedded-opentype"), url("/css/font/rub_arial/alsrubl-arial-regular.woff") format("woff"), url("/css/font/rub_arial/alsrubl-arial-regular.ttf") format("truetype"), url("/css/font/rub_arial/alsrubl-arial-regular.svg#ALSRublArialRegular") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'ALSRubl-Arial';
    font-display: swap;
    src: url("/css/font/rub_arial/alsrubl-arial-italic.eot");
    src: url("/css/font/rub_arial/alsrubl-arial-italic.eot?#iefix") format("embedded-opentype"), url("/css/font/rub_arial/alsrubl-arial-italic.woff") format("woff"), url("/css/font/rub_arial/alsrubl-arial-italic.ttf") format("truetype"), url("/css/font/rub_arial/alsrubl-arial-italic.svg#ALSRublArialItalic") format("svg");
    font-weight: normal;
    font-style: italic
}

@font-face {
    font-family: 'ALSRubl-Arial';
    font-display: swap;
    src: url("/css/font/rub_arial/alsrubl-arial-bold.eot");
    src: url("/css/font/rub_arial/alsrubl-arial-bold.eot?#iefix") format("embedded-opentype"), url("/css/font/rub_arial/alsrubl-arial-bold.woff") format("woff"), url("/css/font/rub_arial/alsrubl-arial-bold.ttf") format("truetype"), url("/css/font/rub_arial/alsrubl-arial-bold.svg#ALSRublArialBold") format("svg");
    font-weight: bold;
    font-style: normal
}

@font-face {
    font-family: 'ALSRubl-Arial';
    font-display: swap;
    src: url("/css/font/rub_arial/alsrubl-arial-bolditalic.eot");
    src: url("/css/font/rub_arial/alsrubl-arial-bolditalic.eot?#iefix") format("embedded-opentype"), url("/css/font/rub_arial/alsrubl-arial-bolditalic.woff") format("woff"), url("/css/font/rub_arial/alsrubl-arial-bolditalic.ttf") format("truetype"), url("/css/font/rub_arial/alsrubl-arial-bolditalic.svg#ALSRublArialBoldItalic") format("svg");
    font-weight: bold;
    font-style: italic
}

.rubl {
    font-family: 'ALSRubl-Arial', Arial, sans-serif;
    line-height: normal
}

.zone, .obj {
    position: relative
}

* {
    margin: 0;
    padding: 0;
    outline: none
}

html {
    height: 100%;
    width: 100%;
    overflow: auto
}

body {
    margin: 0px;
    background: #fff;
    height: 100%;
    width: 100%;
    padding: 0px;
    color: #111;
    font: Normal 14px 'Noto Sans', sans-serif;
    min-width: 980px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-position: top;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

ul {
    list-style: none
}

ul, ol, li {
    margin: 0px;
    padding: 0px;
    list-style: none
}

table {
    padding: 0px;
    border-collapse: collapse
}

td, th {
    padding: 0px;
    border-collapse: collapse
}

img {
    border: 0px;
    display: inline
}

hr, form {
    margin: 0px;
    padding: 0px
}

hr {
    border: 0;
    border-top: 1px solid #CCC;
    display: block;
    height: 1px;
    margin: 15px 0 10px;
    padding: 0
}

input, div {
    outline: none
}

input, textarea {
    border: 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(/js/boxsizing.htc)
}

input[type='submit'], button {
    cursor: pointer
}

input[type='submit'].disabled, a.disabled, .delivery-assist-blk .disabled {
    opacity: 0.8;
    background-image: url(/img/submitloader.gif) !important
}

textarea {
    max-width: 100%
}

[data-jsopen] {
    cursor: pointer
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

header, nav, section, article, aside, footer {
    display: block
}

::-webkit-input-placeholder {
    color: #aaa
}

::-moz-placeholder {
    color: #aaa
}

hr, h1, h2, h3, h4, h5, h6 {
    margin: 0px;
    padding: 0px
}

h3, h4, h5, h6 {
    font-size: 14px;
    text-transform: none;
    margin: 7px 0 4px 0
}

h1 {
    font-size: 34px;
    margin: 0px 0 20px
}

h2 {
    font-size: 22px;
    margin: 15px 0 15px
}

h3 {
    font-size: 19px;
    margin: 15px 0 15px
}

strong, b {
    font-weight: 700
}

p {
    line-height: 150%
}

.u {
    text-transform: uppercase
}

.cursor {
    cursor: pointer
}

header, nav, section, article, aside, footer {
    display: block
}

div, span, header, nav, section, article, aside, footer {
    moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.ws {
    white-space: nowrap;
    display: inline-block;
    vertical-align: top;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%
}

.before:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

body .center {
    text-align: center
}

body .left {
    text-align: left
}

body .right {
    text-align: right
}

.nobefore:before, .noafter:after {
    display: none !important
}

.w100 {
    width: 100% !important
}

#page-preloader {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 100500
}

#rubl-check {
    position: fixed;
    bottom: 0;
    left: 0;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    font-size: 14px
}

.event-none {
    pointer-events: none
}

a {
    outline: none;
    color: #333;
    border-bottom-color: #333
}

a:hover {
    outline: none;
    color: #333;
    text-decoration: initial
}

a.dotted {
    border-bottom: 1px dotted;
    text-decoration: none
}

a.dashed {
    text-decoration: none;
    border-bottom: 1px dashed
}

a.dashed:hover {
    border-bottom: 0px dashed
}

.textsub-top, .subdivision-top {
    margin-bottom: 10px
}

.textsub-bottom, .subdivision-bottom {
    margin-top: 10px
}

.txt p:last-child {
    margin-bottom: 0
}

.txt p:first-child {
    margin-top: 0
}

.txt table {
    width: 100%
}

.txt span[style*='color'] > a {
    color: inherit
}

.loading:before {
    content: '';
    display: block;
    min-height: 30px;
    width: 100%;
    background-image: url(/img/submitloader.gif) !important;
    opacity: 0.8
}

.loading > * {
    display: none
}

.loading {
    padding: 0 !important
}

body.lc-loading #lightcase-overlay {
    opacity: 0.7 !important;
    display: block !important
}

body.lc-loading #lightcase-loading {
    display: block !important
}

span.textsub-bottom {
    margin-top: 17px;
    display: block
}

.textsub_top td, .textsub-bottom td {
    padding: 4px 2px
}

body .nomarging {
    margin: 0
}

body .nopadding {
    margin: 0
}

.obj {
    position: relative;
    min-height: 33px;
    min-width: 29px
}

#vk_groups, #vk_groups iframe {
    width: 100% !important
}

.fos_block input::-moz-placeholder {
    line-height: 32px !important
}

.fos_block input:-moz-placeholder {
    line-height: 32px !important
}

.zone-title {
    position: relative
}

.fixed-active {
    position: fixed;
    top: 0;
    z-index: 999;
    width: 100%
}

body.authbit .fixed-active {
    top: 46px
}

.wow {
    visibility: hidden
}

.jsclose {
    display: none
}

.zone-bg {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    height: 100% !important;
    width: 100%
}

/*.zone-parallax {*/
/*    background: transparent !important*/
/*}*/

body.authbit {
    padding-top: 46px !important;
    background-position-y: 46px !important
}

body.authbit .menu-open {
    top: 56px
}

.block-edit-content.block-edit-obj-btn {
    display: none
}

.bc_content .block-edit-content.block-edit-obj-btn {
    display: block
}

.block-edit-content {
    margin-bottom: 0 !important;
    font-size: 0 !important;
    display: none !important
}

.count-ie-fix {
    margin-right: -1px
}

.icons.i_gooddown:before {
    content: "\e99b"
}

.icons.i_goodup:before {
    content: "\e99e"
}

.icons.i_menu:before {
    content: "\e931"
}

.icons.i_check:before {
    content: "\e999"
}

.icons.i_down:before {
    content: "\e913"
}

.icons.i_left:before {
    content: "\e914"
}

.icons.i_right:before {
    content: "\e915"
}

.icons.i_up:before {
    content: "\e916"
}

.icons.i_city:before {
    font-size: 17px;
    content: "\e9e1"
}

.icons.i_city2:before {
    content: "\e929"
}

.icons.i_user:before {
    content: "\e956"
}

.icons.i_user2:before {
    font-size: 16px;
    content: "";
    background: url(../images/icon_account.svg) no-repeat;
    background-size: contain;
    height: 18px;
    width: 18px;
    position: absolute;
    top: 5px;
    left: -21px;
}

.icons.i_tel:before {
    font-size: 17px;
    content: "\e981"
}

.icons.i_time:before {
    font-size: 17px;
    content: "\e918"
}

.icons.i_email:before {
    font-size: 17px;
    content: "\e91d"
}

.icons.i_call:before {
    margin-left: 1px;
    font-size: 16px;
    content: "\e922"
}

.icons.i_cart:before {
    content: "\e93c"
}

.icons.i_cart1:before {
    font-size: 17px;
    /*content: "\e909"*/
    content: "";
    background: url('../images/icon_cart.svg') no-repeat;
    width: 18px;
    height: 19px;
    background-size: contain;
    margin: 0 auto 5px;
    position: relative
}

.icons.i_plus:before {
    font-size: 12px;
    content: "\e9c1"
}

.icons.i_minus:before {
    font-size: 12px;
    content: "\e9bc"
}

.icons.i_sendmail:before {
    content: "\e934"
}

.icons.i_search:before {
    content: "\e933"
}

.icons.i_photo:before {
    font-size: 20px;
    content: "\e93d"
}

.icons.i_file:before {
    content: "\e9a4"
}

.icons.i_plusbg:before {
    content: "\e901";
    top: 0px;
    font-size: 16px
}

.icons.i_minusbg:before {
    content: "\e902";
    top: 0px;
    font-size: 16px
}

.icons.i_typecat1:before {
    content: "\e92b"
}

.icons.i_typecat2:before {
    content: "\e92c"
}

.icons.i_typecat3:before {
    content: "\e9ba"
}

.icons.i_threedots:before {
    content: "\e94a"
}

.icons.i_arrdown:before {
    content: "\e90c"
}

.icons.i_arr_r:before {
    content: "\e942"
}

.icons.i_arr_d:before {
    content: "\e941"
}

.icons.i_del:before {
    content: "\e919"
}

.icons.i_heart:before {
    content: "\e91f"
}

.icons.i_admclose:before {
    content: "\e91a"
}

.icons.i_del3:before {
    content: "\e938"
}

.icons.i_question:before {
    content: "\ea09"
}

.icons.i_exclamation:before {
    content: "\ea08"
}

.icons.i_bookmark:before {
    content: "\e905"
}

.icons.i_marker:before {
    content: "\e982"
}

.icons.i_downsort:before {
    content: "\ea4c"
}

.icons.i_upsort:before {
    content: "\ea4d"
}

.icons.admin_kat_1:before {
    content: "\e959"
}

.icons.admin_kat_2:before {
    content: "\e960"
}

.icons.admin_icon_1:before {
    content: "\e959"
}

.icons.admin_icon_2:before {
    content: "\e960"
}

.icons.admin_icon_3:before {
    content: "\e95a"
}

.icons.admin_icon_4:before {
    content: "\e95b"
}

.icons.admin_icon_5:before {
    content: "\e95c"
}

.icons.admin_icon_6:before {
    content: "\e95d"
}

.icons.admin_icon_7:before {
    content: "\e95e"
}

.icons.admin_icon_8:before {
    content: "\e95f"
}

.icons.admin_icon_9:before {
    content: "\e961"
}

.icons.admin_icon_10:before {
    content: "\e95f"
}

.icons.admin_icon_11:before {
    content: "\e92f"
}

.icons.admin_icon_12:before {
    content: "\e958"
}

.icons.admin_icon_13:before {
    content: "\e935"
}

.icons {
    position: relative
}

.icons:before {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    left: 0;
    top: 8px;
    font-family: 'krz-font' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#site {
    min-height: 100%;
    -height: 100%;
    position: relative;
    z-index: 2
}

#site:before {
    display: none;
    z-index: 0;
    content: "";
    position: fixed;
    width: 980px;
    margin-left: -490px;
    height: 100%;
    top: 0;
    left: 50%
}

#site .topfix {
    height: 1px;
    margin-top: -1px;
    clear: both
}

#main {
    position: relative;
    min-height: 100%;
    -height: 100%;
    margin: 0px auto 0;
    *margin-bottom: 0px;
    *padding-bottom: 0px
}

#header {
    position: relative
}

#content {
    min-height: 100%;
    position: relative
}

.innerpage section#center {
    margin-bottom: 16px
}

.innerpage #zone7 {
    margin-bottom: 15px
}

.container_12w {
    width: 960px;
    padding: 0 10px
}

.container_12w .grid_12 {
    margin-left: auto;
    margin-right: auto;
    display: block
}

.zone-bg.containerbg_12 {
    width: 980px
}

.load-more {
    text-align: center;
    padding: 19px 0
}

.load-more a {
    display: inline-block;
    box-shadow: none !important;
    border: 1px solid #d4d4d4;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 15px;
    position: relative;
    opacity: 1;
    transition: 0.3s
}

.load-more a span {
    padding: 11px 40px 12px;
    display: block
}

.load-more .loading > * {
    display: block
}

.load-more a.loading:before {
    position: absolute;
    height: 100%;
    opacity: 0.5
}

.load-more a.loading {
    opacity: 0.5
}

nav.header_bot {
    z-index: 8;
    position: relative;
    width: 100%
}

ul.header_menu {
    height: 100%
}

ul.header_menu > li {
    height: 100%;
    text-align: center;
    font-size: 14px;
    position: relative
}

nav.header_bot.elwidth100 ul.header_menu {
    display: table;
    width: 100%
}

nav.header_bot.elwidth100 ul.header_menu > li {
    display: table-cell
}

nav.header_bot.nowidth100 ul.header_menu {
    display: block;
    font-size: 0
}

nav.header_bot.nowidth100 ul.header_menu > li {
    display: inline-block
}

ul.header_menu > li > a {
    text-decoration: initial;
    color: #E9F1F6;
    display: block;
    background-color: transparent;
    height: 100%;
    line-height: 19px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: break-word
}

ul.header_menu > li > a > span {
    border-left: 1px transparent solid;
    border-right: 1px transparent solid
}

ul.header_menu > li:hover > a > span.mn_sp_1 {
    background: rgba(39, 41, 45, 0.1)
}

ul.header_menu > li.active:hover > a > span.mn_sp_1 {
    background: transparent
}

ul.header_menu > li > a > span.mn_sp_1 {
    padding: 12px 16px 12px;
    display: block;
    height: 100%;
    border-right: 1px solid rgba(0, 0, 0, 0.13)
}

ul.header_menu > li.active > a > span, ul.header_menu > li:hover > a > span {
    border-right: 1px solid transparent
}

ul.header_menu > li:first-of-type > a {
    border-left: 1px solid rgba(0, 0, 0, 0.13)
}

ul.h_menu_sec ~ a > span > span:after {
    content: "\e99b";
    display: inline;
    vertical-align: top;
    position: relative;
    margin-left: 5px;
    height: 5px;
    top: 0px;
    font-size: 7px;
    font-family: 'krz-font' !important;
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    -ms-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s
}

ul.h_menu_third ~ a > span > span:after {
    content: "\e90e";
    display: inline;
    vertical-align: top;
    position: absolute;
    margin-left: 5px;
    height: 8px;
    line-height: 8px;
    top: 0px;
    bottom: 0;
    right: 9px;
    margin: auto;
    font-size: 7px;
    font-family: 'krz-font' !important;
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    -ms-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s
}

ul.h_menu_sec > li > a {
    position: relative
}

ul.header_menu > li.active > a > span, ul.header_menu > li:hover > a > span {
    border-left: 1px solid rgba(253, 248, 248, 0)
}

ul.h_menu_sec, ul.h_menu_third {
    background-color: #A1B5C2;
    padding: 5px;
    min-width: 180px;
    position: absolute;
    z-index: 10;
    top: 100%;
    display: none
}

ul.h_menu_third {
    top: -1px;
    left: 100%
}

.header_menu > li:hover ul.h_menu_sec, .header_menu ul.h_menu_sec > li:hover ul.h_menu_third {
    display: block;
    border-top: 1px solid rgba(0, 0, 0, 0.3);
    max-width: 300px;
    min-width: 210px;
    padding: 5px 0;
    border: 1px solid rgba(0, 0, 0, 0.18);
    box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.1);
    margin-left: -1px
}

ul.h_menu_sec > li, ul.h_menu_third > li {
    text-align: left;
    position: relative
}

ul.h_menu_sec > li > a, ul.h_menu_third > li > a {
    display: block;
    font-size: 13px;
    text-decoration: none;
    padding: 11px 15px 11px 15px;
    margin: 0 10px;
    opacity: 0.9;
    color: #E9F1F6
}

ul.h_menu_sec > li:hover > a, ul.h_menu_third > li:hover > a {
    background-color: transparent;
    opacity: 1;
    color: #fff;
    text-decoration: none
}

ul.h_menu_sec > li.active, ul.h_menu_third > li.active {
    font-weight: bold
}

ul.h_menu_sec > li:not(:last-child) > a, ul.h_menu_third > li:not(:last-child) > a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

ul.h_menu_sec.drop-main-menu {
    position: absolute;
    left: 0;
    width: 100%;
    max-width: 100% !important;
    text-align: left
}

ul.header_menu > .menu-drop {
    position: static
}

ul.h_menu_sec.drop-main-menu > li {
    width: 20%;
    display: inline-block;
    vertical-align: top
}

ul.h_menu_sec.drop-main-menu {
    font-size: 0
}

ul.h_menu_sec.drop-main-menu .h_menu_third {
    position: static;
    display: block;
    padding: 0
}

.menu-img span.menu_img {
    display: block
}

span.menu_img_top {
    height: 22px;
    width: 22px;
    margin-right: 9px;
    position: relative;
    overflow: hidden;
    vertical-align: top;
    display: none
}

span.menu_img_top img {
    vertical-align: top
}

.menu-img span.menu_img_top {
    display: inline-block
}

ul.menu-sec-line {
    position: absolute;
    left: 0px;
    width: 100%;
    top: 100%;
    background: #fff;
    text-align: left;
    padding: 14px 12px 4px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: 0.2s ease;
    transform: translateY(-4px);
    display: flex;
    flex-wrap: wrap
}

ul.menu-sec-line > * {
    display: inline-block;
    font-size: 14px;
    width: 25%;
    margin-bottom: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

ul.menu-sec-line > * > a {
    padding: 6px 15px 7px;
    display: inline-block;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: bold
}

.menu-drop:hover > ul.menu-sec-line {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0px)
}

ul.menu-third-line > li {
    margin-bottom: 5px
}

ul.menu-third-line {
    padding: 0 16px
}

ul.menu-sec-line > li {
    display: flex;
    flex-direction: column
}

.menu-horizont-4 .menu-drop > a > span > span:after {
    content: "\e99b";
    display: inline;
    vertical-align: top;
    position: relative;
    margin-left: 5px;
    height: 5px;
    top: 0px;
    font-size: 7px;
    font-family: 'krz-font' !important;
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    -ms-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s
}

.menu-button:not(.menu-button-click):hover .menu-button-body {
    visibility: visible;
    opacity: 1
}

.menu-button-body {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    width: 100%;
    z-index: 10
}

.menu-button-head {
    height: 40px;
    padding: 0 42px;
    cursor: pointer
}

.menu-button-head:before {
    font-size: 14px;
    left: 16px;
    top: 13px;
    width: 14px;
    height: 14px
}

.menu-button-head > span {
    line-height: 40px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold
}

.menu-button-head:after {
    content: "\e99b";
    font-family: 'krz-font' !important;
    font-size: 9px;
    display: block;
    height: 8px;
    line-height: 10px;
    width: 10px;
    position: absolute;
    top: 0;
    right: 12px;
    bottom: 0;
    margin: auto;
    -webkit-transition: border 0.1s, transform 0.3s;
    -moz-transition: border 0.1s, transform 0.3s;
    -ms-transition: border 0.1s, transform 0.3s;
    -o-transition: border 0.1s, transform 0.3s;
    transition: border 0.1s, transform 0.3s
}

.menu-button {
    position: relative
}

.menu-button.active .menu-button-body {
    visibility: visible;
    opacity: 1
}

.menu-button.active .menu-button-head:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.menu-btn-open > .menu-type-40, .menu-btn-open > .menu-type-41 {
    z-index: 100 !important
}

.menu-btn-open > .js-overlay {
    z-index: 99 !important
}

.container-menu-btn .js-overlay {
    position: fixed !important
}

.container-menu-btn .js-overlay, .menu-bg-have .js-overlay {
    opacity: 0.7
}

.menu-bg-have {
    overflow: hidden
}

.menu-bg-have .js-overlay {
    position: absolute;
    top: 0;
    left: 0;
    display: block
}

ul.menu-40-second, ul.menu-40-third {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 100%;
    top: 0;
    width: 100%;
    background: #fff;
    min-height: 100%;
    border-left: 1px solid rgba(0, 0, 0, 0.18);
    box-shadow: inset 20px 0px 30px -16px rgba(0, 0, 0, 0.071)
}

.menu-type-40 li:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.13)
}

ul.menu-type-40 li > a {
    display: block;
    position: relative
}

.menu-40-data, .menu-40-data-second, .menu-40-data-third {
    display: block;
    padding: 13px 16px
}

ul.menu-type-40 li.menu-drop > a:after {
    content: "\e99d";
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    height: 8px;
    text-align: center;
    margin: auto;
    font-size: 9px;
    font-family: 'krz-font' !important;
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    -ms-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s
}

ul.menu-type-40 > a {
    position: relative
}

ul.menu-type-40 a {
    text-decoration: none
}

ul.menu-type-40 li:hover > ul {
    visibility: visible;
    opacity: 1
}

.menu-41-main {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 100%;
    top: 0;
    width: 100%;
    width: calc(1240px - 100%);
    background: #fff;
    min-height: 100%;
    border-left: 1px solid rgba(0, 0, 0, 0.18);
    box-shadow: inset 20px 0px 30px -16px rgba(0, 0, 0, 0.071);
    padding: 0 20px 15px
}

ul.menu-type-41 > li:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.13)
}

ul.menu-type-41 li > a {
    display: block;
    position: relative;
    background: transparent !important
}

.menu-41-data {
    display: block;
    padding: 13px 16px
}

ul.menu-type-41 > li.menu-drop > a:after {
    content: "\e99d";
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    height: 8px;
    text-align: center;
    margin: auto;
    font-size: 9px;
    font-family: 'krz-font' !important;
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    -ms-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s
}

ul.menu-type-41 > a {
    position: relative
}

ul.menu-type-41 a {
    text-decoration: none
}

ul.menu-type-41 li:hover > .menu-41-main {
    visibility: visible;
    opacity: 1
}

.menu-41-second > li > a {
    font-weight: bold
}

.menu-41-second a {
    padding: 9px 0px
}

ul.menu-41-second > li {
    display: inline-block;
    vertical-align: top;
    width: 23%;
    border-bottom: 1px solid rgba(51, 51, 51, 0.18);
    margin: 10px 1% 0;
    padding-bottom: 10px
}

.menu-41-title {
    font-size: 24px;
    padding: 20px 8px 3px
}

ul.menu-41-second {
    font-size: 0
}

.menu-btn-active #site {
    z-index: 3
}

ul.menu-41-third a {
    line-height: 17px;
    padding: 7px 0px
}

.menu-41-third > li.active > a {
    font-weight: bold
}

@media screen and (max-width: 1279px) {
    .menu-41-main {
        width: calc(940px - 100%)
    }

    ul.menu-41-second > li {
        width: 31.333%
    }
}

.header_search {
    width: 100%;
    height: 46px;
    background: #fff;
    border-radius: 12px;
    overflow: hidden
}

.header_search .btn-strt:before {
    content: '\e9c5';
    width: 20px;
    height: 20px;
    opacity: 0.8;
    display: block;
    position: absolute;
    left: 12px;
    top: 9px;
    font-family: 'krz-font' !important;
    font-size: 14px;
    cursor: pointer;
    color: #D1D1D1
}

form.searchform .inp {
    border: 0;
    width: 100%;
    border-radius: 0px;
    font-size: 15px;
    padding: 16px 0 15px 14px;
    line-height: 15px;
    height: 100%
}

form.searchform {
    position: relative;
    height: 100%;
    padding: 0
}

form.searchform .btn-strt {
    position: absolute;
    right: 5px;
    top: 6px;
    height: 34px
}

.searchform-inp {
    height: 100%;
    /*width: calc(100% - 121px)*/
}

body.left-nothave .zone3 .blk-search {
    width: 100%
}

.header_search .btn-strt input {
    font-size: 0;
    padding: 20px
}

.search-result {
    position: absolute;
    left: 0;
    top: 100%;
    top: calc(100% + 4px);
    width: 100%;
    background: #fff;
    text-align: left;
    border: 1px solid rgba(87, 87, 87, 0.29);
    display: none;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
    z-index: 9
}

input:focus + .search-result, input:focus + * + .search-result {
    visibility: visible;
    opacity: 1
}

li.search-res-item a {
    display: block;
    transition: 0.2s;
    text-decoration: none
}

li.search-res-item:hover a {
    background: #f5f5f5
}

li.search-res-item {
    border-bottom: solid 1px #e2e2e2;
    font-size: 14px;
    padding: 4px
}

li.search-res-item:last-child {
    border-bottom: 0
}

li.search-res-item.search-res-item-main {
    background: #eee;
    border-bottom: solid 1px #e2e2e2;
    color: #999;
    font-weight: bolder
}

li.search-res-item-main, li.search-res-item a {
    padding: 5px 10px
}

.search-res-photo {
    width: 60px;
    position: absolute
}

span.search-res-price {
    font-weight: 600
}

li.search-res-item > a {
    margin-left: 60px
}

span.search-res-art {
    display: block;
    font-size: 12px;
    color: #999
}

span.search-res-name {
    color: #333
}

#mobile-search .search-result {
    position: fixed;
    top: 110px;
    left: 0;
    border-width: 0;
    overflow: scroll;
    width: 100%;
    height: 100%;
    height: calc(100% - 110px)
}

.item-color-cart span {
    height: 13px;
    width: 20px;
    display: inline-block;
    margin-top: 3px;
    border-radius: 1px;
    border: 1px solid rgba(167, 167, 172, 0.29)
}

.top_line.width {
    height: 44px
}

.top_l_left {
    float: left;
    margin-top: 11px;
    font-size: 14px;
    color: #81919C
}

.top_l_right {
    float: right
}

.top_l_right a {
    text-decoration: initial;
    color: #B8C7D1;
    font-size: 14px
}

.top_l_right a:hover {
    color: #889096
}

.top_l_right a span {
    display: inline-block;
    border-bottom: 1px dashed #89939B;
    line-height: 16px
}

.top_l_right a:hover span {
    border-bottom: 0px dashed #89939B
}

span.login:before {
    content: "";
    display: block;
    position: absolute;
    height: 18px;
    width: 17px;
    margin: 2px 0px 0 -23px;
    background: url(/images/icons.png) no-repeat;
    background-position: 0px -17px
}

span.registration:before {
    content: "";
    display: block;
    position: absolute;
    height: 19px;
    width: 17px;
    margin: 1px 0px 0 -23px;
    background: url(/images/icons.png) no-repeat;
    background-position: -17px -17px
}

span.login {
    margin: 10px 0px 0 0;
    display: inline-block
}

span.registration {
    display: inline-block;
    margin: 10px 0px 0 39px
}

.basket_mini {
    text-align: left;
    display: inline-block
}

span.basket_m_button {
    display: block;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    color: #fff
}

span.basket_m_price {
    white-space: nowrap;
    font-size: 13px;
    line-height: 17px;
    padding-left: 41px;
    position: relative;
    top: -4px;
    margin-right: 0
}

span.basket_m_button:before {
    content: "";
    display: block;
    position: absolute;
    height: 18px;
    width: 22px;
    margin: -7px 0px 0 -25px
}

/*span.basket_m_button:after {*/
/*    content: "\e99b";*/
/*    display: block;*/
/*    position: absolute;*/
/*    height: 5px;*/
/*    width: 7px;*/
/*    right: -11px;*/
/*    line-height: 5px;*/
/*    top: 7px;*/
/*    font-size: 7px;*/
/*    margin: 0 0px 0 0;*/
/*    font-family: 'krz-font' !important;*/
/*    -webkit-transition: transform 0.3s;*/
/*    -moz-transition: transform 0.3s;*/
/*    -ms-transition: transform 0.3s;*/
/*    -o-transition: transform 0.3s;*/
/*    transition: transform 0.3s*/
/*}*/

/*.mini_card_open_active span.basket_m_button:after {*/
/*    -webkit-transform: rotate(180deg);*/
/*    -moz-transform: rotate(180deg);*/
/*    -o-transform: rotate(180deg);*/
/*    -ms-transform: rotate(180deg);*/
/*    transform: rotate(180deg)*/
/*}*/

.basket_mini_a {
    text-decoration: initial;
    display: block;
    padding: 15px 23px 1px 41px;
    height: 40px
}

.mini_card_open_active .basket_mini_open.basket_mini_open {
    border-width: 0px
}

.mini_card_open_active .basket_mini_open .basket_m_price {
    opacity: 0
}

.mini_card_open_active .basket_mini_open .basket_mini_a {
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid transparent;
    height: 42px
}

@media screen and (min-width: 1280px) {
    .basket_mini_a {
        padding: 15px 31px 1px 47px
    }

    span.basket_m_price {
        padding-left: 47px
    }
}

.callus {
    text-align: left;
    display: inline-block
}

.callus .number {
    display: block;
    color: #85909a;
    font-size: 20px
}

.callus .number a {
    text-decoration: none
}

.callus .number span {
    color: #A1B5C2
}

span.number:before {
    content: "";
    display: block;
    position: absolute;
    height: 20px;
    width: 16px;
    margin: 3px 0px 0 -22px;
    background: url(/images/icons.png) no-repeat;
    background-position: -37px -1px
}

span.callus_open a {
    text-decoration: initial;
    color: #81919C
}

span.callus_open a span {
    border-bottom: 1px dashed #A5B0B8;
    display: inline-block;
    line-height: 12px
}

span.callus_open a:hover span {
    border-bottom: 0px dashed #A5B0B8
}

.logosite {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none
}

.logosite:hover {
    opacity: 0.9
}

.logo-img img {
    max-height: 120px;
    min-width: 64px
}

.logo-img {
    font-size: 0
}

.logosite.mainlogo-name {
    display: -webkit-flex;
    display: flex
}

.logosite.mainlogo-name > * {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-self: center;
    align-self: center
}

#logo-name > * {
    display: block
}

.logo-name {
    font-size: 16px;
    font-weight: bold
}

.logo-subname {
    font-size: 14px;
    line-height: 16px
}

.logosite.mainlogo-name .logo-img img {
    padding-right: 18px
}

@media screen and (max-width: 1279px) {
    .logosite.mainlogo-name .logo-img img {
        padding-right: 10px
    }

    .logo-name {
        font-size: 16px;
        line-height: 17px
    }

    .logo-subname {
        font-size: 13px;
        line-height: 16px
    }
}

.regper_link {
    display: inline-block;
    position: relative;
    padding: 3px 0 4px;
    margin-left: 22px;
    margin-right: 4px
}

.regper_link.i_city:before {
    height: 16px;
    width: 12px;
    position: absolute;
    top: 4px;
    left: -22px
}

.regper_link.i_user:before {
    height: 15px;
    width: 15px;
    position: absolute;
    top: 1px;
    left: -21px
}

.regper_link.i_sendmail:before {
    height: 14px;
    width: 14px;
    position: absolute;
    top: 6px;
    left: -22px
}

.regper_link.i_call:before {
    margin-left: 0;
    height: 16px;
    width: 11px;
    position: absolute;
    top: 5px;
    left: -22px
}

.regper_link a {
    text-decoration: none;
    border-bottom: 1px dotted;
    display: inline-block;
    line-height: 14px
}

.regper_link a:hover {
    border-bottom: 0px
}

.grid_1.login_regions .regper_link:first-of-type, .grid_2.login_regions .regper_link:first-of-type, .grid_3.login_regions .regper_link:first-of-type {
    margin-right: 0px
}

.grid_4.login_regions .regper_link:first-of-type, .grid_5.login_regions .regper_link:first-of-type, .grid_6.login_regions .regper_link:first-of-type, .grid_7.login_regions .regper_link:first-of-type, .grid_8.login_regions .regper_link:first-of-type, .grid_9.login_regions .regper_link:first-of-type, .grid_10.login_regions .regper_link:first-of-type, .grid_11.login_regions .regper_link:first-of-type, .grid_12.login_regions .regper_link:first-of-type {
    margin-right: 44px
}

.grid_1 .region_login, .grid_2 .region_login, .grid_3 .region_login {
    margin-top: 30px
}

.grid_4 .region_login, .grid_5 .region_login, .grid_6 .region_login, .grid_7 .region_login, .grid_8 .region_login, .grid_9 .region_login, .grid_10 .region_login, .grid_11 .region_login, .grid_12 .region_login, .regper-one .region_login {
    margin-top: 39px
}

.tel_lnk_text {
    color: #93959a;
    line-height: 15px;
    font-size: 92.8%;
    margin-bottom: 7px
}

.tel_lnk_phone {
    font-size: 0;
    font-weight: 400
}

.tel_lnk_phone::before {
    content: '';
    position: absolute;
    background: url(../images/icon_phone.svg) no-repeat;
    width: 13px;
    height: 13px;
    margin-left: -15px;
    margin-top: 3px
}

.tel_links > div:not(:first-child) {
    margin-top: 3px
}

.tel_lp_item, .tel_lp_item a {
    display: inline-block;
    text-decoration: none;
    font-size: 14px
}


.tel_lp_item span {
    opacity: 0.5
}

.tel_lp_item {
    padding: 0 5px
}

.tel_lp_item.i_tel:before {
    vertical-align: middle;
    margin-right: 5px;
    position: static;
    display: inline-block
}

.tel_links {
    display: inline-block
}

/*.semicolon {*/
/*    display: none*/
/*}*/
.semicolon {
    font-size: 14px;
    display: inline-block
}

.blocks.grid_1 .tel_lp_item, .blocks.grid_2 .tel_lp_item {
    padding: 0
}

.line_info {
    background-color: rgba(0, 0, 0, 0.04);
    position: relative;
    padding: 3px 3px 3px 4px;
    margin-bottom: 20px
}

a.back_catalog {
    position: absolute;
    right: 0;
    top: 0px;
    text-decoration: none;
    text-transform: lowercase;
    font-weight: 500;
    height: 19px;
    font-size: 13px;
    line-height: 16px;
    margin: 0px 5px 0 0;
    padding: 4px 10px 1px 8px;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s
}

a.back_catalog:before {
    font-size: 7px;
    font-weight: 700;
    position: absolute;
    transition: left 0.2s;
    left: -4px;
    height: auto;
    width: auto;
    top: auto;
    line-height: 16px
}

a.back_catalog:hover:before {
    left: -7px
}

li.xleb-menu a[href="/catalog/"]:before {
    content: "\e9ba";
    font-family: 'krz-font' !important;
    font-size: 13px;
    padding-right: 7px;
    position: relative;
    top: 1px
}

li.xleb-item:after {
    content: "";
    display: block;
    position: absolute;
    right: -1px;
    top: 9px;
    background: rgba(104, 131, 148, 0.55);
    width: 1px;
    height: 11px
}

li.xleb-item:last-of-type:after {
    display: none
}

li.xleb-item {
    display: inline-block;
    position: relative;
    vertical-align: top;
    font-size: 14px
}

li.xleb-item a {
    text-decoration: none
}

li.xleb-item > a {
    position: relative;
    padding: 0 13px 0 12px;
    height: 100%;
    display: block;
    line-height: 26px;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s
}

.xleb {
    font-size: 0;
    padding-right: 84px
}

li.xleb-item:first-of-type > a {
    font-weight: 700
}

ul.xleb-open li.active a {
    color: #A0A9AF;
    opacity: 1 !important
}

li.xleb-item.xleb-menu > a:after {
    content: "";
    display: inline-block;
    border: 3px solid transparent;
    border-top: 4px solid #353539;
    border-bottom: 0px;
    right: 11px;
    top: 11px;
    margin-left: 5px;
    vertical-align: top;
    margin-top: 12px
}

li.xleb-menu {
    border-bottom: 1px solid transparent
}

li.xleb-item > span {
    text-decoration: none;
    color: #A0A9AF;
    position: relative;
    padding: 0 22px 0 11px;
    height: 100%;
    display: block;
    line-height: 26px
}

li.xleb-item > a:hover {
    opacity: 0.7
}

li.xleb-item.xleb-menu:hover, li.xleb-menu.active {
    background: #fff;
    box-shadow: 0 0 3.9px 1.1px rgba(40, 50, 60, 0.11)
}

li.xleb-menu:hover:after, li.xleb-menu.active:after {
    opacity: 0
}

ul.xleb-open {
    display: none;
    position: absolute;
    background: #fff;
    box-shadow: 0 0 3.9px 1.1px rgba(40, 50, 60, 0.11);
    z-index: 4;
    width: 100%;
    min-width: 240px;
    top: 29px;
    padding: 7px 0 9px 0
}

ul.xleb-open li {
    display: block
}

ul.xleb-open a:hover {
    opacity: 0.7;
    text-decoration: underline
}

li.xleb-menu.active:before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    left: 0;
    bottom: 0px;
    background: #FFF;
    z-index: 2
}

li.xleb-menu.active a:after {
    border-color: transparent
}

li.xleb-item:hover {
    z-index: 4
}

li.xleb-menu.active {
    border-bottom: 1px dashed rgba(51, 51, 51, 0.35)
}

ul.xleb-open li {
    padding: 5px 13px 4px 12px
}

span.xleb-close {
    display: none
}

li.xleb-menu.active span.xleb-close {
    display: block;
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    width: 21px
}

span.xleb-close:before {
    content: "✖";
    font-size: 10px;
    color: #E93605;
    padding-left: 2px
}

li.xleb-default-item {
    display: inline-block;
    position: relative;
    vertical-align: top;
    font-size: 14px;
    padding: 0 12px 0 0;
    margin-right: 12px
}

li.xleb-default-item:not(:last-child):after {
    content: "\e99d";
    font-family: 'krz-font' !important;
    position: absolute;
    right: -4px;
    bottom: 0;
    top: 2px;
    margin: auto;
    height: 8px;
    font-size: 7px
}

li.xleb-default-item a {
    text-decoration: none
}

li.xleb-default-item span {
    color: #aaaaaa
}

li.xleb-default-item:hover a {
    text-decoration: underline
}

body.mobile .type-block-7 .blk_body {
    white-space: nowrap;
    overflow: auto;
    padding-left: 16px;
    padding-right: 16px
}

p {
    margin-bottom: 15px;
    line-height: 155%;
    min-height: 1px
}

.txt {
    position: relative
}

#content .txt .obj {
    margin-bottom: 30px
}

.txt ul li, .txt ol li {
    margin: 0 0 12px 30px;
    position: relative
}

.txt ul, .txt ol, .txt li {
    line-height: 150%
}

.txt ul li:before {
    content: '●';
    display: inline;
    width: 5px;
    height: 5px;
    top: -1px;
    right: 17px;
    position: relative;
    border-radius: 50%
}

.txt ol {
    counter-reset: li;
    padding: 0
}

.txt ol li {
    margin: 0 0 13px 17px
}

.txt ol li:before {
    content: counter(li);
    counter-increment: li;
    position: absolute;
    top: 7px;
    left: -39px;
    width: 2em;
    padding: 4px 0;
    font-weight: bold;
    font-size: 16px;
    line-height: 22%;
    text-align: right
}

.txt p:first-child {
    margin-top: 0
}

.txt p:last-child {
    margin-bottom: 0
}

.txt ul, .blockText ul {
    margin: 10px 0
}

.txt table td, .txt table th, .txt .obj table td, .txt .obj table th {
    border: 1px #ccc solid;
    text-align: left;
    padding: 5px
}

h3.spoler {
    margin: 0;
    padding: 0 0px 6px
}

.spoler a {
    border-bottom: 1px dashed;
    text-decoration: none
}

.spoler.act a {
    border: 0px
}

.spolerText {
    display: none
}

.city {
    position: absolute;
    top: 27px;
    left: 285px
}

.select_city {
    border: 1px solid #D0DAE0;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    color: #A1B5C2;
    height: 32px;
    padding: 0 2px;
    font-size: 12px
}

section.content {
    width: 500px;
    float: right
}

.regper_link.lang-list {
    margin: 0;
    padding: 0
}

.lang-list .nice-select.select-style {
    width: auto;
    min-width: 52px;
    height: 31px
}

.lang-list .nice-select.select-style span.current {
    line-height: 27px
}

.lang-list .nice-select.select-style .option {
    line-height: 27px
}

.catalog-item-full {
    margin-bottom: 24px
}

.content_main {
    overflow: hidden;
    margin-bottom: 20px;
    position: relative
}

.content_info {
    float: right;
    width: 50%;
    padding: 0 0 60px 22px
}

.blk_st_full {
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    margin-right: 10px;
    position: relative
}

.blk_st_full span {
    padding: 3px 12px 4px 10px;
    display: block;
    border-radius: 2px
}

.blk_st_full .blk_st_text_full {
    background: #717172;
    border-radius: 2px;
    position: absolute;
    left: 0;
    bottom: 120%;
    bottom: calc(100% + 5px);
    padding: 6px 8px 5px;
    width: 250px;
    opacity: 0;
    visibility: hidden;
    transition: 0.25s
}

@media screen and (min-width: 781px) {
    .blk_st_full:hover .blk_st_text_full {
        opacity: 1;
        visibility: visible
    }
}

.blk_st_full:last-of-type {
    margin-right: 0
}

.blk_status_full {
    text-align: left;
    position: absolute;
    top: 13px;
    left: 12px;
    z-index: 2
}

h1.title {
    font-size: 24px;
    color: #2d2b2e;
    line-height: 26px;
    margin: -3px 0 12px 0
}

.instock, .nostock, .stock-val, .instock:before {
    color: #69c000
}

.instock, .nostock {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    text-transform: lowercase;
    border: 2px solid #71c70a;
    border-radius: 17px;
    padding: 1px 12px 3px 12px;
    min-width: 120px
}

.nostock, .nostock:before {
    color: #E11E2B;
    border-color: #eb2d3a
}

.stock-val {
    font-size: 14px;
    margin-left: -18px
}

.art_full {
    font-size: 15px;
    color: rgba(45, 43, 46, 0.8);
    margin: 0 0 20px 0
}

.have_item {
    margin-bottom: 26px
}

.have_item .instock, .have_item .nostock {
    margin-right: 23px
}

.have_item .instock {
    padding-left: 8px;
    padding-right: 13px
}

.have_item .stock-val {
    margin-left: -50px
}

.instock:before, .nostock:before {
    display: inline-block;
    padding-right: 4px;
    position: relative;
    left: auto;
    top: 2px;
    height: auto;
    width: auto;
    font-size: 13px
}

.nostock:before {
    font-size: 9px;
    top: 0px;
    padding-right: 5px
}

.ask_question {
    display: inline-block
}

.ask_question a {
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    color: #E11E2B
}

.ask_question a span {
    display: inline-block;
    line-height: 15px;
    border-bottom: 1px dashed #E11E2B
}

.ask_question a:hover span {
    border-color: transparent
}

.card-question:before {
    content: '?';
    font-family: 'Noto Sans', sans-serif !important;
    font-size: 14px;
    position: relative;
    display: inline-block;
    border: 1px solid;
    border-radius: 50px;
    padding: 2px 6px;
    width: auto;
    height: auto;
    top: 1px;
    margin-right: 3px;
    line-height: 1em
}

.card_price_info {
    margin-bottom: 17px
}

.card_buy {
    background: #EAEBEC;
    padding: 11px 25px 19px;
    border-radius: 6px;
    font-size: 0;
    margin-bottom: 23px;
    position: relative;
    overflow: hidden
}

.card_buy.have-action {
    padding-bottom: 68px
}

.card_buy.have-action .blk_action_card {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 0;
    padding: 8px 13px 13px 30px;
    height: 55px
}

.card_price_first {
    font-size: 36px;
    color: #0a0a10;
    font-weight: bold;
    display: inline-block;
    margin-right: 13px
}

.card_price_first .rubl {
    font-weight: normal;
    font-size: 38px
}

.card_price_first span {
    font-size: 42px
}

.difference_price {
    font-size: 16px;
    color: #49A82C
}

.card_price_second {
    display: inline-block;
    line-height: 20px;
    vertical-align: top;
    margin-top: 11px
}

.card_price_second .last_price {
    color: #6B6B6F;
    font-size: 19px;
    position: relative;
    display: inline-block;
    vertical-align: top
}

.card_price_second .last_price:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #E22C39
}

.req-price {
    font-size: 13px;
    margin-bottom: 12px
}

.req-price-this {
    font-weight: bold
}

.delivery-days {
    display: block
}

.delivery-days a {
    text-decoration: none;
    border-bottom: 1px dotted;
    display: inline-block;
    line-height: 14px
}

.delivery-days a:hover {
    border-bottom: 0
}

.cart-param-deliveryDay .cart-param-body {
    display: block
}

.card_btn {
    display: inline-block;
    width: 236px
}

.catalog-item-full.template-type2 .incart-typefull1 {
    margin-bottom: 14px
}

.incart-typefull1, .inorder-typefull1 {
    height: 45px;
    font-size: 0
}

.catalog-item-full.template-type1 .req-price {
    margin: -10px 0 12px 0
}

.catalog-item-full.template-type1 .incart-typefull1 > *, .catalog-item-full.template-type1 .inorder-typefull1 > * {
    border-radius: 4px;
    overflow: hidden
}

.incart-typefull1 a, .inorder-typefull1 a {
    display: inline-block;
    width: 60%;
    height: 100%;
    vertical-align: top;
    color: #fff;
    font-size: 16px;
    line-height: 44px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    float: right
}

.incart-typefull1 .incart-num {
    width: 34%;
    height: 100%;
    position: relative;
    display: inline-block
}

.incart-typefull1 .incart-num input {
    width: 62%;
    height: 100%;
    text-align: center;
    font-size: 18px;
    line-height: 18px
}

.incart-typefull1 .incart-num input::-webkit-outer-spin-button, .incart-typefull1 .incart-num input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.incart-typefull1 .incart_up, .incart-typefull1 .incart_down {
    position: absolute;
    height: 50%;
    background: #7E848E;
    width: 38%;
    right: 0;
    color: #fff;
    cursor: pointer
}

.incart-typefull1 .incart_down {
    bottom: 0
}

.incart-typefull1 .incart_up {
    top: 0
}

.incart-typefull1 .incart_up:before, .incart-typefull1 .incart_down:before {
    font-size: 10px;
    text-align: center;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    line-height: 25px
}

.incart-typefull1 a.icons:before, .inorder-typefull1 a.icons:before {
    display: none
}

.inorder-typefull1 a {
    width: 100%;
    display: block;
    float: none
}

.fast_buy {
    display: inline-block;
    vertical-align: top;
    line-height: 44px;
    margin-left: 20px
}

.fast_buy a {
    font-size: 16px;
    color: #E11E2B;
    font-weight: bold;
    text-decoration: none
}

.fast_buy a span {
    display: inline-block;
    border-bottom: 1px dashed #e11e2b;
    line-height: 15px
}

.fast_buy a:hover span {
    border-bottom: transparent
}

.cart-param {
    font-size: 0;
    margin-bottom: 7px
}

.cart-param > * {
    display: inline-block;
    vertical-align: top;
    font-size: 14px
}

.cart-param-name {
    margin-right: 5px;
    font-weight: bold
}

.cart-param a {
    color: #4B74C4
}

.cart-info-onetab {
    padding: 30px 26px
}

.repost_text {
    font-size: 11px;
    margin-bottom: 4px;
    text-transform: uppercase;
    color: #9ea3aa
}

.repost {
    position: absolute;
    bottom: 10px
}

#cart-info, #cart-info-mini {
    border: 1px solid rgba(204, 207, 219, 0.27);
    background: #FFFFFF;
    color: #757576
}

#cart-info {
    margin-bottom: 10px
}

#cart-info ul.tabs {
    border-bottom: 1px solid #E11E2B;
    overflow: auto;
    padding: 0px 26px;
    width: auto;
    height: 58px
}

#cart-info .t-border {
    background: #E11E2B;
    height: 6px
}

#cart-info .tabs .tab a, #cart-info .tabs .tab a:hover {
    padding: 0;
    background: transparent;
    text-transform: none
}

#cart-info .tabs .tab a.active {
    color: #e11e2b !important
}

#cart-info .tabs .tab {
    margin-right: 47px;
    line-height: 55px;
    height: 100%
}

#cart-info .tabs-body {
    padding: 32px 26px
}

#cart-info li.tab a[data-rel], #cart-info li.tab a[href="#cart-citymap"] {
    text-transform: uppercase !important
}

#cart-info li.tab a[data-rel] b {
    font-weight: normal;
    border-bottom: 1px dashed rgba(9, 10, 13, 0.38);
    line-height: 14px;
    display: inline-block
}

#cart-info li.tab a[data-rel]:hover b {
    border-bottom: 0
}

#cart-info li.tab a[data-rel] span {
    opacity: 0.9
}

.review-count {
    opacity: 0.7;
    margin-left: 2px
}

.map_marker.icons:before {
    position: relative;
    display: inline-block;
    font-size: 16px;
    left: 0;
    top: 2px;
    color: #e11e2b;
    margin-right: 7px;
    width: 13px
}

.contact_item_wrap > * + * + h3 {
    margin-top: 0
}

.cart-params-all {
    margin-bottom: 28px
}

.cart-param-line {
    border-bottom: 1px solid rgba(223, 223, 223, 0.46)
}

.cart-param-line:first-of-type {
    border-top: 1px solid rgba(223, 223, 223, 0.46)
}

.cart-param-line:nth-child(odd) {
    background: rgba(60, 60, 62, 0.03)
}

.cart-param-item:first-of-type {
    border-right: 1px solid rgba(223, 223, 223, 0.46)
}

.cart-param-item {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    font-size: 0;
    min-height: 30px;
    color: #484848;
    padding: 9px 15px
}

.cart-param-item > span {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    font-size: 13px
}

.cart-param-item .cartp-value {
    font-style: italic
}

.cart-param-item a {
    color: #4B74C4
}

.cart-tags {
    font-size: 0;
    margin-bottom: 15px;
    position: relative
}

.cart-tags a {
    display: inline-block;
    text-decoration: none;
    font-size: 13px;
    font-style: italic;
    color: #3e4145;
    border: 1px dashed #e11e2b;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 2px 7px;
    margin-right: 5px;
    margin-bottom: 10px;
    transition: 0.04s
}

.cart-tags a:hover {
    background: #e11e2b;
    color: #fff
}

#cart-info-mini {
    padding: 20px 26px 23px 69px;
    font-style: italic;
    position: relative
}

#cart-info-mini a {
    color: #6c8cc7
}

#cart-info-mini:before {
    content: "\e9b2";
    font-family: 'krz-font' !important;
    font-style: normal;
    font-size: 22px;
    color: #e11e2b;
    position: absolute;
    height: 22px;
    width: 22px;
    left: 27px;
    top: 0;
    bottom: 0;
    margin: auto;
    line-height: 21px
}

.template-type2 .content_main {
    margin-bottom: 11px
}

.template-type2 .req-price {
    margin: -10px 0 12px 0
}

.template-type2 .req-price.req-price-2 {
    background: #ededed;
    padding: 9px 12px 10px
}

.template-type2 .gallery, .template-type2 .card_info_first, .template-type2 .card_info_second {
    background: rgba(190, 196, 201, 0.07);
    border: 1px solid rgba(214, 224, 233, 0.25);
    padding: 21px
}

.template-type2 .gallery {
    text-align: left;
    padding: 15px 32px 30px;
    width: 66%
}

.template-type2 .gallery-mini {
    padding-bottom: 0px
}

.template-type2 .blk_status_full {
    position: static;
    margin-bottom: 15px
}

.template-type2 h1.title {
    margin: 0 0 8px 0;
    line-height: 36px
}

.template-type2 .art_full {
    margin: -4px 0 18px 0
}

.template-type2 .content_info {
    padding: 0px;
    font-size: 0;
    width: 33%;
    width: calc(34% - 15px)
}

@media screen and (max-width: 1279px) {
    .sitew1200 .template-type2 .owl-carousel.owl-incard {
        height: 275px
    }

    .template-type2 .content_info {
        width: 43%;
        width: calc(44% - 15px)
    }

    .template-type2 .gallery {
        width: 56%
    }

    .template-type2 .gallery {
        padding: 15px 15px 21px
    }
}

.template-type2 .owl-carousel.owl-incard {
    height: 240px
}

.template-type2 .cart-line-title, .template-type2 .cart-line-body {
    display: inline-block;
    vertical-align: top
}

.template-type2 .cart-line-title {
    width: 69px;
    padding-right: 3px;
    line-height: 16px
}

.template-type2 .cart-line-body {
    width: 189px;
    width: calc(100% - 69px)
}

.template-type2 .cart-line {
    width: 100%;
    margin-bottom: 17px
}

.template-type2 .cart-line.line-colors {
    margin-bottom: 11px
}

.template-type2 .cart-line-body .nice-select.select-style {
    height: 33px;
    margin-top: 1px
}

.template-type2 .cart-line-body .nice-select.select-style:after {
    top: 14px
}

.template-type2 .cart-line-body .color-body {
    margin-top: 3px
}

.template-type2 .instock, .template-type2 .nostock {
    border: 0;
    padding: 5px 0 0 0px
}

.template-type2 .have_item {
    margin-bottom: 10px
}

.template-type2 .card_price_first {
    font-size: 12px;
    margin-right: 8px
}

.template-type2 .card_price_first .rubl {
    font-size: 25px
}

.template-type2 .card_price_first span {
    font-size: 27px
}

.template-type2 .card_price_second .last_price {
    font-size: 14px
}

.template-type2 .difference_price {
    font-size: 12px
}

.template-type2 .card_price_second {
    line-height: 14px;
    margin-top: 7px;
    margin-left: 0
}

.template-type2 .card_price_second .last_price:before {
    top: 7px
}

.template-type2 .card_price_info {
    margin-bottom: 23px
}

.template-type2 .card_variables {
    margin: 0
}

.template-type2 .card_btn {
    font-size: 0;
    width: 100%;
    margin-bottom: 8px
}

.template-type2 .fast_buy a {
    display: block;
    border: 1px solid #e11e2b;
    text-align: center;
    height: 43px
}

.template-type2 .fast_buy a span {
    border: 0
}

.template-type2 .blk_action_card {
    display: block;
    border-radius: 0;
    margin: 12px 0 10px 0;
    padding: 5px 9px 0
}

.template-type2 .blk_action_card .countdown_time {
    margin-right: 2px
}

.template-type2 .blk_act_number_card {
    margin-right: 0px
}

.template-type2 .blk_action_card span.blk_act_text {
    width: 71px
}

.template-type2 .fast_buy {
    display: block;
    margin: 0;
    line-height: 40px;
    margin-bottom: 5px
}

.template-type2 .fast_buy_first {
    margin-bottom: 14px
}

.cart-line-count {
    position: relative;
    width: 120px;
    height: 28px
}

.cart-line-count input {
    width: 100%;
    height: 100%;
    text-align: center;
    background: transparent;
    font-size: 18px;
    color: rgba(0, 0, 0, 0.5);
    -moz-appearance: textfield
}

.cart-line-count input::-webkit-outer-spin-button, .cart-line-count input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.cart-line-count span {
    position: absolute;
    left: 0;
    width: 21px;
    height: 100%;
    cursor: pointer
}

.cart-line-count span:before {
    color: #C4C4C4;
    font-size: 12px !important
}

.cart-line-count span.incart_up {
    right: 0;
    left: auto;
    text-align: right
}

.cart-line.line-count {
    margin-bottom: 15px
}

.cart-line.line-count .cart-line-title {
    line-height: 25px
}

.incart-typefull2 a {
    display: block;
    height: 45px;
    font-size: 16px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    line-height: 44px;
    color: #fff
}

.incart-typefull2 a.icons:before {
    display: none
}

.incart-typefull2, .inorder-typefull1 {
    margin-bottom: 14px
}

.incart-typefull2.active .incart-js:before {
    display: inline-block;
    position: static;
    font-size: 15px;
    padding-right: 4px
}

.template-type2 .repost {
    bottom: 21px
}

.template-type2 .cart-param.cart-param-text {
    margin-bottom: 13px
}

.template-type2 .card_info_first {
    margin-bottom: 11px;
    height: 100%;
    position: relative;
    padding-bottom: 71px
}

.template-type2 .card_info_second {
    padding-top: 15px;
    padding-bottom: 20px
}

.template-type2 .ask_question {
    display: block;
    text-align: center;
    padding-right: 6px
}

.template-type2 .ask_question a span {
    border: 0
}

.template-type2 .ask_question a span {
    border: 0
}

.template-type2 .content_main {
    margin-bottom: 11px
}

.template-type2 #cart-info ul.tabs {
    border-width: 2px;
    padding: 0;
    height: 62px
}

.template-type2 #cart-info .t-border {
    display: none
}

.template-type2 #cart-info .tabs .tab a, .template-type2 #cart-info .tabs .tab a:hover {
    padding: 0 30px;
    transition: 0.05s
}

.template-type2 #cart-info .tabs .tab {
    margin: 0;
    line-height: 62px
}

.template-type2 #cart-info .tabs .tab a.active {
    background: #7e848e;
    color: #fff !important
}

.template-type2 #cart-info .tabs .tab a {
    border-right: 1px solid rgba(204, 207, 219, 0.27)
}

.template-type2 .map_marker.active.icons:before {
    color: #fff
}

.template-type3 .art_full {
    margin-bottom: 13px
}

.template-type3 .cart-param {
    margin-bottom: 14px
}

.template-type3 .have_item {
    margin-bottom: 15px
}

.template-type3 .cart-line.line-count {
    width: 100%
}

.template-type3 .blk_status_full {
    position: static;
    margin-bottom: 14px
}

.template-type3 .art_full, .template-type3 .have_item {
    display: inline-block
}

.template-type3 .have_item .instock, .template-type3 .have_item .nostock {
    margin-right: 12px
}

.template-type3 .card_price_info {
    margin: 20px 0 10px 0
}

.template-type3 .card_variables {
    margin-bottom: 5px
}

.template-type3 .req-price.req-price-2 {
    background: #ededed;
    padding: 9px 12px 10px
}

.kz_napisat a {
    color: #e11e2b;
    font-size: 15px;
    font-weight: 500;
    line-height: 15px;
    text-transform: uppercase;
    border-bottom: 1px dashed #e11e2b;
    text-decoration: none;
    display: inline-block
}

.kz_napisat a:hover {
    border-bottom: 0px solid
}

.kz_napisat {
    display: inline-block;
    margin: 2px 0 0 0
}

.kz_otz_name {
    color: #3c444c;
    font-weight: 500;
    display: inline-block
}

.kz_otz_time:before {
    content: "\e918";
    font-family: 'krz-font' !important;
    font-size: 12px;
    height: 12px;
    width: 12px;
    display: inline-block;
    margin-top: 2px;
    vertical-align: top;
    margin-right: 5px;
    opacity: 0.8
}

.kz_otz_time {
    float: right;
    font-size: 12px;
    opacity: 0.7;
    margin-top: 2px
}

.kz_otz_top {
    margin-bottom: 8px
}

.kz_nootz {
    margin-bottom: 19px;
    font-size: 13px;
    padding-left: 5px;
    float: left
}

.kz_otz_text {
    color: #676c70;
    line-height: 17px;
    font-size: 13px
}

.kz_otz_item {
    border-bottom: 1px dashed rgba(204, 207, 219, 0.36);
    padding: 0px 0 16px 0;
    margin-bottom: 13px
}

.kz_raiting {
    border-bottom: 1px solid rgba(204, 207, 219, 0.36);
    padding: 0 0 20px 0;
    margin-bottom: 11px;
    text-align: right
}

.kz_raiting.norate {
    border: 0px
}

.kz_otz_otime {
    color: #b4bbc2;
    font-size: 12px;
    display: inline-block;
    margin: 0 0 0 7px
}

.kz_otz_otvet {
    border-left: 2px solid #e5e7e9;
    padding: 0px 0 0 14px;
    margin: 16px 0 0 0
}

.h1-title {
    position: absolute;
    right: 0;
    top: 16px
}

.kz_form {
    background-color: rgba(247, 248, 249, 0.72);
    border: 1px solid rgba(193, 193, 193, 0.15);
    padding: 14px 26px 5px
}

.kz_form .fo_head {
    font-size: 24px;
    font-weight: 400;
    line-height: 18px;
    color: #000;
    padding: 10px 0 17px;
    border-bottom: 1px solid rgba(103, 108, 112, 0.33)
}

.kz_form .fo_name {
    display: inline-block;
    color: #676c70;
    text-align: right;
    width: 100px;
    vertical-align: top;
    margin-top: 11px
}

.kz_form .fo_inp {
    display: inline-block;
    margin-left: 12px
}

.kz_form .fo_inp input {
    height: 38px;
    border: 1px solid #c1c1c1;
    border-radius: 2px;
    width: 317px;
    padding: 0 16px;
    -webkit-transition: border 0.2s;
    -moz-transition: border 0.2s;
    -ms-transition: border 0.2s;
    -o-transition: border 0.2s;
    transition: border 0.2s
}

.kz_form .fo_line {
    margin: 10px 0 30px
}

.kz_form .fo_block {
    padding: 15px 0 0 0
}

.kz_form .fo_inp textarea {
    height: 38px;
    background-color: white;
    border: 1px solid #c1c1c1;
    border-radius: 2px;
    width: 317px;
    padding: 11px 16px;
    min-height: 90px;
    height: 90px;
    -webkit-transition: border 0.2s;
    -moz-transition: border 0.2s;
    -ms-transition: border 0.2s;
    -o-transition: border 0.2s;
    transition: border 0.2s
}

.kz_form .fo_line input[type=submit] {
    height: 41px;
    width: auto;
    border: 0px;
    border-radius: 2px;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    padding: 0 29px;
    line-height: 40px;
    transition: all 0.2s
}

.kz_form .fo_line a:hover {
    opacity: 0.8
}

nav.left_menu h2 {
    padding: 8px;
    margin: 0
}

ul.menu_catalog > li {
    border-top: 1px solid rgba(217, 226, 231, 0.3);
    transition: background 0.05s
}

ul.menu_catalog > li:last-of-type {
    border-bottom: 0px solid #D9E2E7
}

ul.menu_catalog > li > a {
    font-size: 13px;
    display: block;
    position: relative
}

ul.menu_catalog a {
    text-decoration: none
}

ul.left_m_sec {
    display: none;
    padding: 7px 0 12px;
    overflow: hidden
}

li.menu_open span.menu_arrow:after {
    content: "\e913";
    font-family: 'krz-font' !important;
    font-size: 11px;
    display: block;
    height: 8px;
    line-height: 10px;
    width: 12px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    -webkit-transition: border 0.1s, transform 0.3s;
    -moz-transition: border 0.1s, transform 0.3s;
    -ms-transition: border 0.1s, transform 0.3s;
    -o-transition: border 0.1s, transform 0.3s;
    transition: border 0.1s, transform 0.3s
}

li.menu_open.active span.menu_arrow:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

span.menu_arrow {
    height: 100%;
    display: none;
    position: absolute;
    width: 21px;
    top: 0;
    right: 11px;
    opacity: 0.5
}

li.menu_open span.menu_arrow {
    display: block
}

span.menu_img {
    display: none;
    position: absolute;
    height: 22px;
    width: 22px;
    top: 50%;
    left: 5px;
    margin-top: -11px;
    font-size: 0
}

span.menu_title {
    display: inline-block;
    vertical-align: top;
    padding: 12px 11px 10px
}

li.menu_open span.menu_title {
    padding-right: 21px
}

span.menu_img img {
    max-height: 22px;
    max-width: 22px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    font-size: 0;
    line-height: 0
}

li.menu_open span.menu_arrow:hover:after {
    border-top-color: #FF834C
}

ul.menu_catalog li a:hover span.menu_title {
    opacity: 0.8
}

ul.menu_catalog sup {
    color: rgba(138, 147, 154, 0.86);
    font-size: 10px;
    margin-left: 2px
}

ul.menu_catalog a {
    transition: all 0.2s
}

ul.menu_catalog > li.active, ul.menu_catalog > li:hover {
    background: rgba(134, 134, 134, 0.13)
}

.left_m_th {
    display: none;
    padding: 6px 0 0
}

ul.left_m_sec > li {
    padding: 5px 0 0 30px
}

ul.left_m_sec a span {
    font-size: 0.9em
}

ul.left_m_sec li.menu_open span.menu_plus:before {
    content: "";
    position: absolute;
    height: 9px;
    width: 1px;
    background: #0082BD;
    left: 7px;
    top: 4px;
    display: block;
    transition: all 0.2s
}

ul.left_m_sec li.menu_open span.menu_plus:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 9px;
    background: #0082BD;
    top: 8px;
    left: 3px;
    display: block
}

ul.left_m_sec li.menu_open.active .menu_plus:before {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

ul.left_m_sec > li > a:hover > .menu_title_sec {
    opacity: 0.8
}

span.menu_plus {
    display: block;
    position: absolute;
    height: 100%;
    left: -17px;
    width: 17px;
    padding-left: 2px
}

ul.left_m_sec a {
    display: block;
    position: relative
}

ul.left_m_sec li.active > a {
    color: #5A6165
}

ul.left_m_th > li {
    padding: 6px 0
}

ul.left_m_th a:hover {
    color: #0082AF
}

span.menu-sub {
    color: rgba(74, 81, 86, 0.68);
    margin-left: 3px;
    font-size: 11px;
    display: inline-block
}

nav.head-bg h2 {
    background: #E8F0F7
}

.thismenu ul li li.active a {
    font-weight: bold
}

.sub-tags-block {
    display: flex;
    margin-bottom: 10px
}

.sub-tags-block.active.open {
    align-items: flex-end
}

.sub-tag-wrapper {
    display: inline-block;
    margin: 0 10px 10px 0
}

.sub-tag-wrapper:last-child {
    margin-right: 0
}

.sub-tags-block.active .sub-tags-slider-wrapper {
    width: calc(100% - 80px);
    display: inline-flex
}

.sub-tags-block.active:not(.open) .sub-tag-wrapper {
    margin-bottom: 0
}

.sub-tags-block:not(.active) button {
    display: none
}

.sub-tags-block .sub-tags-btn {
    background-color: transparent;
    border: 0;
    min-width: 25px
}

.sub-tags-block .sub-tags-btn::before {
    font-family: 'krz-font';
    font-size: 12px
}

.sub-tags-block .sub-tags-btn.btn-prev::before {
    content: '\e99c'
}

.sub-tags-block .sub-tags-btn.btn-next::before {
    content: '\e99d'
}

.sub-tags-btn.disabled {
    pointer-events: none
}

.sub-tags-btn.disabled::before {
    color: #999
}

.sub-tags-block .sub-tags-show-more {
    background-color: transparent;
    border: 0;
    white-space: nowrap;
    text-decoration: underline;
    font-size: 12px;
    width: 80px
}

.sub-tags-block.open .sub-tags-show-more {
    margin-bottom: 10px
}

.sub-tags-block.active.open .sub-tags-btn {
    display: none
}

.sub-tags-block .sub-tags-wrapper {
    overflow: hidden
}

.sub-tags-block .sub-tag-list {
    position: relative
}

.sub-tags-block.active:not(.open) .sub-tag-list {
    white-space: nowrap
}

.sub-tags-block.draged * {
    user-select: none
}

@media screen and (max-width: 780px) {
    .sub-tags-block {
        display: block
    }

    .sub-tags-block.active .sub-tags-slider-wrapper {
        width: 100%
    }

    .sub-tags-block .sub-tags-show-more {
        float: right
    }
}

.image-default {
    width: 100%;
    min-height: 40px;
    overflow: hidden;
    position: relative
}

.image-default:before {
    content: "";
    display: block;
    padding-top: 100%
}

.image-default a {
    display: block;
    height: 100%;
    width: 100%
}

.image-default a:not(.fast_prew), .image-default img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto
}

.image-default img.nophoto {
    object-fit: contain !important
}

.image-default.image-noimg {
    height: 100%
}

.image-cover img {
    object-fit: contain !important;
    width: 100% !important;
    height: 100% !important;
    font-family: 'object-fit: contain;'
}

.image-contain img {
    object-fit: contain !important;
    width: 100% !important;
    height: 100% !important;
    font-family: 'object-fit: contain;'
}

.image-fill img {
    object-fit: fill !important;
    width: 100% !important;
    height: 100% !important;
    font-family: 'object-fit: fill;'
}

[data-masonry='1'] > * {
    transition: ease-out 0.3s
}

.rowspan .image-default:before, .colspan .image-default:before {
    padding: 0 !important
}

.rowspan .wrapper, .colspan .wrapper, .rowspan .image-default, .colspan .image-default, .rowspan .image-default a, .colspan .image-default a {
    position: relative;
    width: 100%;
    height: 100%
}

ul.subdivision-items[class*=masonry] .name {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto
}

#tooltip {
    position: absolute;
    z-index: 3000;
    border: 1px solid #d5d5d5;
    background-color: #ebebeb;
    padding: 2px;
    display: none;
    font-size: 0
}

#tooltip img {
    max-width: 300px
}

.is_mobile #tooltip {
    display: none !important
}

.news-items {
    font-size: 0
}

.news-item .image-default {
    background: #f4f4f4
}

#lightcase-case.modal-obj.modal-news #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
    padding: 60px 70px
}

body #lightcase-case.modal-news #lightcase-title {
    display: block !important
}

.template-1 .news-item {
    margin: 0 0 25px 0px;
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    width: 220px;
    margin-right: 10px;
    text-align: left
}

.template-1 .news-item .news-name {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px
}

.template-1 .news-item .news-date {
    position: absolute;
    left: 0px;
    top: 10px
}

.template-1 .news-item .news-data {
    padding: 12px 0px 17px
}

.template-1 .news-item .news-text {
    font-size: 12px
}

.template-2 .news-item .image-default {
    width: 170px
}

.template-2 .news-item {
    margin: 0 0 25px 0px;
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    width: 49%;
    margin-right: 1%;
    background: #fff;
    box-shadow: 0 0 1px 0 rgba(93, 93, 93, 0.49);
    text-align: left
}

.template-2 .news-item .image-default, .template-2 .news-item .news-data {
    display: inline-block;
    vertical-align: top
}

.template-2 .news-item .news-data {
    font-size: 14px;
    padding: 13px 22px;
    position: absolute;
    height: 100%
}

.template-2 .news-item .news-name {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px
}

.template-2 .news-item .news-date {
    position: absolute;
    left: 0px;
    top: 10px
}

.template-2 .news-item .news-data:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 50%;
    width: 100%;
    -webkit-box-shadow: inset 0px -75px 43px -41px #ffffff;
    -moz-box-shadow: inset 0px -75px 43px -41px #ffffff;
    box-shadow: inset 0px -75px 43px -41px #ffffff
}

.blocks.grid_3 .template-2 .news-item .image-default {
    width: 100%
}

.blocks.grid_3 .template-2 .news-item .news-data {
    position: static;
    width: auto;
    padding: 23px 26px 30px;
    text-align: center
}

.blocks.grid_3 .template-2 .news-item .news-data:after {
    display: none
}

.blocks.grid_3 .template-2 .news-item .news-name {
    margin-bottom: 16px
}

.template-3 .news-item .news-name {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px
}

.template-3 .news-item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 220px;
    text-align: left;
    margin: 0px 10px 25px 0px;
    overflow: hidden
}

.template-3 .news-text {
    font-size: 12px
}

.news-photo .owl-item a.image-default {
    position: static
}

.news-photo .image-default:before {
    padding-top: 56.25%
}

.news-photo-all {
    float: left;
    width: 45%;
    padding: 0px 20px 0 0;
    margin-bottom: 15px;
    position: relative;
    z-index: 1
}

.news-photo.owl-carousel {
    margin-bottom: 4px
}

.news-photos .g_m_img {
    margin: 0 2px
}

.news-photos .g_m_img:first-child {
    margin-left: 0
}

.news-textfull {
    margin-bottom: 15px
}

.news-info > * {
    margin-bottom: 2px
}

.news-textfull > h3:first-child {
    margin-top: 0
}

@media screen and (max-width: 1279px) {
    .news-photo-all {
        float: none;
        width: auto;
        padding: 0
    }

    .news-photo .image-default:before {
        padding-top: 56.25%
    }

    .news-photos {
        text-align: center
    }

    .news-photo.owl-carousel {
        margin-bottom: 15px
    }

    .news-photos .g_m_img {
        margin: 0 6px
    }
}

.portfolio-items {
    font-size: 0
}

.portfolio-item {
    width: 220px;
    margin: 0px 10px 10px 0;
    display: inline-block;
    vertical-align: top;
    position: relative;
    word-wrap: break-word
}

.port-item-data {
    padding: 10px 0
}

.port-item-price {
    font-size: 16px
}

.port-item-text {
    font-size: 13px;
    margin-bottom: 6px
}

.port-item-name {
    font-size: 18px;
    margin-bottom: 7px;
    font-weight: bold
}

.portfolio-photo a {
    display: block;
    text-align: center;
    font-size: 0;
    border-radius: 2px;
    overflow: hidden
}

.portfolio-photo .owl-item a img {
    max-width: 100%;
    display: inline-block
}

.portfolio-item-full {
    font-size: 0
}

.portfolio-item-full > * {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    font-size: 14px
}

.portfolio-data {
    padding: 8px 0 0 7%;
    width: 45%
}

.portfolio-image {
    width: 55%
}

.portfolio-price {
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 25px
}

.portfolio-link-text {
    display: none
}

.portfolio-link a {
    font-size: 15px;
    font-style: italic
}

.portfolio-link {
    margin-bottom: 26px
}

.portfolio-data h3 {
    text-transform: uppercase;
    margin-bottom: 22px
}

.portfolio-text {
    margin-bottom: 55px
}

.portfolio-text-bottom {
    margin-top: 30px;
    width: 100%
}

.btn-strt-a.portfolio-call {
    padding: 6px 19px;
    font-size: 14px
}

.portfolio-nav {
    position: absolute;
    top: -58px;
    right: 0;
    font-size: 0;
    text-transform: uppercase
}

.portfolio-nav a {
    display: inline-block;
    text-decoration: none;
    color: #999999;
    position: relative;
    border: 1px solid #c4c4c4;
    height: 36px;
    width: 36px;
    border-radius: 50px;
    transition: 0.2s
}

.portfolio-nav a:before {
    top: 0;
    left: 0px;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 13px;
    width: 14px;
    font-size: 13px
}

a.portfolio-next {
    margin-right: 8px
}

a.portfolio-prev:before {
    left: 4px
}

.portfolio-nav a:hover {
    background: #c4c4c4;
    color: #fff
}

.gencomponent-items {
    font-size: 0
}

.gencomponent-item {
    width: 220px;
    margin: 0px 10px 10px 0;
    display: inline-block;
    vertical-align: top;
    position: relative;
    word-wrap: break-word
}

.vendor-items {
    font-size: 0
}

.vendor-items .obj {
    position: relative;
    display: inline-block;
    width: 140px;
    vertical-align: top;
    margin: 0 12px 15px 0;
    font-size: 14px
}

.vendor-items .image-default {
    background: #fff;
    border: 1px solid rgba(17, 31, 50, 0.16);
    margin-bottom: 4px
}

.vendor-items a.vendor-link {
    white-space: normal;
    text-align: center;
    font-style: 13px
}

.vendor-items a.vendor-link span {
    display: block
}

img.vendorLogo {
    max-width: 240px
}

ul.gallery-items {
    font-size: 0
}

ul.gallery-items li {
    position: relative;
    display: inline-block;
    width: 220px;
    min-height: 130px;
    vertical-align: top;
    margin: 0 7px 8px 0;
    font-size: 14px;
    border-radius: 2px;
    overflow: hidden
}

ul.gallery-items .photo-name {
    display: block;
    text-align: center;
    padding-bottom: 4px
}

ul.gallery-items .photo-name {
    white-space: normal;
    position: absolute;
    bottom: 0;
    background: rgba(37, 37, 37, 0.26);
    width: 100%;
    padding: 5px 0 7px;
    font-size: 15px;
    border-radius: 0 0 2px 2px;
    color: #fff;
    text-decoration: none;
    text-shadow: 1px 1px 1px rgba(51, 51, 51, 0.68);
    transition: all 0.5s
}

ul.gallery-items li:hover .photo-name {
    background: rgba(37, 37, 37, 0.5)
}

ul.gallery-items li:last-of-type {
    margin-bottom: 0px !important
}

.news-date > * {
    color: #fff;
    font-size: 12px;
    background: #1a1a1a;
    padding: 2px 9px;
    display: inline-block
}

.date-type-1 {
    display: inline-block
}

ul.menu_upper > li > a > .menu_title {
    font-size: 12px;
    text-transform: uppercase
}

.blk-border {
    border: 1px solid #A1B5C2
}

.blk-border > ul > li:last-of-type {
    border-bottom: 0px
}

ul.menu-img span.menu_img {
    display: block
}

ul.menu-img > li > a > .menu_title {
    padding-left: 32px
}

ul.menu-img ul.left_m_sec > li {
    padding-left: 31px
}

ul.menu-dashed.menu_catalog > li {
    border-top-style: dashed
}

ul.menu-dashed.menu_catalog > li:last-of-type {
    border-bottom-style: dashed
}

ul.noline-border.menu_catalog > li, ul.noline-border.menu_catalog > li:last-of-type {
    border: 0px
}

ul.nobg-active.menu_catalog > li {
    background: transparent
}

ul.menu-decoration span.menu_title span.menu-tit {
    border-bottom: 1px solid rgba(0, 130, 175, 0.54)
}

ul.menu-decoration a:hover span.menu_title span.menu-tit {
    border-bottom: 0px
}

body .thismenu .blk_body ul.left_m_sec li.active > a {
    background-color: transparent !important
}

.catalog-items {
    font-size: 0;
    padding: 2px
}

.catalog-item {
    white-space: normal;
    display: inline-block;
    vertical-align: top;
    width: 180px;
    padding: 15px;
    margin: 0 18px 16px 0;
    position: relative;
    text-align: center;
    box-shadow: 0px 0px 0px 1px #e6e6e6;
    -webkit-transition: box-shadow 0.2s ease-in-out;
    -moz-transition: box-shadow 0.2s ease-in-out;
    -o-transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
    transition: opacity 0.3s
}

.catalog-item:hover {
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.5)
}

.blk_status {
    position: absolute !important;
    z-index: 2;
    width: 100%;
    left: 0;
    margin-top: 6px;
    text-align: left
}

.blk_status .blk_st {
    color: #fff;
    margin: 0 0 3px 10px;
    font-weight: 500;
    font-size: 11px;
    letter-spacing: 0.04em;
    position: relative
}

.blk_status .blk_st > span {
    border-radius: 2px;
    font-size: 11px;
    background: #fff;
    display: inline-block;
    padding: 5px 10px 4px 10px;
    font-weight: bold;
    text-transform: uppercase
}

.blk_st .blk_st_text {
    background: #717172;
    border-radius: 2px;
    position: absolute;
    left: 0;
    bottom: 120%;
    bottom: calc(100% + 5px);
    padding: 6px 8px 5px;
    max-width: 200px;
    opacity: 0;
    visibility: hidden;
    transition: 0.25s
}

.catalog-items.owl-carousel .blk_st_text {
    bottom: auto;
    top: 120%;
    top: calc(100% + 5px)
}

@media screen and (min-width: 781px) {
    .blk_st:hover .blk_st_text {
        opacity: 1;
        visibility: visible
    }
}

.catalog-item .image-default {
    margin-bottom: 14px
}

.image-default .fast_prew {
    display: none
}

.catalog-item .fast_prew {
    display: block;
    text-decoration: none;
    opacity: 0;
    cursor: pointer;
    position: absolute;
    background: rgba(38, 43, 46, 0.9);
    color: #fff;
    z-index: 1;
    text-transform: uppercase;
    width: 100%;
    padding: 8px 0 6px 0px;
    text-align: center;
    font-size: 10px;
    letter-spacing: 0.03em;
    line-height: 15px;
    -webkit-transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
    -moz-transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
    -o-transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
    transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
    bottom: 0px;
    height: auto
}

.catalog-item:hover .fast_prew {
    opacity: 1
}

.catalog-item .fast_prew:before {
    content: "";
    background: url(../images/search2.png);
    height: 14px;
    color: #fff;
    width: 14px;
    display: inline-block;
    margin-top: -1px;
    vertical-align: top;
    margin-right: 8px
}

.blk_first {
    margin-bottom: 13px
}

.blk_name {
    margin-bottom: 7px;
    overflow: hidden
}

.blk_name a {
    color: #333;
    font-size: 14px;
    text-decoration: none
}

.blk_name:hover a {
    text-decoration: none
}

.blk_text {
    font-size: 13px;
    line-height: 16px;
    color: #7f7f7f;
    margin-bottom: 11px
}

.blk_art {
    font-size: 12px;
    color: #B9B9BB;
    margin-bottom: 8px;
    overflow: hidden
}

.blk_edizm {
    font-size: 13px;
    margin-bottom: 3px
}

.blk_ves {
    font-size: 13px
}

.blk_salereg {
    font-size: 11px;
    margin-bottom: 6px
}

.blk_stock {
    margin-bottom: 8px
}

.blk_stock .instock, .blk_stock .nostock, .td_stock .instock, .td_stock .nostock {
    font-size: 13px;
    border-width: 1px;
    font-weight: normal
}

.blk_price {
    font-size: 22px;
    font-weight: bold;
    color: #0a0a10
}

.blk_last {
    font-size: 18px;
    color: #9A9B9F;
    text-decoration: line-through
}

.blk_second.blk_actionmain {
    height: 60px !important
}

.blk_action {
    background: #FF4343;
    display: block;
    width: 100%;
    height: 50px;
    padding-top: 5px;
    position: absolute;
    left: 0px;
    text-align: center
}

.blk_action_bottom {
    height: 8px
}

span.countdown_time {
    font-size: 0;
    text-align: center;
    display: inline-block
}

span.countdown_time span {
    font-size: 14px
}

span.countdown_time span.cd_time {
    display: inline-block;
    width: 33px;
    height: 40px;
    background: #fff;
    color: #8B9093;
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    -o-border-radius: 1px;
    border-radius: 1px
}

span.countdown_time span.cd_i {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #3e444a;
    padding-top: 9px
}

span.countdown_time span.cd_d {
    display: inline-block;
    width: 5px;
    vertical-align: top;
    color: rgba(255, 255, 255, 0.5);
    margin-top: 10px;
    text-align: center
}

span.blk_act_number {
    display: inline-block;
    vertical-align: top;
    height: 40px;
    color: #fff;
    line-height: 13px;
    margin-top: 8px;
    width: 23px;
    width: calc((100% - 109px) / 2)
}

span.blk_act_icon {
    display: inline-block;
    vertical-align: top;
    height: 40px;
    color: #fff;
    line-height: 40px;
    opacity: 0.9;
    width: 23px;
    width: calc((100% - 109px) / 2)
}

span.blk_act_number span.blk_act_n {
    display: block;
    font-size: 16px;
    font-weight: 500
}

span.blk_act_icon:before {
    content: '\e918';
    display: block;
    height: 100%;
    width: 100%;
    font-size: 14px;
    font-family: 'krz-font' !important
}

span.blk_act_number span.blk_act_t {
    opacity: 0.6;
    font-size: 12px
}

.blk_variable {
    margin-bottom: 7px
}

.blk_variableName {
    margin-bottom: 8px
}

.blk_color {
    margin-bottom: 6px
}

.card_variables {
    font-size: 0;
    margin-bottom: 15px
}

.cart-line-title {
    color: #96979C;
    font-size: 13px;
    margin-bottom: 7px
}

.cart-line {
    display: inline-block;
    min-width: 47%;
    vertical-align: top;
    margin-bottom: 12px;
    padding-right: 13px
}

.line-varibale .cart-line-title {
    margin-bottom: 5px
}

.catalog-item.type2 .blk_price {
    font-size: 18px;
    display: inline-block;
    padding: 0 3px
}

.catalog-item.type2 .blk_last {
    font-size: 15px;
    display: inline-block;
    padding: 0 5px
}

.item-loading {
    opacity: 0.7;
    transition: 0.6s
}

.item-loading:before {
    border: 0 !important;
    left: 0 !important;
    top: 0 !important;
    border-radius: 0 !important;
    z-index: 10 !important
}

.item-loaded {
    opacity: 0
}

.incart-type1, .inorder-type1 {
    display: inline-block;
    height: 40px;
    min-width: 140px;
    text-align: center
}

.incart-type1 .incart-num {
    display: none;
    position: relative;
    height: 100%
}

.incart-type1 a, .inorder-type1 a {
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    padding: 11px 14px
}

.incart-type1 a:before, .inorder-type1 a:before {
    position: absolute;
    opacity: 0
}

.incart-type1.active .incart-num {
    display: block
}

.incart-type1.active a {
    display: none
}

.incart-type1 .incart-num input {
    width: 42%;
    height: 34px;
    margin-top: 3px;
    text-align: center;
    color: rgba(28, 35, 54, 0.77);
    font-size: 16px;
    border-radius: 0;
    -moz-appearance: textfield
}

.incart-type1 .incart-num .icons {
    width: 29%;
    height: 100%;
    position: absolute;
    left: 0;
    color: #fff;
    text-align: center;
    cursor: pointer
}

.incart-type1 .incart-num .icons.incart_up {
    right: 0;
    left: auto
}

.incart-type1 .incart-num .icons:before {
    width: 100%;
    height: 100%;
    line-height: 40px;
    top: 0
}

.cart-btn.active a.icons:before {
    content: '\e999'
}

.cart-btn .incart_up:before, .cart-btn .incart_down:before {
    color: #888 !important
}

.incart-type2 {
    height: 46px;
    width: 100%;
    font-size: 0
}

.incart-type2 .incart-num {
    width: 70%;
    border: 1px solid #e6e6e6;
    border-right: 0;
    position: relative
}

.incart-type2 > * {
    display: inline-block;
    vertical-align: top;
    height: 100%
}

.incart-type2 a {
    width: 30%;
    color: #fff;
    text-align: center;
    text-decoration: none;
    line-height: 62px
}

.incart-type2 .incart-num input {
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 17px;
    line-height: 18px;
    color: rgba(0, 0, 0, 0.6);
    border-radius: 0;
    -moz-appearance: textfield
}

.incart-type2 a:before {
    font-size: 20px;
    width: 22px;
    position: static;
    display: inline-block;
    margin-left: -3px
}

.incart-type2 .incart-num .icons {
    width: 30%;
    height: 100%;
    position: absolute;
    left: 0;
    color: #DCDCDC;
    text-align: right;
    cursor: pointer
}

.incart-type2 .incart-num .icons.incart_up {
    right: 0;
    left: auto;
    text-align: left
}

.incart-type2 .incart-num .icons:before {
    width: 100%;
    height: 100%;
    line-height: 43px;
    top: 0;
    right: 10px;
    font-size: 12px;
    left: auto
}

.incart-type2 .incart-num .icons.incart_up:before {
    left: 10px;
    right: auto
}

.advantage-items {
    font-size: 0
}

.template-1 .advantage-item {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    width: 19%;
    width: calc(20% - 15px);
    margin-right: 15px
}

/*.template-1 .adv-data {
    text-align: center
}

.template-1 .adv-name {
    margin: 9px 0 0 0
}

.template-1 .adv-subtext {
    font-size: 13px;
    opacity: 0.9;
    margin: 10px 0 0 0
}*/

.template-2 .advantage-item {
    display: inline-block;
    vertical-align: top
}

.template-2 .adv-name {
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
    margin: 0 0 8px 0
}

.template-2 .adv-info {
    font-size: 0;
    padding: 10px
}

.template-2 .adv-info > * {
    display: inline-block;
    vertical-align: top
}

.template-2 .adv-info .image-default {
    width: 40%
}

.template-2 .adv-data {
    width: 60%;
    font-size: 14px;
    text-align: left;
    padding: 0px 10px
}

.pagination {
    margin: 10px 0
}

.pgn-line {
    display: inline
}

.pgn-line a {
    height: 28px;
    display: inline-block;
    vertical-align: top;
    width: 28px;
    font-size: 13px;
    color: #000000;
    margin: 0px 4px 5px;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    position: relative;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid rgba(51, 51, 51, 0.1);
    border-bottom: 1px solid rgba(42, 42, 47, 0.2);
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 28px;
    background: rgba(255, 255, 255, 0.1)
}

.pgn-line a:before {
    content: "";
    height: 100%;
    width: 100%;
    display: block;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(255, 255, 255, 0.1)), to(rgba(84, 85, 92, 0.03)));
    background: -webkit-linear-gradient(rgba(255, 255, 255, 0.1), rgba(84, 85, 92, 0.03));
    background: -moz-linear-gradient(rgba(255, 255, 255, 0.1), rgba(84, 85, 92, 0.03));
    background: -ms-linear-gradient(rgba(255, 255, 255, 0.1), rgba(84, 85, 92, 0.03));
    background: -o-linear-gradient(rgba(255, 255, 255, 0.1), rgba(84, 85, 92, 0.03));
    background: linear-gradient(rgba(255, 255, 255, 0.12), rgba(84, 85, 92, 0.03));
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position: absolute
}

.pgn-line a:hover:before {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: transparent;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(transparent), to(rgba(84, 85, 92, 0.07)));
    background: -webkit-linear-gradient(transparent, rgba(84, 85, 92, 0.07));
    background: -moz-linear-gradient(transparent, rgba(84, 85, 92, 0.07));
    background: -ms-linear-gradient(transparent, rgba(84, 85, 92, 0.07));
    background: -o-linear-gradient(transparent, rgba(84, 85, 92, 0.07));
    background: linear-gradient(transparent, rgba(84, 85, 92, 0.07))
}

.pgn-line a:active:before {
    background: transparent;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0, 0, 0, 0.1)), to(transparent));
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), transparent);
    background: -moz-linear-gradient(rgba(0, 0, 0, 0.1), transparent);
    background: -ms-linear-gradient(rgba(0, 0, 0, 0.1), transparent);
    background: -o-linear-gradient(rgba(0, 0, 0, 0.1), transparent);
    background: linear-gradient(rgba(0, 0, 0, 0.1), transparent)
}

.pgn-line a.pag_prev:before {
    color: #000;
    line-height: 27px;
    font-size: 8px;
    font-weight: bold;
    top: 0
}

.pgn-line a.pag_next {
    background-image: url(/images/pagination_next.png);
    background-repeat: no-repeat;
    background-position: center
}

.pgn-line span {
    height: 28px;
    display: inline-block;
    vertical-align: top;
    width: 28px;
    background-color: #A1B5C2;
    font-size: 14px;
    text-align: center;
    padding-top: 6px;
    margin: 0px 5px;
    text-decoration: none;
    cursor: context-menu;
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position: relative
}

.pgn-line span:before {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    position: absolute;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(255, 255, 255, 0.1)), to(rgba(84, 85, 92, 0.03)));
    background: -webkit-linear-gradient(rgba(255, 255, 255, 0.1), rgba(84, 85, 92, 0.03));
    background: -moz-linear-gradient(rgba(255, 255, 255, 0.1), rgba(84, 85, 92, 0.03));
    background: -ms-linear-gradient(rgba(255, 255, 255, 0.1), rgba(84, 85, 92, 0.03));
    background: -o-linear-gradient(rgba(255, 255, 255, 0.1), rgba(84, 85, 92, 0.03));
    background: linear-gradient(rgba(255, 255, 255, 0.12), rgba(84, 85, 92, 0.03))
}

.pgn-line span.pag_text {
    background-color: transparent;
    color: rgba(44, 45, 55, 0.73)
}

.pgn-line span.noact {
    background-color: #D0DAE0
}

span.pag_text {
    background: transparent
}

span.pag_text:before {
    background: transparent
}

.next_page {
    float: right;
    margin-right: 11px
}

.next_page a {
    text-decoration: none;
    padding: 0px 16px 0 0;
    position: relative;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    text-transform: lowercase;
    line-height: 26px
}

.next_page a:before {
    position: absolute;
    right: 4px;
    left: auto;
    font-size: 7px;
    font-weight: bold;
    width: 10px;
    height: 16px;
    text-align: center;
    line-height: 20px;
    top: 0;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s
}

.next_page a:hover:before {
    right: 0px
}

.filter-items {
    z-index: 1;
    position: relative;
    margin-bottom: 16px;
    font-size: 0
}

.filter-item, .filter-item-type {
    display: inline-block;
    vertical-align: top;
    margin-right: 6px;
    font-size: 0
}

.filter-item .nice-select.select-filter-item {
    font-size: 13px;
    height: 32px;
    display: inline-block;
    width: auto;
    padding-right: 13px
}

.filter-item .nice-select.select-filter-item, .filter-item .nice-select.select-filter-item:after, .filter-item-type a, .filter-item-count {
    color: #62686B
}

.filter-item .nice-select.select-filter-item span.current {
    line-height: 30px
}

.filter-item .nice-select.select-filter-item .list {
    border: 0;
    box-shadow: 0px 0px 2px 0px rgba(19, 23, 46, 0.38);
    background: #fff;
    width: auto;
    min-width: 100%
}

.filter-item-type a {
    display: inline-block;
    width: 39px;
    height: 31px;
    margin-right: 5px;
    border-radius: 2px;
    text-align: center;
    text-decoration: none
}

.filter-item-type a:last-child {
    margin-right: 0
}

.filter-item-type a:before {
    font-size: 14px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0px;
    margin-right: 0px;
    width: auto;
    height: 100%;
    line-height: 32px
}

.filter-item-type {
    float: right;
    margin-right: 0
}

.filter-item-type a.active {
    opacity: 0.5;
    background: rgba(225, 225, 225, 0.3)
}

.filter-item-count {
    display: none;
    vertical-align: top;
    font-size: 13px;
    line-height: 33px;
    margin-left: 7px
}

.filter-item .nice-select.select-filter-item, .filter-item-type a {
    border: 1px solid #D4D4D4;
    background: #fff
}

.filter-form .podbor_add.disabled {
    pointer-events: none;
    background-image: none !important;
    opacity: 0.6
}

.filter-form.live-count .live-count-val {
    padding: 0;
    display: inline-block;
    font-size: 12px
}

.filter-form.live-count .live-count-val::before {
    content: '('
}

.filter-form.live-count .live-count-val::after {
    content: ')'
}

.filter-form.no-values .live-count-val {
    display: none
}

table.table_main {
    width: 100%
}

.blk_table {
    margin-bottom: 30px
}

table.table_main thead th {
    background-color: rgba(130, 134, 142, 0.2);
    border: 1px solid rgba(116, 131, 149, 0.02);
    padding: 12px 13px;
    font-weight: normal;
    font-size: 13px
}

table.table_main tbody tr:hover td {
    background: rgba(179, 179, 179, 0.08)
}

table.table_main tbody td {
    position: relative;
    border-bottom: 1px dashed rgba(110, 120, 127, 0.2);
    padding: 9px 13px 10px;
    font-size: 13px
}

table.table_main tbody td .tb_input {
    border: 2px solid #A7B2BA;
    background-color: #EEF2F6;
    height: 19px;
    text-align: center;
    color: #BDC5CB;
    width: 32px;
    padding-right: 8px
}

table.table_main tbody td a.submit {
    background-color: #A7B2BA;
    display: inline-block;
    vertical-align: top;
    height: 23px;
    width: 23px;
    border: 0;
    background: #A7B2BA url("/images/card_table.png") no-repeat;
    background-position: 3px 4px;
    cursor: pointer
}

table.table_main input {
    display: inline-block;
    vertical-align: top
}

table.table_main thead th.th_photo {
    text-align: center
}

table.table_main tbody td.td_name {
    max-width: 300px
}

table.table_main thead th.th_vend {
    text-align: center
}

table.table_main .th_price {
    text-align: right
}

table.table_main .td_price {
    text-align: right
}

table.table_main .th_incart {
    text-align: center
}

table.table_main .td_incart {
    text-align: right;
    white-space: normal;
    width: 80px
}

table.table_main .td_photo {
    text-align: center;
    padding: 6px 10px 6px;
    font-size: 0
}

table.table_main .td_photo .image-default {
    width: 46px;
    margin: 0;
    height: 46px;
    display: inline-block;
    min-height: auto
}

table.table_main .td_photo .image-default:before {
    display: none
}

img.table-photo {
    max-width: 25px !important;
    object-fit: contain !important;
    opacity: 0.8
}

img.table-photo.nophoto {
    opacity: 0.4
}

.table_p {
    padding: 0 !important
}

.table_p .table_photo {
    background: url("/images/table_photo.png") no-repeat center;
    height: 47px
}

.table_p .table_nophoto {
    background: url("/images/table_nophoto.png") no-repeat center;
    height: 47px
}

.catalog-table .incart-type1 a, .catalog-table .inorder-type1 a {
    font-weight: normal;
    padding: 8px 2px;
    text-transform: none;
    font-size: 13px
}

.catalog-table .incart-type1, .catalog-table .inorder-type1 {
    min-width: 90px;
    height: 33px;
    overflow: hidden
}

.catalog-table .incart-type1 .incart-num input {
    height: 27px
}

.catalog-table .incart-type1 .incart-num .icons::before {
    line-height: 33px;
    font-size: 8px
}

.nocart-in-setting {
    background: rgba(59, 67, 86, 0.13);
    display: inline-block;
    padding: 4px 10px 5px;
    border-radius: 4px;
    color: #464646
}

.basket_mini_rel {
    position: relative
}

.basket_mini_open {
    border: 1px solid transparent;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    padding-bottom: 7px;
    text-decoration: none;
    display: block;
    overflow: hidden
}

a.basket_mini_gotolink span.basket_m_button:after {
    display: none
}

section.basket_mini_open_border_solid .basket_mini_open {
    border: 1px solid rgba(0, 0, 0, 0.2)
}

section.basket_mini_open_border_dashed .basket_mini_open {
    border: 1px dashed rgba(0, 0, 0, 0.2)
}

section.basket_mini_open_bg .basket_mini_open {
    background-color: rgba(12, 173, 66, 0.1)
}

.basket_m_spisok {
    border-top: 0px;
    position: absolute;
    top: 42px;
    right: 0;
    min-width: 147px;
    z-index: 21;
    border: 3px solid rgba(0, 0, 0, 0.2);
    display: none
}

.basket_m_spisok2 {
    padding: 17px 15px;
    background-color: #fff;
    color: #2B2B2B;
    font-size: 13px;
    overflow: auto;
    max-height: 520px
}

.basket_m_items {
    width: 450px
}

.mini_card_open_active .basket_mini_open + .basket_m_spisok {
    display: block
}

.basket_m_item {
    border-bottom: 1px solid #D0DAE0;
    overflow: hidden;
    padding: 0 0 12px 0;
    margin-bottom: 12px;
    position: relative
}

.basket_m_item_sec .image-default {
    width: 53px;
    float: left;
    min-height: 50px;
    overflow: hidden
}

.basket_m_text {
    margin-left: 11px;
    width: 223px;
    float: left
}

.basket_m_text a {
    font-weight: 500;
    color: #333 !important
}

.basket_m_all {
    float: right;
    width: 126px;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none
}

.basket_m_price {
    white-space: nowrap;
    margin-right: 27px;
    text-align: right;
    min-height: 16px
}

.basket_m_close a:hover {
    color: rgba(255, 67, 67, 0.83) !important
}

.basket_m_close a {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    text-decoration: none;
    color: rgba(38, 38, 65, 0.36) !important
}

.basket_m_close a.delitem:before {
    content: "\e9cd";
    font-family: 'krz-font' !important;
    display: block;
    height: 18px;
    width: 19px;
    font-size: 17px;
    text-align: center;
    line-height: 18px
}

.basket_m_item .basket_m_close:hover a {
    opacity: 1
}

.basket_m_price_close {
    position: relative
}

.basket_m_num {
    position: relative;
    margin-top: 18px;
    width: 72px;
    float: right
}

span.basket_m_inpnum {
    width: 100%;
    display: block;
    text-align: center
}

span.basket_m_up.b_m_c {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    opacity: 0.5;
    color: #818D96
}

span.basket_m_up.b_m_c:before {
    content: "\e901";
    font-family: 'krz-font' !important;
    display: block;
    height: 16px;
    width: 18px;
    font-size: 16px;
    text-align: center;
    line-height: 17px
}

.basket_m_item span.basket_m_up.b_m_c:hover {
    opacity: 1
}

span.basket_m_down.b_m_c {
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    opacity: 0.5;
    color: #818D96
}

span.basket_m_down.b_m_c:before {
    content: "\e902";
    font-family: 'krz-font' !important;
    display: block;
    height: 16px;
    width: 18px;
    font-size: 16px;
    text-align: center;
    line-height: 17px
}

.basket_m_item span.basket_m_down.b_m_c:hover {
    opacity: 1
}

.basket_m_num input {
    width: 43px;
    margin-left: 17px;
    text-align: center;
    font-size: 12px;
    background-color: transparent;
    border: 0px
}

.basket_m_num input:read-only {
    width: 40px;
    margin-left: 17px;
    text-align: center;
    font-size: 12px;
    background-color: transparent;
    border: 0px;
    vertical-align: top;
    line-height: 19px
}

.card_left .basket_m_num input:read-only, .card_left_open .basket_m_num input:read-only {
    margin: 0
}

a.basket_b_oform {
    float: right;
    height: 33px
}

.basket_b_oform a.basket_b_oform {
    float: right;
    height: 33px
}

.basket_b_oform span.basket_b_good {
    float: left;
    height: 100%;
    width: 36px;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 17px;
    line-height: 35px;
    padding: 0
}

span.basket_b_good:before {
    right: 0px;
    margin: auto
}

.basket_b_oform span.basket_b_o {
    float: left;
    font-size: 14px;
    height: 100%;
    padding: 0 9px;
    line-height: 33px
}

span.b_b_itogo {
    font-size: 20px;
    font-weight: 500;
    position: relative;
    float: left
}

span.b_b_itogo_clear a span {
    display: inline-block;
    border-bottom: 1px dotted rgba(97, 97, 97, 0.76);
    line-height: 12px
}

span.b_b_itogo_clear a:hover {
    opacity: 1
}

span.b_b_itogo_clear a:hover span {
    border-bottom: 0px dotted #333
}

span.b_b_itogo_sum {
    display: block;
    line-height: 18px
}

span.b_b_itogo_clear {
    display: block;
    line-height: 16px
}

span.b_b_itogo_clear a {
    font-size: 13px;
    color: #333 !important;
    text-decoration: none;
    opacity: 0.8
}

span.b_b_itogo_clear a:hover {
    color: rgba(255, 67, 67, 0.83) !important
}

nav.left_menu {
    margin-bottom: 19px
}

nav.left_menu h2 {
    text-transform: uppercase
}

.podbor_rovarov h2 {
    border-bottom: 1px solid #99A8B0;
    padding: 7px 9px 8px;
    background: #F1F3F5;
    margin: 0
}

.podbor_click {
    padding: 15px 14px 11px
}

.podbor_click input {
    display: none
}

a.podbor_add {
    font-size: 0;
    height: 35px;
    display: inline-block
}

span.podbor_add_t {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    height: 100%
}

.clear_inpsl {
    position: absolute;
    right: 13px;
    color: #39405E;
    top: 9px;
    font-size: 12px;
    font-weight: bold;
    opacity: 0;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    cursor: pointer
}

.clear_inpsl:hover {
    color: #DC2525
}

.p_p_inp_cls span.clear_inpsl {
    opacity: 0.4
}

.p_p_inp:hover .clear_inpsl {
    opacity: 0.9
}

.podbor_p_inp {
    font-size: 0
}

.podbor_p_inp input {
    width: 100%;
    height: 35px;
    border: 1px solid #c1c1c1;
    padding: 1px 17px 1px 21px;
    transition: all 0.2s;
    font-size: 14px;
    line-height: 16px
}

.p_p_inp_2 input {
    padding-left: 23px
}

.p_p_inp {
    position: relative;
    display: inline-block;
    width: 49%
}

.p_p_inp_1 {
    margin-right: 2%
}

.p_p_inp_1:before {
    content: 'от';
    font-size: 13px;
    line-height: 25px;
    top: 6px;
    left: 6px;
    position: absolute
}

.p_p_inp_2:before {
    content: 'до';
    font-size: 13px;
    line-height: 25px;
    top: 6px;
    left: 6px;
    position: absolute
}

.podbor_block {
    padding: 15px 18px;
    border-bottom: 1px solid rgba(204, 211, 215, 0.43);
    position: relative
}

.podbor_block:hover {
    background: rgba(187, 191, 193, 0.15)
}

.podrob_title {
    padding: 6px 0 8px;
    cursor: pointer
}

.podrob_body {
    padding: 5px 0
}

.p_p_slider {
    margin: 9px 0
}

.podbor_blk_price {
    height: 84px
}

.podbor_name {
    position: relative;
    padding: 0 0 0 13px
}

.podbor_name:before {
    content: "\02c4";
    position: absolute;
    font-size: 12px;
    top: 5px;
    left: 0px;
    font-family: monospace;
    font-weight: normal;
    height: 6px;
    width: 6px;
    line-height: 13px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.ch-num {
    opacity: 0.6;
    font-size: 0.8em;
    position: relative;
    top: -3px
}

.filter-not-have {
    text-align: center;
    padding: 24px 0 10px 0
}

.js-acord-none .podbor_name:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.podbor_name .rubl {
    text-transform: none
}

a.clear_filter {
    text-transform: none;
    font-weight: normal;
    text-decoration: none;
    border-bottom: 1px dashed;
    display: inline-block;
    line-height: 11px;
    padding-top: 4px;
    font-size: 12px;
    opacity: 0.7
}

a.clear_filter:hover {
    border-bottom: 0px dashed #D2D8DB
}

.podbor_click a.clear_filter {
    float: right;
    vertical-align: top;
    font-size: 13px;
    line-height: 16px;
    opacity: 0.7;
    padding-top: 0
}

label.podbor_dch {
    display: block
}

.podbor_dch {
    margin: 4px 0 9px;
    padding-right: 8px;
    display: block
}

.podbor_dch:last-child {
    margin-bottom: 0px
}

a.podbor_add.podbor_input.btn-strt-a {
    background-color: transparent;
    color: #818181;
    border: 1px solid #cacaca;
    border-radius: 0
}

section.nc2053 .podbor_checkb {
    margin: 2px 0 0 0
}

section.nc2053 .podbor_dch {
    padding-right: 13px;
    width: 177px
}

.podbor_checkb {
    margin: 4px 0 0 0;
    max-height: 270px;
    overflow-y: auto
}

.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative
}

.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0
}

.scroll-element {
    display: none
}

.scroll-element, .scroll-element div {
    box-sizing: content-box
}

.scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible {
    display: block
}

.scroll-element .scroll-bar, .scroll-element .scroll-arrow {
    cursor: default
}

.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999
}

.scroll-textarea > .scroll-content {
    overflow: hidden !important
}

.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important
}

.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0
}

.chb-standart, .chb-standart * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none
}

.chb-standart {
    position: relative
}

.chb-standart label {
    cursor: pointer
}

.chb-standart label input[type=checkbox] {
    display: none !important
}

.chb-standart label span.chb-lever {
    content: "";
    transition: 0.2s ease;
    height: 17px;
    width: 17px;
    border: 1px solid #cacaca;
    background-color: #FFFFFF;
    color: rgba(17, 17, 17, 0.72);
    position: absolute;
    left: 0
}

.chb-standart label span.chb-lever:before {
    content: "\e999";
    font-family: 'krz-font' !important;
    position: absolute;
    width: 100%;
    display: block;
    height: 100%;
    text-align: center;
    line-height: 16px;
    font-weight: 500;
    font-size: 11px;
    overflow: hidden;
    opacity: 0;
    transition: all 0.2s;
    margin-top: -5px;
    z-index: 1
}

.chb-standart label input[type=checkbox]:checked + .chb-lever:before {
    opacity: 1;
    margin-top: 0px
}

.chb-standart span.chb-text {
    margin: 0 0 0 23px;
    display: block;
    font-size: 13px;
    line-height: 17px
}

.radio-standart input {
    display: none !important
}

span.rdo-st {
    position: absolute;
    top: 2px;
    left: 0;
    display: inline-block;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    margin: 0;
    cursor: pointer;
    border: 2px solid #b4b4b4;
    border-radius: 50%;
    z-index: 2;
    transition: 0.2s
}

span.rdo-name {
    padding-left: 24px;
    font-size: 13px
}

.radio-standart {
    position: relative
}

.radio-standart input:checked + .rdo-st {
    border-color: #6bc215
}

.radio-standart label {
    cursor: pointer
}

.radio-standart .rdo-st:before {
    content: '';
    position: absolute;
    z-index: 1;
    margin: 0;
    top: 2px;
    left: 2px;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    cursor: pointer;
    transition-duration: .28s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    border-radius: 50%;
    background: #6bc215
}

.radio-standart input:checked + .rdo-st:before {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

.scrollbar-inner > .scroll-element, .scrollbar-inner > .scroll-element div {
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10
}

.scrollbar-inner > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.scrollbar-inner > .scroll-element.scroll-x {
    bottom: 2px;
    height: 8px;
    left: 0;
    width: 100%
}

.scrollbar-inner > .scroll-element.scroll-y {
    height: 100%;
    right: 2px;
    top: 0;
    width: 8px
}

.scrollbar-inner > .scroll-element .scroll-element_outer {
    overflow: hidden
}

.scrollbar-inner > .scroll-element .scroll-element_track {
    background-color: #F1F3F5;
    width: 2px;
    margin-left: 3px
}

.scrollbar-inner > .scroll-element .scroll-bar {
    background-color: #B9C8D2;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -12px
}

.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -12px
}

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -12px
}

.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -12px
}

.podbor_p_smotreli .catalog-item {
    margin: 10px 0 12px 26px
}

.podbor_p_s_bt {
    margin: 5px 19px 21px;
    height: 44px
}

.podbor_p_s_bt a {
    display: block;
    border: 1px solid #EDEDED;
    height: 100%;
    width: 88px;
    float: left;
    font-family: monospace;
    position: relative
}

.podbor_p_s_bt a.p_p_up {
    border-left-width: 0px
}

a.p_p_up:before {
    content: "?";
    position: absolute;
    font-family: monospace;
    color: #A1B5C2;
    font-size: 26px;
    width: 100%;
    display: block;
    text-align: center;
    line-height: 58px
}

a.p_p_down:before {
    content: "?";
    position: absolute;
    font-family: monospace;
    color: #A1B5C2;
    font-size: 26px;
    width: 100%;
    display: block;
    text-align: center;
    line-height: 58px
}

.podbor_p_smotreli {
    margin: 16px 0 10px 0
}

.all_right {
    width: 620px;
    float: right
}

.all_left {
    float: left;
    width: 276px
}

.bg_feedback {
    background: #f7f8f9 url(/images/get_in_touch.png) no-repeat right bottom
}

.fos_head {
    font-size: 20px;
    line-height: 18px;
    border-bottom: 1px solid rgba(103, 108, 112, 0.33);
    padding: 7px 0 9px 0;
    margin: 0 0 18px 0
}

.fos_inp input {
    background-color: rgba(255, 255, 255, 0.7);
    border: 1px solid #c1c1c1;
    border-radius: 2px;
    height: 37px;
    padding: 0 11px;
    transition: all 0.2s
}

.fos_line {
    margin: 0 0 13px 0
}

.fos_block .politika {
    margin-bottom: 13px
}

.fos_inp textarea {
    background-color: rgba(255, 255, 255, 0.7);
    border: 1px solid #c1c1c1;
    border-radius: 2px;
    min-height: 90px;
    padding: 11px 11px;
    font-size: 14px;
    transition: all 0.2s
}

.fos_inp input, .fos_inp textarea {
    width: 100%
}

.add_otzyv input[type='submit'] {
    border: 0px;
    opacity: 0.8;
    background-color: #007C9B;
    border-radius: 2px;
    box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.23);
    color: #fff;
    text-decoration: none;
    height: 42px;
    display: inline-block;
    font-size: 17px;
    line-height: 39px;
    padding: 0px 32px 0 31px;
    transition: all 0.2s
}

.grid_2 .add_otzyv input[type='submit'] {
    padding: 0px 20px
}

.how_get:after {
    content: "";
    display: block;
    clear: both
}

.how_get {
    margin: 11px 0 0 0
}

.how_name {
    font-weight: bold
}

.how_item {
    line-height: 20px;
    margin-bottom: 17px;
    padding-top: 3px
}

.how_get_left {
    margin-left: 26px;
    font-size: 16px
}

.how_item {
    position: relative
}

.this_map {
    margin: 0 0 11px 0px
}

.this_map .txt {
    font-size: 0
}

.how_get_left .icons:before, .how_get_right .icons:before {
    top: 4px;
    left: -26px
}

.how_get_left .icons.how_phone:before {
    top: 6px
}

.how_item.how_email .how_par:not(:first-child) .how_name:before {
    content: "|";
    display: inline-block;
    vertical-align: top;
    color: #9c9b9b;
    font-weight: 400;
    padding: 0 10px;
    width: 7px
}

.how_email .how_name {
    display: inline;
    font-weight: bold
}

.how_email .how_text {
    display: inline
}

.how_email_fir {
    overflow: hidden
}

.how_par {
    display: inline-block
}

.how_get_right {
    float: right;
    width: 162px
}

.how_phone {
    font-size: 18px;
    position: relative;
    line-height: 25px;
    font-weight: 500
}

.contact_item {
    border-bottom: 1px solid rgba(51, 51, 51, 0.25);
    margin-bottom: 15px
}

.contact_title {
    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 11px;
    font-weight: bold
}

.contact_piople_office {
    padding-top: 24px;
    border-top: 1px dashed rgba(117, 117, 117, 0.32)
}

.how_phone_item a {
    text-decoration: none
}

.contact_item:last-of-type {
    border-bottom: 0px
}

.cnp_img {
    height: 145px;
    width: 108px;
    border: 1px solid rgba(28, 29, 39, 0.2);
    float: left;
    padding: 2px;
    background: rgba(255, 255, 255, 0.37)
}

.cnp_img .image-default {
    height: 100%
}

.contact_piople {
    margin: 0px 0 18px 0;
    font-size: 0
}

ul.contacts-items.template-2 .this_map {
    width: 56%;
    margin: 0 4% 0 0;
    display: inline-block;
    vertical-align: top
}

ul.contacts-items.template-2 .contact-right {
    width: 40%;
    display: inline-block;
    vertical-align: top;
    border-bottom: 1px solid rgba(51, 51, 51, 0.33)
}

ul.contacts-items.template-2 .contact_item_wrap {
    font-size: 0
}

ul.contacts-items.template-2 .contact_item_flex {
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse
}

ul.contacts-items.template-2 .contact_item {
    border: 0;
    margin-bottom: 25px
}

ul.contacts-items.template-2 .contact_piople {
    margin-top: 27px
}

.cnp_name {
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 7px
}

.cnp_opis {
    font-size: 13px;
    font-style: italic;
    color: #5C5F61;
    padding-bottom: 15px
}

.cnp_item {
    width: 48%;
    margin-right: 2%;
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    margin-bottom: 30px
}

.cnp_data {
    font-size: 14px;
    width: 228px;
    display: inline-block;
    padding-left: 16px;
    width: calc(100% - 110px)
}

.cnp_phone {
    color: #232527;
    font-size: 18px;
    position: relative;
    line-height: 25px;
    font-weight: 500;
    padding-bottom: 12px;
    padding-left: 27px
}

.cnp_phone span {
    display: block
}

.cnp_email, .cnp_mailsend {
    position: relative;
    padding-left: 27px;
    font-weight: bold;
    margin-bottom: 6px
}

.cnp_email a, .cnp_mailsend a {
    font-weight: normal;
    font-size: 13px
}

.cnp_data .cnp_phone:before {
    top: 3px
}

.cnp_data .cnp_email:before {
    top: 3px
}

.cnp_data .cnp_mailsend:before {
    top: 2px
}

.grid_3 .cnp_item {
    margin: 0 0 20px 0;
    width: 100%;
    border-bottom: 1px solid rgba(51, 51, 51, 0.2);
    padding-bottom: 16px
}

.grid_3 .cnp_data {
    display: block;
    overflow: hidden;
    width: auto;
    padding: 0
}

.grid_3 .cnp_phone {
    font-size: 15px;
    padding-bottom: 6px
}

.grid_3 .cnp_img {
    width: 100%;
    height: auto;
    border: 1px solid rgba(28, 29, 39, 0.2);
    float: none;
    background: #fff;
    margin: 0 0 9px 0
}

.grid_3 .cnp_opis {
    padding-bottom: 7px
}

.blocks .contact_piople {
    margin: 0
}

.grid_3 .cnp_item:last-child {
    border: 0;
    margin: 0
}

.cnp_email span {
    display: none
}

.cnp_mailsend a {
    display: inline-block;
    line-height: 14px
}

.grid_3 .cnp_email:after, .grid_4 .cnp_email:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 100%
}

.item-contact-item {
    font-size: 16px;
    line-height: 24px
}

.item-contact-item > * {
    margin-bottom: 19px
}

.item-contact-map {
    width: 50%;
    margin-right: 3%
}

.item-contact-map > iframe {
    max-width: 100%;
    height: 350px
}

.item-contact.template-2 .item-contact-item {
    width: 47%
}

.item-contact.template-2 > * {
    display: inline-block;
    vertical-align: top;
    position: relative
}

.item-contact.template-2 {
    font-size: 0
}

.item-contact-phone {
    font-size: 19px
}

a.item-contact-open {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 60px;
    height: 60px
}

a.item-contact-open:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 40px;
    height: 40px;
    border-radius: 2px;
    transition: 0.1s;
    background-image: url(/images/open-map.png);
    background-position: center;
    background-repeat: no-repeat
}

a.item-contact-open:hover:before {
    background-color: rgba(44, 46, 54, 0.09)
}

.item-contact.template-2 .nice-select.select-style {
    background: transparent;
    border: 0px;
    height: auto;
    width: auto;
    display: inline-block;
    font-size: 16px;
    min-width: auto
}

.item-contact.template-2 .nice-select.select-style span.current span {
    border-bottom: 1px dashed rgba(69, 69, 69, 0.71);
    line-height: 18px;
    display: inline-block
}

.item-contact.template-2 .nice-select.select-style span.current {
    padding: 0 30px 0 0;
    line-height: normal
}

.item-contact.template-2 .nice-select.select-style span.current:hover span, .item-contact.template-2 .nice-select.select-style.open span.current span {
    border-color: transparent
}

.item-contact.template-2 .nice-select.select-style::after {
    color: #616161;
    border: 1px solid rgba(51, 51, 51, 0.66);
    height: 17px;
    width: 17px;
    border-radius: 50%;
    line-height: 17px;
    right: 3px;
    font-weight: bold;
    top: 1px;
    font-size: 7px
}

.item-map > iframe {
    width: 100%;
    height: 350px
}

span.soc_text {
    font-size: 15px;
    display: inline-block;
    height: 33px;
    padding: 7px 8px 0 0
}

ul.soc_bar li {
    display: inline-block;
    width: 33px;
    height: 33px;
    vertical-align: top;
    margin: 0 3px 3px 0
}

ul.soc_bar li > a {
    display: block;
    background: url(/img/soc.png) no-repeat 0 0;
    display: block;
    height: 34px;
    border: 0px;
    transition: all 0.2s
}

.title_soc {
    height: 33px
}

ul.soc_bar .s_vk a {
    background-position: -1px 0
}

ul.soc_bar .s_fb a {
    background-position: -40px 0
}

ul.soc_bar .s_od a {
    background-position: -78px 0
}

ul.soc_bar .s_tw a {
    background-position: -118px 0
}

ul.soc_bar .s_lj a {
    background-position: -156px 0
}

ul.soc_bar .s_in a {
    background-position: -195px 0
}

ul.soc_bar .s_yb a {
    background-position: -233px 0
}

ul.soc_bar .s_gl a {
    background-position: -271px 0
}

ul.soc_bar li > a:hover {
    opacity: 0.65
}

ul.soc_bar {
    display: inline-block;
    vertical-align: top
}

section.slider-items {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

section.slider-items .slider-item {
    width: 100%;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0
}

section.slider-items .slider-item img {
    -webkit-backface-visibility: hidden;
    width: 100%
}

.slider-img {
    text-align: center
}

.slider-img img {
    display: inline !important
}

.slider-items.owl-carousel .owl-nav .owl-prev, .slider-items.owl-carousel .owl-nav .owl-next {
    background: transparent
}

.slider-items.owl-carousel .owl-nav .owl-prev:before, .slider-items.owl-carousel .owl-nav .owl-next:before {
    text-shadow: 0px 0px 2px rgba(20, 28, 50, 0.7)
}

.container_100 section.class2004.grid_12 {
    padding: 0
}

.slider-data {
    position: absolute;
    bottom: 5%;
    left: 2%;
    max-width: 60%;
    padding: 17px 28px;
    color: #818181
}

.slider-name {
    text-transform: uppercase;
    font-size: 18px;
    display: inline-block
}

.slider-name span {
    display: inline-block;
    padding: 13px 10px 3px
}

.slider-text {
    font-size: 17px
}

.slider-text span {
    display: inline-block;
    padding: 3px 10px 13px
}

.bannerText-center .slider-data {
    text-align: center;
    left: auto;
    top: 40%;
    max-width: none;
    width: 100%;
    padding: 0;
    bottom: auto
}

.bannerText-center .slider-data-second {
    max-width: 50%;
    display: inline-block
}

.bannerText-center .slider-name {
    font-size: 18px
}

.bannerText-right .slider-data {
    left: auto;
    right: 2%;
    text-align: right
}

.i_c_item {
    position: relative;
    padding: 7px 0 12px 29px;
    line-height: 20px
}

.i_tel {
    font-size: 17px;
    line-height: 24px
}

.left_blks {
    margin: 23px 0 14px 0;
    overflow: hidden
}

.i_c_item.i_tel a {
    text-decoration: none
}

.blocks {
    margin-bottom: 20px;
    position: relative;
    min-height: 30px
}

.blocks img {
    max-width: 100%
}

.blk-middle .container {
    display: table
}

.blk-middle .blocks {
    display: table-cell;
    vertical-align: middle;
    float: none
}

#header .blocks {
    margin-bottom: 0px
}

.blk_head {
    padding: 8px 8px 7px;
    z-index: 3;
    position: relative
}

.blk_head .h2 {
    position: relative;
    z-index: 2;
    margin: 0;
    width: auto;
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
}

.blk_body {
    padding: 11px;
    position: relative
}

#header .blocks .blk_body .blk_body_wrap {
    vertical-align: middle;
    display: inline-block;
    line-height: normal;
    width: 100%
}

.typeblock {
    margin-bottom: 15px
}

section.blk_padding {
    padding: 3px
}

.blk_nomarg_head header {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 9px
}

.blk_nomarg_cont article {
    margin: 0;
    padding: 0
}

.blk_nomarg_cont_lr_b article {
    padding-left: 0;
    padding-right: 0
}

.blk_nomarg_cont_lr_h header {
    padding-left: 0;
    padding-right: 0
}

.blk_num {
    font-size: 13px;
    line-height: 12px;
    float: right;
    margin: 7px 8px 0 0;
    z-index: 4;
    position: relative
}

.blk_num a {
    font-size: 10px
}

.swiper-container-items {
    overflow: hidden
}

.swiper-container-items .catalog-item {
    margin-bottom: 0
}

.swiper-container-items[data-scroll]:not(.ease-in-out) .swiper-wrapper {
    transition-timing-function: linear
}

.block_slide_nav {
    position: absolute;
    top: -27px;
    right: 4px;
    font-size: 13px
}

.ind_otzivy .otz_img {
    float: left;
    height: 36px;
    width: 36px;
    overflow: hidden
}

.ind_otzivy .otz_img img {
    max-height: 100%
}

.ind_otzivy .otz_name {
    margin: 0 0 0 46px
}

.ind_otzivy .otz_person {
    overflow: hidden;
    margin: 14px 0 14px 0
}

.ind_otzivy .otz_text {
    background-color: #EBF4F9;
    color: #8CADD2;
    padding: 6px 7px;
    line-height: 15px;
    margin-bottom: 4px;
    position: relative
}

.ind_otzivy .otz_text:before {
    position: absolute;
    content: "";
    top: -12px;
    left: 14px;
    border-left: 12px solid #EBF4F9;
    border-top: 12px solid transparent
}

.ind_r_block h2 {
    margin-bottom: 14px
}

.ind_r_block {
    margin-bottom: 20px
}

.index_tegs a {
    background-color: #8CADD2;
    color: #fff;
    text-decoration: none;
    margin-right: 3px;
    padding: 1px 5px 4px;
    display: inline-block;
    margin-bottom: 4px;
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s
}

.index_tegs a:hover {
    background-color: #6386AD
}

.ind_docum {
    margin-bottom: 22px;
    padding-left: 36px;
    margin-top: 12px;
    position: relative
}

.ind_docum .infofile {
    margin-top: 5px;
    font-size: 13px;
    color: #777C7F
}

.ind_docum .infofile .sizefile {
    color: #0CAD42;
    opacity: 0.9
}

.ind_docum .datefile {
    font-size: 12px;
    margin-top: 3px;
    color: #747474
}

.dcm_xls:before {
    content: "";
    width: 22px;
    height: 24px;
    font-size: 23px;
    display: block;
    position: absolute;
    top: 0px
}

section.partners {
    border-top: 5px solid #5C6971;
    margin: 22px 0 0 0;
    position: relative
}

.part_item {
    height: 40px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 144px
}

.part_item img {
    max-height: 40px;
    max-width: 140px
}

.part_items {
    padding: 29px 0 8px;
    width: 885px;
    margin: 0 auto
}

span.part_prev {
    width: 26px;
    height: 86px;
    display: block;
    position: absolute;
    top: 0;
    cursor: pointer
}

span.part_prev:before {
    content: "<";
    display: block;
    text-align: center;
    font-size: 39px;
    font-family: monospace;
    line-height: 80px;
    color: #333
}

span.part_next {
    width: 26px;
    height: 86px;
    display: block;
    position: absolute;
    top: 0;
    cursor: pointer;
    right: 0
}

span.part_next:before {
    content: ">";
    display: block;
    text-align: center;
    font-size: 39px;
    font-family: monospace;
    line-height: 80px;
    color: #333
}

input.ras_input {
    width: 207px;
    border: 1px solid #5187B7;
    height: 23px;
    font-style: italic;
    font-size: 12px;
    color: #6691A9;
    padding: 3px 5px;
    margin: 6px 0;
    background-color: #F1F5F7
}

input.ras_button {
    background-color: #FF9D00;
    border: 0px;
    color: #fff;
    height: 28px;
    width: 103px;
    margin: 8px 0px;
    font-weight: 500
}

#lightcase-case.modal-nopaddding .lightcase-inlineWrap {
    padding: 0 !important
}

.lightcase-inlineWrap #page-preloader {
    display: none !important
}

@font-face {
    font-family: 'lightcase';
    src: url(/font/lightcase/lightcase.eot?55356177);
    src: url(/font/lightcase/lightcase.eot?55356177#iefix) format("embedded-opentype"), url(/font/lightcase/lightcase.woff?55356177) format("woff"), url(/font/lightcase/lightcase.ttf?55356177) format("truetype"), url(/font/lightcase/lightcase.svg?55356177#lightcase) format("svg");
    font-weight: 400;
    font-style: normal
}

[class*='lightcase-icon-']:before {
    font-family: 'lightcase', sans-serif;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em
}

.lightcase-icon-play:before {
    content: '\e800'
}

.lightcase-icon-pause:before {
    content: '\e801'
}

.lightcase-icon-prev:before {
    content: '\e803'
}

.lightcase-icon-next:before {
    content: '\e804'
}

.lightcase-icon-spin:before {
    content: '\e805'
}

#lightcase-case.modal-obj .lightcase-icon-close:before, #lightcase-case.lc-type-image .lightcase-icon-close:before, #lightcase-case.lc-type-video .lightcase-icon-close:before, #lightcase-nav .lightcase-icon-close:before {
    content: '\e802'
}

@-webkit-keyframes lightcase-spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-moz-keyframes lightcase-spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-o-keyframes lightcase-spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-ms-keyframes lightcase-spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes lightcase-spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

#lightcase-case {
    display: none;
    position: fixed;
    z-index: 2004;
    top: 50%;
    left: 50%;
    text-align: left;
    color: #1b1b29;
    font-size: 14px !important
}

#lightcase-case:not([data-lc-type=error]) #lightcase-content {
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-shadow: none;
    background-color: #fff;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    -webkit-backface-visibility: hidden
}

#lightcase-case[data-lc-type=image] #lightcase-content, #lightcase-case[data-lc-type=video] #lightcase-content {
    background-color: rgba(255, 255, 255, 0.01)
}

#lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

#lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content .lightcase-contentInner {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 640px) {
    #lightcase-case[data-lc-type=iframe] #lightcase-content .lightcase-contentInner iframe {
        overflow: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media screen and (max-width: 640px) and (min-width: 641px) {
    [data-lc-type=image] #lightcase-content .lightcase-contentInner, [data-lc-type=video] #lightcase-content .lightcase-contentInner {
        line-height: .75
    }
}

#lightcase-case:not([data-lc-type=error]) #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
    padding: 40px 20px;
    overflow: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

#lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p {
    color: #333
}

#lightcase-case p.lightcase-error {
    margin: 0;
    font-size: 17px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #aaa
}

@media screen and (max-width: 640px) {
    #lightcase-case p.lightcase-error {
        padding: 40px
    }
}

#lightcase-info #lightcase-title, #lightcase-info #lightcase-caption {
    font-size: 17px;
    color: #ffffff;
    height: 100%;
    line-height: 41px;
    padding: 0px;
    margin: 0
}

#lightcase-info #lightcase-title {
    height: 71px;
    background: #E7E7E7;
    padding: 0 27px 0 19px;
    border-bottom: 1px solid #DCDDDF;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 70px;
    color: #3d4044;
    font-weight: normal
}

#lightcase-info #lightcase-caption {
    clear: both;
    font-size: 13px;
    color: #aaa
}

#lightcase-info #lightcase-sequenceInfo {
    font-size: 12px;
    color: #aaa
}

@media screen and (max-width: 640px) {
    .lightcase-fullScreenMode #lightcase-info {
        padding-left: 15px;
        padding-right: 15px
    }
}

#lightcase-loading {
    position: fixed;
    z-index: 9999;
    width: 1.123em;
    height: auto;
    font-size: 38px;
    line-height: 1;
    text-align: center;
    text-shadow: none;
    position: fixed;
    z-index: 2003;
    top: 50%;
    left: 50%;
    margin-top: -.5em;
    margin-left: -.5em;
    opacity: 1;
    font-size: 32px;
    text-shadow: 0 0 15px #fff;
    -moz-transform-origin: 50% 53%;
    -webkit-animation: lightcase-spin .5s infinite linear;
    -moz-animation: lightcase-spin .5s infinite linear;
    -o-animation: lightcase-spin .5s infinite linear;
    animation: lightcase-spin .5s infinite linear
}

#lightcase-loading, #lightcase-loading:focus {
    text-decoration: none;
    color: #fff;
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: color, opacity, ease-in-out .25s;
    -moz-transition: color, opacity, ease-in-out .25s;
    -o-transition: color, opacity, ease-in-out .25s;
    transition: color, opacity, ease-in-out .25s
}

#lightcase-loading > span {
    display: inline-block;
    text-indent: -9999px
}

#lightcase-nav a[class*='lightcase-icon-'], #lightcase-case.modal-obj .lightcase-icon-close, #lightcase-case.lc-type-video .lightcase-icon-close, #lightcase-case.lc-type-image .lightcase-icon-close {
    position: fixed;
    z-index: 9999;
    width: 1.123em;
    height: auto;
    font-size: 38px;
    line-height: 1;
    text-align: center;
    text-shadow: none;
    outline: none;
    cursor: pointer;
    color: #dddddd;
    text-decoration: none;
    transition: 0.3s
}

#lightcase-nav a[class*='lightcase-icon-'], #lightcase-nav a[class*='lightcase-icon-']:focus, #lightcase-case.modal-obj .lightcase-icon-close, #lightcase-case.modal-obj .lightcase-icon-close:focus #lightcase-case.lc-type-video .lightcase-icon-close, #lightcase-case.lc-type-video .lightcase-icon-close:focus #lightcase-case.lc-type-image .lightcase-icon-close, #lightcase-case.lc-type-image .lightcase-icon-close:focus {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.6);
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: color, opacity, ease-in-out .25s;
    -moz-transition: color, opacity, ease-in-out .25s;
    -o-transition: color, opacity, ease-in-out .25s;
    transition: color, opacity, ease-in-out .25s
}

#lightcase-nav a[class*='lightcase-icon-'] > span {
    display: inline-block;
    text-indent: -9999px
}

#lightcase-nav a[class*='lightcase-icon-']:hover, #lightcase-case.lc-type-video .lightcase-icon-close:hover, #lightcase-case.lc-type-image .lightcase-icon-close:hover {
    color: #fff;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.5)
}

#lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-prev {
    left: 15px
}

#lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-next {
    right: 15px
}

#lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-pause, #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-play {
    left: 50%;
    margin-left: -.5em
}

@media screen and (min-width: 641px) {
    #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-pause, #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-play {
        opacity: 0
    }
}

#lightcase-case.modal-obj .lightcase-icon-close, #lightcase-case.lc-type-video .lightcase-icon-close, #lightcase-case.lc-type-image .lightcase-icon-close, body #lightcase-nav a.lightcase-icon-close {
    top: 15px;
    right: 15px;
    bottom: auto;
    margin: 0;
    opacity: 0;
    outline: none
}

@media screen and (max-width: 640px) {
    #lightcase-nav .lightcase-icon-close {
        position: absolute
    }
}

@media screen and (min-width: 641px) {
    #lightcase-case.modal-obj .lightcase-icon-close, #lightcase-case.lc-type-video .lightcase-icon-close, #lightcase-case.lc-type-image .lightcase-icon-close, #lightcase-nav .lightcase-icon-close {
        position: fixed
    }
}

@media screen and (max-width: 640px) {
    #lightcase-nav a[class*='lightcase-icon-'] {
        bottom: 15px
    }

    #lightcase-nav a[class*='lightcase-icon-'], #lightcase-case.modal-obj .lightcase-icon-close, #lightcase-case.lc-type-video .lightcase-icon-close, #lightcase-case.lc-type-image .lightcase-icon-close {
        font-size: 24px
    }
}

@media screen and (min-width: 641px) {
    #lightcase-nav a[class*='lightcase-icon-'] {
        bottom: 50%;
        margin-bottom: -.5em
    }

    #lightcase-nav a[class*='lightcase-icon-']:hover, #lightcase-case.modal-obj .lightcase-icon-close:hover, #lightcase-case.lc-type-video .lightcase-icon-close:hover, #lightcase-case.lc-type-image .lightcase-icon-close:hover, #lightcase-case:hover ~ #lightcase-nav a[class*='lightcase-icon-'], #lightcase-case.modal-obj:hover .lightcase-icon-close, #lightcase-case.lc-type-video:hover .lightcase-icon-close, #lightcase-case.lc-type-image:hover .lightcase-icon-close {
        opacity: 1
    }
}

#lightcase-nav .lightcase-icon-close {
    display: none
}

#lightcase-overlay {
    display: none;
    width: 100%;
    min-height: 100%;
    position: fixed;
    z-index: 2002;
    top: -9999px;
    bottom: -9999px;
    left: 0;
    background: #01040d;
    cursor: default !important
}

#lightcase-case:not(.lc-type-image):not(.lc-type-video):not(.modal-obj) .lightcase-icon-close {
    height: 72px;
    padding: 0 27px 0 39px;
    border-bottom: 1px solid #E4ECEE;
    position: absolute;
    right: 0;
    top: 0
}

#lightcase-case:not(.lc-type-image):not(.modal-obj) .lightcase-icon-close:before {
    content: '\e9ce';
    text-decoration: none;
    font-family: 'krz-font' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 13px;
    width: 13px;
    position: absolute;
    left: 0;
    right: 8px;
    top: 0;
    bottom: 1px;
    margin: auto;
    color: #656565
}

#lightcase-case.modal-nopadding #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
    padding: 0
}

.lightcase-inlineWrap::-webkit-scrollbar-button {
    background-image: url("");
    background-repeat: no-repeat;
    width: 5px;
    height: 0
}

.lightcase-inlineWrap::-webkit-scrollbar-track {
    background-color: #e9e9e9
}

.lightcase-inlineWrap::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background-color: #bebebe
}

.lightcase-inlineWrap::-webkit-scrollbar-thumb:hover {
    background-color: #a0a1a1
}

.lightcase-inlineWrap::-webkit-resizer {
    background-image: url("");
    background-repeat: no-repeat;
    width: 8px;
    height: 0px
}

.lightcase-inlineWrap::-webkit-scrollbar {
    width: 8px
}

#lightcase-case.noclose .lightcase-icon-close {
    display: none !important
}

#lightcase-sequenceInfo {
    font-size: 14px;
    color: #aaa;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    position: absolute;
    right: 0;
    bottom: -30px
}

#lightcase-case.lc-type-video #lightcase-info #lightcase-title, #lightcase-case.lc-type-image #lightcase-info #lightcase-title {
    background: transparent;
    border: 0;
    padding: 0;
    height: auto;
    line-height: 17px;
    font-size: 15px;
    color: #aaa;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    position: absolute;
    top: calc(100% + 8px);
    text-transform: none;
    max-width: calc(100% - 70px)
}

#lightcase-caption {
    display: none !important
}

.lc-close {
    cursor: pointer
}

#lightcase-case.modal-obj #lightcase-title {
    display: none !important
}

body.isIframe::-webkit-scrollbar-button {
    background-image: url("");
    background-repeat: no-repeat;
    width: 0px;
    height: 0
}

body.isIframe::-webkit-scrollbar-track {
    background-color: #e9e9e9
}

body.isIframe::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background-color: #bebebe
}

body.isIframe::-webkit-scrollbar-thumb:hover {
    background-color: #a0a1a1
}

body.isIframe::-webkit-resizer {
    background-image: url("");
    background-repeat: no-repeat;
    width: 0px;
    height: 0px
}

body.isIframe::-webkit-scrollbar {
    width: 0px
}

#lightcase-case[class*='form-generated'] .lightcase-inlineWrap {
    height: 100% !important;
    overflow: hidden !important;
    overflow-y: auto !important
}

#adminForm {
    font-size: 0
}

#adminForm {
    box-sizing: inherit
}

.red {
    display: inline-block;
    vertical-align: top;
    color: red;
    margin-left: 5px;
    font-size: 14px
}

.modal_button_main {
    text-align: center
}

#lightcase-case.modal-form #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
    padding: 30px 20px
}

.input-line-time .input-field-standart {
    width: 89px;
    display: inline-block
}

.input-line-time .input-field-standart:nth-child(3) {
    margin-left: 10px
}

.input-line-title {
    margin-bottom: 8px
}

.page_login .userline {
    padding: 0
}

.eye {
    content: '';
    position: absolute;
    background: url(/images/eye.png) no-repeat center;
    height: 20px;
    width: 28px;
    right: 12px;
    bottom: 8px;
    cursor: pointer;
    opacity: 0.6;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s
}

.passon .eye, .eye:hover {
    opacity: 1
}

a.forgotpass {
    font-size: 12px;
    text-decoration: none;
    float: right
}

.modal_check {
    font-size: 13px
}

a.forgotpass span {
    border-bottom: 1px dashed #67696e;
    display: inline-block;
    line-height: 12px
}

a.forgotpass:hover span {
    border-color: transparent
}

.modal_check input[type='checkbox'] {
    position: relative;
    top: 2px
}

input[name="loginsave"] {
    margin-right: 4px
}

.politika {
    text-align: center;
    font-size: 12px;
    margin-bottom: 6px;
    line-height: 13px
}

#lightcase-case .nice-select .option {
    line-height: 28px;
    min-height: auto;
    font-size: 13px;
    color: #3d4044
}

.oneclick_text {
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 9px
}

.oneclick_city {
    margin-bottom: 17px
}

.oneclick_city .oneclick_city_name {
    font-weight: bold
}

.userline.oneclick_name {
    width: 73%
}

.userline.oneclick_name .input-field-standart input {
    background: #f4f4f5
}

.userline.oneclick_x {
    width: 9%;
    text-align: center
}

.userline.oneclick_number {
    display: inline-block;
    vertical-align: top;
    width: 18%
}

.oneclick_number input::-webkit-outer-spin-button, .oneclick_number input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

span.oneclick_up, span.oneclick_down {
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    display: block;
    position: absolute;
    right: 7px;
    cursor: pointer;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none
}

span.oneclick_up {
    border-bottom: 7px solid #B1B5B9;
    top: 9px
}

span.oneclick_down {
    border-top: 7px solid #A4AAB0;
    top: 21px
}

span.oneclick_input {
    position: relative;
    display: block
}

.userline.oneclick_number label {
    opacity: 0
}

.userline.oneclick_number .input-field-standart input {
    text-align: right;
    padding: 0 20px 0 10px
}

#сonfirm-actions {
    text-align: center
}

#сonfirm-actions .сonfirm-actions-title {
    font-size: 24px;
    margin: 23px 0 10px 0
}

#сonfirm-actions .сonfirm-actions-text {
    margin-bottom: 17px;
    padding: 0 22px;
    font-size: 16px
}

#сonfirm-actions .сs-btn a {
    height: 40px;
    width: 115px;
    display: inline-block;
    background: #4a4e54;
    color: #fff;
    text-decoration: none;
    line-height: 38px;
    margin: 0 8px
}

#сonfirm-actions .сs-btn {
    margin-bottom: 20px
}

#сonfirm-actions .сs-btn a.lightcase-ok {
    background: #00D100
}

#сonfirm-actions .сs-btn a.lightcase-close {
    background: #ce544a
}

#lightcase-case.card-fast-prew .block-edit-content {
    display: none !important
}

#lightcase-case.card-fast-prew #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
    padding: 10px
}

#lightcase-case.card-fast-prew .gallery {
    width: 429px;
    min-height: auto
}

#lightcase-case.card-fast-prew .content_info {
    width: 348px;
    padding-bottom: 50px
}

#lightcase-case.card-fast-prew a.mdl_podrobnee {
    position: relative;
    background-color: #fcfcfc;
    border: 1px solid #dcdddf;
    border-radius: 3px;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 35px;
    text-decoration: none;
    color: #494f55;
    display: block;
    text-align: center;
    padding: 0 16px;
    transition: 0.2s
}

#lightcase-case.card-fast-prew a.mdl_podrobnee:hover {
    background: #f2f2f2
}

#lightcase-case.card-fast-prew .content_main {
    margin-bottom: 0
}

#lightcase-case.card-fast-prew .block-edit-content {
    display: none
}

#lightcase-case.card-fast-prew .owl-carousel.owl-incard {
    height: auto
}

#lightcase-case.card-fast-prew .art_full {
    margin-bottom: 9px
}

#lightcase-case.card-fast-prew .have_item {
    margin-bottom: 10px
}

#lightcase-case.card-fast-prew .line-varibale .cart-line-title {
    margin-bottom: 3px
}

#lightcase-case.card-fast-prew .card_variables {
    margin-bottom: 10px
}

#lightcase-case.card-fast-prew .card_price_first span {
    font-size: 33px
}

#lightcase-case.card-fast-prew .card_buy {
    padding: 7px 18px 18px;
    margin-bottom: 14px
}

#lightcase-case.card-fast-prew .card_price_first .rubl {
    font-size: 29px
}

#lightcase-case.card-fast-prew .card_price_info {
    margin-bottom: 12px
}

#lightcase-case.card-fast-prew .catalog-item-full {
    margin-bottom: 5px;
    transition: opacity 0.3s
}

#lightcase-case.card-fast-prew .card_buy.have-action {
    padding-bottom: 68px
}

#lightcase-case.card-fast-prew .template-type2 .bottom {
    position: static
}

#lightcase-case.card-fast-prew .template-type2 .card_info_first {
    margin-bottom: 0
}

#lightcase-case.card-fast-prew .template-type2 .content_info {
    padding-bottom: 0
}

#lightcase-case.card-fast-prew .template-type2 .gallery {
    padding: 15px 20px 30px
}

@media screen and (max-width: 860px) {
    #lightcase-case.card-fast-prew .gallery, #lightcase-case.card-fast-prew .content_info {
        display: block;
        width: 100%
    }

    #lightcase-case.card-fast-prew #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
        padding: 20px
    }

    #lightcase-case.card-fast-prew .owl-carousel.owl-incard {
        height: 360px
    }

    #lightcase-case.card-fast-prew .template-type2 .gallery {
        margin-bottom: 15px
    }

    #lightcase-case.card-fast-prew .art_full {
        color: #333;
        font-size: 14px;
        margin-top: -3px
    }
}

.tabs {
    position: relative;
    overflow: hidden;
    height: 48px;
    width: 100%;
    margin: 0 auto;
    white-space: nowrap;
    font-size: 0
}

.tabs.tabs-transparent {
    background-color: transparent
}

.tabs.tabs-transparent .tab a, .tabs.tabs-transparent .tab.disabled a, .tabs.tabs-transparent .tab.disabled a:hover {
    color: rgba(255, 255, 255, 0.7)
}

.tabs.tabs-transparent .tab a:hover, .tabs.tabs-transparent .tab a.active {
    color: #fff
}

.tabs.tabs-transparent .indicator {
    background-color: #fff
}

.tabs.tabs-fixed-width {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.tabs.tabs-fixed-width .tab {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.tabs .tab {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    line-height: 48px;
    height: 48px;
    padding: 0;
    margin: 0;
    text-transform: uppercase
}

.tabs .tab a {
    background: rgba(100, 97, 96, 0.08);
    color: #4b4b4b !important;
    display: block;
    height: 100%;
    padding: 0 20px;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: color .28s ease, background .1s;
    text-decoration: none
}

.tabs .tab a:hover {
    background: rgba(100, 97, 96, 0.16)
}

.tabs .tab a.active {
    background: #fff
}

.tabs .tab.disabled a, .tabs .tab.disabled a:hover {
    color: rgba(238, 110, 115, 0.7);
    cursor: default
}

.tabs .indicator {
    position: absolute;
    bottom: 0;
    height: 2px;
    background-color: #f6b2b5;
    will-change: left, right
}

.t-border {
    height: 3px;
    background: #7dd428;
    position: absolute;
    bottom: 0;
    transition: 0.2s
}

@media only screen and (max-width: 992px) {
    .tabs .tab a {
        padding: 0 7px
    }
}

#lightcase-case.targeting-min ul li {
    height: 52px;
    display: block;
    margin-bottom: 1px
}

#lightcase-case.targeting-min ul li a {
    display: block;
    height: 100%;
    width: 100%;
    text-align: center;
    text-decoration: none;
    font-size: 17px;
    line-height: 52px;
    color: #3d4044;
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    border-bottom: 1px solid #e4ecee;
    -o-transition: 0.1s;
    transition: 0.1s
}

#lightcase-case.targeting-min ul li a:hover {
    background: #F5F5F7
}

#lightcase-case.targeting-big #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
    padding: 30px 33px 30px 54px
}

.modal_city_col {
    width: 25%;
    vertical-align: top;
    display: inline-block
}

.modal_city_col ul {
    position: relative;
    padding: 0 15px 13px 20px
}

.modal_city_col .let {
    position: absolute;
    left: -2px;
    top: 0px;
    padding: 0;
    margin: 0;
    font-weight: 500;
    color: #687279;
    font-size: 18px
}

.modal_city_col ul li {
    line-height: 26px
}

@media only screen and (max-width: 810px) {
    .modal_city_col {
        width: 50%
    }
}

.color-item {
    display: inline-block;
    border: 1px solid #D5D5D6;
    margin: 0 8px 5px 0;
    padding: 2px;
    border-radius: 1px;
    cursor: pointer;
    overflow: hidden;
    transition: 0.2s
}

.color-item:hover {
    border-color: #b0b0b0
}

.color-item.active {
    border-color: #0A0A0F
}

.color-item .color-item-child {
    display: block;
    height: 21px;
    width: 21px
}

.variable-item-child {
    display: none
}

.variable-type-1 .variable-item-child {
    display: block;
    font-size: 13px
}

.variable-type-1 .color-item-child {
    display: none !important
}

.variable-type-1 .color-item {
    padding: 2px 5px;
    margin: 0 4px 4px 0;
    border-radius: 2px
}

.blk_action_card {
    background: #FF4343;
    display: inline-block;
    height: 50px;
    padding: 5px 2px 0;
    margin: 7px 0 0 0;
    position: relative;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px
}

.blk_action_card span.countdown_time span {
    font-size: 14px
}

.blk_action_card span.countdown_time span.cd_time {
    display: inline-block;
    width: 33px;
    height: 40px;
    background: #fff;
    color: #8B9093;
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    -o-border-radius: 1px;
    border-radius: 1px
}

.blk_action_card span.countdown_time span.cd_i {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #3e444a;
    padding-top: 9px;
    font-weight: bold
}

.blk_action_card span.countdown_time span.cd_d {
    display: inline-block;
    width: 5px;
    vertical-align: top;
    color: rgba(255, 255, 255, 0.5);
    margin-top: 10px;
    text-align: center
}

span.blk_act_icon_card {
    display: inline-block;
    vertical-align: top;
    height: 40px;
    color: #fff;
    line-height: 13px;
    width: 24px;
    margin-right: 7px
}

span.blk_act_icon_card:before {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    background: url(/images/icon_clock2.png) no-repeat center
}

.blk_action_card span.blk_act_text {
    letter-spacing: 0.09em;
    color: #fff;
    font-size: 13px;
    font-style: italic;
    text-transform: uppercase;
    width: 77px;
    display: inline-block
}

span.blk_act_number_card {
    display: inline-block;
    vertical-align: top;
    height: 40px;
    color: #fff;
    line-height: 13px;
    padding-top: 9px;
    margin-left: 4px
}

span.blk_act_number_card span.blk_act_n {
    display: block;
    font-size: 16px;
    font-weight: 500
}

span.blk_act_number_card span.blk_act_t {
    opacity: 0.6;
    font-size: 12px
}

.blk_action_card .blk_action {
    height: auto;
    padding: 0;
    position: static;
    width: 180px;
    font-size: 0
}

.blk_action_card span.blk_act_number {
    height: auto
}

a.add_foto {
    display: inline-block;
    height: 37px;
    background-color: #A1B5C2;
    color: #fff;
    text-decoration: none;
    font-size: 17px;
    font-weight: 500;
    padding: 0 11px 0 53px;
    line-height: 36px;
    position: relative;
    vertical-align: top;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s
}

a.add_foto:before {
    width: 41px;
    display: block;
    content: "";
    border-right: 1px solid #C8D3DA;
    height: 100%;
    left: 0;
    position: absolute;
    background: url(/images/camera.png) no-repeat center
}

span.addf_text {
    color: #CFD5DA;
    display: inline-block;
    line-height: 19px;
    vertical-align: top;
    margin-left: 12px
}

a.add_foto:hover {
    background-color: #789DB5
}

.pr_avatar {
    overflow: hidden;
    margin-bottom: 22px
}

.person_input input {
    width: 324px;
    border: 3px solid #D1DEE2;
    height: 24px;
    background-color: #F6F9FB;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    padding: 5px 13px 7px;
    color: #81919C;
    font-weight: 500;
    font-size: 16px
}

.person_input input:focus {
    border: 3px solid #4EA2CE
}

.pr_inp_title {
    font-size: 14px;
    margin-bottom: 4px
}

.person_input {
    margin-bottom: 17px
}

.person_usertype .radio-standart {
    display: inline-block
}

.person_usertype .radio-standart:first-child {
    margin-right: 20px
}

.person_type_radio .field-second, .person_type_checkbox .field-second, .person_line .file-field {
    margin-top: 7px
}

.person_line.person_type_select select {
    display: none !important
}

.person_type_title {
    border-bottom: 1px solid #e5e5e5
}

.person_type_title h3 {
    font-size: 18px;
    font-weight: normal;
    color: #535c65;
    margin: 22px 0 10px
}

.field-second > *:last-child {
    margin-bottom: 4px
}

.obyaz {
    display: inline-block;
    position: relative
}

.stinp:after {
    display: block;
    content: "";
    position: absolute;
    background: url(/images/obyaz.png);
    height: 13px;
    width: 14px;
    right: -23px;
    top: 13px
}

.pr_inp_block {
    margin-bottom: 37px
}

.plseven {
    height: 42px;
    width: 40px;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    padding: 8px 0px 0 0;
    display: inline-block;
    vertical-align: top
}

input.pr_num_1 {
    width: 41px;
    margin-right: 7px
}

input.pr_num_2 {
    width: 199px
}

.pr_ibc_m {
    margin-bottom: 23px
}

a.pr_save:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 42px;
    border-right: 1px solid rgba(255, 255, 255, 0.37);
    background-image: url(/images/check2.png);
    background-repeat: no-repeat;
    background-position: 10px 11px
}

a.pr_save {
    height: 42px;
    background-color: #A1B5C2;
    display: inline-block;
    color: #fff;
    position: relative;
    text-decoration: none;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s
}

.pr_check {
    margin-bottom: 19px
}

span.pr_bt_text {
    font-size: 18px;
    font-weight: 500;
    display: block;
    padding: 9px 22px 0px 58px
}

a.pr_save:hover {
    background-color: #768D9C
}

section.person {
    min-height: 490px
}

table.pr_table {
    width: 100%
}

table.pr_table thead tr {
    font-size: 13px;
    border-bottom: 2px solid #e7e7e7
}

table.pr_table thead th {
    padding: 13px 15px 11px;
    text-align: left
}

table.pr_table tbody td {
    font-size: 13px;
    padding: 13px 15px 11px;
    border-bottom: 1px dashed rgba(156, 156, 156, 0.16)
}

span.b_b_price {
    font-weight: 500
}

.table_person {
    padding: 0px;
    background-color: rgba(255, 255, 255, 0)
}

.blk_opis {
    color: #444C51;
    font-size: 11px;
    margin-bottom: 6px
}

.blocks.blk_border {
    border: 1px solid rgba(0, 0, 0, 0.07)
}

.blocks.blk_titborder .blk_head {
    border-bottom: 1px solid #EDEDED
}

.blocks.blk_titcolor .blk_head {
    background: #DCD6FF
}

.blocks.blk_bg {
    background: #fff
}

.catalog-items-list {
    margin-right: 0px
}

.catalog-items-list .catalog-item {
    width: 100%;
    margin-right: 0;
    text-align: left
}

.blklist_photo {
    width: 180px;
    display: inline-block;
    vertical-align: top;
    margin-right: 15px
}

.blklist_info {
    display: inline-block;
    vertical-align: top;
    width: 400px;
    width: calc(100% - 410px)
}

.blklist_price {
    display: inline-block;
    vertical-align: top;
    width: 230px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: rgba(28, 30, 50, 0.04);
    border-left: 1px solid rgba(11, 15, 28, 0.06);
    padding: 15px
}

.catalog-items-list .blk_status {
    width: auto
}

.catalog-items-list .image-default {
    margin-bottom: 0
}

.catalog-items-list .blk_name a {
    font-size: 16px
}

.blklist_main {
    font-size: 0
}

.catalog-items-list .block_incard {
    position: absolute;
    bottom: 15px
}

.catalog-items-list .block_incard .incart-type1, .catalog-items-list .block_incard .inorder-type1 {
    max-width: 140px
}

.catalog-items-list .block_incard .incart-type2 {
    max-width: 93%
}

.catalog-items-list .blk_status .blk_st {
    margin-left: 5px
}

.catalog-items-list .blk_action_card {
    margin-bottom: 8px
}

.blklist_price .blk_priceblock {
    margin-bottom: 9px
}

.otzyvy_blk {
    margin-top: 18px
}

.otzyvy_blk .otz_name {
    color: #3c444c;
    font-size: 18px;
    font-weight: 500
}

.otzyvy_blk .otz_what {
    color: #535c65;
    font-size: 14px;
    font-weight: 700;
    margin: 10px 0px 5px 0
}

.otzyvy_blk .otz_text {
    color: #676c70;
    font-size: 14px
}

.otzyvy_blk .otz_itm_i {
    margin: 0 0 16px 0
}

.otzyvy_blk .otz_title {
    margin-bottom: 7px
}

.otzyvy_blk .otz_information {
    margin: 0 14px 0 70px
}

.otzyvy_blk .otzyv_item {
    border-bottom: 1px dashed #c1c1c1;
    padding: 0 0 13px 0;
    margin-bottom: 34px
}

.otzyvy_blk .otz_img {
    float: left;
    width: 50px;
    height: 50px;
    margin: 4px 0 0 0;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

.otzyvy_blk .otz_img img {
    max-height: 100%
}

.otzyvy_blk .otz_title .kz_otz_time {
    margin-top: 5px
}

.otzyvy_blk .otzyv_item:last-of-type {
    border-bottom: 0px dashed #c1c1c1
}

.otzyvy_blk .otz_name_mng {
    color: #3c444c;
    font-weight: 500;
    display: inline-block;
    margin-bottom: 8px
}

.otzyvy_blk .otz_otvet {
    position: relative;
    background-color: #f2f4f5;
    border-radius: 5px;
    margin: 25px 0px 24px 0
}

.otzyvy_blk .otz_otvet:before {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: -28px;
    background: url(/images/kovych.png) no-repeat;
    height: 10px;
    width: 13px
}

.otzyvy_blk .otz_otvet:after {
    content: "";
    display: block;
    position: absolute;
    top: -16px;
    left: 16px;
    border-left: 20px solid #F2F4F5;
    border-top: 16px solid transparent
}

.otzyvy_blk .otz_otvet .otz_img {
    position: absolute;
    left: -17px;
    top: 14px
}

.otzyvy_blk .otz_text_mng {
    color: #676c70;
    margin-bottom: 12px
}

.otzyvy_blk .otz_information_mng {
    margin-left: 48px;
    padding: 20px 39px 22px 0
}

.otzyvy_blk .otz_podpis {
    color: #a3a7ac;
    font-style: italic
}

.kz_form.otz_form_main .fo_line {
    margin: 0 0 16px 0
}

.kz_form.otz_form_main .fo_name {
    width: 170px
}

.kz_form.otz_form_main .fo_head {
    margin: 0 31px 3px 0
}

.kz_form.otz_form_main .fo_inp textarea {
    min-height: 43px;
    height: 43px
}

.kz_form.otz_form_main .fo_inpbig textarea {
    height: 143px
}

.kz_form.otz_form_main {
    padding-bottom: 32px
}

.kz_form.otz_form_main .fo_line a {
    margin-top: 9px
}

.otz_form_main .result {
    padding-left: 186px
}

.blocks.class2020 .otzyvy_blk {
    margin-top: -7px
}

.blocks.class2020 .obj {
    margin-top: 22px;
    margin-bottom: 10px;
    background: rgba(15, 31, 45, 0.05);
    padding: 16px 20px 20px !important;
    border-radius: 6px;
    border-bottom: 0;
    position: relative
}

.blocks.class2020 .otz_img, .blocks.class2020 .otz_otvet {
    display: none
}

.blocks.class2020 .otz_information {
    margin: 0
}

.blocks.class2020 .obj:after {
    content: "";
    display: block;
    position: absolute;
    top: -13px;
    left: 33px;
    border-left: 17px solid rgba(15, 31, 45, 0.05);
    border-top: 13px solid transparent
}

.blocks.class2020 .otzyvy_blk .otz_itm_i {
    margin: 0
}

ul.gallery-items.gallery-review .obj {
    min-width: auto
}

.basked_tab_blk {
    margin-bottom: 20px
}

#bigcart a.delitem {
    text-decoration: none;
    text-align: center;
    display: block
}

.minOrderFail {
    margin: 0 0 20px
}

table.basked_table tbody tr td {
    padding: 11px 21px
}

table.basked_table thead tr th {
    color: #535c65;
    font-size: 14px;
    padding: 10px 21px 13px;
    font-weight: normal;
    opacity: 0.7
}

table.basked_table thead tr {
    background: rgba(255, 255, 255, 0.03);
    border-bottom: 1px solid rgba(122, 122, 122, 0.1);
    text-align: center
}

table.basked_table thead tr th.kol-vo {
    text-align: right;
    padding-right: 42px
}

table.basked_table {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #fff
}

table.basked_table thead tr th.price {
    text-align: right
}

table.basked_table tbody tr {
    border-bottom: 1px dashed rgba(18, 18, 18, 0.07);
    text-align: center
}

table.basked_table tbody tr:last-child {
    border-bottom: 0
}

table.basked_table tbody tr:hover {
    background: rgba(179, 179, 179, 0.08)
}

table.basked_table tbody tr td.bt_art {
    color: #59616a;
    font-size: 14px
}

table.basked_table tbody tr td.bt_price {
    font-weight: normal;
    color: #59616a;
    font-size: 14px;
    min-width: 100px;
    text-align: right
}

table.basked_table thead th.padd {
    padding: 7px 21px
}

#bigcart a.delitem:before {
    content: "\e938";
    font-family: 'krz-font' !important;
    display: block;
    height: 16px;
    font-size: 12px;
    text-align: center;
    line-height: 18px;
    opacity: 0.6
}

table.basked_table tbody tr td.bt_img {
    padding: 11px 14px
}

table.basked_table tbody tr td.bt_img .image-default {
    width: 55px;
    min-height: auto
}

table.basked_table tbody tr td.bt_link a:hover {
    border-bottom: 0px solid
}

table.basked_table tbody tr td.bt_pricesum {
    font-weight: normal;
    color: #3c444c;
    font-size: 14px;
    min-width: 70px;
    text-align: right;
    padding-left: 0;
    font-weight: 700;
    opacity: 0.8
}

table.basked_table tbody tr td.bt_link {
    text-align: left;
    max-width: 260px
}

table.basked_table tbody tr td.bt_count input[type="number"] {
    color: #535c65;
    font-size: 14px;
    margin: 0px auto;
    width: 36%;
    height: 30px;
    text-align: center;
    border: 0;
    display: block;
    font-weight: 500;
    background: rgba(0, 0, 0, 0.03)
}

table.basked_table tbody tr td.bt_count input[type="number"]:disabled {
    background: rgba(0, 0, 0, 0.07)
}

table.basked_table tbody tr td.count {
    text-align: right
}

table.basked_table tbody tr td.bt_del {
    padding: 11px 21px 11px 0
}

table.basked_table tbody tr td .bt_incard_num > span {
    text-align: center
}

table.basked_table thead th.sum {
    text-align: right
}

.bt_incard_num {
    overflow: hidden;
    position: relative;
    height: 31px;
    width: 86px;
    display: inline-block;
    vertical-align: middle;
    background: #FFFFFF;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, 0.16);
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none
}

.bt_incard_num span.bt_incard_up {
    height: 30px;
    width: 32%;
    position: absolute;
    right: 0;
    top: 0px;
    cursor: pointer;
    border-left: 1px solid #B3BAC0;
    background: transparent;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s
}

.bt_incard_num span.bt_incard_up:before {
    color: #3c444c;
    font-size: 10px;
    content: '\e9c1';
    width: 25px;
    height: 29px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    font-family: 'krz-font' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 31px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    opacity: 0.6
}

.bt_incard_num span:hover:before {
    background: #F7F8F9
}

.bt_incard_num span.bt_incard_down {
    height: 30px;
    width: 32%;
    position: absolute;
    left: 0;
    top: 0px;
    cursor: pointer;
    border-right: 1px solid #B3BAC0;
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s
}

.bt_incard_num span.bt_incard_down:before {
    color: #3c444c;
    font-size: 10px;
    content: '\e9bc';
    width: 25px;
    height: 29px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    font-family: 'krz-font' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 31px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    opacity: 0.6
}

.bt_incard_num span.mainmenubg-font-hov-bf:hover:before {
    opacity: 1
}

#bigcart a.delitem:hover:before {
    color: #FF343D
}

.person_line {
    margin: 0 0 13px 0
}

#bigcart .item-color-cart {
    font-size: 13px;
    margin-top: 2px
}

#bigcart .item-color-cart span {
    margin-top: 0;
    position: relative;
    top: 2px
}

.hov input[type="text"]:focus, .hov input[type="password"]:focus {
    border: 1px solid #3295AE
}

.hov textarea:focus {
    border: 1px solid #3295AE
}

input.hov[type="text"]:focus, input.hov[type="password"]:focus {
    border: 1px solid #3295AE
}

textarea.hov:focus {
    border: 1px solid #3295AE
}

.blk_title {
    color: #535c65;
    font-size: 18px;
    font-weight: 500;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 12px 15px 11px
}

.basket_blks {
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #fff;
    padding: 20px
}

.basket_blks .blk_title {
    padding: 20px 15px 4px;
    font-size: 17px;
    border-bottom: 0
}

.person_body {
    padding: 22px 0 18px 0
}

.basket_blks .input-field-standart input[type="text"], .basket_blks .input-field-standart input[type="date"], .basket_blks .input-field-standart input[type="password"], .basket_blks .input-field-standart input[type="number"], .basket_blks .input-field-standart textarea, .basket_blks .input-field-standart .nice-select, .basket_blks .nice-select.select-style.select-lists {
    border: 1px solid rgba(0, 0, 0, 0.18);
    background: #f9f9f9
}

span.sposob_text {
    color: #51585f;
    font-size: 14px
}

.method_item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    position: relative;
    cursor: pointer;
    padding: 8px 0 8px 0
}

.method_item:last-of-type {
    border-bottom: 0px solid #D9DDDF
}

.method_items {
    padding: 2px 14px 1px;
    background: rgba(255, 255, 255, 0.8);
    border-bottom: 0px solid rgba(0, 0, 0, 0.1)
}

.method_item .rdo-name {
    display: block
}

.mi_rt_text {
    font-size: 13px;
    font-style: italic;
    color: #9ea2a6
}

span.sposob_price {
    white-space: nowrap;
    color: #535c65;
    font-size: 15px;
    padding-right: 8px
}

.mi_rt_info {
    margin-bottom: 3px
}

.tot_item_all {
    color: #51585f;
    font-size: 14px;
    line-height: 27px
}

.total_blk {
    padding: 29px 15px 2px 15px
}

.tot_item {
    display: table;
    margin-bottom: 3px
}

.tot_item_2 {
    font-size: 17px
}

.tot_item > div, .total_sum > div {
    display: table-cell;
    white-space: nowrap
}

.bor_line {
    width: 100%;
    padding-right: 4px;
    padding-left: 5px
}

.bor_line:after {
    content: '';
    display: block;
    border-bottom: 1px dotted rgba(51, 51, 51, 0.5);
    position: relative;
    bottom: -1px
}

.total_sum_text {
    color: #51585f;
    font-size: 22px;
    line-height: 49px;
    font-weight: bold
}

.total_sum_price {
    color: #282c2f;
    font-size: 30px;
    font-weight: 700
}

.zone-content-all .total_blk .total_sum_price {
    font-size: 20px;
    font-weight: 700
}

.zone-content-all .total_blk .total_sum_text {
    font-size: 17px;
    font-weight: 700
}

@media only screen and (max-width: 780px) {
    .zone-content-all.grid_9 .order-left, .zone-content-all.grid_9 .order-right {
        width: 100%;
        margin: 0
    }
}

.total_sum {
    margin: 2px 0 3px 0
}

.order-left, .order-right {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    margin-bottom: 20px
}

#order {
    font-size: 0
}

.order-left {
    width: 64%;
    width: calc(64% - 10px);
    margin-right: 10px
}

.order-right {
    width: 35%;
    width: calc(36% - 10px);
    margin-left: 10px
}

@media only screen and (max-width: 1279px) {
    .order-left, .order-right {
        margin-left: 0;
        margin-right: 0;
        width: 100%
    }
}

.cartlistype-2 .basket_blks {
    padding: 0 0 10px
}

.cartlistype-2 .basket_blks .blk_title {
    padding: 16px 15px 14px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    font-weight: bold
}

.cartlistype-2 .method_item {
    padding: 8px 10px
}

.cartlistype-2 .method_items {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.cartlistype-2 .total_blk {
    padding: 16px 15px 2px 15px
}

.delivery_free_text {
    padding: 13px 1px
}

.delivery_free_2, .delivery_free_text.active .delivery_free_1 {
    display: none
}

.delivery_free_text.active .delivery_free_2 {
    display: block
}

.delivery_free_2 {
    font-weight: bold
}

span.df_text1 {
    display: block
}

span.df_text2 {
    font-size: 12px;
    display: block;
    margin-top: 2px
}

.template-typecart2 .method_items {
    padding: 6px 14px 6px
}

.select-text {
    font-size: 13px;
    font-style: italic;
    opacity: 0.9;
    line-height: 16px
}

span.select-price {
    font-weight: bold
}

.select-lists li {
    padding: 4px 0
}

.nice-select.select-style.select-lists {
    white-space: normal;
    height: auto;
    background: transparent
}

.nice-select.select-style.select-lists .option {
    padding-top: 8px;
    padding-bottom: 8px
}

.select-name {
    line-height: 23px
}

.nice-select.select-style.select-lists span.current {
    line-height: 19px;
    padding: 8px 19px;
    display: table;
    width: 100%
}

.nice-select.select-style.select-lists span.current > span {
    display: table-cell;
    vertical-align: middle
}

.nice-select.select-style.select-lists:after {
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 10px;
    height: 6px;
    width: 11px
}

.delivery-assist-blk .disabled {
    min-height: 35px;
    margin-top: 10px
}

.delivery-assist-blk.cdek .field-title {
    font-size: 17px;
    padding-top: 15px
}

.method_item.radio-cdek .radio-standart {
    display: inline-block;
    margin-right: 15px
}

.method_item.radio-cdek .input-field-standart {
    display: inline-block;
    width: calc(100% - 144px)
}

.method_item.radio-cdek .cdekDelType {
    width: 100%
}

.delivery-assist-blk .nice-select {
    margin-top: 10px
}

.filter-main-slider .irs-bar-edge {
    position: absolute;
    display: block;
    top: 0;
    left: 0
}

.filter-main-slider .irs-shadow {
    position: absolute;
    display: none;
    left: 0;
    width: 0
}

.filter-main-slider .irs-slider.type_last {
    z-index: 2
}

.filter-main-slider .irs-min {
    position: absolute;
    display: block;
    left: 0;
    cursor: default
}

.filter-main-slider .irs-max {
    position: absolute;
    display: block;
    right: 0;
    cursor: default
}

.filter-main-slider .irs-from, .filter-main-slider .irs-to, .filter-main-slider .irs-single {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    cursor: default;
    white-space: nowrap
}

.filter-main-slider .irs-grid {
    position: absolute;
    display: none;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px
}

.filter-main-slider .irs-with-grid .irs-grid {
    display: block
}

.filter-main-slider .irs-grid-pol {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 8px;
    background: #000
}

.filter-main-slider .irs-grid-pol.small {
    height: 4px
}

.filter-main-slider .irs-grid-text {
    position: absolute;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    text-align: center;
    font-size: 9px;
    line-height: 9px;
    padding: 0 3px;
    color: #000
}

.filter-main-slider .irs-disable-mask {
    position: absolute;
    display: block;
    top: 0;
    left: -1%;
    width: 102%;
    height: 100%;
    cursor: default;
    background: transparent;
    z-index: 2
}

.slider-blue .irs {
    position: relative;
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 14px
}

.slider-blue .irs-with-grid {
    height: 75px
}

.slider-blue .irs-line {
    position: relative;
    display: block;
    overflow: hidden;
    outline: none !important;
    border-radius: 4px;
    height: 4px;
    background: rgba(44, 83, 105, 0.32);
    -moz-border-radius: 4px;
    top: 5px
}

.filter-main-slider .slider-blue span.irs-bar {
    display: block;
    background: #0082CA;
    height: 4px;
    position: absolute;
    top: 5px
}

.slider-blue .irs-bar-edge {
    height: 10px;
    top: 33px;
    width: 14px;
    border: 1px solid #428bca;
    border-right: 0;
    background: #428bca;
    background: linear-gradient(to top, #428bca 0%, #7fc3e8 100%);
    border-radius: 16px 0 0 16px;
    -moz-border-radius: 16px 0 0 16px
}

.slider-blue .irs-shadow {
    height: 2px;
    top: 38px;
    background: #000;
    opacity: 0.3;
    border-radius: 5px;
    -moz-border-radius: 5px
}

.slider-blue .lt-ie9 .irs-shadow {
    filter: alpha(opacity=30)
}

.slider-blue .irs-slider {
    width: 14px;
    height: 14px;
    background: #0082CA;
    border-radius: 50%;
    -moz-border-radius: 50%;
    cursor: pointer;
    position: absolute;
    display: block;
    z-index: 1;
    top: 0px;
    border: 2px solid #FFF
}

.slider-blue .irs-min, .irs-max {
    color: #333;
    font-size: 12px;
    line-height: 1.333;
    text-shadow: none;
    top: 0;
    padding: 1px 5px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    -moz-border-radius: 3px
}

.slider-blue .lt-ie9 .irs-min, .slider-blue .lt-ie9 .irs-max {
    background: #ccc
}

.slider-blue .irs-from, .slider-blue .irs-to, .slider-blue .irs-single {
    color: #fff;
    font-size: 14px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    background: #428bca;
    border-radius: 3px;
    -moz-border-radius: 3px
}

.slider-blue .lt-ie9 .irs-from, .slider-blue .lt-ie9 .irs-to, .slider-blue .lt-ie9 .irs-single {
    background: #999
}

.slider-blue .irs-grid {
    height: 27px
}

.slider-blue .irs-grid-pol {
    opacity: 0.5;
    background: #428bca
}

.slider-blue .irs-grid-pol.small {
    background: #999
}

.slider-blue .irs-grid-text {
    bottom: 5px;
    color: #99a4ac
}

.slider-blue .irs-disabled {
    opacity: 0.4
}

.slider-blue .lt-ie9 .irs-disabled {
    filter: alpha(opacity=40)
}

.slider-blue .irs-hidden-input {
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    left: 0 !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    outline: none !important;
    z-index: -9999 !important;
    background: none !important;
    border-style: solid !important;
    border-color: transparent !important
}

.slider-blue span.irs-bar {
    background: #0082CA;
    height: 4px;
    display: block;
    position: absolute;
    top: 5px
}

.filter-main-slider .irs-with-grid {
    height: 75px
}

.filter-main-slider .irs-line-left {
    height: 8px
}

.filter-main-slider .irs-line-mid {
    height: 8px
}

.filter-main-slider .irs-line-right {
    height: 8px
}

.filter-main-slider .irs-bar-edge {
    height: 10px;
    top: 33px;
    width: 14px;
    border: 1px solid #428bca;
    border-right: 0;
    background: #428bca;
    background: linear-gradient(to top, #428bca 0%, #7fc3e8 100%);
    border-radius: 16px 0 0 16px;
    -moz-border-radius: 16px 0 0 16px
}

.filter-main-slider .irs-shadow {
    height: 2px;
    top: 38px;
    background: #000;
    opacity: 0.3;
    border-radius: 5px;
    -moz-border-radius: 5px
}

.filter-main-slider .lt-ie9 .irs-shadow {
    filter: alpha(opacity=30)
}

.filter-main-slider .filter-main-slider irs-slider {
    top: 25px;
    width: 27px;
    height: 27px;
    border: 1px solid #AAA;
    background: #DDD;
    background: linear-gradient(to bottom, #fff 0%, #dcdcdc 20%, #fff 100%);
    border-radius: 27px;
    -moz-border-radius: 27px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    cursor: pointer
}

.filter-main-slider .irs-min, .filter-main-slider .irs-max {
    color: #333;
    font-size: 12px;
    line-height: 1.333;
    text-shadow: none;
    top: 0;
    padding: 1px 5px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    -moz-border-radius: 3px
}

.filter-main-slider .lt-ie9 .irs-min, .filter-main-slider .lt-ie9 .irs-max {
    background: #ccc
}

.filter-main-slider .irs-from, .irs-to, .irs-single {
    color: #fff;
    font-size: 14px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    background: #428bca;
    border-radius: 3px;
    -moz-border-radius: 3px
}

.filter-main-slider .lt-ie9 .irs-from, .filter-main-slider .lt-ie9 .irs-to, .filter-main-slider .lt-ie9 .filter-main-slider .irs-single {
    background: #999
}

.filter-main-slider .irs-grid {
    height: 27px
}

.filter-main-slider .irs-grid-pol {
    opacity: 0.5;
    background: #428bca
}

.filter-main-slider .irs-grid-pol.small {
    background: #999
}

.filter-main-slider .irs-grid-text {
    bottom: 5px;
    color: #99a4ac
}

.filter_m_item.filter-main-slider {
    width: 246px;
    padding: 3px 15px 0 0;
    min-height: 24px
}

.filter-main-slider .irs {
    position: relative;
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.filter-main-slider .irs-line-left, .filter-main-slider .irs-line-mid, .filter-main-slider .irs-line-right {
    position: absolute;
    display: block;
    top: 0
}

.filter-main-slider .irs-line-left {
    left: 0;
    width: 11%
}

.filter-main-slider .irs-line-mid {
    left: 9%;
    width: 82%
}

.filter-main-slider .irs-line-right {
    right: 0;
    width: 11%
}

.filter-main-slider .irs-bar-edge {
    position: absolute;
    display: block;
    top: 0;
    left: 0
}

.filter-main-slider .irs-shadow {
    position: absolute;
    display: none;
    left: 0;
    width: 0
}

.filter-main-slider .irs-slider {
    position: absolute;
    display: block;
    cursor: default;
    z-index: 1
}

.filter-main-slider .irs-slider.type_last {
    z-index: 2
}

.filter-main-slider .irs-min {
    position: absolute;
    display: block;
    left: 0;
    cursor: default
}

.filter-main-slider .irs-max {
    position: absolute;
    display: block;
    right: 0;
    cursor: default
}

.filter-main-slider .irs-from, .filter-main-slider .irs-to, .filter-main-slider .irs-single {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    cursor: default;
    white-space: nowrap
}

.filter-main-slider .irs-grid {
    position: absolute;
    display: none;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px
}

.filter-main-slider .irs-with-grid .irs-grid {
    display: block
}

.filter-main-slider .irs-grid-pol {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 8px;
    background: #000
}

.filter-main-slider .irs-grid-pol.small {
    height: 4px
}

.filter-main-slider .irs-grid-text {
    position: absolute;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    text-align: center;
    font-size: 9px;
    line-height: 9px;
    padding: 0 3px;
    color: #000
}

.filter-main-slider .irs-disable-mask {
    position: absolute;
    display: block;
    top: 0;
    left: -1%;
    width: 102%;
    height: 100%;
    cursor: default;
    background: transparent;
    z-index: 2
}

.filter-main-slider .irs-disabled {
    opacity: 0.4
}

.filter-main-slider .lt-ie9 .irs-disabled {
    filter: alpha(opacity=40)
}

.filter-main-slider .irs-hidden-input {
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    left: 0 !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    outline: none !important;
    z-index: -9999 !important;
    background: none !important;
    border-style: solid !important;
    border-color: transparent !important
}

.filter-main-slider .irs-with-grid {
    height: 75px
}

.filter-main-slider .irs-line {
    height: 6px;
    position: absolute;
    top: 8px;
    width: 100%;
    background: #B8C6D1;
    border-radius: 6px;
    display: block;
    -moz-border-radius: 6px
}

.filter-main-slider .irs-bar {
    height: 6px;
    top: 8px;
    background: #00C900;
    position: absolute;
    display: block
}

.filter-main-slider .irs-bar-edge {
    height: 10px;
    top: 8px;
    width: 14px;
    border: 1px solid #428bca;
    border-right: 0;
    background: #428bca;
    background: linear-gradient(to top, #428bca 0%, #7fc3e8 100%);
    border-radius: 16px 0 0 16px;
    -moz-border-radius: 16px 0 0 16px
}

.filter-main-slider .irs-shadow {
    height: 2px;
    top: 38px;
    background: #000;
    opacity: 0.3;
    border-radius: 5px;
    -moz-border-radius: 5px
}

.filter-main-slider .lt-ie9 .irs-shadow {
    filter: alpha(opacity=30)
}

.filter-main-slider .irs-slider {
    top: 30px;
    z-index: 2;
    width: 28px;
    height: 22px;
    background: #D8D8D8;
    border-radius: 2px;
    -moz-border-radius: 2px;
    cursor: pointer;
    border: 1px solid rgba(51, 51, 51, 0.6);
    display: none
}

.filter-main-slider .irs-min, .filter-main-slider .irs-max {
    color: #333;
    font-size: 12px;
    line-height: 1.333;
    text-shadow: none;
    top: 0;
    padding: 1px 5px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    -moz-border-radius: 3px
}

.filter-main-slider .lt-ie9 .irs-min, .filter-main-slider .lt-ie9 .irs-max {
    background: #ccc
}

.filter-main-slider .irs-from, .filter-main-slider .irs-to, .filter-main-slider .irs-single {
    font-size: 14px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #FFFFFF;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#F6F6F6));
    background: -webkit-linear-gradient(#fff, #F6F6F6);
    background: -moz-linear-gradient(#fff, #F6F6F6);
    background: -ms-linear-gradient(#fff, #F6F6F6);
    background: -o-linear-gradient(#fff, #F6F6F6);
    background: linear-gradient(#fff, #F6F6F6);
    -pie-background: linear-gradient(#fff, #F6F6F6);
    border-radius: 3px;
    -moz-border-radius: 3px;
    color: #36424B;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(37, 38, 41, 0.18);
    -moz-box-shadow: 0px 2px 4px 0px rgba(37, 38, 41, 0.18);
    box-shadow: 0px 2px 4px 0px rgba(37, 38, 41, 0.18);
    z-index: 2;
    cursor: pointer
}

.filter-main-slider .lt-ie9 .irs-from, .filter-main-slider .lt-ie9 .irs-to, .filter-main-slider .lt-ie9 .irs-single {
    background: #999
}

.filter-main-slider .irs-grid {
    height: 27px
}

.filter-main-slider .irs-grid-pol {
    opacity: 0.5;
    background: #428bca
}

.filter-main-slider .irs-grid-pol.small {
    background: #999
}

.filter-main-slider .irs-grid-text {
    bottom: 5px;
    color: #99a4ac
}

section.filter_main {
    background: #F0F2F4;
    border: 3px solid #A1B5C2;
    margin-bottom: 22px
}

.filter_m_body {
    font-size: 0;
    padding: 8px 6px;
    overflow: hidden;
    position: relative
}

.filter_m_body.filter_m_newline {
    padding: 8px 10px
}

.filter_m_body.filter_m_newline .filter_m_item {
    display: block;
    margin-bottom: 5px;
    padding-bottom: 3px;
    border-bottom: 1px dashed rgba(101, 107, 113, 0.12)
}

.filter_m_body.filter_m_newline .filter_m_item:last-of-type {
    margin: 12px 0px -1px 0;
    padding: 0;
    border: 0
}

section.nc2053 .filter_m_body.filter_m_newline .filter_m_item.filter-main-slider {
    min-height: 30px
}

section.nc2053 .filter_m_body.filter_m_newline .podbor_checkb {
    margin: 0px
}

section.nc2053 .filter_m_body.filter_m_newline .filter_m_title {
    margin-top: 1px
}

.filter_m_body.filter_m_newline .filter_m_bodyt {
    min-width: 330px
}

.filter_m_item {
    display: inline-block;
    font-size: 13px;
    margin-right: 18px;
    vertical-align: top
}

.filter_m_item input {
    display: none
}

.filter_m_item .select_style.jq-selectbox {
    width: 150px
}

.filter_m_title {
    display: inline-block;
    float: left;
    margin-right: 13px;
    font-size: 14px;
    font-style: italic;
    line-height: 20px;
    position: absolute;
    width: 146px
}

.filter_m_bodyt {
    display: inline-block;
    float: left;
    margin-left: 150px
}

.catalog-item .select_style.jq-selectbox {
    width: 100%
}

.select_style.jq-selectbox {
    color: #36424B;
    border: 1px solid #BFCBD5;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #FEFEFE;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FEFEFE), to(#F6F6F6));
    background: -webkit-linear-gradient(#FEFEFE, #F6F6F6);
    background: -moz-linear-gradient(#FEFEFE, #F6F6F6);
    background: -ms-linear-gradient(#FEFEFE, #F6F6F6);
    background: -o-linear-gradient(#FEFEFE, #F6F6F6);
    background: linear-gradient(#FEFEFE, #F6F6F6)
}

.select_style .jq-selectbox__select {
    margin: 6px 0 0 9px;
    height: 21px;
    cursor: pointer
}

.select_style .jq-selectbox__dropdown {
    background: #fff;
    width: 100%;
    border: 1px solid #BFCBD5;
    margin-top: 3px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 13px
}

.select_style .jq-selectbox__dropdown li {
    padding: 5px 8px;
    cursor: pointer
}

.select_style .jq-selectbox__dropdown li:hover {
    background: #F0F2F4
}

.select_style.jq-selectbox .jq-selectbox__select:after {
    content: '\e913';
    font-family: 'krz-font' !important;
    position: absolute;
    color: #4C565D;
    top: 4px;
    right: 6px;
    font-weight: 700;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    height: 7px;
    width: 8px;
    font-size: 7px
}

.select_style .jq-selectbox__select-text {
    padding-right: 15px;
    overflow: hidden;
    height: 17px;
    font-size: 13px
}

.select_style .jq-selectbox.opened .jq-selectbox__select:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

a.button_green {
    font-size: 0;
    min-width: 134px;
    height: 28px
}

a.button_green span.btn_green_1 {
    float: left;
    display: inline-block;
    text-align: center;
    height: 100%;
    width: 25%;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 14px;
    line-height: 30px;
    font-weight: 500;
    padding: 0
}

span.btn_green_1.icons:before {
    right: 0;
    margin: auto
}

a.button_green span.btn_green_2 {
    float: left;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    display: inline-block;
    font-weight: bold;
    text-align: center;
    width: 75%;
    font: Normal 12px/28px 'Noto Sans', sans-serif;
    height: 100%;
    padding: 0
}

.filter_m_item:last-of-type {
    margin: 0
}

.itemcard .jq-selectbox.select_style {
    width: 161px
}

.filter_m_hide .filter_m_body {
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    height: 85px;
    overflow: hidden
}

.filter_m_hide.filter-open .filter_m_body {
    height: auto
}

.filter_m_hide .filter_m_hide_footer {
    background: #775E5E;
    color: #fff;
    text-align: center;
    font-size: 15px;
    padding: 5px 0 6px;
    cursor: pointer;
    transition: all 0.2s;
    opacity: 0.9;
    position: relative;
    z-index: 2
}

.filter_m_hide .filter_m_hide_footer .f_m_show {
    display: none
}

.filter_m_hide .filter_m_hide_footer:hover {
    opacity: 1
}

.filter_m_hide:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 -67px 55px -15px rgba(255, 255, 255, 0.72);
    z-index: 1
}

.filter_m_hide.filter-open .filter_m_body.filter_m_newline {
    height: auto
}

.filter_m_hide.filter-open:before {
    display: none
}

.filter_m_hide.filter-open .f_m_hide {
    display: none
}

.filter_m_hide.filter-open .f_m_show {
    display: inline-block
}

.filter_m_tx:after {
    content: "\e90f";
    font-family: 'krz-font' !important;
    font-size: 7px;
    height: 7px;
    display: inline-block;
    -webkit-transition: border 0.1s, transform 0.3s;
    -moz-transition: border 0.1s, transform 0.3s;
    -ms-transition: border 0.1s, transform 0.3s;
    -o-transition: border 0.1s, transform 0.3s;
    transition: border 0.1s, transform 0.3s
}

.filter_m_tx div {
    display: inline-block
}

.filter-open .filter_m_tx:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.u_wached_item {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    padding: 0 6px
}

.u_wached_items {
    font-size: 0
}

.block_slide_scroll .u_wached_items {
    max-height: 360px;
    overflow: auto
}

.u_wached_img {
    height: 60px;
    width: 60px;
    position: absolute;
    top: 13px;
    left: 13px
}

.u_wached_img img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%
}

.u_wached_item .u_wached_item_sec {
    border: 1px solid rgba(0, 0, 0, 0.1);
    min-height: 86px;
    position: relative;
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.u_wached_item .u_wached_item_sec:hover {
    background-color: rgba(224, 228, 231, 0.17)
}

.u_wached_data {
    padding: 14px 10px 0 90px
}

.u_wached_title {
    padding-bottom: 2px
}

.u_wached_price {
    font-weight: bold;
    font-size: 16px
}

.u_wached_title a {
    text-decoration: none
}

.u_wached_price {
    font-size: 16px
}

.u_wached_btns {
    font-size: 0;
    position: absolute;
    right: 5px;
    top: -36px
}

.u_wached_btns > a.block_slide_next:before {
    content: "\e915"
}

.u_wached_btns > a.block_slide_prev:before {
    content: "\e914"
}

.u_wached_btns > a.block_slide_next {
    float: right
}

.u_wached_btns > a {
    height: 44px;
    width: 23px;
    font-size: 16px;
    display: inline-block;
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
    position: relative
}

.u_wached_btns > a:before {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    left: 0;
    top: 8px;
    font-family: 'krz-font' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0
}

.u_wached_btns > a:hover {
    background: rgba(130, 136, 143, 0.05)
}

.grid_3 .u_wached_item {
    padding: 0;
    display: block
}

.grid_3 .u_wached_btns > a.block_slide_next {
    float: none
}

.grid_3 .u_wached_item_sec {
    width: 100%
}

.grid_3 .u_wached_btns > a.block_slide_next:before {
    content: "\e913"
}

.grid_3 .u_wached_btns > a.block_slide_prev:before {
    content: "\e916"
}

.grid_3 .u_wached_btns {
    text-align: center;
    font-size: 0;
    padding: 16px 0;
    position: static
}

.grid_3 .u_wached_btns > a {
    width: 45%;
    height: 44px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 19px;
    display: inline-block;
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
    position: relative
}

.grid_3 .u_wached_btns > a:first-of-type {
    border-right: 0px
}

.grid_3 .u_wached_btns > a:before {
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0
}

.grid_3 .u_wached_btns > a:hover {
    background: rgba(130, 136, 143, 0.05)
}

.grid_3 .u_wached_type2 .u_wached_item_sec {
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.grid_3 .u_wached_type2 .u_wached_item {
    min-height: auto;
    border: 0px solid;
    overflow: hidden
}

.grid_3 .u_wached_type2 .u_wached_btns {
    padding: 0;
    margin-top: 4px
}

.grid_3 .u_wached_type2 .u_wached_btns > a {
    width: 44%;
    margin-bottom: 12px;
    margin-top: 7px
}

.grid_3 .u_wached_type2 .blk_body {
    padding: 0
}

.grid_9 .u_wached_item .u_wached_item_sec {
    width: 221px
}

.grid_10 .u_wached_item .u_wached_item_sec {
    width: 248px
}

.grid_11 .u_wached_item .u_wached_item_sec {
    width: 274px
}

.grid_12 .u_wached_item .u_wached_item_sec {
    width: 222px
}

@media screen and (min-width: 1280px) {
    .grid_3 .u_wached_data {
        padding-top: 16px
    }

    .grid_9 .u_wached_item .u_wached_item_sec {
        width: 219px
    }

    .grid_10 .u_wached_item .u_wached_item_sec {
        width: 245px
    }

    .grid_11 .u_wached_item .u_wached_item_sec {
        width: 271px
    }

    .grid_12 .u_wached_item .u_wached_item_sec {
        width: 235px
    }
}

.delivery_blk {
    border: 1px solid #99A8B0;
    margin-bottom: 19px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    color: #3c444c;
    padding: 19px
}

.delivery_blk_text {
    color: #080808;
    font-size: 15px;
    line-height: 22px
}

.delivery_blk_sec {
    color: #8b9299;
    font-size: 12px
}

.delivery_blk_item {
    border-bottom: 1px solid rgba(174, 179, 181, 0.35);
    padding-bottom: 9px;
    margin-bottom: 22px
}

.delivery_blk_item:before {
    content: "";
    display: block;
    width: 27px;
    height: 25px;
    margin-bottom: 4px;
    background: url(/images/icon_deliv_2.png) no-repeat center
}

.deliv_i_1:before {
    background: url(/images/icon_deliv_1.png) no-repeat center
}

.deliv_i_2:before {
    background: url(/images/icon_deliv_2.png) no-repeat center
}

.deliv_i_3:before {
    background: url(/images/icon_deliv_3.png) no-repeat center
}

.deliv_i_4:before {
    background: url(/images/icon_deliv_4.png) no-repeat center
}

.delivery_blk_item:last-of-type {
    margin-bottom: 4px;
    border: 0px
}

.error404 {
    color: #387eb9;
    font-size: 0;
    text-align: center;
    font: Normal 14px 'Noto Sans', sans-serif !important
}

.error404_text {
    display: inline-block;
    font-size: 223px;
    font-weight: 700;
    line-height: 223px;
    position: relative
}

.error404_text:after {
    position: absolute;
    left: 0;
    color: #F52A2A;
    overflow: hidden;
    width: 125px;
    top: 0;
    z-index: 2
}

.error404_text:before {
    content: "404";
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    width: 197px;
    z-index: 2
}

span.error404_logo {
    height: 109px;
    width: 173px;
    display: block;
    position: absolute;
    top: 63px;
    left: 85px
}

span.error404_logo:after {
    content: "";
    background: url(/images/404logo.png) no-repeat;
    background-size: auto 100%;
    height: 102px;
    width: 38px;
    display: block;
    position: absolute;
    z-index: 2;
    opacity: 0.9
}

span.error404_logo:before {
    content: "";
    background: url(/images/404logo.png) -38px 0 no-repeat;
    background-size: auto 100%;
    height: 102px;
    width: 135px;
    margin-left: 38px;
    display: block;
    position: absolute;
    z-index: 1;
    opacity: 0.9
}

.error404_mini {
    text-align: center;
    color: #aab0b6;
    font-size: 15px;
    line-height: 16px;
    letter-spacing: 0.07em;
    margin-bottom: 40px
}

.error404_title {
    color: #2a2c2f;
    font-size: 30px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.075em;
    line-height: 36px;
    margin-bottom: 11px
}

a.error404_btn_green {
    height: 44px
}

.error404_btn {
    text-align: center;
    overflow: hidden;
    position: relative;
    margin-bottom: 38px
}

a.error404_btn_green span:after {
    content: ">";
    display: inline-block;
    font-size: 18px;
    text-transform: uppercase;
    font-family: monospace;
    margin-left: 7px
}

a.error404_btn_green span {
    padding: 0 30px;
    height: 100%;
    font-size: 14px;
    line-height: 27px
}

.error404_btn:before {
    width: 100%;
    content: "";
    height: 1px;
    display: block;
    position: absolute;
    background: rgba(51, 51, 51, 0.18);
    top: 21px;
    z-index: 1
}

.error404_btnline {
    display: inline-block;
    padding: 0 10px;
    z-index: 2;
    position: relative
}

.error404_textbot {
    font-size: 15px;
    color: #2a2c2f;
    text-align: center;
    padding: 0 30px;
    margin-bottom: 40px
}

.mini-card .blk_head .h2 {
    text-transform: uppercase;
    color: #FFF
}

.mini-card .blk_head {
    background: #A1B5C2;
    border-bottom: 1px solid rgba(98, 98, 98, 0.33)
}

.mini-card {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #EEF0F2;
    overflow: hidden
}

.card_left {
    padding: 0;
    font-size: 13px
}

.card_left .basket_m_img {
    display: none
}

.card_left .basket_m_price_close {
    position: static
}

.card_left .basket_m_items {
    width: 100%
}

.card_left .basket_m_item {
    border-bottom: 1px dashed rgba(126, 122, 122, 0.17);
    margin: 0;
    padding-bottom: 0
}

.card_left .basket_m_item_sec {
    margin: 12px 12px 0;
    position: relative;
    padding-bottom: 38px
}

.card_left .basket_m_item:hover:before {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    background: rgba(126, 128, 146, 0.04);
    position: absolute
}

.card_left .basket_m_text {
    margin-left: 0;
    width: 173px
}

.card_left .basket_m_price {
    margin-right: 0;
    position: absolute;
    right: 0;
    bottom: 11px;
    font-size: 14px
}

.card_left .basket_m_close {
    position: absolute;
    top: 0;
    right: 0
}

.card_left .basket_m_num {
    left: 0;
    position: absolute;
    margin-top: 0;
    bottom: 12px
}

.basket_buy {
    background: rgba(246, 247, 249, 0.6);
    border-top: 1px solid rgba(99, 99, 99, 0.11);
    padding: 11px 12px 13px
}

.smallcart2 .basket_buy {
    padding: 0;
    background: 0;
    border: 0
}

.basket_b_line {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 13px;
    display: table
}

.basket_b_line .basket_b_l_text, .basket_b_line .basket_b_l_sum, .basket_b_line .bor_line_krn {
    display: table-cell;
    white-space: nowrap
}

.bor_line_krn:after {
    content: '';
    display: block;
    border-bottom: 1px dotted rgba(51, 51, 51, 0.5);
    position: relative;
    bottom: 4px
}

.bor_line_krn {
    width: 100%;
    padding: 0 1px
}

.basket_b_l_sum {
    font-size: 16px
}

a.basket_b_clear {
    text-decoration: none;
    border-bottom: 1px dashed rgba(230, 56, 16, 0.41);
    font-size: 12px;
    color: #E63810;
    line-height: 12px;
    margin-top: 13px
}

a.card-left-bt span {
    padding: 0 10px
}

.card_left .basket_m_item:last-of-type {
    margin-bottom: 0;
    border-bottom: 0px
}

.basket_buy_only_btn .basket_b_line {
    display: none
}

.basket_buy_only_btn a.button_green {
    float: left
}

.basket_buy_only_btn a.basket_b_clear {
    float: right
}

.basket_buy_only_btn .basket_buy {
    padding: 12px 14px
}

.basket_m_toptext {
    border-bottom: 1px solid rgba(99, 99, 99, 0.11);
    padding: 10px 12px;
    line-height: 20px
}

.basket_m_toptext.icons:before {
    opacity: 0.15;
    right: 41px;
    top: 13px;
    left: auto;
    font-size: 52px
}

.basket_m_open a {
    color: #29CF6E;
    text-decoration: none;
    border-bottom: 1px dashed rgba(43, 199, 91, 0.91);
    display: inline-block;
    line-height: 12px;
    position: relative
}

.basket_m_open a:hover {
    border-bottom: 0px
}

.basket_m_open a:after {
    display: block;
    position: absolute;
    right: -9px;
    font-size: 10px;
    font-family: monospace;
    font-weight: bold;
    color: rgba(83, 85, 87, 0.35)
}

a.open-card-1:after {
    content: "˅";
    top: 4px
}

a.open-card-2:after {
    content: "˄";
    top: 3px
}

a.open-card-2 {
    display: none
}

.basket_m_open.open .open-card-1 {
    display: none
}

.basket_m_open.open .open-card-2 {
    display: inline-block
}

.scrollbar-card {
    max-height: 345px;
    overflow: hidden
}

.basket_m_items > .scroll-element, .basket_m_items > .scroll-element div {
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10
}

.basket_m_items > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.basket_m_items > .scroll-element.scroll-x {
    bottom: 2px;
    height: 8px;
    left: 0;
    width: 100%
}

.basket_m_items > .scroll-element.scroll-y {
    height: 100%;
    right: 2px;
    top: 0;
    width: 5px
}

.basket_m_items > .scroll-element .scroll-element_outer {
    overflow: hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    height: 98%;
    margin-top: 3px
}

.basket_m_items > .scroll-element .scroll-element_track {
    width: 0px
}

.basket_m_items > .scroll-element .scroll-bar {
    background-color: rgba(146, 149, 157, 0.3);
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    -o-transition: background-color 0.2s
}

.basket_m_items > .scroll-element .scroll-bar:hover, .basket_m_items > .scroll-element .scroll-bar:active {
    background-color: rgba(146, 149, 157, 0.64)
}

.basket_m_items > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -12px
}

.basket_m_items > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -12px
}

.basket_m_items > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -12px
}

.basket_m_items > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -12px
}

.btn-strt {
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    line-height: 28px
}

.btn-strt input {
    border: 0;
    font-size: 14px;
    height: 100%;
    display: block;
    line-height: 0px;
    padding: 22px 38px 24px;
    color: #fff;
    cursor: pointer;
    font-style: normal;
    background: transparent;
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
    -webkit-appearance: none
}

.btn-strt input:hover {
    background: rgba(255, 255, 255, 0.1)
}

.btn-strt input:active {
    background: rgba(0, 0, 0, 0.1)
}

input.blue_payment {
    height: 54px;
    display: block;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase
}

.basket_blks .total_blk span.btn-strt {
    display: block;
    margin: 0 auto;
    width: 100%;
    margin-bottom: 10px
}

a.back-catalog {
    display: none;
    background: rgba(33, 38, 63, 0.05);
    width: 100%;
    text-align: center;
    padding: 12px 0;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 3px;
    font-size: 13px
}

a.btn-strt-a {
    text-align: center;
    display: inline-block;
    background: #3994BF;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-decoration: none;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    overflow: hidden
}

a.btn-strt-a span {
    padding: 7px 32px 8px;
    display: block;
    background: transparent;
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s
}

a.btn-strt-a:hover span {
    background: rgba(255, 255, 255, 0.1)
}

a.btn-strt-a:active span {
    background: rgba(0, 0, 0, 0.1)
}

.btn-pad-lr {
    padding: 0 10px
}

a.btn-a {
    text-align: center;
    display: inline-block;
    background: #36D97C;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-decoration: none;
    padding: 7px 30px;
    position: relative;
    overflow: hidden
}

a.btn-a:before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    background: transparent;
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s
}

a.btn-a:hover:before {
    background: rgba(255, 255, 255, 0.1)
}

a.btn-a:active:before {
    background: rgba(0, 0, 0, 0.1)
}

a.btn-circle {
    text-transform: uppercase;
    text-decoration: none;
    font-size: 12px;
    border: 2px solid #fbcc2f;
    border-radius: 20px;
    padding: 6px 20px 5px;
    font-weight: bold;
    letter-spacing: 0.03em;
    display: inline-block
}

.payButton a {
    font-size: 16px;
    text-transform: inherit
}

.payButton {
    text-align: center;
    margin: 15px 0 0
}

.text-field {
    height: 36px;
    line-height: 35px
}

.text-field-standart .field-title {
    opacity: 0
}

.userline {
    margin: 0 0 22px 0;
    display: inline-block;
    width: 100%;
    position: relative;
    vertical-align: top;
    font-size: 14px
}

.userline-1, .userline-2, .userline-3, .userline-4 {
    padding: 0 18px 0 0
}

.userline-1 {
    width: 100%
}

.userline-2 {
    width: 50%
}

.userline-3 {
    width: 33.333%
}

.userline-4 {
    width: 25%
}

.userline + .result {
    padding-top: 0
}

.userline-option {
    margin-bottom: 12px
}

.userline-option .chb-standart label span.chb-lever {
    border: 2px solid #c1c1c1;
    color: #ffffff;
    height: 16px;
    width: 16px
}

.userline-option .chb-standart label input[type="checkbox"]:checked + span {
    border-color: #6bc215;
    background: #6bc215
}

.userline-option .chb-standart span.chb-text {
    padding: 0 0px 0px 24px;
    margin: 0
}

.userline-option .chb-standart label span.chb-lever::before {
    font-size: 10px;
    line-height: 14px;
    text-align: center;
    left: 1px;
    margin-top: 0px
}

.userline h3 {
    margin: 0
}

.usr-input-hidden {
    display: none !important
}

.input-field-standart input[type="text"], .input-field-standart input[type="date"], .date-standart input[type="date"], .input-field-standart input[type="password"], .input-field-standart input[type="number"], .input-field-standart textarea, .input-field-standart select, .input-field-standart .nice-select {
    height: 36px;
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.18);
    border-radius: 2px;
    width: 100%;
    padding: 0 13px;
    font-size: 14px;
    display: inline-block !important;
    -webkit-transition: border 0.2s;
    -moz-transition: border 0.2s;
    -ms-transition: border 0.2s;
    -o-transition: border 0.2s;
    transition: border 0.2s
}

.input-field-standart .nice-select {
    padding: 0
}

.input-field-standart textarea {
    resize: vertical;
    padding: 10px 13px;
    min-height: 90px;
    height: 90px
}

.input-field-standart select:focus, .input-field-standart input[type='text']:focus, .input-field-standart input[type="password"]:focus, .input-field-standart input[type="number"]:focus, .input-field-standart textarea:focus {
    border: 1px solid #898c91
}

.field-title {
    margin-bottom: 7px;
    display: block;
    font-size: 13px;
    opacity: 0.7
}

.search-no-item-form {
    max-width: 320px
}

.search-form-title {
    margin-bottom: 5px
}

.nice-select.select-style {
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-family: inherit;
    font-weight: normal;
    height: 35px;
    position: relative;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 100%;
    min-width: 126px;
    border: 1px solid #c1c1c1;
    background: #FEFEFE;
    border-radius: 2px
}

.nice-select.select-style span.current {
    position: relative;
    padding: 0 12px;
    line-height: 33px;
    height: 100%;
    overflow: hidden
}

.nice-select.select-style:after {
    content: '\e99b';
    font-family: 'krz-font' !important;
    position: absolute;
    color: #919191;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 8px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    height: 5px;
    width: 9px;
    font-size: 8px;
    line-height: 6px
}

.nice-select.select-style.open {
    z-index: 11
}

.nice-select.select-style .option:hover, .nice-select.select-style .option.focus {
    background-color: #eff0f3;
    color: #2f2f3c
}

.nice-select.select-style .option {
    font-weight: 400;
    line-height: 30px;
    list-style: none;
    outline: none;
    padding: 0 11px;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    color: #6a7078
}

.nice-select.select-style.open:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.nice-select.select-style .list {
    background-color: #fdfdfd;
    border-radius: 2px;
    border: 1px solid #c1c1c1;
    box-sizing: border-box;
    margin: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    width: 100%;
    top: 100%;
    top: calc(100% + 4px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9;
    margin-bottom: 15px
}

.nice-select.select-style.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0)
}

.nice-select.select-style ul.list-ul {
    max-height: 300px;
    overflow-y: auto
}

.nice-select.select-style ul.list-ul::-webkit-scrollbar {
    width: 3px
}

.nice-select.select-style ul.list-ul::-webkit-scrollbar-thumb {
    background-color: rgba(71, 71, 71, 0.12)
}

.nice-select.select-style .group-name {
    font-weight: bold;
    pointer-events: none;
    position: relative;
    padding-left: 7px
}

.nice-select.select-style .group-name .title {
    padding: 0 3px;
    background-color: #fff
}

.nice-select.select-style .group-name::before {
    content: '';
    display: inline-block;
    height: 1px;
    width: 100%;
    background-color: #bbb;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: -1
}

.input-oneline label.field-title, .input-oneline .field-first {
    width: 210px;
    text-align: right;
    margin: 8px 15px 0 0
}

.input-oneline > * {
    display: inline-block;
    vertical-align: top
}

.input-field-standart.input-oneline input, .input-oneline .nice-select, .input-oneline textarea, .input-oneline .field-second {
    width: 300px;
    width: calc(100% - 300px);
    max-width: 350px
}

.input-oneline {
    font-size: 0
}

.field-first, .field-second {
    font-size: 14px
}

body .zone-content {
    transition: 0.3s
}

body.ajax-loading ul.subfilter-items:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1
}

body.ajax-loading .zone-content {
    opacity: 0.7;
    transition: 0.6s
}

body.ajax-loaded .zone-content {
    opacity: 0
}

body .subivision-ul {
    font-size: 0
}

body .subivision-ul li {
    margin: 0 8px 8px 0px;
    display: inline-block;
    list-style: none
}

.sub-li-level {
    display: inline-block;
    vertical-align: top;
    width: calc(20% - 8px);
    margin-right: 8px;
    margin-bottom: 8px;
    background: #fff;
    border: 1px solid #cfcfcf;
    box-sizing: border-box;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 0 1px #f2f2f2, 0 6px 4px -4px #d2d2d2;
    -moz-box-shadow: 0 0 0 1px #f2f2f2, 0 6px 4px -4px #d2d2d2;
    box-shadow: 0 0 0 1px #f2f2f2, 0 6px 4px -4px #d2d2d2;
    padding: 12px 14px 15px
}

ul.subivision-ul-level {
    margin-right: -8px;
    display: flex;
    flex-wrap: wrap
}

.sub-li-level > .btn-strt-a {
    display: block
}

.sub-li-level > a {
    text-decoration: none;
    font-weight: 600;
    display: block;
    position: relative;
    padding-right: 8px
}

.sub-level-wrapper {
    margin-top: 10px
}

li.sub-li-level-1 {
    margin: 3px 0 0 0;
    font-size: 13px
}

.sub-li-level > a:after {
    content: "\e99d";
    font-family: 'krz-font' !important;
    height: 8px;
    font-size: 7px;
    position: absolute;
    top: 5px;
    right: -3px;
    transition: 0.2s;
    font-weight: 400
}

.sub-li-level > a:hover:after {
    right: -6px
}

@media (max-width: 1280px) {
    .sub-li-level {
        width: calc(25% - 8px)
    }
}

@media (max-width: 780px) {
    .sub-li-level {
        width: calc(33.3333% - 8px)
    }

    ul.subivision-ul-level {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (max-width: 600px) {
    .sub-li-level {
        width: calc(50% - 8px)
    }
}

@media (max-width: 420px) {
    .sub-li-level {
        width: 100%
    }
}

ul.subdivision-items li {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    position: relative
}

ul.subdivision-items .wrapper {
    overflow: hidden
}

.subdivision-items li.sub {
    background: #fff
}

.sub-text {
    font-size: 13px;
    line-height: 16px;
    padding: 0 10px 10px
}

.template-1 li.sub:hover img {
    transform: scale(1.15)
}

.template-1 li.sub .image-default a {
    background-color: #f0f2f6
}

.template-1 li.sub .image-default a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: transparent;
    opacity: 0.3;
    z-index: 1;
    transition: 0.3s
}

.template-1 li.sub .image-default a:after {
    content: '\e915';
    font-family: 'krz-font' !important;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    height: 40px;
    width: 40px;
    font-size: 15px;
    line-height: 40px;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 100%;
    z-index: 40;
    transition: all 0.4s ease-out;
    opacity: 0
}

.template-1 li.sub:hover .image-default a:after {
    opacity: 1
}

.template-1 li.sub:hover .image-default a:before {
    background: #0b0d23
}

.template-1 li.sub img {
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out
}

.template-1 li.sub .name {
    width: 100%
}

.template-1 li.sub .name a {
    width: 100%;
    display: table;
    height: 100%;
    color: #fff;
    text-align: center;
    text-decoration: none;
    min-height: 46px
}

.template-1 li.sub .name a span {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    padding: 4px 10px 7px;
    height: 100%
}

.template-2 .name a {
    width: 100%;
    display: table;
    height: 100%;
    color: #fff;
    text-align: center;
    text-decoration: none;
    min-height: 46px
}

.template-2 .name a span {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    padding: 4px 10px;
    height: 100%
}

.template-2 .name {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(5, 8, 17, 0.34)
}

ul.sub-ul-level {
    margin-right: -8px;
    display: flex;
    flex-wrap: wrap
}

.sub-level {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: calc(33.333% - 8px);
    margin-right: 8px;
    margin-bottom: 8px;
    background: #fff;
    border: 1px solid #cfcfcf;
    box-sizing: border-box;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 0 1px #f2f2f2, 0 6px 4px -4px #d2d2d2;
    -moz-box-shadow: 0 0 0 1px #f2f2f2, 0 6px 4px -4px #d2d2d2;
    box-shadow: 0 0 0 1px #f2f2f2, 0 6px 4px -4px #d2d2d2;
    padding: 10px 10px 14px
}

.sub-level .sub-text {
    padding: 0;
    margin-top: 3px
}

.sub-level .name a {
    font-weight: 600;
    text-decoration: none;
    line-height: normal
}

.sub-level-1 {
    margin: 3px 0 0 0;
    font-size: 13px
}

.sub-level-img-wrapper {
    width: 29%
}

.wrapper-level {
    font-size: 0
}

.wrapper-level > * {
    display: inline-block;
    font-size: 14px;
    vertical-align: top
}

.name-wrapper {
    width: 60%;
    padding-left: 14px
}

@media (max-width: 1280px) {
    .sub-level {
        width: calc(50% - 8px)
    }
}

@media (max-width: 780px) {
    ul.sub-ul-level {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (max-width: 600px) {
    .sub-level {
        width: 100%
    }
}

.consultant {
    display: block;
    z-index: 900;
    position: fixed;
    _position: absolute;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    box-shadow: 0 0 10px #999
}

.consultant:hover {
    opacity: 0.9
}

.consultant_1 {
    left: 20px
}

.consultant_2 {
    right: 20px
}

.consultant_1, .consultant_2 {
    bottom: -2px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-image: url(/img/cons3.png);
    width: 134px;
    height: 40px
}

.consultant_1:hover, .consultant_2:hover {
    bottom: 0px
}

.consultant_3 {
    left: -2px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    background-image: url(/img/cons1.png)
}

.consultant_4 {
    right: -2px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    background-image: url(/img/cons2.png)
}

.consultant_3, .consultant_4 {
    top: 150px;
    height: 134px;
    width: 40px
}

.consultant_3:hover {
    left: 0px
}

.consultant_4:hover {
    right: 0px
}

.consultant_5 {
    display: none !important
}

.zone-content .page_login {
    max-width: 260px
}

.nc_captcha_voice {
    display: none
}

#register-body {
    max-width: 800px
}

.login-req-link a {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: inline-block;
    font-size: 13px;
    line-height: 16px;
    text-decoration: none
}

.login-req-link a:hover {
    border: 0
}

.login-req-link {
    text-align: center;
    padding-top: 22px
}

.userline-req-captcha .field-title {
    opacity: 1 !important;
    font-size: 13px !important;
    position: static !important
}

.userline-req-org .field-title {
    position: static !important;
    margin: 0
}

.nc_auth_login_check, .nc_auth_pass2_check {
    margin-left: 15px;
    font-weight: bold;
    display: none
}

.nc_auth_pass1_check {
    margin-left: 5px;
    font-weight: bold;
    display: none
}

#nc_auth_pass1_security {
    margin-left: 15px;
    display: none
}

#nc_auth_login_ok, #nc_auth_pass2_ok {
    color: #088A08
}

#nc_auth_login_fail, #nc_auth_pass2_fail {
    color: #FF0000
}

#nc_auth_pass1_s1 {
    color: #FF0000
}

#nc_auth_pass1_s2 {
    color: #ddcc11
}

#nc_auth_pass1_s3 {
    color: #8cd750
}

#nc_auth_pass1_s4 {
    color: #088A08
}

#nc_auth_pass1_empty, #nc_auth_pass_min {
    margin-left: 15px;
    font-weight: bold;
    display: none;
    color: #FF0000
}

#profile-page .tabs-body {
    background: #fff;
    border: 1px solid #cacaca
}

#profile-page .tabs-body {
    padding: 16px
}

#profile-page a.logoutvk:before {
    content: '';
    position: absolute;
    left: 20px;
    top: 6px;
    background: url(/bc/modules/bitcat/img/admin-elements-v3.png) -98px 0;
    height: 16px;
    width: 14px
}

#profile-page a.logoutvk {
    z-index: 1;
    position: absolute;
    right: 0px;
    top: 6px;
    border-radius: 16px;
    color: #333;
    background: rgba(100, 97, 96, 0.08);
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.055em;
    width: 128px;
    padding-left: 12px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    transition: 0.2s
}

#profile-page a.logoutvk:hover {
    background: rgba(100, 97, 96, 0.16)
}

#profile-page .text-min {
    color: #2c2c2c;
    font-size: 13px;
    margin-bottom: 22px
}

#profile-page .tabs .tab {
    margin: 0 2px 0 0
}

#profile-page .tabs .tab a {
    overflow: visible;
    position: relative;
    border: 1px solid rgba(202, 202, 202, 0);
    border-bottom: 0
}

#profile-page .tabs .tab a.active:after {
    content: '';
    background: #fff;
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -1px;
    z-index: 2
}

#profile-page .tabs {
    overflow: visible
}

#profile-page .tabs .tab a.active {
    border: 1px solid #cacaca
}

#profile-page .userModifyLink {
    margin: 0 0 4px 0
}

@media (max-width: 1280px) {
    #user3 .userline {
        width: 50%
    }
}

@media (max-width: 512px) {
    #user3 .userline {
        width: 100%
    }
}

@media (max-width: 470px) {
    #profile-page a.logoutvk {
        top: -46px
    }

    #profile-page {
        margin-top: 30px
    }
}

#bottombut {
    display: none;
    z-index: 55;
    position: fixed;
    bottom: 56px;
    right: 133px
}

#bottombut a {
    border: 0 !important;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-left: 14px;
    background: rgba(0, 0, 0, 0.5);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px
}

#bottombut a span {
    display: block;
    background: url(/img/icons.png) no-repeat -40px -54px;
    width: 30px;
    height: 22px;
    margin: 9px 12px
}

#bottombut a.top span {
    background-position: -37px 3px
}

@media (max-width: 780px) {
    #bottombut {
        right: 26px
    }
}

.fooder-second {
    padding: 16px 0 26px
}

.footer-first .blockText {
    padding-right: 20px
}

footer.footer {
    color: #fff
}

footer .blocks {
    margin-bottom: 0
}

.foot-sec-developer {
    text-align: right
}

.fooder-second a {
    color: #fff;
    display: inline-block;
    vertical-align: top
}

.foot-dev-link {
    font-size: 12px;
    text-transform: lowercase
}

.foot-dev-name {
    text-transform: uppercase;
    line-height: 10px;
    margin-top: 9px
}

.foot-dev-info {
    display: inline-block;
    vertical-align: top
}

a.foot-dev-logo img {
    max-width: 46px;
    max-height: 38px
}

.f-com-map {
    font-size: 12px
}

.foot-com-other {
    display: inline-block;
    vertical-align: top;
    margin-right: 8px
}

.foot-com-info {
    display: inline-block;
    vertical-align: top
}

/*.foot-menu-main {*/
/*    border-bottom: 1px solid rgba(218, 224, 226, 0.25)*/
/*}*/

nav.foot-menu {
    font-size: 15px
}

nav.foot-menu a {
    text-decoration: none;
    line-height: 36px;
    height: 100%;
    display: block;
    padding: 0px 20px
}
nav.foot-menu li:first-child a {
    padding-left: 0;
}
nav.foot-menu li:last-child a  {
    padding-right: 0;
}

nav.foot-menu li.menu-drop > a {
    padding: 0px 30px 0 18px
}

ul.foot-mn {
    /*text-align: center;*/
    display: block
}

ul.foot-mn > li {
    display: inline-block;
    text-align: center;
    margin: 0;
    position: relative;
    padding: 4px 0
}

/*ul.foot-mn > li:after {*/
/*    content: "";*/
/*    display: block;*/
/*    width: 1px;*/
/*    height: 12px;*/
/*    background: rgba(189, 204, 214, 0.48);*/
/*    position: absolute;*/
/*    right: 0;*/
/*    top: 50%;*/
/*    margin-top: -6px*/
/*}*/

ul.foot-mn > li:last-of-type:after {
    display: none
}

ul.foot-mn > li:hover > a > span {
    border-bottom: 1px solid rgba(255, 255, 255, 0.24)
}

ul.foot-mn > li:hover > ul {
    visibility: visible;
    margin-top: 0;
    opacity: 1
}

nav.foot-mn > li > a {
    padding: 0px 25px 0 18px
}

ul.foot-mn li.menu-drop > a > span.foot-menu-name:after {
    content: "\e99b";
    display: inline;
    vertical-align: top;
    position: relative;
    margin-left: 5px;
    height: 5px;
    top: 0px;
    font-size: 7px;
    font-family: 'krz-font' !important;
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    -ms-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s
}

.foot-menu-img {
    display: none
}

ul.foot-menu-sec {
    visibility: hidden;
    opacity: 0;
    margin-top: -10px;
    min-width: 180px;
    position: absolute;
    z-index: 10;
    top: 100%;
    text-align: left;
    background: rgba(255, 255, 255, 0.99);
    transition: 0.3s
}

ul.foot-menu-sec > li > a {
    line-height: 18px;
    padding: 7px 16px
}

ul.foot-menu-sec > li {
    position: relative
}

ul.foot-menu-sec > li:hover > a + ul {
    display: block
}

ul.foot-menu-third {
    display: none;
    min-width: 180px;
    position: absolute;
    z-index: 10;
    left: 100%;
    top: 0;
    text-align: left;
    background: rgba(255, 255, 255, 0.99)
}

ul.foot-menu-third > li > a {
    line-height: 18px;
    padding: 7px 16px
}

.foot-ft-name {
    font-size: 18px;
    font-weight: 700;
    line-height: 16px;
    margin-bottom: 18px
}

.foot-ft-body p {
    color: #d2d9df;
    line-height: 20px
}

.foot-ft-block {
    padding: 27px 0 30px
}

footer ::-webkit-input-placeholder {
    color: #505354;
    font: Normal 14px 'Noto Sans', sans-serif
}

footer ::-moz-placeholder {
    color: #505354;
    font: Normal 14px 'Noto Sans', sans-serif
}

footer :-moz-placeholder {
    color: #505354;
    font: Normal 14px 'Noto Sans', sans-serif
}

footer :-ms-input-placeholder {
    color: #505354;
    font: Normal 14px 'Noto Sans', sans-serif
}

.foot-frm-inp input {
    background-color: #ABB3B8;
    border: 1px solid #C2C2C2;
    border-radius: 2px;
    width: 166px;
    height: 31px;
    padding: 0 11px;
    transition: all 0.2s
}

.foot-frm-line {
    margin: 0 0 13px 0
}

.foot-frm-line textarea {
    background-color: #ABB3B8;
    border: 1px solid #C2C2C2;
    border-radius: 2px;
    width: 166px;
    max-width: 166px;
    min-height: 65px;
    padding: 11px 11px;
    font: Normal 14px 'Noto Sans', sans-serif;
    font-size: 14px;
    transition: all 0.2s
}

.foot-frm-line .add_otzyv a:hover {
    background: #12C4E4
}

.foot-frm-line .add_otzyv a {
    background: #06AFCE;
    color: rgba(36, 41, 43, 0.93);
    font-weight: 500;
    box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.23)
}

.foot-ft-block a {
    color: #00A3C1
}

.foot-ft-block {
    font-size: 13px
}

.foot-ft-block a.foot-dotted {
    font-size: 12px;
    text-decoration: none;
    border-bottom: 1px dashed
}

ul.foot-ft-contacts {
    padding-left: 27px;
    line-height: 17px
}

ul.foot-ft-contacts li {
    margin-bottom: 16px;
    position: relative
}

.foot-con-num {
    font-size: 18px;
    margin-bottom: 1px
}

li.foot-con-location:before {
    display: block;
    content: "";
    background: url(/images/foot-location.png) no-repeat;
    height: 16px;
    width: 12px;
    position: absolute;
    left: -22px;
    top: 4px
}

li.foot-con-number:before {
    display: block;
    content: "";
    background: url(/images/foot-num.png) no-repeat;
    height: 17px;
    width: 17px;
    position: absolute;
    left: -23px;
    top: 2px
}

li.foot-con-mode:before {
    display: block;
    content: "";
    background: url(/images/foot-clock.png) no-repeat;
    height: 16px;
    width: 16px;
    position: absolute;
    left: -25px;
    top: 2px
}

li.foot-con-email:before {
    display: block;
    content: "";
    background: url(/images/foot-email.png) no-repeat;
    height: 12px;
    width: 16px;
    position: absolute;
    left: -25px;
    top: 4px
}

.foot-ft-block a.foot-dotted:hover {
    border-bottom: 0px
}

.zone11 .footer-first {
    margin: 0px auto
}

.zone14 {
    height: 76px
}

.zone14 .blocks {
    margin-bottom: 0px
}

.zone14 ul.soc_bar {
    line-height: 55px
}

.zone14 ul.soc_bar li {
    vertical-align: middle
}

.bot {
    position: relative;
    z-index: 1;
    margin: 0 auto;
    min-height: 76px;
    _height: 76px
}

.copyright-block, .copyright-block a, .bright, .bright a {
    font-size: 11px
}

.copyright-block {
    padding-top: 3px
}

.bright {
    padding-top: 20px
}

.copyright-block .copy1 {
    font-size: 12px !important
}

.bcenter {
    text-align: center
}

.bright {
    text-align: right;
    padding-right: 20px
}

.devK-name a, .devK-name1:before {
    font-weight: bold !important;
    font-size: 12px !important;
    opacity: 1 !important;
    text-decoration: none
}

.devK-name1:before {
    content: "KORZILLA";
    display: block
}

.devK-text {
    font-size: 11px !important
}

.blocks .devK {
    line-height: 13px
}

.blocks .devK {
    background-image: url(/img/korzilla.png);
    min-height: 34px;
    padding: 5px 46px 5px 0;
    background-position: 100% 0;
    background-repeat: no-repeat
}

.blocks .counter {
    float: left;
    vertical-align: top;
    margin: 4px 0 0 0
}

.blocks .copyright {
    overflow: hidden;
    *zoom: 1;
    vertical-align: top;
    line-height: 15px
}

.blocks .copyright, .blocks .devK {
    opacity: 0.9
}

.bot {
    border-top-color: #b2b2b2
}

@media screen and (max-width: 1279px) {
    ul.header_menu > li > a > span.mn_sp_1 {
        padding-left: 11px;
        padding-right: 11px
    }

    span.mn_sp_1, ul.h_menu_sec > li > a, .foot-menu-main ul > li > a {
        font-size: 85%
    }

    .next_page {
        display: none
    }
}

@media screen and (min-width: 1280px) {
    .sitew1200 #site:before {
        width: 1260px;
        margin-left: -630px
    }

    .sitew1200 .container_12w {
        width: 1260px
    }

    .sitew1200 .zone-bg.containerbg_12 {
        width: 1260px
    }

    .sitew1200 .mdl_body .content_info {
        width: 336px
    }

    .sitew1200 .card_left .basket_m_text {
        width: 245px
    }

    .sitew1200 .i_v_text {
        width: 380px
    }

    .sitew1200 .slider_main {
        height: 339px
    }

    .sitew1200 .slider_title {
        margin-top: 69px
    }

    .sitew1200 .p_p_text {
        left: 125px
    }
}

.tl, .l {
    text-align: left
}

.tr, .r {
    text-align: right
}

.tc, .s {
    text-align: center
}

.fl {
    float: left
}

.fr {
    float: right
}

.width {
    width: 980px;
    margin: 0 auto;
    padding: 0 20px
}

.cb, .clear {
    clear: both
}

.cb:after {
    content: '';
    display: block;
    clear: both
}

.main {
    background-color: #fff;
    padding-bottom: 30px;
    padding-top: 16px
}

.bottom {
    position: absolute;
    bottom: 0
}

.h0 {
    height: 100%
}

.w0 {
    width: 100%
}

.rmk1 {
    padding: 1px;
    border: 1px #ccc solid
}

.hand {
    cursor: pointer;
    _cursor: hand
}

.nowr {
    white-space: nowrap
}

.strike {
    text-decoration: line-through
}

.t {
    vertical-align: top !important
}

.ttd td {
    vertical-align: top
}

.vc {
    vertical-align: middle
}

.b {
    vertical-align: bottom
}

body .none {
    display: none
}

body:not(.mobile) .mobyes {
    display: none !important
}

body .none-important {
    display: none !important
}

body .block {
    display: block
}

body .opacity {
    opacity: 0
}

.noborder, .noborder td, .noborder tr, .noborder th {
    border: 0px !important
}

.nopadding, .nopadding td, .nopadding tr, .nopadding th {
    padding: 0px !important
}

.nopadingLR {
    padding-left: 0px;
    padding-right: 0px
}

.result {
    padding: 7px 0
}

.fixed {
    position: fixed;
    top: 10px;
    z-index: 9999
}

.nobrd {
    border: 0px
}

table.nobrd td, table.nobrd th {
    border: 0px !important;
    text-align: left;
    padding: 0 10px 10px 0
}

table.tabl td, table.tabl th {
    text-align: left;
    padding: 5px
}

.YMaps table, .YMaps table td {
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    border: none !important
}

.this_map iframe[src*='2gis'] {
    width: 100%;
    border: 0px !important
}

.this_map p {
    margin: 0
}

.warnText, .okText {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-align: center;
    padding: 5px 10px;
    margin: 5px 0;
    background: #ffc8c4;
    color: #000;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px
}

.okText {
    background: #c5efbe
}

#adm {
    display: block;
    width: 20px;
    height: 20px;
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 10
}

.sitemap {
    margin: 3px 0 3px 20px;
    font-size: 13px
}

.sitemap, .sitemap li {
    list-style: disc outside
}

.dealer-map {
    margin: 0 auto;
    width: 800px;
    height: 400px
}

.dealer-cities {
    padding: 10px;
    display: block;
    margin: 20px 40px
}

.dealer-dealers-list {
    list-style-type: none;
    float: left;
    max-height: 400px;
    overflow-y: auto
}

.dealer-dealers-list:after {
    content: '';
    clear: left
}

.dealer-dealers-list li {
    cursor: pointer;
    padding-bottom: 4px;
    border-bottom: 1px solid #b6b6b6
}

.dealer-dealers-list li:hover {
    opacity: 0.8
}

.dealer-dealers-list p {
    margin: 0
}

.dealer-wrapper {
    font-size: 0
}

.dealer-wrapper:after {
    content: '';
    clear: both
}

.dealer-left {
    display: inline-block;
    width: 33%;
    margin-right: 1%;
    vertical-align: top;
    font-size: 14px
}

.dealer-search {
    border: 1px solid rgba(0, 0, 0, 0.2);
    display: block;
    padding: 10px;
    margin-bottom: 10px;
    background-color: #fff !important;
    width: 100%
}

.dealer-map {
    border: 1px solid rgba(0, 0, 0, 0.2);
    display: inline-block;
    width: 65%;
    height: 550px !important;
    display: inline-block;
    vertical-align: top;
    font-size: 14px
}

.dealer-wrapper .locality {
    border: 1px solid rgba(0, 0, 0, 0.2);
    max-height: 501px !important;
    overflow-y: auto;
    padding: 20px;
    background-color: #fff !important
}

.dealer-wrapper .dealer-name {
    font-weight: bold
}

.dealer-wrapper .locality .dealer-city {
    border-bottom: 1px solid rgba(51, 51, 51, 0.25)
}

.dealer-wrapper .locality .dealer-city:not(:last-of-type) {
    padding-bottom: 10px
}

.dealer-wrapper .locality .dealer-city:not(:first-of-type) {
    padding-top: 10px
}

.dealer-wrapper .locality .dealer-city summary {
    font-weight: bold;
    cursor: pointer;
    font-size: 16px
}

.dealer-wrapper .locality .dealer-city .onmap {
    cursor: pointer;
    border-bottom: 1px solid rgba(51, 51, 51, 0.25);
    float: right;
    transform: translateY(-30px)
}

.dealer-wrapper .dealers-list p {
    margin: 0
}

.dealer-wrapper .dealers-list li {
    cursor: pointer;
    padding: 10px;
    border-left: 1px solid rgba(51, 51, 51, 0.25);
    margin-top: 10px
}

.dealer-wrapper .dealers-list li:not(:last-of-type) {
    margin-bottom: 10px
}

.dealer-wrapper .dealers-list li:hover {
    border-color: #035088
}

.dealer-wrapper details summary {
    width: 10em;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-bottom: 1px dotted;
    outline-style: none;
    cursor: pointer
}

.dealer-wrapper ~ ul.contacts-items {
    max-height: 550px;
    overflow-y: auto;
    padding-right: 1px
}

body:not(.authbit) .dealer-wrapper ~ ul.contacts-items {
    display: none
}

.dealer-wrapper ~ ul.contacts-items .contact_title {
    font-size: 16px
}

@media screen and (max-width: 779px) {
    .dealer-wrapper .dealer-map {
        margin-left: 0 !important;
        width: 100% !important
    }

    .dealer-wrapper .dealer-search {
        margin: 20px 0 !important;
        width: 100% !important
    }

    .dealer-left {
        width: 100%;
        margin: 0 0 16px 0
    }

    .dealer-map > ymaps {
        width: 100% !important
    }
}

#mobile-menu, #desktop-menu {
    position: fixed;
    left: -100%;
    height: calc(100% - 55px);
    top: 55px;
    width: 100%;
    background: #fff;
    z-index: 2000;
    transition: 0.3s;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

#desktop-menu {
    top: 0;
    width: 350px;
    height: 100%
}

#mobile-menu.active, #desktop-menu.active {
    left: 0
}

#mobile-menu .menu-close, .menu-desktop-close {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 25px;
    height: 60px;
    width: 50px;
    line-height: 59px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    z-index: 500
}

.mobile-menu-body {
    padding-bottom: 70px;
    min-height: 100%
}

.open-menu {
    position: absolute;
    z-index: 12;
    left: 17px;
    top: 8px;
    font-size: 20px;
    cursor: pointer
}

.authuser .open-menu {
    top: 54px
}

#mobile-menu .js-overlay {
    background: rgba(42, 47, 58, 0.24)
}

#mobile-menu .js-loading {
    color: #787878
}

.mob-basictext {
    padding: 20px 29px 5px
}

.mobile-user a {
    font-size: 16px;
    text-decoration: underline
}

.mobile-user {
    padding: 17px 51px 20px
}

.mobile-user:before {
    font-size: 18px;
    left: 18px;
    top: 19px
}

.mblock-head {
    color: #505050;
    text-transform: uppercase;
    font-size: 17px;
    background: #EEEEEE;
    position: relative;
    transition: 0.35s;
    left: 0
}

.mblock-head span {
    display: block;
    padding: 20px 20px
}

.mblock-head:after {
    content: '';
    border-top: 8px solid #eee;
    border-left: 6px solid transparent;
    border-right: 7px solid transparent;
    position: absolute;
    left: 24px;
    top: 100%
}

.mblock-head a {
    text-decoration: none
}

ul.mobile-menu a {
    font-size: 16px;
    text-decoration: none;
    display: block;
    padding: 13px 30px
}

ul.mobile-menu {
    padding: 18px 0
}

.mobile_menu_drop {
    overflow: hidden
}

ul.mobile-menu-drop {
    transition: 0.35s;
    left: 0
}

ul.mobile-menu-drop li > a {
    font-size: 16px;
    text-decoration: none;
    display: block;
    padding: 20px 30px 19px;
    border-bottom: 1px solid rgba(20, 34, 61, 0.1);
    position: relative
}

ul.mobile-menu-drop, ul.mobile-menu-drop ul {
    position: relative
}

ul.mobile-menu-drop ul.menu-second {
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    display: none
}

ul.mobile-menu-drop ul.menu-second.active-step {
    display: block
}

ul.mobile-menu-drop ul.menu-second a:last-child {
    border-bottom-width: 1px
}

ul.mobile-menu-drop li.menu-open > a:before, ul.mobile-menu-drop li.mm-back > a:after {
    content: "\e915";
    width: 50px;
    height: 17px;
    font-size: 17px;
    display: block;
    position: absolute;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
    background: transparent;
    margin: auto;
    text-align: center;
    font-family: 'krz-font' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

ul.mobile-menu-drop li.mm-back > a:after {
    content: "\e914";
    right: auto;
    left: 11px;
    font-size: 14px;
    top: 4px
}

ul.mobile-menu-drop li.mm-back a {
    padding-left: 52px;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase
}

.menu-step {
    overflow: hidden;
    position: relative
}

.menu-step .mobile_menu_drop {
    overflow: visible;
    transition: 0.25s
}

.mobile-block.menu-step .mobile-menu-drop > li > ul.menu-second {
    top: -63px
}

#mobile-menu::-webkit-scrollbar-button, #desktop-menu::-webkit-scrollbar-button, .u_wached_items::-webkit-scrollbar-button {
    background-image: url("");
    background-repeat: no-repeat;
    width: 5px;
    height: 0
}

#mobile-menu::-webkit-scrollbar-track, #desktop-menu::-webkit-scrollbar-track, .u_wached_items::-webkit-scrollbar-track {
    background-color: #e9e9e9
}

#mobile-menu::-webkit-scrollbar-thumb, #desktop-menu::-webkit-scrollbar-thumb, .u_wached_items::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background-color: #bebebe
}

#mobile-menu::-webkit-scrollbar-thumb:hover, #desktop-menu::-webkit-scrollbar-thumb:hover, .u_wached_items::-webkit-scrollbar-thumb:hover {
    background-color: #a0a1a1
}

#mobile-menu::-webkit-resizer, #desktop-menu::-webkit-resizer, .u_wached_items::-webkit-resizer {
    background-image: url("");
    background-repeat: no-repeat;
    width: 8px;
    height: 0px
}

#mobile-menu::-webkit-scrollbar, #desktop-menu::-webkit-scrollbar, .u_wached_items::-webkit-scrollbar {
    width: 8px
}

.tel_mobl {
    padding: 22px 0 29px;
    text-align: center
}

.tel_mobl_text {
    font-size: 16px;
    color: #505050;
    margin-bottom: 7px
}

.tel_mobl .tel_mobl_item span:not(.show_phone) {
    display: none
}

.tel_mobl .tel_mobl_item a {
    font-size: 20px;
    text-decoration: none
}

.tel_mobl .regper_mobl a {
    font-size: 16px
}

.tel_mobl .regper_mobl.icons:before {
    height: 14px;
    width: 14px;
    position: absolute;
    top: 4px;
    left: -22px
}

.tel_mobl .regper_mobl.icons.i_sendmail:before {
    top: 5px
}

.tel_mobl .tel_mobl_phone {
    margin-bottom: 9px
}

.tel_mobl .tel_mobl_item {
    display: inline-block;
    margin: 0 12px
}

.tel_mobl .regper_mobl {
    position: relative;
    display: inline-block;
    margin: 0 5px 0 26px
}

#notification {
    z-index: 99994;
    position: fixed;
    top: 0;
    left: 0;
    text-align: center;
    width: 100%
}

.alert {
    padding: 20px;
    width: 100%;
    background: #4caf50
}

.alert, .alert a {
    color: #fff
}

.alert-success {
    background-color: #3BA8AB;
    border: 0
}

.alert-success, .alert-success a {
    color: #fff
}

.alert .close {
    position: absolute;
    top: 10px;
    right: 20px;
    color: #FFF;
    opacity: 1;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 16px;
    float: right;
    font-size: 20px
}

.alert .close .icons {
    color: #FFF
}

.alert .close:before {
    font-size: 15px;
    text-align: center;
    line-height: 18px
}

body.mce-fullscreen #lightcase-case {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    max-height: none !important;
    left: 0 !important;
    top: 0 !important
}

.mce-branding-powered-by {
    display: none !important
}

.mce-btn button {
    padding: 3px 6px !important;
    font-size: 13px !important
}

.mce-splitbtn button {
    padding-right: 6px !important;
    padding-left: 6px !important
}

.mce-colorbutton .mce-open {
    padding-left: 4px !important;
    padding-right: 4px !important
}

.mce-colorbutton button {
    padding-right: 6px !important;
    padding-left: 6px !important
}

.mce-btn-group:not(:first-child) {
    padding-left: 1px !important
}

.mce-caret {
    border-top: 3px solid #333 !important;
    border-right: 3px solid transparent !important;
    border-left: 3px solid transparent !important
}

#tab_text2001 .colline {
    margin: 0 0px 20px;
    width: 100%
}

#load-overlay, .js-overlay {
    opacity: 0;
    display: none;
    width: 100%;
    min-height: 100%;
    position: fixed;
    z-index: 1999;
    top: -9999px;
    bottom: -9999px;
    left: 0;
    background: #01040d
}

#load-loading, .js-loading {
    position: fixed;
    display: none;
    color: #fff;
    z-index: 9999;
    width: 1.123em;
    height: auto;
    font-size: 38px;
    line-height: 1;
    text-align: center;
    text-shadow: none;
    position: fixed;
    z-index: 1999;
    top: 50%;
    left: 50%;
    margin-top: -.5em;
    margin-left: -.5em;
    opacity: 1;
    font-size: 32px;
    text-shadow: 0 0 15px #fff;
    -moz-transform-origin: 50% 53%;
    -webkit-animation: lightcase-spin .5s infinite linear;
    -moz-animation: lightcase-spin .5s infinite linear;
    -o-animation: lightcase-spin .5s infinite linear;
    animation: lightcase-spin .5s infinite linear
}

#load-loading:before, .js-loading:before {
    font-family: 'lightcase', sans-serif;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e805'
}

.js-overlay, .js-loading {
    position: absolute
}

.owl-carousel[data-sizeitem]:not(.owl-loaded) {
    white-space: nowrap;
    overflow: hidden
}

.owl-carousel[data-sizeitem]:not(.owl-loaded) > * {
    white-space: normal
}

.owl-carousel {
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px)
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    -webkit-transform-style: preserve-3d
}

.blocks .owl-nav.disabled, .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {
    display: none
}

.blocks .owl-nav div, .owl-carousel .owl-nav div, .owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.nav-type-1 .owl-nav * {
    background-color: transparent;
    opacity: 1;
    height: 44px
}

.owl-carousel.nav-type-1 .owl-nav *:before {
    font-size: 21px;
    height: 22px;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.44)
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height 500ms ease-in-out;
    overflow: hidden !important
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease
}

.owl-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: absolute;
    height: 100%;
    background: #000;
    min-height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("/images/owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: -webkit-transform 100ms ease;
    transition: transform 100ms ease
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transform: scale(1.3, 1.3);
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.gallery {
    text-align: center;
    width: 50%;
    min-height: 450px;
    background: rgba(255, 255, 255, 0.6);
    overflow: hidden;
    float: left
}

.owl-carousel.owl-incard {
    height: 480px;
    width: 100%;
    position: relative;
    display: block
}

.owl-carousel.owl-incard > a:first-of-type {
    overflow: visible;
    display: block
}

.owl-carousel.owl-incard .owl-stage {
    height: 100%
}

.owl-carousel.owl-incard .owl-stage-outer {
    height: 100%;
    width: 100%
}

.owl-carousel.owl-incard .owl-item {
    height: 100%
}

.owl-carousel.owl-incard .owl-item a {
    display: block;
    height: 100%
}

.owl-carousel.owl-incard .owl-item a img {
    width: auto
}

.gallery-photo-text {
    font-size: 12px;
    background: rgba(245, 245, 245, 0.6);
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 5px
}

.gallery-mini {
    text-align: center;
    padding: 21px 0;
    font-size: 0
}

.g_m_img {
    position: relative;
    display: inline-block;
    background-color: #f8f8f8;
    border: 1px solid #F4F5FA;
    cursor: pointer;
    height: 53px;
    width: 53px;
    min-height: auto;
    margin: 0px 5px 9px;
    overflow: hidden;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}

.g_m_img:first-child {
    margin-left: 0
}

.g_m_img:last-child {
    margin-right: 0
}

.g_m_img img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.g_m_img:hover {
    border-color: rgba(190, 187, 191, 0.57)
}

.g_m_img.active {
    border-color: #BEBBBF
}

.owl-item .obj, .owl-item .sub {
    margin: 0 !important;
    width: 100% !important
}

.catalog-items .owl-carousel .owl-stage-outer {
    overflow: visible;
    padding: 20px;
}

.owl-carousel {
    overflow: hidden
}

.blocks .owl-nav div, .owl-carousel .owl-nav div {
    position: absolute;
    bottom: 0;
    top: 0;
    margin: auto;
    color: #FFF;
    background: #b5bbc6;
    cursor: pointer;
    height: 40px;
    width: 30px;
    font-size: 0;
    opacity: 0.6;
    transition: 0.1s
}

.owl-carousel .owl-nav .owl-prev {
    left: 0px
}

.owl-carousel .owl-nav .owl-next {
    right: 0px
}

.blocks .owl-nav div:before, .owl-carousel .owl-nav div:before {
    content: "\e914";
    width: 100%;
    height: 18px;
    font-size: 18px;
    line-height: 18px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    font-family: 'krz-font' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.blocks .owl-nav div:hover, .owl-carousel .owl-nav div:hover {
    opacity: 1
}

.blocks .owl-nav .owl-next:before, .owl-carousel .owl-nav .owl-next:before {
    content: "\e915"
}

.owl-carousel .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    padding-top: 13px
}

.owl-carousel .owl-dot {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    opacity: 0.6;
    transition: 0.2s
}

.owl-carousel .owl-dot span {
    font-size: 0;
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #bababa;
    color: #fff;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px
}

.owl-carousel .owl-dot.active, .owl-dot:hover {
    opacity: 1
}

.owl-carousel[data-dot-text] .owl-dots {
    padding: 0;
    text-align: left;
    display: -webkit-flex;
    display: flex
}

.owl-carousel[data-dot-text] .owl-dot span {
    width: auto;
    height: 100%;
    font-size: 14px;
    border-radius: 0;
    margin: 0;
    padding: 10px 10px
}

.owl-carousel[data-dot-text] .owl-dot {
    flex-grow: 1;
    text-align: center
}

.nav-type-2 .blk_head .owl-carousel .owl-nav {
    display: none
}

.nav-type-2 .blk_head .owl-nav {
    position: absolute;
    right: 0px;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 3;
    height: 28px
}

.nav-type-2 .blk_head .owl-nav div {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 26px;
    height: 100%
}

.nav-type-2 .blk_head .owl-nav div:before {
    font-size: 14px;
    line-height: 18px
}

.nav-type-2 .blk_head .owl-nav .owl-prev {
    margin-right: 5px
}

.nav-type-3 .blk_head .owl-carousel .owl-nav {
    display: none
}

.nav-type-3 .blk_head > * {
    width: auto;
    display: inline-block;
    vertical-align: middle
}

.owl-head:before {
    content: "\e914";
    width: 100%;
    height: 28px;
    font-size: 18px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    font-family: 'krz-font' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.owl-head-next:before {
    content: "\e915"
}

.nav-type-3 .blk_head .owl-head {
    position: relative;
    cursor: pointer;
    height: 31px;
    width: 130px;
    line-height: 27px;
    text-decoration: none !important
}

.button_set_visibility {
    cursor: pointer
}

.delivery-assist-blk.cdek {
    padding: 5px 15px 0
}

#lightcase-case.modal-cdek-choose #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
    padding: 15px 10px
}

.cdek-modal-content {
    display: flex
}

.cdek-info-panel-wrapper {
    margin-right: 10px;
    width: 270px
}

.cdek-panel {
    display: inline-flex;
    flex-direction: column;
    width: 270px;
    background-color: rgba(59, 59, 61, 0.8);
    color: #fff;
    padding: 10px 15px;
    border-radius: 7px;
    vertical-align: top;
    max-height: 250px
}

.cdek-panel.courier-panel {
    margin-bottom: 15px
}

.cdek-modal-content .loader {
    background-image: url(/img/submitloader.gif);
    width: 75px;
    height: 20px
}

.cdek-panel-name {
    font-size: 16px;
    text-align: center;
    margin: 0 -15px 7px;
    border-bottom: 1px solid;
    padding-bottom: 10px
}

.cdek-panel > div {
    margin-bottom: 5px
}

.cdek-panel .title {
    margin-right: 3px;
    white-space: nowrap;
    color: #b9b9b9;
    font-size: 12px
}

.cdek-panel .value {
    font-size: 13px
}

.cdek-btn-choose {
    padding: 7px 15px;
    color: rgba(255, 255, 255, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.8);
    background: transparent;
    border-radius: 5px;
    transition: 0.2s ease;
    font-size: 12px
}

.cdek-btn-choose:hover {
    color: #fff
}

.cdek-btn-choose.disabled {
    pointer-events: none
}

.pvz-no-selected {
    text-align: center
}

.cdek-delivery-list-wrapper {
    overflow: auto
}

.cdek-delivery-list-wrapper::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 4px
}

.cdek-delivery-list-wrapper::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 4px
}

.cdek-delivery-list-wrapper::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.6)
}

.cdek-delivery-list {
    width: 100%
}

.cdek-delivery-list-wrapper .scrollbar-inner > .scroll-element.scroll-y {
    right: 0
}

.cdek-delivery-item:not(:last-child) {
    border-bottom: 1px solid #aaa;
    margin-bottom: 2px;
    padding-bottom: 5px
}

.cdek-delivery-item {
    display: grid;
    grid-template-rows:auto auto;
    grid-template-columns:auto auto
}

.cdek-delivery-item .delivery-time {
    grid-row-start: 1
}

.cdek-delivery-item .delivery-price {
    grid-row-start: 2
}

.cdek-delivery-item .cdek-panel-btn-wrapper {
    grid-column-start: 2;
    grid-row-start: 1;
    grid-row-end: 3;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 10px
}

.cdek-btn-choose.loading {
    background-image: url(/img/submitloader.gif);
    color: #333;
    padding: 7px 15px !important
}

.cdek-btn-choose.loading::before {
    display: none
}

.cdek-map-wrapper {
    position: relative;
    box-shadow: 0 0 1px black;
    width: 100%
}

#cdek-map {
    height: 400px
}

.cdek-search-city-wrapper {
    position: absolute;
    top: 10px;
    left: 10px
}

.cdek-search-city-wrapper input {
    padding: 5px 12px;
    border: 1px solid #aaa;
    border-radius: 3px;
    background-color: rgba(255, 255, 255, 0.5)
}

.nice-select.cdek-city-list {
    background: transparent;
    border: 0;
    height: 0
}

.nice-select.cdek-city-list::after {
    display: none
}

.nice-select.cdek-city-list .current {
    display: none
}

.nice-select.cdek-city-list li {
    white-space: normal
}

@media screen and (max-width: 780px) {
    .cdek-modal-content {
        flex-direction: column-reverse
    }

    .cdek-info-panel-wrapper {
        width: 100%;
        margin: 0;
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .cdek-panel.courier-panel {
        margin-right: 10px
    }

    .cdek-map-wrapper {
        margin-bottom: 10px
    }
}

@media screen and (max-width: 650px) {
    .cdek-panel.courier-panel {
        margin-right: 0;
        display: flex
    }
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.animated.infinite {
    animation-iteration-count: infinite
}

.animated.hinge {
    animation-duration: 2s
}

.animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut {
    animation-duration: .75s
}

@keyframes bounce {
    20%, 53%, 80%, from, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: translate3d(0, 0, 0)
    }
    40%, 43% {
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        transform: translate3d(0, -4px, 0)
    }
}

.bounce {
    animation-name: bounce;
    transform-origin: center bottom
}

@keyframes flash {
    50%, from, to {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

.flash {
    animation-name: flash
}

@keyframes pulse {
    from, to {
        transform: scale3d(1, 1, 1)
    }
    50% {
        transform: scale3d(1.05, 1.05, 1.05)
    }
}

.pulse {
    animation-name: pulse
}

@keyframes rubberBand {
    from, to {
        transform: scale3d(1, 1, 1)
    }
    30% {
        transform: scale3d(1.25, 0.75, 1)
    }
    40% {
        transform: scale3d(0.75, 1.25, 1)
    }
    50% {
        transform: scale3d(1.15, 0.85, 1)
    }
    65% {
        transform: scale3d(0.95, 1.05, 1)
    }
    75% {
        transform: scale3d(1.05, 0.95, 1)
    }
}

.rubberBand {
    animation-name: rubberBand
}

@keyframes shake {
    from, to {
        transform: translate3d(0, 0, 0)
    }
    10%, 30%, 50%, 70%, 90% {
        transform: translate3d(-10px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        transform: translate3d(10px, 0, 0)
    }
}

.shake {
    animation-name: shake
}

@keyframes headShake {
    0% {
        transform: translateX(0)
    }
    6.5% {
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        transform: translateX(0)
    }
}

.headShake {
    animation-timing-function: ease-in-out;
    animation-name: headShake
}

@keyframes swing {
    20% {
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        transform: rotate3d(0, 0, 1, -5deg)
    }
    to {
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

.swing {
    transform-origin: top center;
    animation-name: swing
}

@keyframes tada {
    from, to {
        transform: scale3d(1, 1, 1)
    }
    10%, 20% {
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
    }
    30%, 50%, 70%, 90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%, 60%, 80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
}

.tada {
    animation-name: tada
}

@keyframes wobble {
    from, to {
        transform: none
    }
    15% {
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
}

.wobble {
    animation-name: wobble
}

@keyframes jello {
    11.1%, from, to {
        transform: none
    }
    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }
    77.7% {
        transform: skewX(0.39063deg) skewY(0.39063deg)
    }
    88.8% {
        transform: skewX(-0.19531deg) skewY(-0.19531deg)
    }
}

.jello {
    animation-name: jello;
    transform-origin: center
}

@keyframes bounceIn {
    20%, 40%, 60%, 80%, from, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3)
    }
    20% {
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        transform: scale3d(0.9, 0.9, 0.9)
    }
    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        transform: scale3d(0.97, 0.97, 0.97)
    }
    to {
        opacity: 1;
        transform: scale3d(1, 1, 1)
    }
}

.bounceIn {
    animation-name: bounceIn
}

@keyframes bounceInDown {
    60%, 75%, 90%, from, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }
    75% {
        transform: translate3d(0, -10px, 0)
    }
    90% {
        transform: translate3d(0, 5px, 0)
    }
    to {
        transform: none
    }
}

.bounceInDown {
    animation-name: bounceInDown
}

@keyframes bounceInLeft {
    60%, 75%, 90%, from, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }
    75% {
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        transform: translate3d(5px, 0, 0)
    }
    to {
        transform: none
    }
}

.bounceInLeft {
    animation-name: bounceInLeft
}

@keyframes bounceInRight {
    60%, 75%, 90%, from, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    from {
        opacity: 0;
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        transform: translate3d(10px, 0, 0)
    }
    90% {
        transform: translate3d(-5px, 0, 0)
    }
    to {
        transform: none
    }
}

.bounceInRight {
    animation-name: bounceInRight
}

@keyframes bounceInUp {
    60%, 75%, 90%, from, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    from {
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }
    75% {
        transform: translate3d(0, 10px, 0)
    }
    90% {
        transform: translate3d(0, -5px, 0)
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

.bounceInUp {
    animation-name: bounceInUp
}

@keyframes bounceOut {
    20% {
        transform: scale3d(0.9, 0.9, 0.9)
    }
    50%, 55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3)
    }
}

.bounceOut {
    animation-name: bounceOut
}

@keyframes bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0)
    }
    40%, 45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.bounceOutDown {
    animation-name: bounceOutDown
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

.bounceOutLeft {
    animation-name: bounceOutLeft
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

.bounceOutRight {
    animation-name: bounceOutRight
}

@keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0)
    }
    40%, 45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

.bounceOutUp {
    animation-name: bounceOutUp
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.fadeIn {
    animation-name: fadeIn
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.fadeInDown {
    animation-name: fadeInDown
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.fadeInDownBig {
    animation-name: fadeInDownBig
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.fadeInLeft {
    animation-name: fadeInLeft
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.fadeInLeftBig {
    animation-name: fadeInLeftBig
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.fadeInRight {
    animation-name: fadeInRight
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.fadeInRightBig {
    animation-name: fadeInRightBig
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.fadeInUp {
    animation-name: fadeInUp
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.fadeInUpBig {
    animation-name: fadeInUpBig
}

@keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOutDown {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    animation-name: fadeOutDown
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.fadeOutDownBig {
    animation-name: fadeOutDownBig
}

@keyframes fadeOutLeft {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
}

.fadeOutLeft {
    animation-name: fadeOutLeft
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

.fadeOutLeftBig {
    animation-name: fadeOutLeftBig
}

@keyframes fadeOutRight {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
}

.fadeOutRight {
    animation-name: fadeOutRight
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

.fadeOutRightBig {
    animation-name: fadeOutRightBig
}

@keyframes fadeOutUp {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp {
    animation-name: fadeOutUp
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    animation-name: fadeOutUpBig
}

@keyframes flip {
    from {
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        animation-timing-function: ease-out
    }
    40% {
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        animation-timing-function: ease-out
    }
    50% {
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        animation-timing-function: ease-in
    }
    80% {
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        animation-timing-function: ease-in
    }
    to {
        transform: perspective(400px);
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    animation-name: flip
}

@keyframes flipInX {
    from {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        animation-timing-function: ease-in
    }
    60% {
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to {
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipInX
}

.flipInY, .flipOutX {
    -webkit-backface-visibility: visible !important
}

@keyframes flipInY {
    from {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        animation-timing-function: ease-in
    }
    60% {
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    to {
        transform: perspective(400px)
    }
}

.flipInY {
    backface-visibility: visible !important;
    animation-name: flipInY
}

@keyframes flipOutX {
    from {
        transform: perspective(400px)
    }
    30% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    to {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

.flipOutX {
    animation-name: flipOutX;
    backface-visibility: visible !important
}

@keyframes flipOutY {
    from {
        transform: perspective(400px)
    }
    30% {
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    to {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipOutY
}

@keyframes lightSpeedIn {
    from {
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        transform: skewX(-5deg);
        opacity: 1
    }
    to {
        transform: none;
        opacity: 1
    }
}

.lightSpeedIn {
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out
}

@keyframes lightSpeedOut {
    from {
        opacity: 1
    }
    to {
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    animation-name: lightSpeedOut;
    animation-timing-function: ease-in
}

@keyframes rotateIn {
    from {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    to {
        transform-origin: center;
        transform: none;
        opacity: 1
    }
}

.rotateIn {
    animation-name: rotateIn
}

@keyframes rotateInDownLeft {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInDownLeft {
    animation-name: rotateInDownLeft
}

@keyframes rotateInDownRight {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInDownRight {
    animation-name: rotateInDownRight
}

@keyframes rotateInUpLeft {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInUpLeft {
    animation-name: rotateInUpLeft
}

@keyframes rotateInUpRight {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInUpRight {
    animation-name: rotateInUpRight
}

@keyframes rotateOut {
    from {
        transform-origin: center;
        opacity: 1
    }
    to {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

.rotateOut {
    animation-name: rotateOut
}

@keyframes rotateOutDownLeft {
    from {
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    animation-name: rotateOutDownLeft
}

@keyframes rotateOutDownRight {
    from {
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    animation-name: rotateOutDownRight
}

@keyframes rotateOutUpLeft {
    from {
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    animation-name: rotateOutUpLeft
}

@keyframes rotateOutUpRight {
    from {
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    animation-name: rotateOutUpRight
}

@keyframes hinge {
    0% {
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        transform: rotate3d(0, 0, 1, 80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    40%, 80% {
        transform: rotate3d(0, 0, 1, 60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.hinge {
    animation-name: hinge
}

@keyframes jackInTheBox {
    from {
        opacity: 0;
        transform: scale(0.1) rotate(30deg);
        transform-origin: center bottom
    }
    50% {
        transform: rotate(-10deg)
    }
    70% {
        transform: rotate(3deg)
    }
    to {
        opacity: 1;
        transform: scale(1)
    }
}

.jackInTheBox {
    animation-name: jackInTheBox
}

@keyframes rollIn {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.rollIn {
    animation-name: rollIn
}

@keyframes rollOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

.rollOut {
    animation-name: rollOut
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3)
    }
    50% {
        opacity: 1
    }
}

.zoomIn {
    animation-name: zoomIn
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInDown {
    animation-name: zoomInDown
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInLeft {
    animation-name: zoomInLeft
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInRight {
    animation-name: zoomInRight
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInUp {
    animation-name: zoomInUp
}

@keyframes zoomOut {
    from {
        opacity: 1
    }
    50% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3)
    }
    to {
        opacity: 0
    }
}

.zoomOut {
    animation-name: zoomOut
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    to {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomOutDown {
    animation-name: zoomOutDown
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform-origin: left center
    }
}

.zoomOutLeft {
    animation-name: zoomOutLeft
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        transform: scale(0.1) translate3d(2000px, 0, 0);
        transform-origin: right center
    }
}

.zoomOutRight {
    animation-name: zoomOutRight
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    to {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomOutUp {
    animation-name: zoomOutUp
}

@keyframes slideInDown {
    from {
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

.slideInDown {
    animation-name: slideInDown
}

@keyframes slideInLeft {
    from {
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

.slideInLeft {
    animation-name: slideInLeft
}

@keyframes slideInRight {
    from {
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

.slideInRight {
    animation-name: slideInRight
}

@keyframes slideInUp {
    from {
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

.slideInUp {
    animation-name: slideInUp
}

@keyframes slideOutDown {
    from {
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        transform: translate3d(0, 100%, 0)
    }
}

.slideOutDown {
    animation-name: slideOutDown
}

@keyframes slideOutLeft {
    from {
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        transform: translate3d(-100%, 0, 0)
    }
}

.slideOutLeft {
    animation-name: slideOutLeft
}

@keyframes slideOutRight {
    from {
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        transform: translate3d(100%, 0, 0)
    }
}

.slideOutRight {
    animation-name: slideOutRight
}

@keyframes slideOutUp {
    from {
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        transform: translate3d(0, -100%, 0)
    }
}

.slideOutUp {
    animation-name: slideOutUp
}

.hidephone {
    display: block;
    padding-right: 125px;
    position: relative;
    float: left;
    clear: left
}

.hidephone a {
    width: 90%;
    display: block;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden
}

.hidephone .show_phone {
    content: 'Показать телефон';
    display: block;
    width: auto;
    height: 100%;
    position: absolute;
    right: 0;
    font-size: 14px;
    line-height: 14px;
    top: 0;
    background-size: cover;
    cursor: pointer;
    filter: contrast(0.3);
    text-decoration: underline;
    padding: 4px 0
}

.hidephone .show_phone:hover {
    text-decoration: none
}

.hidephone.opened a {
    overflow: visible
}

.hidephone.opened .show_phone {
    display: none
}

.tel_lnk_phone .hidephone .show_phone {
    position: static
}

.hidephone.opened {
    padding-right: 0
}

.hidephone.opened a {
    width: 100%;
    white-space: nowrap
}

.h4.сonfirm-actions-title {
    font-weight: bold
}

section.class2012 .icons.i_time .icons.i_time:before {
    content: none
}

section.class2012 .iconsCol.icons:not(.how_item) {
    padding-left: 29px
}

section.class2012 .iconsCol.icons .iconsCol.icons {
    padding-left: 0
}

#bottom-form .userline.input-line-time.center, #bottom-form .userline.callback-city {
    display: none
}

#bottom-form form {
    display: flex;
    width: 100%;
    flex-wrap: wrap
}

#bottom-form {
    width: 100%;
    padding-bottom: 20px
}

#bottom-form .politika {
    width: 100%;
    position: absolute;
    bottom: 0
}

#bottom-form .userline, #bottom-form .modal_button_main {
    width: calc(100% / 3 - 10px);
    margin-right: 10px
}

#bottom-form span.btn-strt, #bottom-form span.btn-strt input {
    width: 100%
}

#bottom-form .bottom-form-name {
    width: 100%;
    text-align: center;
    display: inline-block;
    font-size: 20px;
    margin-bottom: 10px
}

#bottom-form {
    position: relative;
    margin: 40px 0
}

#bottom-form form {
    margin: 0 0 15px
}

span.noprice-text {
    font-size: 14px;
}

.cookies_message_container {
    position: fixed;
    bottom: 0;
    z-index: 2000;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    background: #1e1d1d;
    color: #fff;
    padding: 10px;
    align-items: center;
    justify-content: space-evenly
}

.cookies_message_container a:hover {
    color: #cecece
}

.cookies_message_button_allow {
    padding: 10px
}

.cookies_message_container a {
    color: #fff
}

.cookies_message_text .h2 {
    font-size: 18px
}

.filter-for-name-box {
    padding: 10px;
    width: 100%
}

ul.filter-for-name, ul.filter-names {
    padding-left: 0;
    margin: 0
}

ul.filter-for-name > li.filter-letter {
    border: 1px solid #282a2b;
    border-radius: 22px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
    position: relative;
    cursor: pointer;
    color: #fff;
    background: #282a2b;
    font-weight: 700;
    margin-right: 2px;
    margin-bottom: 5px
}

ul.filter-names {
    position: absolute;
    display: none;
    border: 1px solid rgb(0 0 0);
    background: #fff;
    z-index: 1500;
    top: 23px
}

ul.filter-for-name > li.filter-letter:hover {
    color: #fff;
    background: rgb(240 108 0)
}

ul.filter-for-name > li.filter-letter:hover ul.filter-names {
    display: block;
    text-align: left;
    list-style: none
}

ul.filter-names li a {
    display: block;
    padding: 5px 15px;
    white-space: nowrap;
    color: #000
}

ul.filter-names li a:hover {
    background: #f0f0f0
}

li.filter-letter-reset {
    display: inline-block
}

.filter-for-name .delimiter {
    font-size: 25px;
    vertical-align: middle;
    width: 32px;
    display: inline-block;
    text-align: center;
    height: 32px;
    margin: 0 2px 5px 0
}

.foot-menu li:nth-of-type(8) {
    display: none;
}

@keyframes flicker {
    from {
        color: #FF5722
    }
    50% {
        color: #fff;
    }
    to {
        color: #FF5722;
    }
}

/*.foot-menu li:nth-of-type(3) a span {*/
/*    animation: flicker 2s infinite ease-in-out;*/
/*}*/

.sub273054 {
    display: none;
}

body[data-contragent="1"] .sub273054 {
    display: block;
}

body:not(.class2001) #block52 {
    display: none;
}

#header #block15 .blk_body_wrap {
    display: flex;
    padding-bottom: 0;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
}

body #block15 {
    display: flex;
    align-items: center;
}

#header #block15 .blk_body_wrap .blockText {
    width: 230px;
    font-size: 16px;
}

body #block15 .blk_body {
    flex-shrink: 0;
    flex-grow: 1;
}

body #block17 .txt {
    padding-left: 65px;
}

#header #block17 .blk_body_wrap {
    display: flex;
    flex-direction: column-reverse;
}

#header #block17 {
    display: flex;
    align-items: center;
}

body #block17 .tel_lnk_phone:before {
    top: 7px;
}

body.class2001 section.zone.zone3.cb {
    min-height: 550px;
    position: relative;
    z-index: 20;
}

/*.innerpage .nc2019 {
	transition: 0.2s all;
}*/
#block48:before {
    padding-top: 0;
    content: '';
    transition: 0.2s all;
}

#block48.fixed-active:before {
    content: '';
    padding-top: 84px;
}

.innerpage .nc2019.fixed-active {
    position: fixed;
    margin-left: calc(50% + 10px);
}

#register-body .userline.btn-strt {
    width: auto;
    padding: 0;
    background-color: #344F9E;
}

#register-body .userline.btn-strt input {
    color: #fff !important;
}

@media screen and (min-width: 781px) and (max-width: 1279px) {
    /*body #zone14.fixed-active > .container {
	    margin: 0 20px;
	}*/
    /*.innerpage .nc2019.fixed-active {
		left: 260px;
	}*/
    section.zone.zone3.cb {
        min-height: 450px;
        position: relative;
        z-index: 20;
    }

    body #block15:before {
        width: 340px;
    }

    body #block15 .txt:not(.blockText) {
        width: calc(100% - 230px);
    }

    body #block15 .blk_body {
        flex-shrink: 1;
        flex-grow: 0;
    }

    #header #block15 .blk_body_wrap .blockText {
        font-size: 14px;
        width: 190px;
    }

    body #block17 .txt {
        padding-left: 65px;
    }

    body #block41 .blk_body {
        display: -webkit-box;
    }

    body #block41 .blk_body_wrap {
        overflow: hidden;
    }
}

@media screen and (max-width: 980px) {
    body #zone14.fixed-active > .container {
        margin: 0 20px;
    }

    .innerpage .nc2019.fixed-active {
        left: 0;
        margin-left: 20px !important;
        width: calc(100% - 40px);
    }
}

.bt_comment a {
    background: url(/img/icon-comment.svg);
    position: relative;
    width: 40px;
    height: 40px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 auto;
}

#itemcomment textarea {
    resize: none;
    width: 100%;
    height: 150px;
    box-shadow: inset 0 0 1px 0px rgba(0, 0, 0, 1);
    padding: 10px;
}

.add-itemcomment-btn {
    margin-top: 10px;
}

.add-itemcomment-btn a {
    text-decoration: none;
    background: #344f9e;
    padding: 10px 25px;
    color: #fff;
    display: inline-block;
}

/* header */
.blk-head-separator {
    height: 0;
    min-height: 0;
    border-top: 1px solid #6f8bde
}

.head-catalog-btn {
    background: #FEED10;
    border-radius: 12px;
    width: 182px;
    height: 45px;
    display: block;
    line-height: 45px;
    cursor: pointer
}
.head-catalog-btn span {
    font-family: Mulish;
    font-weight: 600;
    font-size: 14px
}

.head-catalog-btn:before {
    content: '';
    position: relative;
    background: url(../images/icon_round_menu.svg) 50% no-repeat;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-left: 16px;
    vertical-align: middle;
    top: -2px
}

.blk-head-account .regper_link {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    display: block;
    text-align: center;
}

.blk-head-account .icons.i_user2:before {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin: 0 auto;
}

.blk-head-account .regper_link a {
    line-height: 14px;
    display: block;
    color: #fff;
    border-bottom: 0
}

.blk-head-orderinfo .txt {
    color: #fff;
}

.basket_mini_a {
    padding: 0;
}
.basket_m_p {
    display: none;
}

/* banner V2 */
#zone8 .zone-bg {
    background-size: cover;
}
.blk-banner-v2 .owl-dots {
    bottom: 20px;
    position: relative;
    display: flex;
    justify-content: center;
    column-gap: 15px;
}
.blk-banner-v2 .owl-dot {
    width: 60px;
    height: 5px;
    box-shadow: inset 0 0 0px 1px rgba(225, 225, 225, 0.45);
}
.blk-banner-v2 .owl-dot.active {
    background: #fff;
}
.blk-banner-v2 .owl-dot span {
    display: none;
}
.blk-banner-v2 .slider-item {
    height: 448px;
}
.blk-banner-v2 .slider-text {
    width: 38%;
}
.blocks hr {
    background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    height: 3px;
    border: 0;
}
.blk-banner-v2 .slider-data.container_12 {
    position: relative;
    bottom: 400px;
    left: 0;
    display: block;
    color: #fff;
    max-width: 100%;
    padding: 20px 0 0;
}
.blk-banner-v2 .slider-data.container_12 .slider-name {
    font-size: 42px;
}

/* blk spec */
header.blk_head.has-link {
    display: flex;
    align-items: center;
    justify-content: space-between
}
.head-separator {
    display: block;
    height: 2px;
    margin: 0 20px;
    background: linear-gradient(90deg, #3153B8, transparent);
    flex-grow: 2;
}
.blocks .blk_head.has-link .show-all {
    background: #F6F6F6;
    border-radius: 8px;
}
.blocks .blk_head.has-link .show-all a {
    font-size: 14px !important;
    line-height: 100%;
    text-decoration: none;
    padding: 10px 16px 12px;
}
.blk-spec-v2 .catalog-item {
    border-radius: 15px;
    background: #f6f6f6;
    box-shadow: 0px 0px 0px 2px #f6f6f6;
    transition: 0.25s all;
}
.blk-spec-v2 .catalog-item:hover {
    box-shadow: 0px 0px 6px 10px rgba(0,0,0,0.1) !important;
}

.blocks .owl-loaded .owl-prev,
.blocks .owl-loaded .owl-next {
    position: absolute;
    width: 45px;
    height: 60px;
    background-color: rgba(49, 83, 184, 0.13);
    border-radius: 8px;
    color: #3153B8;
}
.blocks .owl-loaded .owl-next {
    transform: matrix(-1, 0, 0, 1, 0, 0);
}
.blocks .owl-loaded .owl-prev::before,
.blocks .owl-loaded .owl-next::before{
    content: '';
    width: 22px;
    height: 44px;
    background: url(/images/icon_arrow.svg) 50% no-repeat;
}
.blk-spec-v2 .catalog-items .blk_status .blk_st span {
    border-radius: 12px;
    padding: 5px 12px 4px 12px;
}
.blk-spec-v2 .catalog-item .cart-btn {
    background: #3153B8 !important;
    overflow: hidden;
    border-radius: 10px;
}
.blk-spec-v2 .cart-btn a {
    background-color: transparent !important;
}
.blk-spec-v2 .blk_name a {
    font-size: 20px !important;
    text-transform: none !important;
}
.catalog-item .blk_art {
    font-size: 14px;
    color: #b1b1b1;
}
.catalog-item .blk_price {
    font-size: 32px;
    color: #000;
}
.catalog-item .blk_first {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
 }

.blk-spec-v2 .block_incard .cart-btn span {
    text-transform: none;
    margin-left: 24px;
}

.blk-spec-v2 .block_incard .cart-btn a:before {
    content: '';
    background: url(/images/icon_cart.svg) center no-repeat;
    opacity: 1;
    top: 9px;
    left: 18px;
}

/* Блок О компании #block63 */
#zone15 .zone-bg {
    background-size: cover;
}
.company-text-title {
    font-weight: 900;
    font-size: 64px;
    line-height: 120%;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #3153B8;
}
.company-text-subtitle {
    font-weight: 400;
    font-size: 30px;
    line-height: 145%;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #000;
}
.company-text {
    display: flex;
    gap: 40px;
}
.company-text hr {
    margin: 45px 0;
    background: linear-gradient(90deg, #3153B8, transparent);
    height: 1px;
}
.company-text-left {
    width: calc(100% / 12 * 6 - 20px);
}
.company-text-left h2 {
    margin: 0;
}
.text-blue {
    color: #3153B8;
}
.text-bold {
    font-weight: bold;
}
.company-text-right {
    width: calc(100% / 12 * 8 - 20px);
    font-size: 24px;
}

.company-item {
    background: #EAEEFD;
    border-radius: 16px;
    opacity: 1;
    width: calc(100% / 3 - 15px);
    position: relative;
    z-index: 0;
    box-shadow: 0px 2px 0 0 #A2B2DF;
    height: 100px;
    display: flex;
    align-items: center;
    padding: 21px;
}
.company-item i {
    position: relative;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    margin-right: 16px;
}
.company-item span {
    position: relative;
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    color: #000000;
}
.company-icon-1 {
    background-image: url(/images/icon_company_1.svg);
}
.company-icon-2 {
    background-image: url(/images/icon_company_2.svg);
}
.company-icon-3 {
    background-image: url(/images/icon_company_3.svg);
}
.company-icon-4 {
    background-image: url(/images/icon_company_4.svg);
}
.company-icon-5 {
    background-image: url(/images/icon_company_5.svg);
}
.company-icon-6 {
    background-image: url(/images/icon_company_6.svg);
}

.company-text_pros-items {
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
}

/* Блок Преимущества */
ul.advantage-items {
    margin-top: 55px;
}
li.advantage-item {
    background: #F2F4FB;
    border-radius: 15px;
}
li.advantage-item .adv-info {
    display: flex;
    align-items: center;
    padding: 32px 18px 26px 18px;
    column-gap: 8px;
}
li.advantage-item .adv-name {
    margin: 0;
    font-size: 24px;
    color: #3153B8;
    line-height: 32px;
    font-weight: bold;
}
li.advantage-item .adv-subtext {
    font-size: 16px;
    line-height: 120%;
    margin-top: 13px;
}
li.advantage-item .image-default {
    width: 40%;
    height: 158px;
}
li.advantage-item .adv-data {
    width: 90%;
}

/* Блок Форма */
#zone17 .zone-bg::before {
    content: "";
    background: url(/images/bg_2190.png) no-repeat;
    background-position-x: right;
    background-size: contain;
    width: 60%;
    height: 120%;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
}
.blk-form-v2 {
    padding: 80px 0;
}
.blk-form-v2 form label {
    display: none;
}

.blk-form-v2 form {
    display: flex;
    flex-wrap: wrap;
    gap: 23px;
}

.blk-form-v2 form input {
    padding: 18px 16px 20px !important;
    border-radius: 12px !important;
}

.blk-form-v2 form .userline {
    width: 45%;
    margin: 0;
}

.blk-form-v2 form .system-field {
    display: none;
}
.blk-form-v2 form .btn-strt {
    border-radius: 12px;
    background: #FEED10;
}
.blk-form-v2 form .btn-strt input {
    padding: 19px 34px 20px !important;
    font-size: 16px;
    font-weight: 500;
    line-height: 115%;
}

/* Блок Новости */
.news-item .image-default {
    border-radius: 12px;
    overflow: hidden;
}
.news-item .image-default::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.078) 0%, rgba(49, 83, 184, 0.65) 100%), url(IMG_6494-1024x683-1024x683.jpg);
}
.news-item .image-default img {
    object-fit: cover !important;
}

/* Блок Бренды */
#zone7 .brands-slider {
    margin-top: 25px;
    margin-bottom: 25px;
}
#zone7 .brands-slider .vendor-items {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#zone7 .brands-slider .vendor-items .obj {
    /*margin-right: 50px;*/
    margin-bottom: 0;
}
.brands-slider .vendor-items .image-default {
    margin-bottom: 0;
    border: 0;
}
.btn-show-all {
    background: #A2A2A21A;
    display: inline-block;
    cursor: pointer;
    border-radius: 8px;

}
.btn-show-all a {
    text-decoration: none;
    border: 0;
}
.btn-show-all span {
    padding: 4px 12px;
    font-family: Mulish;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    color: #1E1E1E;
}

/* Footer */
#zone10 .zone-bg {
    background-size: cover;
}
.blk-whatsapp .icons.i_tel:before {
    content: '';
    background: url(/images/icon_whatsapp.svg) center no-repeat;
    background-size: contain;
    width: 25px;
    height: 25px;
}

.blk-whatsapp .cnp_phone {
    vertical-align: middle;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    line-height: 32px;
    padding-left: 30px;
    order: 1;
    cursor: pointer;
}

.blk-whatsapp .cnp_name {
    font-size: 18px;
    font-weight: 600;
    order: 2;
}

.blk-whatsapp .cnp_opis {
    font-size: 14px;
    font-style: italic;
    color: #fff;
    order: 3;
}

.blk-whatsapp .cnp_item {
    width: 80%;
    border-bottom-color: rgb(255 255 255 / 60%);
}
.blk-whatsapp .cnp_data {
    display: flex;
    flex-direction: column;
}
.blk-footer-menu span.menu_title {
    padding-left: 0;
    padding-top: 8px;
    padding-bottom: 8px;
}
.blk-footer-map {
    overflow: hidden;
}
.footer-blocks .contacts-items .iconsCol:before {
    color: #fff;
}
.footer-blocks .contacts-items .mailaj {
    display: inline-block;
}
.footer-blocks .contacts-items .mailaj::after {
    content: ',';
}
.footer-blocks .contacts-items .mailaj:not(:first-of-type) {
    margin-left: 2px;
}