@charset "UTF-8";
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)!important
}
sup {
    vertical-align: super
}
sub {
    vertical-align: sub
}
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
a img, fieldset, img {
    border: none
}
input[type=email], input[type=number], input[type=search], input[type=tel], input[type=text], textarea {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    display: inline-block;
    width: 100%;
    font-size: inherit;
    font-weight: inherit
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
    display: none
}
button, input[type=submit] {
    background-color: transparent;
    cursor: pointer
}
button::-moz-focus-inner, input[type=submit]::-moz-focus-inner {
    padding: 0;
    border: 0
}
textarea {
    overflow: auto;
    border: none
}
input::-webkit-contacts-auto-fill-button, input[autocomplete=off]::-webkit-credentials-auto-fill-button {
    visibility: hidden;
    display: none!important;
    pointer-events: none;
    position: absolute;
    right: 0;
    height: 0;
    width: 0;
    margin: 0
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none
}
button, input {
    margin: 0;
    padding: 0;
    border: 0;
    border: none;
    border-radius: 0
}
a, a:focus, button, div, h1, h2, h3, h4, h5, h6, input, select, span, textarea {
    outline: none
}
li, ol, ul {
    list-style: none;
    list-style-type: none
}
table {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%
}
html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
*, :after, :before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}
a[href] {
    text-decoration: none
}
b, strong {
    font-weight: bold
}
.slick-slider {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}
.slick-list, .slick-slider {
    position: relative;
    display: block
}
.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}
.slick-list:focus {
    outline: none
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}
.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}
.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}
.slick-track:after, .slick-track:before {
    content: "";
    display: table
}
.slick-track:after {
    clear: both
}
.slick-loading .slick-track {
    visibility: hidden
}
.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}
[dir=rtl] .slick-slide {
    float: right
}
.slick-slide img {
    display: block
}
.slick-slide.slick-loading img {
    display: none
}
.slick-slide.dragging img {
    pointer-events: none
}
.slick-initialized .slick-slide {
    display: block
}
.slick-loading .slick-slide {
    visibility: hidden
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}
.slick-arrow.slick-hidden {
    display: none
}
.icon-facebook {
    width: .53em;
    height: 1em;
    fill: #000
}
input[type=number] {
    -moz-appearance: textfield
}
input[type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
input::-webkit-clear-button, input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
    -webkit-appearance: none
}
input[type=password] {
    font: small-caption;
    line-height: 1.65
}
input {
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: "Roboto", sans-serif;
    font-size: 1rem
}
input::-webkit-input-placeholder {
    font-family: "Roboto", sans-serif
}
input:-ms-input-placeholder {
    font-family: "Roboto", sans-serif
}
input::placeholder {
    font-family: "Roboto", sans-serif
}
input::-ms-input-placeholder {
    font-family: "Roboto", sans-serif
}
input::-ms-clear {
    display: none
}
svg {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    overflow: visible
}
button {
    background: 0 0
}
a {
    text-decoration: none;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-drag: none
}
::-webkit-input-placeholder {
    font-family: "Roboto", sans-serif
}
:-ms-input-placeholder {
    font-family: "Roboto", sans-serif
}
::placeholder {
    font-family: "Roboto", sans-serif
}
::-ms-input-placeholder {
    font-family: "Roboto", sans-serif
}
::-moz-selection {
    background-color: #009244;
    color: #fff;
    opacity: 1
}
::selection {
    background-color: #009244;
    color: #fff;
    opacity: 1
}
textarea {
    resize: none;
    font-family: "Roboto", sans-serif
}
img {
    display: block;
    max-width: 100%
}
html {
    font-size: 16px;
    line-height: 1;
    -webkit-text-size-adjust: none;
    -webkit-overflow-scrolling: touch;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
body, html {
    width: 100%;
    height: 100%
}
body {
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}
body.modal_open {
    position: fixed
}
.page__content {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    font-size: 0
}
.page__content, .page__footer {
    width: 100%;
    background-color: #f5f5f5
}
.page__footer {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-top: 1px solid #d5d9da
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    opacity: 1;
    color: #8c8c8c;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s
}
input:-moz-placeholder, input::-moz-placeholder, textarea:-moz-placeholder, textarea::-moz-placeholder {
    opacity: 1;
    color: #8c8c8c;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    opacity: 1;
    color: #8c8c8c;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s
}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
    opacity: 0
}
input:focus:-moz-placeholder, input:focus::-moz-placeholder, textarea:focus:-moz-placeholder, textarea:focus::-moz-placeholder {
    opacity: 0
}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
    opacity: 0
}
.title-h1, h1 {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    line-height: 1.46;
    font-size: 1.625rem;
    color: #272727
}
.title-h2, h2 {
    font-style: normal;
    font-size: 1.25rem
}
.title-h2, .title-h3, h2, h3 {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    line-height: 1.2;
    color: #272727
}
.title-h3, h3 {
    font-size: 1rem
}
.text, p {
    font-style: normal;
    font-weight: normal;
    line-height: 1.7;
    font-size: .9375rem;
    color: #2b2b2b
}
.subtitle, .text, p {
    font-family: "Roboto", sans-serif
}
.subtitle {
    display: block;
    font-weight: 500;
    line-height: 1.2;
    font-size: 1.25rem;
    color: #272727;
    margin-bottom: 1.25rem;
    margin-top: 2.25rem
}
.caption {
    font-family: "Roboto", sans-serif;
    line-height: 1.54;
    font-size: .8125rem;
    color: #a1a1a1;
    max-width: 45rem
}
a:not([class]) {
    color: #3eb75d
}
a:not([class]):hover {
    color: #00a04b
}
.menu {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    z-index: 150
}
.app-menu, .menu--visible {
    pointer-events: auto
}
.app-menu {
    background-color: #fff;
    color: #fff;
    position: relative;
    max-width: 25rem;
    width: 90%;
    height: 100%;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .5);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .5);
    -webkit-transform: translateX(-103%);
    -ms-transform: translateX(-103%);
    transform: translateX(-103%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    will-change: transform;
    z-index: 160;
    -webkit-transition: all .13s ease-in;
    -o-transition: all .13s ease-in;
    transition: all .13s ease-in
}
.menu--visible .app-menu {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: all .33s ease-out;
    -o-transition: all .33s ease-out;
    transition: all .33s ease-out
}
.menu:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    opacity: 0;
    will-change: opacity;
    pointer-events: none;
    -webkit-transition: opacity .3s cubic-bezier(0, 0, .3, 1);
    -o-transition: opacity .3s cubic-bezier(0, 0, .3, 1);
    transition: opacity .3s cubic-bezier(0, 0, .3, 1)
}
.menu--visible.menu:after {
    opacity: 1;
    pointer-events: auto
}
.page__header--wrap {
    position: relative;
    width: 100%
}
.header-wrap {
    width: 100%
}
.header-wrap.original {
    position: absolute;
    left: 0;
    z-index: 10
}
.header-wrap.original, .header-wrap.original.active {
    top: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform
}
.header-wrap.original.active {
    position: fixed;
    bottom: auto
}
.header-wrap.cloned {
    position: relative;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    pointer-events: none
}
.header-bg {
    background-color: #3eb75d;
    padding: 1.0625rem 0
}
.header-border {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    position: relative
}
.header-border .box {
    padding-top: 0;
    padding-bottom: 0
}
.header-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.header-logo {
    margin-right: 1.25rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.header-search {
    font-size: 0;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 41.25rem
}
.header-search form {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}
.header-search-region {
    display: inline-block;
    width: 100%;
    max-width: 14.0625rem
}
.header-search-region .select-check-head {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}
.header-search-region-icon {
    display: inline-block;
    position: absolute;
    color: #00a04b;
    width: .875rem;
    height: 1.125rem;
    left: .875rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.header-search-region input {
    padding: 11px .9375rem 11px 2.5rem;
    font-size: .9375rem;
    line-height: 1.2
}
.header-search-medicine {
    display: inline-block;
    width: 100%;
    margin-left: -2px
}
.header-search-medicine .select-check-head {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}
.header-search-medicine input {
    font-size: .9375rem;
    line-height: 1.2;
    padding: 11px 3.4375rem 11px .9375rem
}
.header-search .select-check-head {
    padding: 0;
    border: 2px solid #009244;
    overflow: hidden;
    position: relative
}
.header-search .select-check {
    position: relative
}
.header-search .select-check:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    pointer-events: none;
    top: 0;
    left: 0;
    -webkit-box-shadow: 0 10px 1.25rem #00a04b;
    box-shadow: 0 10px 1.25rem #00a04b;
    opacity: 0;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}
.header-search .select-check:hover {
    z-index: 1
}
.header-search .select-check:hover:before {
    opacity: .8;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}
.header-search .select-check.active {
    z-index: 2
}
.header-search .select-check.active:before {
    opacity: .4;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}
.header-search .select-check-body {
    border: 2px solid #009244;
    border-top: none;
    margin-top: -3px
}
.header-search input {
    display: inline-block;
    width: 100%
}
.header-search-bttn {
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    top: 9px;
    right: .875rem;
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.header-search-bttn__icon {
    display: block;
    width: 100%;
    height: 100%;
    color: #3f3f3f
}
.personal-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.personal-login {
    display: inline-block;
    padding: 10px;
    margin-right: 1.875rem;
    margin-left: 10px;
    color: #fff;
    line-height: 1.3;
    font-size: .875rem;
    letter-spacing: -.02em;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}
.personal-login:hover {
    opacity: .75;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}
.personal-medchest {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1.5rem
}
.personal-medchest-count {
    position: absolute;
    top: 0;
    right: 4px;
    line-height: 1.25rem;
    font-size: 10px;
    letter-spacing: .02em;
    color: inherit;
    display: none
}
.personal-medchest.added .personal-medchest-count {
    display: block
}
.personal-drop {
    position: relative
}
.personal-drop:hover .personal-dropdown {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
    -webkit-transition: visibility 0s 0s, opacity .3s .05s, -webkit-transform .35s 0s;
    transition: visibility 0s 0s, opacity .3s .05s, -webkit-transform .35s 0s;
    -o-transition: visibility 0s 0s, opacity .3s .05s, transform .35s 0s;
    transition: visibility 0s 0s, opacity .3s .05s, transform .35s 0s;
    transition: visibility 0s 0s, opacity .3s .05s, transform .35s 0s, -webkit-transform .35s 0s
}
.personal-link {
    padding: 9px 1.125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    cursor: pointer;
    color: #2b2b2b;
    line-height: 1.5rem;
    font-size: .875rem;
    letter-spacing: -.02em;
    background-color: #fff;
    -webkit-transition: background-color .2s .05s, color .2s .05s;
    -o-transition: background-color .2s .05s, color .2s .05s;
    transition: background-color .2s .05s, color .2s .05s
}
.personal-link:hover {
    background-color: #ecf9f2;
    color: #00a04b;
    -webkit-transition: background-color .3s 0s, color .3s 0s;
    -o-transition: background-color .3s 0s, color .3s 0s;
    transition: background-color .3s 0s, color .3s 0s
}
.personal-link:hover .personal-link__icon {
    color: #00a04b;
    -webkit-transition: color .3s 0s;
    -o-transition: color .3s 0s;
    transition: color .3s 0s
}
.personal-link__icon {
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #797979;
    -webkit-transition: color .2s .05s;
    -o-transition: color .2s .05s;
    transition: color .2s .05s
}
.personal-dropdown {
    padding-top: 10px;
    padding-bottom: 10px;
    position: absolute;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 1.25rem rgba(0, 185, 86, .2);
    box-shadow: 0 10px 1.25rem rgba(0, 185, 86, .2);
    border-radius: 3px;
    overflow: hidden;
    top: 100%;
    left: -1.25rem;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-.9375rem);
    -ms-transform: translateY(-.9375rem);
    transform: translateY(-.9375rem);
    -webkit-transition: visibility 0s .25s, opacity .2s 0s, -webkit-transform .2s 0s;
    transition: visibility 0s .25s, opacity .2s 0s, -webkit-transform .2s 0s;
    -o-transition: visibility 0s .25s, opacity .2s 0s, transform .2s 0s;
    transition: visibility 0s .25s, opacity .2s 0s, transform .2s 0s;
    transition: visibility 0s .25s, opacity .2s 0s, transform .2s 0s, -webkit-transform .2s 0s
}
.header-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -.9375rem
}
.header-menu-item__link {
    display: inline-block;
    padding: 1.125rem .9375rem;
    color: #2b2b2b
}
.header-menu-item__link:hover {
    color: #3eb75d
}
.dropdown-trigger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    position: relative
}
.dropdown-trigger:after {
    content: "";
    display: block;
    width: 100%;
    height: 6px;
    position: absolute;
    bottom: -3px;
    left: 0
}
.dropdown-trigger__icon {
    display: inline-block;
    position: relative;
    width: .75rem;
    height: 8px;
    margin-left: 8px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}
.dropdown-trigger__icon svg {
    position: absolute;
    top: 0;
    left: 0
}
.dropdown-trigger:hover .dropdown-trigger__icon {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}
.dropdown-trigger:hover .dropdown-list {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: visibility 0s 0s, opacity .3s 0s, -webkit-transform .3s 0s;
    transition: visibility 0s 0s, opacity .3s 0s, -webkit-transform .3s 0s;
    -o-transition: visibility 0s 0s, opacity .3s 0s, transform .3s 0s;
    transition: visibility 0s 0s, opacity .3s 0s, transform .3s 0s;
    transition: visibility 0s 0s, opacity .3s 0s, transform .3s 0s, -webkit-transform .3s 0s
}
.dropdown-list {
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transition: visibility 0s .3s, opacity .2s 0s, -webkit-transform .2s 0s;
    transition: visibility 0s .3s, opacity .2s 0s, -webkit-transform .2s 0s;
    -o-transition: visibility 0s .3s, opacity .2s 0s, transform .2s 0s;
    transition: visibility 0s .3s, opacity .2s 0s, transform .2s 0s;
    transition: visibility 0s .3s, opacity .2s 0s, transform .2s 0s, -webkit-transform .2s 0s;
    position: absolute;
    z-index: 3;
    left: 0;
    top: 100%;
    -webkit-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 0;
    column-gap: 0;
    -webkit-column-rule: 1px solid #d5d9da;
    column-rule: 1px solid #d5d9da;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .15);
    box-shadow: 0 0 5px rgba(0, 0, 0, .15);
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding-top: .8125rem;
    padding-bottom: .8125rem
}
.dropdown-list__item {
    padding: 1px
}
.dropdown-list__item a {
    display: inline-block;
    width: 100%;
    padding: .3125rem 2.5rem .3125rem .75rem;
    line-height: 1.5rem;
    font-size: .875rem;
    color: #2b2b2b;
    white-space: nowrap;
    background-color: #fff
}
.dropdown-list__item a:hover {
    color: #00a04b;
    background-color: #ecf9f2
}
.header-info {
    font-size: 0
}
.header-info:not(:last-child) {
    margin-right: 2.5rem
}
.header-info-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}
.header-info__title {
    display: inline-block;
    line-height: 1;
    font-size: 1.5rem;
    margin-right: .75rem
}
.header-info__description {
    display: inline-block;
    color: #a1a1a1;
    line-height: 1.1;
    font-size: 10px;
    letter-spacing: .02em;
    text-transform: uppercase
}
.footer-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 1.875rem;
    padding-bottom: 2.5rem
}
.footer-brand {
    margin-right: 5%
}
.footer-brand, .footer-media {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.footer-media {
    text-align: right;
    margin-left: 5%
}
.footer-social {
    font-size: 0
}
.footer-social__item {
    display: inline-block;
    margin-left: 10px
}
.footer-social__item a {
    border: 1px solid #a1a1a1;
    width: 1.875rem;
    height: 1.875rem;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    font-size: 0
}
.footer-social__item a:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%
}
.footer-social__item a:hover {
    border-color: #00a04b
}
.footer-social__item a:hover .footer-social__icon {
    color: #00a04b
}
.footer-social__icon {
    color: #a1a1a1;
    display: inline-block;
    vertical-align: middle
}
.footer-social svg {
    -webkit-transition: color .25s;
    -o-transition: color .25s;
    transition: color .25s
}
.footer-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 29.375rem
}
.footer-nav-link {
    display: inline-block;
    vertical-align: top
}
.footer-nav-link:not(:last-child) {
    margin-right: 22%
}
.footer-nav-link__item:not(:last-child) {
    margin-bottom: .875rem
}
.footer-nav-link__item a {
    line-height: 1.25rem;
    font-size: .875rem;
    color: #757575
}
.footer-nav-link__item a:hover {
    color: #00a04b
}
.bttn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 3px;
    border: 1px solid #a1a1a1;
    padding: 7px 1.25rem 6px;
    font-size: .875rem;
    line-height: 1.4;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    overflow: hidden;
    -webkit-transition: color .2s, border-color .2s, background-color .3s;
    -o-transition: color .2s, border-color .2s, background-color .3s;
    transition: color .2s, border-color .2s, background-color .3s;
    pointer-events: all
}
.bttn .bttn__icon {
    display: inline-block;
    margin-right: 10px;
    color: #fff;
    -webkit-transition: color .2s .05s;
    -o-transition: color .2s .05s;
    transition: color .2s .05s
}
.bttn:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsla(0, 0%, 100%, .5);
    opacity: 0;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition: opacity .1s .05s, -webkit-transform .2s 0s;
    transition: opacity .1s .05s, -webkit-transform .2s 0s;
    -o-transition: opacity .1s .05s, transform .2s 0s;
    transition: opacity .1s .05s, transform .2s 0s;
    transition: opacity .1s .05s, transform .2s 0s, -webkit-transform .2s 0s;
    z-index: -1
}
.bttn:hover {
    cursor: pointer;
    -webkit-transition: color .3s, border-color .3s;
    -o-transition: color .3s, border-color .3s;
    transition: color .3s, border-color .3s
}
.bttn:hover:after {
    opacity: 1;
    -webkit-transform: scaleX(1.1);
    -ms-transform: scaleX(1.1);
    transform: scaleX(1.1);
    -webkit-transition: opacity .3s, -webkit-transform .35s;
    transition: opacity .3s, -webkit-transform .35s;
    -o-transition: opacity .3s, transform .35s;
    transition: opacity .3s, transform .35s;
    transition: opacity .3s, transform .35s, -webkit-transform .35s
}
.bttn.inverse {
    border-color: #7dd590;
    color: #fff;
    -webkit-transition: color .2s, border-color .25s .1s;
    -o-transition: color .2s, border-color .25s .1s;
    transition: color .2s, border-color .25s .1s
}
.bttn.inverse:after {
    background: #fff
}
.bttn.inverse:hover {
    border-color: #00a04b;
    color: #3f3f3f
}
.bttn.inverse:hover .bttn__icon {
    -webkit-transition: color .2s .1s;
    -o-transition: color .2s .1s;
    transition: color .2s .1s;
    color: #eb5757
}
.bttn.normal {
    color: #3eb75d;
    border-color: #3eb75d;
    display: inline-block
}
.bttn.normal:hover {
    color: #fff;
    border-color: #00a04b;
    background-color: #00a04b;
    -webkit-transition: color .2s, border-color .2s, background-color .3s;
    -o-transition: color .2s, border-color .2s, background-color .3s;
    transition: color .2s, border-color .2s, background-color .3s
}
.bttn.normal:after {
    display: none
}
.bttn.bg {
    color: #fff;
    border-color: #3eb75d;
    background-color: #3eb75d;
    display: inline-block
}
.bttn.bg:hover {
    color: #fff;
    border-color: #00a04b
}
.bttn.bg:after {
    background-color: #00a04b
}
.bttn.trans {
    display: inline-block;
    color: #3f3f3f;
    border-color: #cdd1d2
}
.bttn.trans:hover {
    color: #fff;
    border-color: #00a04b
}
.bttn.trans:after {
    background-color: #00a04b
}
.link-block {
    display: inline-block;
    padding: 8px .75rem;
    line-height: 1.2;
    font-size: .875rem;
    color: #2b2b2b;
    background-color: #fff;
    border: 1px solid #cdd1d2;
    border-radius: 2px;
    margin-right: 10px;
    -webkit-transition: background-color .2s, color .2s, border-color .2s;
    -o-transition: background-color .2s, color .2s, border-color .2s;
    transition: background-color .2s, color .2s, border-color .2s
}
.link-block.active {
    border-color: #3eb75d;
    background-color: #3eb75d;
    color: #fff;
    -webkit-transition: background-color .2s, color .3s;
    -o-transition: background-color .2s, color .3s;
    transition: background-color .2s, color .3s
}
.link-block:after {
    display: none
}
.link-block span {
    display: inline-block;
    margin-left: 3px
}
.link-block+.quest-link {
    margin-left: 1.25rem
}
.link-block:hover {
    border-color: #00a04b;
    color: #fff;
    background-color: #00a04b;
    -webkit-transition: background-color .2s, color .3s, border-color .3s;
    -o-transition: background-color .2s, color .3s, border-color .3s;
    transition: background-color .2s, color .3s, border-color .3s
}

.link-block2 {
    display: inline-block;
    padding: 4px .5rem;
    line-height: 1.2;
    font-size: .875rem;
    color: #2b2b2b;
    background-color: #fff;
    border: 1px solid #cdd1d2;
    border-radius: 2px;
    margin-right: 5px;
    -webkit-transition: background-color .2s, color .2s, border-color .2s;
    -o-transition: background-color .2s, color .2s, border-color .2s;
    transition: background-color .2s, color .2s, border-color .2s
}
.link-block2.active {
    border-color: #3eb75d;
    background-color: #3eb75d;
    color: #fff;
    -webkit-transition: background-color .2s, color .3s;
    -o-transition: background-color .2s, color .3s;
    transition: background-color .2s, color .3s
}
.link-block2:after {
    display: none
}
.link-block2 span {
    display: inline-block;
    margin-left: 3px
}
.link-block2+.quest-link {
    margin-left: 1.25rem
}
.link-block2:hover {
    border-color: #00a04b;
    color: #fff;
    background-color: #00a04b;
    -webkit-transition: background-color .2s, color .3s, border-color .3s;
    -o-transition: background-color .2s, color .3s, border-color .3s;
    transition: background-color .2s, color .3s, border-color .3s
}


.link-block-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: .75rem;
    margin-bottom: 1.8125rem
}
.link-block-wrap+.subtitle {
    margin-top: 1.875rem
}
.link-block-wrap .link-block {
    margin-top: 5px;
    margin-bottom: 5px
}
.link-block-wrap .link-block2 {
    margin-top: 1px;
    margin-bottom: 1px
}
.link-inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #3eb75d;
    line-height: 1.5rem;
    font-size: .9375rem
}
.link-inline:not(:last-child) {
    margin-bottom: 10px
}
.link-inline:hover {
    color: #009244
}
.link-inline__icon {
    width: 10px;
    height: 1.125rem;
    margin-right: 10px
}
.quest-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1.125rem;
    font-size: .875rem;
    color: #2b2b2b;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s
}
.quest-link span {
    display: inline-block;
    margin-left: 3px
}
.quest-link-icon {
    width: 1rem;
    height: .875rem;
    margin-right: 9px;
    color: #d5d9da
}
.backwards-links, .quest-link-icon {
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s
}
.backwards-links {
    line-height: 1.7;
    font-size: .875rem;
    color: #8c8c8c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.backwards-links-circle {
    width: 1.625rem;
    height: 1.625rem;
    background-color: #fff;
    text-align: center;
    font-size: 0;
    border-radius: 50%;
    margin-right: .875rem;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    -webkit-transition: -webkit-box-shadow .2s;
    transition: -webkit-box-shadow .2s;
    -o-transition: box-shadow .2s;
    transition: box-shadow .2s;
    transition: box-shadow .2s, -webkit-box-shadow .2s
}
.backwards-links-circle:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%
}
.backwards-links-circle-icon {
    margin-left: -2px;
    margin-top: -1px;
    display: inline-block;
    vertical-align: middle;
    width: .75rem;
    height: 9px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    color: #3f3f3f;
    -webkit-transition: color .2s, -webkit-transform .3s;
    transition: color .2s, -webkit-transform .3s;
    -o-transition: color .2s, transform .3s;
    transition: color .2s, transform .3s;
    transition: color .2s, transform .3s, -webkit-transform .3s
}
.backwards-links:hover {
    color: #00a04b;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    cursor: pointer
}
.backwards-links:hover .backwards-links-circle {
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 5px rgba(0, 0, 0, .15);
    -webkit-transition: -webkit-box-shadow .3s;
    transition: -webkit-box-shadow .3s;
    -o-transition: box-shadow .3s;
    transition: box-shadow .3s;
    transition: box-shadow .3s, -webkit-box-shadow .3s
}
.backwards-links:hover .backwards-links-circle-icon {
    color: #00a04b;
    -webkit-transition: color .3s, -webkit-transform .3s;
    transition: color .3s, -webkit-transform .3s;
    -o-transition: color .3s, transform .3s;
    transition: color .3s, transform .3s;
    transition: color .3s, transform .3s, -webkit-transform .3s;
    -webkit-transform: rotate(450deg);
    -ms-transform: rotate(450deg);
    transform: rotate(450deg)
}
.backwards-links.subtitle {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    line-height: 1.2;
    font-size: 1.25rem;
    color: #272727;
    margin-bottom: 1.25rem;
    margin-top: 2.25rem;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s
}
.backwards-links.subtitle .backwards-links-circle {
    margin-right: 0;
    margin-left: .875rem
}
.backwards-links.subtitle .backwards-links-circle-icon {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin-left: 2px;
    margin-top: -1px
}
.backwards-links.subtitle:hover {
    color: #00a04b;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    cursor: pointer
}
.backwards-links.subtitle:hover .backwards-links-circle-icon {
    -webkit-transform: rotate(-450deg);
    -ms-transform: rotate(-450deg);
    transform: rotate(-450deg)
}
.close-up {
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    position: relative;
    color: #8c8c8c;
    -webkit-transition: color .2s .1s;
    -o-transition: color .2s .1s;
    transition: color .2s .1s
}
.close-up:hover {
    color: #3f3f3f;
    -webkit-transition: color .3s 0s;
    -o-transition: color .3s 0s;
    transition: color .3s 0s
}
.close-up:hover:after, .close-up:hover:before {
    -webkit-transition: background-color .2s .1s;
    -o-transition: background-color .2s .1s;
    transition: background-color .2s .1s
}
.close-up:after, .close-up:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transition: background-color .3s 0s;
    -o-transition: background-color .3s 0s;
    transition: background-color .3s 0s
}
.close-up:before {
    -webkit-transform: rotate(45deg) translate(-55%, -50%);
    -ms-transform: rotate(45deg) translate(-55%, -50%);
    transform: rotate(45deg) translate(-55%, -50%);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left
}
.close-up:after {
    -webkit-transform: rotate(-45deg) translate(-45%, -50%);
    -ms-transform: rotate(-45deg) translate(-45%, -50%);
    transform: rotate(-45deg) translate(-45%, -50%);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left
}
.table-wrap .close-up {
    color: #eb5757
}
.table-wrap .close-up:hover {
    color: #c24646
}
.table-wrap .close-up:after, .table-wrap .close-up:before {
    height: 2px
}
.modal-map-outer .close-up {
    color: #fff
}
.modal-map-outer .close-up:hover {
    color: hsla(0, 0%, 100%, .6)
}
.modal-map-outer .close-up:after, .modal-map-outer .close-up:before {
    height: 2px
}
.bttn-clear:after {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}
.page-tabs-content .bttn-clear {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    right: 0;
    top: -3.4375rem;
    line-height: 1.25rem;
    font-size: .875rem;
    padding-top: 8px;
    padding-bottom: 6px
}
.bttn-clear .close-up {
    width: .875rem;
    height: .875rem;
    margin-right: 10px
}
.bttn-clear .close-up:after, .bttn-clear .close-up:before {
    height: 2px;
    background-color: #eb5757
}
.bttn-check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    background: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    border-radius: 3px;
    line-height: 1rem;
    font-size: .875rem;
    color: #2b2b2b
}
.bttn-check:not(:first-child):not(:last-child) {
    border-radius: 0
}
.bttn-check:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}
.bttn-check:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}
.bttn-check label {
    cursor: pointer;
    padding: 9px 1rem 9px 10px
}
.modals {
    visibility: hidden;
    pointer-events: none;
    position: relative
}
.modal-layout {
    visibility: hidden;
    background-color: rgba(0, 0, 0, .4);
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    pointer-events: all;
    z-index: -1;
    opacity: 0;
    -webkit-transition: visibility 0s .3s, opacity .2s .1s;
    -o-transition: visibility 0s .3s, opacity .2s .1s;
    transition: visibility 0s .3s, opacity .2s .1s;
    text-align: center;
    font-size: 0
}
.modal-layout[data-modal=login] {
    overflow-y: auto
}
.modal-layout:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%
}
.modal-layout.form-close {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 0s .6s, opacity .2s .4s;
    -o-transition: visibility 0s .6s, opacity .2s .4s;
    transition: visibility 0s .6s, opacity .2s .4s;
    z-index: 100
}
.modal-layout.form-close .modal-main {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9)
}
.modal-layout.form-close .modal-main, .modal-layout.form-close .modal-success {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 0s .4s, opacity .3s .1s, -webkit-transform .3s .1s;
    transition: visibility 0s .4s, opacity .3s .1s, -webkit-transform .3s .1s;
    -o-transition: visibility 0s .4s, opacity .3s .1s, transform .3s .1s;
    transition: visibility 0s .4s, opacity .3s .1s, transform .3s .1s;
    transition: visibility 0s .4s, opacity .3s .1s, transform .3s .1s, -webkit-transform .3s .1s
}
.modal-layout.form-close .modal-success {
    -webkit-transform: translate(-50%, -50%) scale(.9);
    -ms-transform: translate(-50%, -50%) scale(.9);
    transform: translate(-50%, -50%) scale(.9)
}
.modal-layout.active {
    z-index: 100;
    opacity: 1;
    visibility: visible;
    -webkit-transition: visibility 0s, opacity .2s;
    -o-transition: visibility 0s, opacity .2s;
    transition: visibility 0s, opacity .2s
}
.modal-layout.active .modal-main {
    visibility: visible;
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: visibility 0s .1s, opacity .3s .2s, -webkit-transform .3s .2s;
    transition: visibility 0s .1s, opacity .3s .2s, -webkit-transform .3s .2s;
    -o-transition: visibility 0s .1s, opacity .3s .2s, transform .3s .2s;
    transition: visibility 0s .1s, opacity .3s .2s, transform .3s .2s;
    transition: visibility 0s .1s, opacity .3s .2s, transform .3s .2s, -webkit-transform .3s .2s
}
.modal-layout.active-success {
    z-index: 100
}
.modal-layout.active-success .modal-main {
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
    -webkit-transition: visibility 0s .4s, opacity .25s .1s, -webkit-transform .25s .1s;
    transition: visibility 0s .4s, opacity .25s .1s, -webkit-transform .25s .1s;
    -o-transition: visibility 0s .4s, opacity .25s .1s, transform .25s .1s;
    transition: visibility 0s .4s, opacity .25s .1s, transform .25s .1s;
    transition: visibility 0s .4s, opacity .25s .1s, transform .25s .1s, -webkit-transform .25s .1s
}
.modal-layout.active-success .modal-success {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: visibility 0s .45s, opacity .3s .5s, -webkit-transform .3s .5s;
    transition: visibility 0s .45s, opacity .3s .5s, -webkit-transform .3s .5s;
    -o-transition: visibility 0s .45s, opacity .3s .5s, transform .3s .5s;
    transition: visibility 0s .45s, opacity .3s .5s, transform .3s .5s;
    transition: visibility 0s .45s, opacity .3s .5s, transform .3s .5s, -webkit-transform .3s .5s
}
.modal-container {
    background-color: #f5f5f5;
    display: inline-block;
    vertical-align: middle;
    padding: 3.125rem 4.375rem;
    overflow: hidden;
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .5)
}
.modal-container-title {
    font-weight: 500;
    line-height: 1.5rem;
    font-size: 1.25rem;
    text-align: center;
    color: #272727
}
.modal-container-inner {
    width: 100%;
    height: 100%;
    position: relative;
    overflow-y: auto;
    text-align: left
}
.modal-container-tabs {
    display: inline-block;
    line-height: 1.25rem;
    font-size: .875rem;
    text-align: center;
    color: #8c8c8c;
    position: relative
}
.modal-container-tabs:not(:last-child) {
    margin-right: 2.5rem
}
.modal-container-tabs:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #3eb75d;
    position: absolute;
    left: 0;
    bottom: -5px;
    opacity: 0;
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transition: opacity .1s 0s, -webkit-transform .3s 0s;
    transition: opacity .1s 0s, -webkit-transform .3s 0s;
    -o-transition: opacity .1s 0s, transform .3s 0s;
    transition: opacity .1s 0s, transform .3s 0s;
    transition: opacity .1s 0s, transform .3s 0s, -webkit-transform .3s 0s
}
.modal-container-tabs.active {
    color: #2b2b2b;
    pointer-events: none
}
.modal-container-tabs.active:after {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: opacity .2s .4s, -webkit-transform .3s .4s;
    transition: opacity .2s .4s, -webkit-transform .3s .4s;
    -o-transition: opacity .2s .4s, transform .3s .4s;
    transition: opacity .2s .4s, transform .3s .4s;
    transition: opacity .2s .4s, transform .3s .4s, -webkit-transform .3s .4s
}
.modal-container .page-tabs {
    margin-top: 3.75rem;
    margin-bottom: 0
}
.modal-container .tabs-head {
    margin-bottom: 2.125rem
}
.modal-container .input-item, .modal-container .input-wrapper .page-nav-item {
    width: 18.75rem
}
.modal-container .input-item--quest {
    width: 31.25rem
}
.modal-container .label-select {
    max-width: 18.75rem;
    text-align: left;
    margin-right: auto
}
.modal-container hr {
    margin-top: 2.5rem;
    margin-bottom: 1.25rem
}
.modal-container.modal-main {
    will-change: transform;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    position: relative
}
.modal-container.modal-login .modal-container-title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center
}
.modal-container .input-wrapper .bttn:only-child {
    margin-right: 0;
    margin-left: auto
}
.modal-close {
    display: block;
    width: 1.625rem;
    height: 1.625rem;
    padding: 3px;
    position: absolute;
    will-change: transform;
    z-index: 3;
    top: 11px;
    right: 11px;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}
.modal-close:hover {
    cursor: pointer
}
.modal-success {
    display: block;
    will-change: transform;
    visibility: hidden;
    opacity: 0;
    width: 100%;
    max-width: 37.5rem;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    -ms-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1)
}
.modal-success .modal-feedback-title {
    margin-bottom: 1.875rem
}
.bottom-notice {
    background-color: transparent;
    pointer-events: none;
    -webkit-transition: visibility 0s .3s, opacity 0s .3s;
    -o-transition: visibility 0s .3s, opacity 0s .3s;
    transition: visibility 0s .3s, opacity 0s .3s
}
.bottom-notice.active {
    -webkit-transition: visibility 0s 0s, opacity 0s 0s;
    -o-transition: visibility 0s 0s, opacity 0s 0s;
    transition: visibility 0s 0s, opacity 0s 0s
}
.bottom-notice.active .bottom-notice-wrap {
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}
.bottom-notice.more-active .bottom-notice-text {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: padding .25s ease-in;
    -o-transition: padding .25s ease-in;
    transition: padding .25s ease-in
}
.bottom-notice.modal-layout:before {
    display: none
}
.bottom-notice-wrap {
    pointer-events: all;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(110%);
    -ms-transform: translateY(110%);
    transform: translateY(110%);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}
.bottom-notice-inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 78.75rem;
    padding: 0 2.5rem;
    margin: 0 auto
}
.bottom-notice-inner:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: .8;
    z-index: -1
}
.bottom-notice-text {
    font-weight: normal;
    line-height: 1.33;
    font-size: .9375rem;
    text-align: left;
    color: #fff;
    padding-top: 1.0625rem;
    padding-bottom: .875rem;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: padding .1s ease-out;
    -o-transition: padding .1s ease-out;
    transition: padding .1s ease-out;
    padding-right: 1.25rem
}
.bottom-notice-text a {
    color: #3eb75d
}
.bottom-notice-text a:hover {
    color: #00a04b
}
.bottom-notice.js-table-notice .bottom-notice-bttn {
    width: 3.125rem;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    cursor: pointer;
    -webkit-transition: padding .2s;
    -o-transition: padding .2s;
    transition: padding .2s
}
.bottom-notice.js-table-notice .bottom-notice-bttn:after, .bottom-notice.js-table-notice .bottom-notice-bttn:before {
    content: "";
    display: block;
    width: .8125rem;
    height: 1px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}
.bottom-notice.js-table-notice .bottom-notice-bttn:after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}
.bottom-notice.js-coockie .bottom-notice-text {
    max-width: 47.5rem
}
.bottom-notice.js-coockie .bottom-notice-bttn {
    padding-right: 1.875rem;
    padding-left: 1.875rem;
    background-color: #3eb75d;
    color: #fff;
    border-color: #3eb75d
}
.bottom-notice.js-coockie .bottom-notice-bttn:hover {
    border-color: #00a04b
}
.bottom-notice.js-coockie .bottom-notice-bttn:after {
    background-color: #00a04b
}
.modal-success, .save-success {
    text-align: center
}
.modal-success *, .save-success * {
    text-align: center;
    color: #8c8c8c
}
.modal-success .modal-container-title, .save-success .modal-container-title {
    margin-bottom: 1.875rem;
    color: #272727
}
.forgotten-pass-bttn {
    line-height: 1rem;
    font-size: .75rem;
    color: #3eb75d;
    position: absolute;
    cursor: pointer;
    padding: 3px;
    right: .5625rem;
    top: .375rem
}
.modal-login .modal-container-content {
    overflow-y: auto
}
.modal-info {
    height: 70vh;
    padding-right: 1rem;
    position: relative
}
.modal-info:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 3.5625rem;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(92%, #f5f5f5), to(transparent));
    background: -webkit-linear-gradient(bottom, #f5f5f5 92%, transparent);
    background: -o-linear-gradient(bottom, #f5f5f5 92%, transparent 100%);
    background: linear-gradient(0deg, #f5f5f5 92%, transparent)
}
.modal-info .modal-container-inner {
    overflow: hidden;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    position: relative
}
.modal-info .modal-container-content {
    overflow-y: auto;
    padding-right: 3rem
}
.modal-info .modal-container-content::-webkit-scrollbar {
    width: 6px;
    background: #dfe1e2;
    border-radius: 3px
}
.modal-info .modal-container-content::-webkit-scrollbar-thumb {
    background: #b4b4b4;
    border-radius: 3px
}
.modal-info-title {
    font-weight: 500;
    line-height: 2.375rem;
    font-size: 1.625rem;
    color: #272727;
    margin-bottom: 4px
}
.modal-info-description {
    line-height: 1rem;
    font-size: .9375rem;
    color: #8c8c8c;
    margin-bottom: 2.125rem
}
.modal-info-table {
    width: 100%;
    max-width: 43.75rem;
    border-top: 1px solid #d5d9da;
    padding-top: .875rem
}
.modal-info-table:not(:last-child) {
    padding-bottom: 1.5rem
}
.modal-info-table-tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.modal-info-table-tr:not(:last-child) {
    margin-bottom: .8125rem
}
.modal-info-table-tr .modal-info-table-td {
    padding-right: 3.125rem
}
.modal-info-table-tr .modal-info-table-td:first-child {
    width: 40%;
    color: #8c8c8c
}
.modal-info-table-tr .modal-info-table-td:last-child {
    width: 60%;
    color: #2b2b2b
}
.modal-info-table-td {
    line-height: 1.5rem;
    font-size: .875rem;
    color: #8c8c8c
}
.modal-quest {
    min-width: 40rem
}
.modal-quest .modal-container-title {
    margin-bottom: 2.5rem
}
.news-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 2.125rem -5px
}
.news-item {
    display: inline-block;
    width: 20%;
    padding: 0 5px
}
.news-item-img {
    width: 100%;
    border: 1px solid #ccd9dc;
    border-radius: 3px;
    overflow: hidden
}
.news-item-img_outer {
    width: 100%;
    padding-bottom: 61%;
    position: relative
}
.news-item-img_inner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: -webkit-transform .2s .05s;
    transition: -webkit-transform .2s .05s;
    -o-transition: transform .2s .05s;
    transition: transform .2s .05s;
    transition: transform .2s .05s, -webkit-transform .2s .05s;
    will-change: transform
}
.news-item-img_inner img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}
.news-item__short {
    line-height: 1.5;
    font-size: .8125rem;
    color: #757575;
    margin-top: 1rem;
    -webkit-transition: color .2s .05s;
    -o-transition: color .2s .05s;
    transition: color .2s .05s
}
.news-tile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}
.news-card {
    width: 32%;
    max-width: 23.125rem;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid #d5d9da
}
.news-card:not(:nth-child(3n)) {
    margin-right: 10px
}
.news-card:nth-last-child(-n+3) {
    border: none;
    padding-bottom: 0;
    margin-bottom: 2.25rem
}
.news-card__title {
    font-size: .875rem;
    line-height: 1.25rem;
    color: #757575;
    margin-bottom: 10px;
    -webkit-transition: color .2s .05s;
    -o-transition: color .2s .05s;
    transition: color .2s .05s
}
.news-card-info {
    font-size: .8125rem;
    line-height: 1.25rem;
    color: #a1a1a1
}
.search-result {
    width: 50%;
    display: inline-block;
    vertical-align: top
}
.search-result-wrap {
    margin-top: 2.125rem;
    margin-bottom: 2.125rem
}
.search-result__item {
    width: 50%;
    display: inline-block;
    padding-right: 1.875rem;
    vertical-align: top
}
.search-result__item:not(:last-child) {
    margin-bottom: .875rem
}
.search-result__item a {
    display: inline-block;
    width: 100%;
    color: #757575;
    font-size: .875rem;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}
.search-result .subtitle {
    margin-top: 0
}
.more-result {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    border-radius: 3px;
    -webkit-box-orient: horizontal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .9375rem .9375rem 2.0625rem;
    width: 100%
}
.more-result, .more-result-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}
.more-result-item {
    -webkit-box-orient: vertical;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 16.5%;
    padding: 0 10px
}
.more-result-item-img {
    width: 100%;
    padding-bottom: 65%;
    position: relative;
    margin-bottom: 10px
}
.more-result-item-img-inn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 0
}
.more-result-item-img-inn:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%
}
.more-result-item-img img {
    display: inline-block;
    vertical-align: middle;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}
.more-result-item__name {
    margin-bottom: .8125rem;
    line-height: 1.125rem;
    font-size: .9375rem;
    text-transform: uppercase;
    color: #2b2b2b;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s
}
.more-result-item__description {
    line-height: 1.25rem;
    font-size: .8125rem;
    color: #8c8c8c;
    margin-bottom: 8px
}
.more-result-item__price {
    margin-top: auto;
    font-weight: 500;
    line-height: 1.125rem;
    font-size: .9375rem;
    color: #2b2b2b
}
.more-result-item__price:before {
    content: "от "
}
.more-result-item__price:after {
    content: " руб."
}
.more-result-item:hover .more-result-item__name {
    color: #00a04b;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s
}
.tile {
    width: 100%;
    margin: 1.5rem 0
}
.tile-column {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}
.tile-column:not(:last-child) {
    margin-right: .75rem
}
.tile-item {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 1rem;
    -webkit-box-shadow: 0 0 5px transparent;
    box-shadow: 0 0 5px transparent;
    -webkit-transition: -webkit-box-shadow .2s .05s;
    transition: -webkit-box-shadow .2s .05s;
    -o-transition: box-shadow .2s .05s;
    transition: box-shadow .2s .05s;
    transition: box-shadow .2s .05s, -webkit-box-shadow .2s .05s;
    will-change: box-shadow
}
.tile-item:not(:last-child) {
    margin-right: .75rem
}
.tile-item--cel {
    height: 16.25rem
}
.tile-item__inner {
    width: 100%;
    height: 100%;
    border-radius: 3px;
    overflow: hidden;
    background: #a1a1a1;
    position: relative
}
.tile-item.col-4 .tile-item__inner {
    padding-bottom: 84%
}
.tile-item.col-3 .tile-item__inner {
    padding-bottom: 62.3%
}
.tile-item.col-2 .tile-item__inner {
    padding-bottom: 41.2%
}
.tile-item--stretch .tile-item__inner {
    padding-bottom: 0;
    height: 100%
}
.tile-item__outer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: cover
}
.tile-item__outer img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}
.tile-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    width: 100%
}
.tile-row:not(:last-child) {
    margin-bottom: .75rem
}
.tile .col-4 {
    width: 25%
}
.tile .col-3 {
    width: 33.33%
}
.tile .col-3 .tile-item__inner {
    padding-bottom: 62.3%
}
.tile .col-2 {
    width: 50%
}
.tile .col-3_4 {
    width: 75%
}
.tile .col-3_4 .col-2 .tile-item__inner {
    padding-bottom: 55.2%
}
.tile .col-3_4 .col-3 .tile-item__inner {
    padding-bottom: 84%
}
.tile .col-100 {
    width: 100%
}
.leaders {
    display: inline-block;
    width: 50%;
    vertical-align: top
}
.leaders:nth-child(odd) {
    padding-right: 1.25rem
}
.leaders:nth-child(2n) {
    padding-left: 1.25rem
}
.leaders-wrap {
    font-size: 0;
    width: 100%
}
.leaders-table {
    width: 100%;
    margin-bottom: 2.875rem;
    counter-reset: tableRow;
    border: 1px solid #f5f5f5;
    border-radius: 2px
}
.leaders-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    counter-increment: tableRow;
    font-size: .8125rem;
    position: relative;
    will-change: transform;
    contain: layout;
    -webkit-transition: background-color .15s;
    -o-transition: background-color .15s;
    transition: background-color .15s
}
.leaders-row:not(:last-child) {
    border-bottom: 1px solid #f5f5f5
}
.leaders-row:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}
.leaders-row:last-child {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}
.leaders-row:after, .leaders-row:before {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}
.leaders-row:before {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    opacity: 1;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s
}
.leaders-row:after {
    -webkit-box-shadow: 0 3px 10px rgba(0, 143, 31, .2);
    box-shadow: 0 3px 10px rgba(0, 143, 31, .2);
    opacity: 0;
    -webkit-transition: opacity .11s;
    -o-transition: opacity .11s;
    transition: opacity .11s
}
.leaders-row:hover {
    background: #ecf9f2;
    z-index: 1;
    -webkit-transition: background-color .15s;
    -o-transition: background-color .15s;
    transition: background-color .15s
}
.leaders-row:hover:before {
    opacity: 0;
    -webkit-transition: opacity .1s;
    -o-transition: opacity .1s;
    transition: opacity .1s
}
.leaders-row:hover:after {
    opacity: 1;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s
}
.leaders-row:hover .td-name {
    color: #3eb75d;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}
.leaders-td {
    padding-top: 1.0625rem;
    padding-bottom: 1rem;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
.leaders-td.td-count {
    padding: 1.0625rem 5px 1rem .9375rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #2b2b2b
}
.leaders-td.td-name {
    padding-right: 10px;
    padding-left: 10px;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #2b2b2b;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}
.leaders-td.td-name span {
    color: #8c8c8c
}
.leaders-td.td-price {
    padding-right: 10px;
    padding-left: 1.25rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #272727;
    font-weight: 500;
    margin-left: auto
}
.table-wrap {
    margin-top: 1.25rem;
    margin-bottom: 1.0625rem
}
.table-wrap table {
    width: 100%;
    font-size: .8125rem;
    background-color: #fff
}
.table-wrap table.table-border {
    border-collapse: separate;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15)
}
.table-wrap table thead {
    background-color: #3eb75d
}
.table-wrap table thead th {
    text-align: left;
    color: #fff;
    font-weight: normal;
    line-height: 1rem;
    font-size: .875rem;
    padding: 1rem 10px
}
.table-wrap table thead th span {
    display: inline-block;
    color: #b3e8cb;
    white-space: nowrap;
    font-weight: normal;
    display: none
}
.table-wrap table thead th span:before {
    content: "/";
    display: inline-block;
    margin: 0 5px
}
.table-wrap table thead th.btn-left {
    width: 4.375rem;
    padding-left: 1.5rem;
    padding-right: .875rem;
    text-align: center
}
.table-wrap table thead th.btn-right {
    width: 4.375rem;
    padding-left: .875rem;
    padding-right: 1.5rem;
    text-align: center
}
.table-wrap table thead th.phone-last {
    text-align: right
}
.table-wrap table thead th:first-child {
    padding-left: 1.5rem
}
.table-wrap table tbody tr:hover {
    z-index: 3
}
.table-wrap table tbody tr:hover .quantity-bttn {
    background-color: #fff;
    -webkit-transition: color .3s, background-color .3s;
    -o-transition: color .3s, background-color .3s;
    transition: color .3s, background-color .3s
}
.table-wrap table tbody tr:hover .quantity-bttn:after, .table-wrap table tbody tr:not(.tr-border) {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}
.table-wrap table tbody tr:not(.tr-border) {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -webkit-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s;
    position: relative
}
.table-wrap table tbody tr:not(.tr-border):hover {
    background-color: #e5fcf0;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s
}

/*
.table-wrap table tbody tr.tr-border {
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
        box-shadow: 0 1px 2px rgba(0, 0, 0, .2)
}
*/
.table-wrap table tbody tr.tr-border td {
    border-top: 1px solid transparent;
    border-bottom: 1px solid rgba(0, 0, 0, .1333);
    -webkit-transition: border-color .2s;
    -o-transition: border-color .2s;
    transition: border-color .2s
}
.table-wrap table tbody tr.tr-border td:first-child {
    border-left: 1px solid transparent
}
.table-wrap table tbody tr.tr-border td:last-child {
    border-right: 1px solid transparent
}


.table-wrap table tbody tr.tr-border:hover td {
    border-color: #7dd590;
    -webkit-transition: border-color .3s;
    -o-transition: border-color .3s;
    transition: border-color .3s
}
.table-wrap table tbody td {
    text-align: left;
    padding: .875rem 10px .9375rem;
    line-height: 1.125rem;
    font-size: .9375rem;
    white-space: nowrap;
    vertical-align: top;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}
.table-wrap table tbody td.name {
    text-transform: uppercase
}
.table-wrap table tbody td .capture {
    display: block;
    text-transform: none;
    color: #707070;
    font-size: .8125rem;
    height: 1.125rem
}
.table-wrap table tbody td.normal-price, .table-wrap table tbody td.price {
    font-weight: 500
}
.table-wrap table tbody td.normal-price span, .table-wrap table tbody td.price span {
    font-weight: normal
}
.table-wrap table tbody td.normal-price .price-value, .table-wrap table tbody td.price .price-value {
    font-weight: 500
}
.table-wrap table tbody td:first-child {
    padding-left: 1.5rem
}
.table-wrap table tbody a {
    color: inherit
}
.table-wrap table .text-wrap {
    width: 100%;
    height: 1.125rem;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    position: relative
}
.table-wrap table .text-wrap~.text-wrap {
    margin-top: 5px
}
.table-wrap table .text-wrap *, .table-wrap table .text-wrap .capture {
    display: inline;
    vertical-align: middle
}
.table-wrap table .text-wrap .status {
    display: inline-block;
    vertical-align: middle
}
.table-wrap table .btn, .table-wrap table .btn-left, .table-wrap table .btn-right {
    width: 4.375rem;
    padding-right: .875rem;
    padding-top: .875rem;
    padding-bottom: .875rem;
    text-align: center;
    vertical-align: middle;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.table-wrap table .btn-left {
    padding-left: 1.5rem;
    padding-right: .875rem
}
.table-wrap table .btn-right {
    padding-right: 1.5rem;
    padding-left: .875rem
}
.table-wrap table .content-table {
    min-width: 6.875rem;
    max-width: 20rem;
    position: relative
}
.table-wrap table .name {
    width: 10%
}
.table-wrap table .pharm-name .content-table, .table-wrap table .address .content-table {
    max-width: 25rem
}
.table-wrap table .produce .content-table {
    max-width: 12rem
}
.table-wrap table .price .content-table{
    min-width: 3rem
}
.table-wrap table .phone-last {
    min-width: 12.5rem;
    padding-right: 1.5rem;
    text-align: right
}
.table-wrap table .phone-last .text-wrap {
    margin-left: auto
}
.table-wrap table .phone-last .text-wrap a {
    text-align: right
}
.table-wrap table .form {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    width: 10%
}
.table-wrap table .form .content-table {
    min-width: auto;
    max-width: none
}
.table-wrap table .produce {
    width: 10%;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}
.table-wrap table .price {
    text-align: right;
    padding-right: 1.5rem;
    padding-left: 1.25rem;
    white-space: nowrap
}
.table-wrap table .price .stock {
    margin-left: 5px
}
.table-wrap table .price-value {
    display: inline-block;
    font-weight: bold;
    vertical-align: middle
}
.table-wrap table .price-value+.capture {
    margin-top: 5px
}
.table-wrap table .form-title {
    display: inline-block;
    vertical-align: middle
}
.table-wrap table .form-title+.capture {
    margin-top: 5px
}
.table-wrap table .normal-price {
    text-align: left;
    white-space: nowrap
}
.table-wrap table .info {
    white-space: normal
}
.table-wrap table .region {
    width: 8.75rem;
    padding-right: 1.5rem;
    text-align: right
}
.table-wrap table .region .bttn {
    text-transform: uppercase;
    display: inline-block;
    line-height: 1.2;
    font-size: 10px;
    vertical-align: middle
}
.table-wrap table .quantity {
    min-width: 11.25rem;
    vertical-align: middle;
    padding-right: 2.5rem;
    padding-left: 2.5rem
}
/*.table-wrap.table-disable {
        pointer-events: none
}*/
.table-wrap.table-disable td {
    color: #8c8c8c
}
.table-wrap.table-disable td a, .table-wrap.table-disable td a:hover{
    color: #8c8c8c
}
.table-wrap.table-disable td .capture {
    color: #8c8c8c
}
/*.table-wrap.table-disable tr:hover {
        background-color: #fff
}*/
.table-nav {
    border-bottom: 1px solid #d5d9da;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.table-nav .table-view {
    width: auto;
    margin-left: auto
}
.table-nav .table-view .select-check-title {
    margin-right: 1rem
}
.table-nav .table-view .select-check-item.this-check {
    display: none
}
.table-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}
.table-pagination-bttn {
    padding: 8px .875rem;
    background-color: #fff;
    border: none;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    line-height: 1.3;
    font-size: .875rem;
    text-align: center;
    border-radius: 3px
}
.table-pagination-bttn a {
    color: #8c8c8c
}
.table-pagination-bttn:after {
    background-color: #00a04b;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}
.table-pagination-bttn:hover {
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 5px rgba(0, 0, 0, .15)
}
.table-pagination-bttn:hover a {
    color: #fff
}
.table-pagination-bttn.active {
    background-color: #3eb75d
}
.table-pagination-bttn.active a {
    color: #fff
}
.table-pagination-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}
.table-pagination-inner .table-pagination-bttn:not(:first-child):not(:last-child) {
    border-radius: 0;
    margin-right: 1px
}
.table-pagination-inner .table-pagination-bttn:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-right: 1px
}
.table-pagination-inner .table-pagination-bttn:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}
.table-pagination .table-pagination-arrow {
    opacity: 1;
    width: auto;
    will-change: width;
    pointer-events: all;
    -webkit-transition: opacity .3s .05s, width .4s, padding .2s, margin .2s;
    -o-transition: opacity .3s .05s, width .4s, padding .2s, margin .2s;
    transition: opacity .3s .05s, width .4s, padding .2s, margin .2s
}
.table-pagination .table-pagination-prev {
    margin-right: 8px
}
.table-pagination .table-pagination-next {
    margin-left: 8px
}
.table-pagination.first-page .table-pagination-prev {
    margin-right: 0
}
.table-pagination.first-page .table-pagination-prev, .table-pagination.last-page .table-pagination-next {
    opacity: 0;
    width: 0;
    padding: 0;
    -webkit-transition: opacity .2s 0s, width .3s, padding .2s, margin .2s;
    -o-transition: opacity .2s 0s, width .3s, padding .2s, margin .2s;
    transition: opacity .2s 0s, width .3s, padding .2s, margin .2s;
    pointer-events: none
}
.table-pagination.last-page .table-pagination-next {
    margin-left: 0
}
.status {
    display: inline-block;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    margin-right: 8px
}
.status.open {
    background-color: #3eb75d
}
.status.closed {
    background-color: #eb5757
}
.multi-table-head {
    background-color: #3eb75d;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}
.multi-table-head .multi-table-r {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}
.multi-table-th {
    color: #fff;
    padding-top: .75rem;
    padding-bottom: .8125rem
}
.multi-table-th span {
    color: #b3e8cb
}
.multi-table-body {
    background-color: #fff;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}
.multi-table-body>.multi-table-row {
    border-bottom: 1px solid #d5d9da;
    margin-bottom: -1px
}
.multi-table-body .multi-table-l {
    border-right: 1px solid #d5d9da;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    margin-bottom: -1px
}
.multi-table-body .multi-table-l .multi-table-row {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: .875rem
}
.multi-table-body .multi-table-r {
    -ms-flex-item-align: start;
    align-self: flex-start;
    border-bottom: 1px solid #d5d9da;
    margin-bottom: -1px
}
.multi-table-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.multi-table-row.drug-info {
    text-align: left;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: .875rem 1.5rem
}
.multi-table-row.drug-info:not(:last-child) {
    border-bottom: 1px solid #d5d9da
}
.multi-table-row.drug-empty .multi-table-subtitle {
    color: #8c8c8c
}
.multi-table-row.drug-empty .caption {
    color: #eb5757
}
.multi-table-l {
    width: 65%;
    text-align: left;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}
.multi-table-r {
    width: 35%;
    text-align: right
}
.multi-table-td .price {
    text-align: right
}
.multi-table-td .price, .multi-table-title {
    font-weight: 500;
    line-height: 1.125rem;
    font-size: .9375rem;
    color: #2b2b2b;
    margin-bottom: 5px
}
.multi-table-title {
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    width: 100%;
    max-width: 28.75rem;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s
}
.multi-table-title:active, .multi-table-title:hover {
    color: #00a04b;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}
.multi-table-subtitle {
    font-weight: normal;
    line-height: 1.125rem;
    font-size: .9375rem;
    text-transform: uppercase;
    color: #2b2b2b;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    width: 100%;
    max-width: 15.625rem;
    margin-bottom: 5px;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s
}
.multi-table-subtitle:active, .multi-table-subtitle:hover {
    color: #00a04b;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}
.multi-table-info {
    margin-top: 10px;
    margin-bottom: .75rem
}
.multi-table-info>* {
    padding-left: 1.375rem
}
.multi-table-info__item {
    font-weight: normal;
    line-height: 1.125rem;
    font-size: .8125rem;
    color: #2b2b2b;
    position: relative;
    margin-bottom: 8px
}
.multi-table-info__item li {
    display: inline-block;
    margin-right: 5px
}
.multi-table-info__item:after {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    width: .9375rem;
    height: .9375rem;
    background-repeat: no-repeat;
    background-size: cover
}
.multi-table-info__item.phones a {
    color: #2b2b2b
}
.multi-table-info__item.phones a:active, .multi-table-info__item.phones a:hover {
    color: #00a04b;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}
.multi-table-info__item.phones:after {
    width: .8125rem;
    height: .8125rem;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgZmlsbD0ibm9uZSI+ICA8cGF0aCBmaWxsPSIjMDBCOTU2IiBkPSJNNy40OTggNy40OThjLTEuMjg2IDEuMjg3LTIuNzc2IDIuNTE2LTMuMzY1IDEuOTI4QzMuMjkgOC41ODMgMi43NyA3Ljg0OC45MTIgOS4zNDJjLTEuODYgMS40OTQtLjQzMiAyLjQ5LjM4NSAzLjMwNy45NDMuOTQyIDQuNDU2LjA1IDcuOTI5LTMuNDIzIDMuNDcyLTMuNDczIDQuMzY2LTYuOTg2IDMuNDIyLTcuOTNDMTEuODMyLjQ4IDEwLjgzNi0uOTQ2IDkuMzQyLjkxM2MtMS40OTQgMS44NTgtLjc2IDIuMzc4LjA4NCAzLjIyMS41ODguNTg5LS42NDEgMi4wNzktMS45MjggMy4zNjV6Ii8+PC9zdmc+)
}
.multi-table-info__item.maps:after {
    width: .75rem;
    height: 1.125rem;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxMiAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNDc5NTcgMTcuNzk5M0M1LjYyMTE4IDE3LjkyODcgNS44MDY3MiAxOC4wMDA1IDYuMDAwMDggMThDNi4xOTM0NCAxOC4wMDA1IDYuMzc4OTkgMTcuOTI4NyA2LjUyMDU5IDE3Ljc5OTNDNi41OTc3NCAxNy43Mjg0IDYuNjU4MjggMTcuNjQzMSA2LjcwMDI4IDE3LjU0OTNDNi43MzQ0NiAxNy40NzE5IDYuNzU1OTQgMTcuMzg4NiA2Ljc2MTggMTcuMzAyOUM2LjkzNzU4IDE0Ljc3NCA4Ljc3NzQzIDEyLjIzNCAxMC40MDYzIDkuOTg4MzRMMTAuNDE1MSA5Ljk3NTU1TDEwLjc2OTYgOS40ODQ1NkMxMS4zNDc3IDguNzM5MDQgMTEuNzM3NCA3Ljg2ODY1IDExLjkwNTQgNi45NDU1M0MxMi4wNzQzIDYuMDIyNCAxMi4wMTY3IDUuMDczMTIgMTEuNzM3NCA0LjE3NjI3QzExLjQ1OTEgMy4yNzk0NSAxMC45NjY5IDIuNDYwODggMTAuMzAxOCAxLjc4ODM5QzkuNjM3NzggMS4xMTU5NCA4LjgyMDM5IDAuNjA4ODg2IDcuOTE3MDcgMC4zMDkyOTVDNy4wMTM3NSAwLjAwOTcwMzYzIDYuMDUwODYgLTAuMDczODIzIDUuMTA3NSAwLjA2NTYxMThDNC4xNjUxMiAwLjIwNTA3NyAzLjI2OTYxIDAuNTYzNTA2IDIuNDk2MTggMS4xMTEyMUMxLjcyMjc0IDEuNjU4OTMgMS4wOTE4OCAyLjM4MDE2IDAuNjU4Mjg1IDMuMjE1MTVDMC4yMjM3MTQgNC4wNTAxNCAtMC4wMDE4NzE1MyA0Ljk3NDg1IDguMTU5NzZlLTA1IDUuOTEyNzJDLTAuMDA2NzU0MzQgNy4xOTM5NCAwLjQxNjA5NyA4LjQ0MTU2IDEuMjA0MTggOS40NjIwN0wxLjU4NTA0IDkuOTc1NTVMMS41OTM4MyA5Ljk4ODM0QzMuMjIyNzQgMTIuMjM0IDUuMDYyNTggMTQuNzc0IDUuMjM4MzYgMTcuMzAyOUM1LjI1MjAzIDE3LjQ5MjQgNS4zMzc5NyAxNy42Njk5IDUuNDc5NTcgMTcuNzk5M1pNNi4wMDAwOCA5QzcuNjU3MzEgOSA5LjAwMDA4IDcuNjU2ODYgOS4wMDAwOCA2QzkuMDAwMDggNC4zNDMxNCA3LjY1NzMxIDMgNi4wMDAwOCAzQzQuMzQyODYgMyAzLjAwMDA4IDQuMzQzMTQgMy4wMDAwOCA2QzMuMDAwMDggNy42NTY4NiA0LjM0Mjg2IDkgNi4wMDAwOCA5WiIgZmlsbD0iIzAwQjk1NiIvPjwvc3ZnPg==)
}
.page-nav {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}
.page-nav, .page-nav-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.page-nav-left {
    margin-right: auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}
.page-nav-left .page-nav-item {
    margin-right: 10px
}
.page-nav-right {
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}
.page-nav-right .page-nav-item {
    margin-left: 10px
}
.page-nav .results-count {
    margin-left: auto
}
.page-nav.js-tabs-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.page-nav .quest-link {
    margin: 0 10px
}
.page-nav-item {
    width: 14.375rem;
    background: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    border-radius: 3px;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.page-nav-item:not(.select-search):hover {
    cursor: pointer
}
.select-check-head {
    line-height: 1rem;
    font-size: .875rem;
    color: #8c8c8c;
    padding: 9px 10px 9px .75rem;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.select-check-head:after {
    content: "";
    display: block;
    width: 100%;
    height: 6px;
    position: absolute;
    left: 0;
    bottom: -2px;
    z-index: 4;
    background: #fff;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: .2s 0s;
    -o-transition: .2s 0s;
    transition: .2s 0s
}
.select-search .select-check-head {
    padding: 0
}
.select-search .select-check-head form {
    width: 100%;
    height: 100%
}
.select-search .select-check-head input {
    padding: 9px 45px 9px .75rem
}
.header-search-region .select-search .select-check-head input {
    padding: 9px .9375rem 9px 2.5rem
}
.select-check-title {
    color: #8c8c8c;
    line-height: 1rem;
    font-size: .875rem
}
.select-check-title, .select-check-title.change {
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}
.select-check-title.change {
    color: #2b2b2b
}
.select-check:hover .select-check-carret {
    color: #00a04b;
    -webkit-transition: color .3s, -webkit-transform .25s .05s;
    transition: color .3s, -webkit-transform .25s .05s;
    -o-transition: color .3s, transform .25s .05s;
    transition: color .3s, transform .25s .05s;
    transition: color .3s, transform .25s .05s, -webkit-transform .25s .05s
}
.select-check-sort {
    margin-right: 9px;
    display: block;
    width: .75rem;
    height: 10px;
    position: relative;
    color: #8c8c8c;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}
.select-check-sort i {
    display: block;
    width: 100%;
    height: 2px;
    background-color: #3f3f3f;
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.select-check-sort i, .select-check-sort i:first-child {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}
.select-check-sort i:nth-child(2) {
    margin: 2px 0;
    -webkit-transform: scaleX(.75);
    -ms-transform: scaleX(.75);
    transform: scaleX(.75)
}
.select-check-sort i:nth-child(3) {
    -webkit-transform: scaleX(.5);
    -ms-transform: scaleX(.5);
    transform: scaleX(.5)
}
.select-check-carret {
    margin-left: auto;
    display: block;
    width: .875rem;
    height: 9px;
    position: relative;
    color: #8c8c8c;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: color .3s, -webkit-transform .25s .05s;
    transition: color .3s, -webkit-transform .25s .05s;
    -o-transition: color .3s, transform .25s .05s;
    transition: color .3s, transform .25s .05s;
    transition: color .3s, transform .25s .05s, -webkit-transform .25s .05s
}
.select-check-carret svg {
    position: absolute;
    top: 0;
    left: 0
}
.select-check-body {
    background-color: #fff;
    padding-right: 10px;
    padding-top: 0;
    padding-bottom: 10px;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 3;
    width: 100%;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 5px rgba(0, 0, 0, .15);
    overflow: hidden;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    will-change: transform;
    -webkit-transition: -webkit-transform .2s .15s;
    transition: -webkit-transform .2s .15s;
    -o-transition: transform .2s .15s;
    transition: transform .2s .15s;
    transition: transform .2s .15s, -webkit-transform .2s .15s
}
.select-check-content {
    opacity: 0;
    max-height: 22.5rem;
    overflow-y: auto;
    -webkit-transition: opacity .15s 0s;
    -o-transition: opacity .15s 0s;
    transition: opacity .15s 0s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    padding-bottom: 5px
}
.select-check-content::-webkit-scrollbar {
    width: 4px;
    background: #dfe1e2;
    border-radius: 2px
}
.select-check-content::-webkit-scrollbar-thumb {
    background: #b4b4b4;
    border-radius: 2px
}
.select-check-list {
    font-size: 0
}
.select-check-list+.select-check-list {
    border-top: 1px solid #d5d9da
}
.select-check-item {
    position: relative;
    width: 100%;
    height: 100%;
    pointer-events: none
}
.active .select-check-item {
    pointer-events: all
}
.select-check-item label {
    width: 100%;
    height: 100%;
    background-color: #fff;
    -webkit-transition: background-color .2s .05s;
    -o-transition: background-color .2s .05s;
    transition: background-color .2s .05s;
    padding: .3125rem .75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.5rem;
    font-size: .875rem;
    color: #2b2b2b
}
.select-check-item label:hover {
    background-color: #ecf9f2;
    -webkit-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s;
    cursor: pointer
}
.select-check-item label:hover .select-check-text {
    color: #00a04b;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s
}
.select-check-item label:hover .select-check-box {
    border-color: #00a04b;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}
.select-check-real {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}
.select-check-real:hover {
    cursor: pointer
}
.select-check-real:checked+label .select-check-box {
    border-color: #d1d1d1!important
}
.select-check-real:checked+label .select-check-box .select-check-check {
    opacity: 1;
    -webkit-transform: translate(1px, -2px);
    -ms-transform: translate(1px, -2px);
    transform: translate(1px, -2px);
    -webkit-transition: opacity .2s 0s, -webkit-transform .15s 0s;
    transition: opacity .2s 0s, -webkit-transform .15s 0s;
    -o-transition: opacity .2s 0s, transform .15s 0s;
    transition: opacity .2s 0s, transform .15s 0s;
    transition: opacity .2s 0s, transform .15s 0s, -webkit-transform .15s 0s
}
.select-check-box {
    vertical-align: top;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border: 1px solid #d1d1d1;
    border-radius: 2px;
    position: relative;
    margin-right: 11px;
    background-color: #fff;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}
.select-check-box, .select-check-check {
    display: inline-block;
    width: .9375rem;
    height: .9375rem
}
.select-check-check {
    position: absolute;
    top: -2px;
    left: 1px;
    opacity: 0;
    -webkit-transform: translate(-1px, 1px);
    -ms-transform: translate(-1px, 1px);
    transform: translate(-1px, 1px);
    -webkit-transition: opacity .1s 0s, -webkit-transform .1s 0s;
    transition: opacity .1s 0s, -webkit-transform .1s 0s;
    -o-transition: opacity .1s 0s, transform .1s 0s;
    transition: opacity .1s 0s, transform .1s 0s;
    transition: opacity .1s 0s, transform .1s 0s, -webkit-transform .1s 0s
}
.select-check-text {
    color: #2b2b2b;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s
}
.select-check.active .select-check-carret {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}
.select-check.active .select-check-head:after {
    opacity: 1;
    -webkit-transition: .1s;
    -o-transition: .1s;
    transition: .1s
}
.select-check.active .select-check-body {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: -webkit-transform .2s 0s;
    transition: -webkit-transform .2s 0s;
    -o-transition: transform .2s 0s;
    transition: transform .2s 0s;
    transition: transform .2s 0s, -webkit-transform .2s 0s
}
.select-check.active .select-check-content {
    opacity: 1;
    -webkit-transition: opacity .15s .18s;
    -o-transition: opacity .15s .18s;
    transition: opacity .15s .18s
}
.select-check--no-scroll.active .select-check-body {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: -webkit-transform .2s 0s;
    transition: -webkit-transform .2s 0s;
    -o-transition: transform .2s 0s;
    transition: transform .2s 0s;
    transition: transform .2s 0s, -webkit-transform .2s 0s
}
.select-check--sorting .select-check-real:checked+label .select-check-box {
    border-color: transparent!important
}
.select-check--sorting .select-check-box {
    border-color: transparent!important;
    background-color: transparent!important
}
.select-check--sorting-up .select-check-sort i:first-child {
    -webkit-transform: scaleX(.5);
    -ms-transform: scaleX(.5);
    transform: scaleX(.5)
}
.select-check--sorting-down .select-check-sort i:first-child, .select-check--sorting-up .select-check-sort i:nth-child(3) {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}
.select-check--sorting-down .select-check-sort i:nth-child(3) {
    -webkit-transform: scaleX(.5);
    -ms-transform: scaleX(.5);
    transform: scaleX(.5)
}
.select-check--radio .select-check-real:checked+label .select-check-box {
    border-color: transparent!important
}
.select-check--radio .select-check-box {
    border-color: transparent!important;
    background-color: transparent!important
}
.select-search-bttn {
    display: block;
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: .625rem;
    right: .625rem
}
.select-search-bttn-icon {
    display: block;
    width: 100%;
    height: 100%;
    color: #3f3f3f
}
.select-search input[type=search], .select-search input[type=text] {
    border-radius: 3px
}
.select-search-result {
    font-weight: normal;
    color: #3eb75d
}
.select-search .select-check-item {
    width: 100%;
    height: 100%;
    background-color: #fff;
    -webkit-transition: background-color .2s .05s;
    -o-transition: background-color .2s .05s;
    transition: background-color .2s .05s;
    padding: 5px .75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.71;
    font-size: .875rem;
    color: #2b2b2b
}
.select-search .select-check-item.highlight {
    background-color: #ecf9f2;
    -webkit-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s;
    cursor: pointer
}
.tabs-body {
    width: 100%
}
.tabs-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}
.tabs-cont {
    width: 100%
}
.page-tabs {
    margin-top: 1.25rem;
    margin-bottom: 2.125rem
}
.page-tabs-bttn {
    line-height: .9375rem;
    font-size: .8125rem;
    padding: 9px 2.125rem 10px;
    border-color: #fff;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    color: #3eb75d
}
.page-tabs-bttn:after {
    background-color: #009244;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}
.page-tabs-bttn:hover {
    border-color: #009244;
    color: #fff
}
.page-tabs-bttn.active {
    color: #3f3f3f;
    pointer-events: none;
    border-color: #cdd1d2;
    background-color: #f5f5f5;
    -webkit-box-shadow: none;
    box-shadow: none
}
.page-tabs-bttn.active .page-tabs-bttn__icon {
    color: #cdd1d2
}
.page-tabs-bttn:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}
.page-tabs-bttn:last-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}
.page-tabs-bttn:not(:first-child):not(:last-child) {
    border-radius: 0
}
.page-tabs-bttn__icon {
    width: 1.25rem;
    height: 1rem;
    margin-right: 8px;
    color: currentcolor;
    padding: 1px
}
.page-tabs-content {
    line-height: 1.3125rem;
    font-size: .875rem;
    color: #757575;
    position: relative
}
.page-tabs .tabs-body {
    margin-top: 1.25rem
}
.notice {
    font-weight: 500;
    line-height: 1.3;
    font-size: 1.25rem;
    margin-top: 1.5625rem;
    margin-bottom: 1.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%
}
.notice--warning {
    color: #f2994a
}
.notice--danger {
    color: #eb5757
}
.notice__icon {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    margin-right: .9375rem
}
.icon-tooltip {
    position: relative
}
.icon-tooltip__msg {
    position: absolute;
    top: 50%;
    left: calc(100% + 10px);
    -webkit-transform: translate(-5px, -50%);
    -ms-transform: translate(-5px, -50%);
    transform: translate(-5px, -50%);
    z-index: 2;
    display: inline-block;
    pointer-events: none;
    padding: .3125rem .75rem;
    line-height: 1.54;
    font-size: .8125rem;
    color: #fff;
    background-color: #2b2b2b;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 0s .14s, opacity .1s 0s, -webkit-transform .15s 0s;
    transition: visibility 0s .14s, opacity .1s 0s, -webkit-transform .15s 0s;
    -o-transition: visibility 0s .14s, opacity .1s 0s, transform .15s 0s;
    transition: visibility 0s .14s, opacity .1s 0s, transform .15s 0s;
    transition: visibility 0s .14s, opacity .1s 0s, transform .15s 0s, -webkit-transform .15s 0s;
    font-weight: normal
}
.icon-tooltip__msg:before {
    content: "";
    display: block;
    position: absolute;
    top: 0
}
.icon-tooltip--left .icon-tooltip__msg {
    left: calc(100% + 10px)
}
.icon-tooltip--left .icon-tooltip__msg:before {
    left: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .90625rem 10px .90625rem 0;
    border-color: transparent #2b2b2b transparent transparent
}
.icon-tooltip--right .icon-tooltip__msg {
    left: auto;
    right: calc(100% + 10px)
}
.icon-tooltip--right .icon-tooltip__msg:before {
    right: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .90625rem 0 .90625rem 10px;
    border-color: transparent transparent transparent #2b2b2b
}
.icon-tooltip:hover .icon-tooltip__msg.msg-add {
    visibility: visible;
    opacity: .8;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: visibility 0s 0s, opacity .25s 0s, -webkit-transform .3s 0s;
    transition: visibility 0s 0s, opacity .25s 0s, -webkit-transform .3s 0s;
    -o-transition: visibility 0s 0s, opacity .25s 0s, transform .3s 0s;
    transition: visibility 0s 0s, opacity .25s 0s, transform .3s 0s;
    transition: visibility 0s 0s, opacity .25s 0s, transform .3s 0s, -webkit-transform .3s 0s
}
.icon-tooltip.this-add .icon-tooltip__msg.msg-add {
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translate(-5px, -50%);
    -ms-transform: translate(-5px, -50%);
    transform: translate(-5px, -50%);
    -webkit-transition: visibility 0s .14s, opacity .1s 0s, -webkit-transform .15s 0s;
    transition: visibility 0s .14s, opacity .1s 0s, -webkit-transform .15s 0s;
    -o-transition: visibility 0s .14s, opacity .1s 0s, transform .15s 0s;
    transition: visibility 0s .14s, opacity .1s 0s, transform .15s 0s;
    transition: visibility 0s .14s, opacity .1s 0s, transform .15s 0s, -webkit-transform .15s 0s
}
.icon-tooltip.this-add:hover .icon-tooltip__msg.msg-remove {
    visibility: visible;
    opacity: .8;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: visibility 0s 0s, opacity .25s 0s, -webkit-transform .3s 0s;
    transition: visibility 0s 0s, opacity .25s 0s, -webkit-transform .3s 0s;
    -o-transition: visibility 0s 0s, opacity .25s 0s, transform .3s 0s;
    transition: visibility 0s 0s, opacity .25s 0s, transform .3s 0s;
    transition: visibility 0s 0s, opacity .25s 0s, transform .3s 0s, -webkit-transform .3s 0s
}
.tooltip-info {
    position: relative
}
.tooltip-info-header {
    position: relative;
    padding-bottom: 5px
}
.tooltip-info-header .text-wrap+.text-wrap {
    margin-top: 5px
}
.tooltip-info-header-icon {
    width: 10px!important;
    height: 7px!important;
    position: absolute;
    top: 0;
    right: 0
}
.tooltip-info-header-icon svg {
    position: absolute;
    top: 0;
    left: 0
}
.tooltip-info.tooltip-hover .tooltip-info-body {
    -webkit-transform: translateY(-1.25rem);
    -ms-transform: translateY(-1.25rem);
    transform: translateY(-1.25rem);
    opacity: 1;
    visibility: visible;
    -webkit-transition: visibility 0s .35s, opacity .3s .35s, -webkit-transform .3s .35s;
    transition: visibility 0s .35s, opacity .3s .35s, -webkit-transform .3s .35s;
    -o-transition: visibility 0s .35s, opacity .3s .35s, transform .3s .35s;
    transition: visibility 0s .35s, opacity .3s .35s, transform .3s .35s;
    transition: visibility 0s .35s, opacity .3s .35s, transform .3s .35s, -webkit-transform .3s .35s
}
.tooltip-info.tooltip-hover .tooltip-info-body.animate {
    -webkit-transition: visibility 0s .2s, opacity .2s 0s, -webkit-transform 0s 0s;
    transition: visibility 0s .2s, opacity .2s 0s, -webkit-transform 0s 0s;
    -o-transition: visibility 0s .2s, opacity .2s 0s, transform 0s 0s;
    transition: visibility 0s .2s, opacity .2s 0s, transform 0s 0s;
    transition: visibility 0s .2s, opacity .2s 0s, transform 0s 0s, -webkit-transform 0s 0s
}
.tooltip-info-body {
    display: inline-block;
    padding: 1.375rem 1.5rem 1.125rem;
    background-color: #fff;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 2.5rem;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 5px rgba(0, 0, 0, .15);
    border-radius: 3px;
    -webkit-transform: translateY(-2.5rem);
    -ms-transform: translateY(-2.5rem);
    transform: translateY(-2.5rem);
    opacity: 0;
    visibility: hidden;
    will-change: transform;
    contain: paint;
    -webkit-transition: visibility 0s .2s, opacity .2s 0s, -webkit-transform .2s 0s;
    transition: visibility 0s .2s, opacity .2s 0s, -webkit-transform .2s 0s;
    -o-transition: visibility 0s .2s, opacity .2s 0s, transform .2s 0s;
    transition: visibility 0s .2s, opacity .2s 0s, transform .2s 0s;
    transition: visibility 0s .2s, opacity .2s 0s, transform .2s 0s, -webkit-transform .2s 0s
}

.name.tooltip-hover  .tooltip-info-body {
    opacity: .8;
    background-color: #2b2b2b;
    padding: .3125rem .75rem;
    color: #FFFFFF;
    margin-left: 8px;
    border-radius: 0;
    font-size: .8125rem;

}

.produce .tooltip-info-body {
    display: block;
    width: 28.75rem;
    white-space: normal
}
.produce .tooltip-info-body .tooltip-info-title {
    width: 100%;
    padding-right: 1.125rem;
    padding-bottom: 9px;
    border-bottom: none;
    margin-bottom: 0;
    border-right: 1px solid #d5d9da
}
.produce .tooltip-info-body .tooltip-info-description {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 8.75rem;
    padding-left: 1.125rem
}
.phone-last .tooltip-info-body, .price .tooltip-info-body, .sales .tooltip-info-body {
    left: auto;
    right: 0
}
.tooltip-action{
    width: 400px; 
    white-space: normal;
    font-size: .8125rem;
    font-weight: normal !important;
}
.tooltip-info-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}
.tooltip-info-title {
    line-height: 1.125rem;
    font-size: .8125rem;
    color: #2b2b2b;
    border-bottom: 1px solid #d5d9da;
    padding-bottom: .875rem;
    margin-bottom: .875rem
}
.tooltip-info-description {
    line-height: .9375rem;
    font-size: .8125rem;
    color: #8c8c8c
}
.tooltip-info-list {
    line-height: 1.5rem;
    font-size: .8125rem;
    color: #2b2b2b
}
.tooltip-info-list li {
    margin-bottom: 2px
}
.tooltip-info-link {
    line-height: .9375rem;
    font-size: .8125rem;
    color: #3eb75d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 8px
}
.tooltip-info-link a {
    color: inherit;
    -webkit-transition: color .25s;
    -o-transition: color .25s;
    transition: color .25s
}
.tooltip-info-link:hover {
    color: #009244
}
.tooltip-info-link.info-link {
    color: #8c8c8c;
    pointer-events: none
}
.tooltip-info-link.error-link {
    color: #eb5757
}
.tooltip-info-link.error-link a {
    color: inherit
}
.tooltip-info-link.error-link:hover {
    color: #c24646
}
.tooltip-info-link.error-link, .tooltip-info-link.info-link {
    font-weight: normal
}
.tooltip-info-link.error-link .tooltip-info-link__icon, .tooltip-info-link.info-link .tooltip-info-link__icon {
    width: .875rem;
    height: .875rem
}
.tooltip-info-link.error-link .tooltip-info-link__icon svg, .tooltip-info-link.info-link .tooltip-info-link__icon svg {
    fill: transparent
}
.tooltip-info-link__icon {
    width: 10px;
    height: .9375rem;
    margin-right: 8px;
    -webkit-transition: color .25s;
    -o-transition: color .25s;
    transition: color .25s
}
.tooltip-info-table {
    border-bottom: 1px solid #d5d9da;
    padding-bottom: 8px
}
.tooltip-info-table-tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    line-height: 1.5rem;
    font-size: .8125rem;
    color: #2b2b2b
}
.tooltip-info-table-tr .tooltip-info-table-td:last-child {
    font-weight: 500;
    text-align: right;
    margin-left: auto;
    margin-right: 0
}
.tooltip-info-table-td {
    font-weight: normal;
    margin-right: 1.875rem
}
.sitemap {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    border-radius: 3px;
    margin-top: 1.25rem;
    margin-bottom: 2.125rem;
    padding: 2.25rem 2.75rem 1.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}
.sitemap-item {
    width: 33%;
    padding-right: .9375rem
}
.sitemap-item:not(:first-child) {
    padding-left: 2.5rem
}
.sitemap-item a {
    display: block;
    font-weight: 500;
    line-height: 1.5rem;
    font-size: .9375rem;
    color: #2b2b2b;
    margin-bottom: 1.25rem
}
.sitemap-item a:hover {
    color: #00a04b
}
.sitemap-item a:last-child {
    margin-bottom: 0
}
.error-page {
    height: 100%;
    text-align: center;
    padding-top: 2rem;
    padding-bottom: 7.5rem
}
.error-page__number {
    font-weight: 900;
    line-height: 1.07;
    font-size: 18.75rem;
    color: #3eb75d;
    margin-bottom: 1.25rem
}
.error-page h1 {
    margin-top: 1.25rem;
    margin-bottom: .75rem
}
.error-page p {
    max-width: 27.875rem;
    margin: .75rem auto 2.125rem;
    text-align: center;
    color: #757575
}
.error-page .bttn {
    margin: 0 10px
}
.accordeon-wrapper {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    border-radius: 3px;
    width: 100%;
    max-width: 46.875rem;
    padding: 0 1.5rem;
    margin-bottom: 6px
}
.accordeon-wrapper.active .accordeon-head-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}
.accordeon-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 1rem;
    padding-bottom: .875rem;
    color: #2b2b2b;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s
}
.accordeon-head-title {
    font-weight: 500;
    line-height: 1.25rem;
    font-size: .9375rem;
    max-width: 34.375rem
}
.accordeon-head-icon {
    width: .875rem;
    height: .8125rem;
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    -o-transition: transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}
.accordeon-head:hover {
    cursor: pointer;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    color: #00a04b
}
.accordeon-body {
    padding-bottom: 1.875rem;
    will-change: transfrom
}
.accordeon-body p {
    color: #757575;
    line-height: 1.3125rem;
    font-size: .875rem
}
.accordeon-body p:not(:last-child) {
    margin-bottom: 6px
}
.quest-wrap {
    background-color: #fff;
    border-radius: 3px;
    padding-right: 2.5rem
}
.quest-inner {
    padding-bottom: 1.875rem
}
.quest-inner:not(:first-child) {
    padding-top: 2.125rem
}
.quest-inner:not(:last-child) {
    border-bottom: 1px solid #d5d9da
}
.quest-inner-date {
    line-height: 1rem;
    font-size: .8125rem;
    color: #8c8c8c;
    margin-bottom: 1.125rem
}
.quest-item {
    margin-bottom: 1.25rem;
    position: relative
}
.quest-item-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 9px
}
.quest-item-name {
    font-weight: 500;
    line-height: 1rem;
    font-size: .9375rem;
    color: #2b2b2b
}
.quest-item-name span {
    color: #8c8c8c;
    font-weight: normal
}
.quest-item-text {
    line-height: 1.5625rem;
    font-size: .9375rem;
    color: #2b2b2b;
    width: 100%;
    max-width: 31.25rem
}
.quest-item-icon {
    display: block;
    width: 1.25rem;
    height: 1.5625rem;
    margin-right: 1.125rem
}
.quest-answer .quest-item {
    padding-left: 2.375rem
}
.more-answer {
    font-size: 0;
    color: #3eb75d;
    display: inline-block;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s
}
.more-answer:hover {
    cursor: pointer;
    color: #00a04b;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}
.more-answer-all {
    line-height: 1.07;
    font-size: .9375rem
}
.more-answer-all, .more-answer-icon {
    display: inline-block;
    vertical-align: middle
}
.more-answer-icon {
    margin-left: 10px;
    width: .875rem;
    height: 9px;
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    -o-transition: transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}
.visible .more-answer-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}
.quest-buttons {
    font-size: 0;
    position: absolute;
    bottom: 0;
    right: 0
}
.quest-buttons a {
    line-height: 1.07;
    font-size: .9375rem;
    color: #3eb75d;
    display: inline-block;
    vertical-align: middle
}
.quest-buttons a:hover {
    color: #00a04b
}
.quest-buttons-devider {
    display: inline-block;
    vertical-align: middle;
    background-color: #d5d9da;
    width: 1px;
    height: 1.125rem;
    margin: 0 8px
}
.content {
    width: 68%;
    max-width: 46.875rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.content-navbar {
    width: 32%;
    position: relative;
    margin-left: 3.125rem
}
.content-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    border-radius: 3px;
    margin-top: 1.25rem;
    margin-bottom: 3.125rem;
    padding: 3.125rem
}
.content ol:not([class]), .content ul:not([class]), .disc, .num {
    display: block;
    width: 100%;
    max-width: 45rem;
    line-height: 1.73;
    font-size: .9375rem;
    color: #2b2b2b;
    margin-top: 1.5rem;
    margin-bottom: 2.125rem
}
.content ol:not([class]) li, .content ul:not([class]) li, .disc li, .num li {
    display: block;
    padding-left: 2rem;
    position: relative
}
.content ol:not([class]) li:not(:last-child), .content ul:not([class]) li:not(:last-child), .disc li:not(:last-child), .num li:not(:last-child) {
    margin-bottom: .75rem
}
.content ol:not([class]) li:before, .content ul:not([class]) li:before, .disc li:before, .num li:before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #3eb75d;
    position: absolute;
    top: 9px;
    left: 0
}
.content ol:not([class]) li a, .content ul:not([class]) li a, .disc li a, .num li a {
    color: #3eb75d
}
.content ol:not([class]) li a:hover, .content ul:not([class]) li a:hover, .disc li a:hover, .num li a:hover {
    color: #00a04b
}
.disc {
    color: #757575
}
.disc li {
    padding-left: 1.375rem
}
.content ol, ol {
    counter-reset: b
}
.content ol li, ol li {
    counter-increment: b
}
.content ol li:before, ol li:before {
    width: auto;
    height: auto;
    top: 0;
    background-color: transparent;
    font-size: inherit;
    content: counter(b) "."
}
.youtube {
    position: relative;
    padding-bottom: 50%;
    contain: layout;
    overflow: hidden;
    width: 100%;
    height: 0;
    margin-top: 10px
}
.youtube .play-button {
    display: block;
    position: absolute;
    width: 5rem;
    height: 5rem;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: 5;
    cursor: pointer;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    color: #00a04b
}
.youtube:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000;
    opacity: .5;
    z-index: 2;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease
}
.youtube:hover {
    cursor: pointer
}
.youtube:hover:after {
    opacity: .6
}
.youtube:hover .play-button {
    color: #3eb75d
}
.youtube iframe, .youtube img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0
}
.youtube img {
    z-index: 2;
    -o-object-fit: cover;
    object-fit: cover;
    max-height: 100%
}
.youtube iframe {
    z-index: 5
}
.content hr {
    margin-top: 3.75rem;
    margin-bottom: 3.125rem
}
.content .caption {
    margin-bottom: .75rem
}
.content h2 {
    margin-top: .75rem;
    margin-bottom: 2.125rem
}
.content h3 {
    margin-top: .75rem;
    margin-bottom: 1.625rem
}
.content p {
    margin-top: .75rem;
    margin-bottom: .75rem
}
.content figure {
    margin-top: 3.125rem;
    margin-bottom: 2.125rem
}
.content figure figcaption {
    margin-top: 1.25rem;
    line-height: 1.38;
    font-size: .8125rem;
    color: #a1a1a1
}
.content .img-left {
    max-width: 16.875rem;
    float: left;
    margin: .625rem 1.25rem .625rem 0
}
.content .img-right {
    max-width: 16.875rem;
    float: right;
    margin: .625rem 0 .625rem 1.25rem
}
.content table {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    overflow: hidden;
    margin-top: 3.125rem;
    margin-bottom: 3.125rem
}
.content table thead {
    background-color: #3eb75d;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2)
}
.content table tbody tr {
    border-bottom: 1px solid #d5d9da
}
.content table th {
    line-height: 1.06;
    font-size: .9375rem;
    color: #fff;
    font-weight: normal;
    text-align: left;
    padding: 1rem 1.5rem
}
.content table td {
    line-height: 1.2;
    font-size: .9375rem;
    color: #757575;
    padding: 1.625rem 1.5rem
}
.content table tr td:first-child {
    color: #2b2b2b;
    text-transform: capitalize
}
.content blockquote {
    background: #ecf9f2;
    border: 1px solid #ecf9f2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    font-style: italic;
    font-weight: normal;
    padding: 1.5rem 2.5rem 2.125rem 1.5rem
}
.content blockquote p {
    margin: 0
}
.content blockquote>p {
    font-style: italic;
    line-height: 1.5;
    font-size: 1rem;
    color: #2b2b2b
}
.content blockquote footer {
    margin-top: 1.25rem
}
.content blockquote cite span {
    display: block;
    line-height: 1.0625rem;
    font-size: .8125rem;
    color: #8c8c8c
}
.content-slider-wrap {
    width: 100%;
    margin-top: 2.5rem;
    margin-bottom: 3.125rem
}
.content-slider-inner {
    position: relative
}
.content-slider-next, .content-slider-prev {
    position: absolute;
    z-index: 2;
    top: 0;
    display: block;
    width: 20%;
    height: 100%;
    padding: 0;
    color: #3eb75d;
    text-align: center;
    font-size: 0;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s
}
.content-slider-next:before, .content-slider-prev:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%
}
.content-slider-next:hover, .content-slider-prev:hover {
    cursor: pointer;
    color: #009244;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}
.content-slider-next.slick-disabled, .content-slider-prev.slick-disabled {
    color: #d5d9da;
    pointer-events: none;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}
.content-slider-prev {
    left: 0;
    text-align: left;
    padding-left: 1.875rem
}
.content-slider-next {
    right: 0;
    text-align: right;
    padding-right: 1.875rem
}
.content-slider-arrow {
    display: inline-block;
    vertical-align: middle
}
.content-slider button {
    font-size: 0;
    line-height: 0;
    color: transparent;
    cursor: pointer;
    border: none;
    outline: none;
    background: transparent
}
.content-slider .slick-dots {
    position: absolute;
    bottom: 1.5625rem;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}
.content-slider .slick-dots li {
    position: relative;
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    padding: 5px;
    cursor: pointer
}
.content-slider .slick-dots li:hover button {
    background-color: #009244
}
.content-slider .slick-dots li.slick-active button, .content-slider .slick-dots li:hover button {
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s
}
.content-slider .slick-dots li.slick-active button {
    background-color: #ecf9f2
}
.content-slider .slick-dots li button {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #3eb75d;
    -webkit-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s
}
.content-slider-caption {
    margin-top: 1.25rem;
    line-height: 1.38;
    font-size: .8125rem;
    color: #a1a1a1
}
.js-validate {
    padding-top: 1px
}
.user-info {
    margin-top: 2.125rem;
    margin-bottom: 2.75rem;
    width: 100%;
    max-width: 40rem
}
.reserved .input-row {
    max-width: 21.875rem
}
.input-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%
}
.input-row:only-child .input-wrapper {
    margin-bottom: 1.875rem
}
.input-row:not(:first-child) .input-wrapper {
    margin-top: 2.3125rem
}
.input-row:first-child .input-wrapper {
    margin-top: 1.125rem
}
.input-row:last-child .input-wrapper {
    margin-top: 1.875rem
}
.input-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 18.75rem
}
.input-wrapper.inline-child {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.input-wrapper:not(:last-child) {
    margin-right: 2rem
}
.input-wrapper label {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.33;
    font-size: .75rem;
    color: #8c8c8c;
    margin-bottom: 3px
}
.input-wrapper label.input-name {
    position: absolute;
    left: 0;
    top: auto;
    bottom: 100%
}
.input-wrapper .select-check-box {
    display: inline-block;
    vertical-align: middle;
    pointer-events: none
}
.input-wrapper .label-select {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    line-height: 1.125rem;
    font-size: .875rem;
    color: #2b2b2b;
    cursor: pointer
}
.input-wrapper .bttn:not(:first-child) {
    margin-left: 10px
}
.input-wrapper .bttn:first-child {
    margin-left: auto
}
.input-wrapper .bttn:only-child {
    margin-right: auto;
    margin-left: 0
}
.input-wrapper .help-block {
    display: block;
    width: 100%;
    font-weight: normal;
    line-height: 1.33;
    font-size: .75rem;
    color: #8c8c8c;
    margin-top: 5px;
    text-align: left
}
.input-wrapper .help-block.form-error {
    color: #eb5757
}
.input-wrapper .page-nav-item {
    width: 100%;
    max-width: none;
    border: 1px solid #e1e1e1;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15)
}
.input-wrapper .page-nav-item input {
    line-height: 1.14;
    font-size: .875rem
}
.input-item {
    width: 100%
}
.input-item.has-error input {
    border-color: #eb5757
}
.input-item.has-error input, .input-item input, .input-item textarea {
    -webkit-transition: boder-color .3s;
    -o-transition: boder-color .3s;
    transition: boder-color .3s
}
.input-item input, .input-item textarea {
    width: 100%;
    line-height: 1.14;
    font-size: .875rem;
    color: #2b2b2b;
    padding: 9px 1.5rem 9px .75rem;
    border: 1px solid #e1e1e1;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    border-radius: 3px
}
.login-form input[type=password] {
    padding-right: 7.5rem
}
.reg-form {
    min-width: 40rem
}
.quantity-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 6.25rem
}
.quantity-input {
    background-color: transparent;
    text-align: center;
    padding: 0 5px
}
.quantity-bttn {
    padding: 0;
    width: 1.5625rem;
    height: 1.5625rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: #f1f5f7;
    border: none;
    color: #272727;
    -webkit-transition: color .2s, background-color .2s;
    -o-transition: color .2s, background-color .2s;
    transition: color .2s, background-color .2s;
    text-align: center;
    font-size: 0
}
.quantity-bttn:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%
}
.quantity-bttn__icon {
    display: inline-block;
    vertical-align: middle;
    width: .8125rem;
    height: .8125rem
}
.quantity-bttn:hover {
    color: #fff;
    -webkit-transition: color .3s, background-color .3s;
    -o-transition: color .3s, background-color .3s;
    transition: color .3s, background-color .3s
}
.quantity-bttn:after {
    background-color: #00a04b
}
.quantity-bttn:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}
.quantity-bttn:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}
.log-social {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    width: 100%;
    margin-top: 1rem
}
.log-social, .log-social-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.log-social-item {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 2.125rem;
    min-width: 6.25rem
}
.log-social-item.vk {
    background-color: #4a76a8;
    -webkit-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s
}
.log-social-item.vk:hover {
    background-color: #446c9a;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s
}
.log-social-item.fb {
    background-color: #3b5998;
    -webkit-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s
}
.log-social-item.fb:hover {
    background-color: #355089;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s
}
.log-social-item.gp {
    background-color: #dd5044;
    -webkit-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s
}
.log-social-item.gp:hover {
    background-color: #d63527;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s
}
.map-wrap {
    width: 100%;
    height: 0;
    padding-bottom: 50%;
    position: relative;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    border-radius: 3px;
    overflow: hidden
}
.map-inner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}
.map {
    width: 100%;
    height: 100%
}
.modal-map-outer {
    padding: 0;
    width: 40vw; /*���� 80 - �������� ���� */
    position: relative;
    overflow: visible
}
.modal-map-outer .modal-close {
    top: -1.875rem;
    right: -1.875rem
}
.custom-ballon {
    padding: 10px;
    width: 100%;
    max-width: 15.625rem
}
.custom-ballon-list {
    margin-top: .75rem;
    margin-bottom: .75rem;
    padding-left: 1.5625rem;
    position: relative;
    color: #757575
}
.custom-ballon-list a {
    color: #757575
}
.custom-ballon-list:after {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    width: .9375rem;
    height: .9375rem;
    background-repeat: no-repeat;
    background-size: cover
}
.custom-ballon-list.phones:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgZmlsbD0ibm9uZSI+ICA8cGF0aCBmaWxsPSIjMDBCOTU2IiBkPSJNNy40OTggNy40OThjLTEuMjg2IDEuMjg3LTIuNzc2IDIuNTE2LTMuMzY1IDEuOTI4QzMuMjkgOC41ODMgMi43NyA3Ljg0OC45MTIgOS4zNDJjLTEuODYgMS40OTQtLjQzMiAyLjQ5LjM4NSAzLjMwNy45NDMuOTQyIDQuNDU2LjA1IDcuOTI5LTMuNDIzIDMuNDcyLTMuNDczIDQuMzY2LTYuOTg2IDMuNDIyLTcuOTNDMTEuODMyLjQ4IDEwLjgzNi0uOTQ2IDkuMzQyLjkxM2MtMS40OTQgMS44NTgtLjc2IDIuMzc4LjA4NCAzLjIyMS41ODguNTg5LS42NDEgMi4wNzktMS45MjggMy4zNjV6Ii8+PC9zdmc+)
}
.custom-ballon-list.hours:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgZmlsbD0ibm9uZSI+ICA8cGF0aCBmaWxsPSIjMDBCOTU2IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNCA3LjVhNi41IDYuNSAwIDEgMS0xMyAwIDYuNSA2LjUgMCAwIDEgMTMgMHptMSAwQTcuNSA3LjUgMCAwIDEgNy41IDE1IDcuNSA3LjUgMCAxIDEgMTUgNy41em0tNi4wNTcuODMzYTEuNjY2IDEuNjY2IDAgMSAxLTIuMjc2LTIuMjc3VjIuNWgxLjY2N3YzLjU1N2MuMjUyLjE0Ni40NjMuMzU3LjYxLjYxaDEuODg5djEuNjY2aC0xLjg5eiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}
.pharmacy-page {
    background: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    border-radius: 3px;
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 1.25rem;
    margin-bottom: 2.125rem
}
.pharmacy-page, .pharmacy-page-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.pharmacy-page-item {
    width: 33.3%;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.pharmacy-page-item .text {
    margin-bottom: .75rem;
    width: 100%;
    max-width: 18.75rem
}
.pharmacy-page-item .page-title-inn {
    margin-left: 0;
    margin-top: 1.375rem
}
.pharmacy-page-subtitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .75rem
}
.pharmacy-page-subtitle:not(:first-child) {
    margin-top: 10px
}
.pharmacy-page-subtitle__icon {
    color: #a1a1a1;
    display: inline-block;
    width: .9375rem;
    height: .9375rem;
    margin-left: 8px
}
.pharmacy-page-img {
    height: 18.75rem;
    width: 18.75rem;
    border: 1px solid #fff;  /* oleg 24-02-2020  #d5d9da  */
    border-radius: 3px;
    overflow: hidden;
    margin-left: auto
}
.pharmacy-page-img img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}
.pharmacy-page-works {
    white-space: nowrap;
    line-height: 1.5rem;
    font-size: .8125rem
}
.pharmacy-page-works .working-list-item {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.working-list {
    margin-bottom: 10px
}
.working-list-title {
    font-weight: 500;
    color: #2b2b2b
}
.working-list-item {
    line-height: 1.5rem;
    font-size: .9375rem;
    color: #2b2b2b;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}
.working-list-item.caption {
    color: #a1a1a1
}
.working-day.today:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background-color: #3eb75d;
    position: absolute;
    top: 50%;
    left: -1rem;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}
.working-list-item a {
    color: #2b2b2b
}
.working-list-item a:hover {
    color: #00a04b
}
.working-day {
    min-width: 6.25rem;
    margin-right: 2.3125rem
}
.working-day.attention, .working-hour.attention {
    color: #eb5757
}
.reserved {
    background: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    border-radius: 3px;
    padding: 2.25rem 1.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 1.25rem;
    margin-bottom: 2.125rem
}
.reserved-item {
    width: 50%;
    padding: 0 10px;
    display: block
}
.reserved-out {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 1rem;
    margin-top: 1rem
}
.reserved-inn {
    padding-right: 3.125rem
}
.reserved-text {
    margin-top: 1.25rem;
    width: 100%;
    max-width: 35rem
}
.reserved-text>:not(:last-child) {
    margin-bottom: 10px
}
.reserved-title {
    margin-bottom: 1.25rem
}
.reserved-subtitle {
    margin-bottom: .75rem
}
.reserved-timer {
    line-height: 1.06;
    font-size: 4.375rem;
    color: #3eb75d;
    margin-top: 1.25rem;
    margin-bottom: 2.125rem
}
.reserved-status-title {
    position: relative;
    padding-left: 2.1875rem;
    font-weight: 500;
    color: #2b2b2b;
    margin-bottom: 1.25rem
}
.reserved-status-title.success {
    color: #3eb75d
}
.reserved-status-title.denied {
    color: #eb5757
}
.reserved-status-title__icon {
    width: 1.4375rem;
    height: 1.4375rem;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}
.reserved-status-text {
    padding-left: 2.1875rem;
    color: #2b2b2b
}
body {
    font-family: "Roboto";
    font-size: 1rem;
    color: #2b2b2b;
    background-color: #f5f5f5;
    min-width: 78.75rem
}
body.disable-hover, body.disable-hover * {
    pointer-events: none
}
.box {
    width: 100%;
    max-width: 78.75rem;
    padding: 1px 1.875rem;
    margin: 0 auto
}
.box.inner-page {
    padding-bottom: 3.125rem
}
.block-white {
    background-color: #fff
}
.block-gray {
    background-color: #f5f5f5
}
hr {
    width: 100%;
    height: 1px;
    background-color: #d5d9da;
    border: none;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}
.logo {
    display: inline-block;
    width: 10.4375rem;
    height: 1.75rem
}
.logo__icon {
    color: #fff;
    opacity: 1;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s
}
.logo:hover .logo__icon {
    opacity: .9;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}
.footer-brand .logo .logo__icon {
    color: #ccc
}
.copiright {
    line-height: 1.43;
    font-size: .875rem;
    color: #a1a1a1
}
.footer-brand .copiright {
    margin-top: 2.375rem
}
.dev-link {
    display: block;
    font-size: .875rem;
    line-height: 1.42;
    color: #a1a1a1
}
.footer-media .dev-link {
    margin-top: 2.375rem
}
.dev-link span {
    color: #3eb75d
}
.dev-link:hover span {
    color: #00a04b
}
.reclame-banner {
    margin: 1.125rem auto
}
.reclame-banner:last-child {
    margin-bottom: 0
}
.header-reclame {
    position: relative
}
.header-reclame__close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 2px;
    background: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    border-radius: 3px;
    cursor: pointer
}
.header-reclame__close .close-up {
    width: 10px;
    height: 10px
}
.header-reclame__close .close-up:after, .header-reclame__close .close-up:before {
    height: 2px;
    background-color: #3f3f3f
}
.header-reclame__close .close-up:hover:after, .header-reclame__close .close-up:hover:before {
    background-color: #2b2b2b
}
.header-reclame .reclame-banner {
    margin: 10px auto
}
.page-header {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    padding-bottom: 1.125rem
}
.page-title {
    margin-top: 1.6875rem
}
.page-title-nav {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.page-title-inn, .page-title-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.page-title-inn {
    margin-left: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-left: 2.5rem
}
.page-title-bttn {
    color: #636363;
    background: #fff;
    border: 1px solid #cdd1d2;
    line-height: .9375rem;
    font-size: .8125rem;
    padding: 9px 1rem 10px .75rem;
    font-weight: normal
}
.page-title-bttn:not(:last-child) {
    margin-right: 10px
}
.page-title-bttn:after {
    display: none
}
.page-title-bttn:hover {
    color: #fff;
    border-color: #00a04b;
    background-color: #00a04b
}
.page-title-bttn:hover .page-title-bttn-icon {
    color: #fff;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}
.page-title-bttn-icon {
    color: #3eb75d;
    width: .875rem;
    height: .9375rem;
    margin-right: 10px
}
.heart-icon, .page-title-bttn-icon {
    -webkit-transition: color .2s .05s;
    -o-transition: color .2s .05s;
    transition: color .2s .05s
}
.heart-icon {
    display: inline-block;
    width: 1.125rem;
    height: 1.125rem;
    vertical-align: middle;
    color: #d5d9da
}
.heart-icon:hover {
    cursor: pointer;
    color: #ec7070;
    -webkit-transition: color .4s;
    -o-transition: color .4s;
    transition: color .4s
}
th .heart-icon {
    color: #b3e8cb;
    fill: transparent;
    pointer-events: none
}
.heart-icon.this-add {
    color: #eb5757
}
.heart-icon.this-add, .heart-icon.this-add:hover {
    -webkit-transition: color .4s;
    -o-transition: color .4s;
    transition: color .4s
}
.heart-icon.this-add:hover {
    color: #c24646
}
.star-icon {
    display: inline-block;
    width: 1.125rem;
    height: 1.125rem;
    vertical-align: middle;
    color: #d5d9da;
    -webkit-transition: color .2s .05s;
    -o-transition: color .2s .05s;
    transition: color .2s .05s
}
.star-icon:hover {
    cursor: pointer;
    color: #f5af71;
    -webkit-transition: color .4s;
    -o-transition: color .4s;
    transition: color .4s
}
th .star-icon {
    color: #b3e8cb;
    fill: transparent;
    pointer-events: none
}
.star-icon.this-add {
    color: #f2994a
}
.star-icon.this-add, .star-icon.this-add:hover {
    -webkit-transition: color .4s;
    -o-transition: color .4s;
    transition: color .4s
}
.star-icon.this-add:hover {
    color: #e07414
}
.envelope-icon {
    display: inline-block;
    width: 1.3125rem;
    height: .9375rem;
    vertical-align: middle;
    color: #3f3f3f;
    -webkit-transition: color .2s .05s;
    -o-transition: color .2s .05s;
    transition: color .2s .05s
}
.envelope-icon:hover {
    cursor: pointer
}
th .envelope-icon {
    color: #fff
}
.medchest {
    width: 1.875rem;
    height: 1.875rem;
    padding: .375rem
}
.notification {
    padding: .375rem;
    width: 2.0625rem;
    height: 1.625rem;
    pointer-events: all
}
.notification-item {
    width: .75rem;
    height: .75rem;
    background-color: #3eb75d;
    border-radius: 50%;
    position: absolute;
    bottom: .125rem;
    left: 10px;
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
    opacity: 0;
    -webkit-transition: background-color .2s, opacity .3s;
    -o-transition: background-color .2s, opacity .3s;
    transition: background-color .2s, opacity .3s
}
.notification-item:after, .notification-item:before {
    content: "";
    display: block;
    width: 7px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}
.notification-item:before {
    -webkit-transform: translate(-50%, -60%);
    -ms-transform: translate(-50%, -60%);
    transform: translate(-50%, -60%)
}
.notification-item:after {
    -webkit-transform: translate(-50%, -60%) rotate(90deg);
    -ms-transform: translate(-50%, -60%) rotate(90deg);
    transform: translate(-50%, -60%) rotate(90deg)
}
.notification.this-add .notification-item, .notification:hover .notification-item {
    opacity: 1
}
.notification.this-add .notification-item:before {
    width: 4px;
    -webkit-transform: translate(-100%, 70%) rotate(45deg);
    -ms-transform: translate(-100%, 70%) rotate(45deg);
    transform: translate(-100%, 70%) rotate(45deg)
}
.notification.this-add .notification-item:after {
    -webkit-transform: translate(-32%, -32%) rotate(-45deg);
    -ms-transform: translate(-32%, -32%) rotate(-45deg);
    transform: translate(-32%, -32%) rotate(-45deg)
}
.notification.this-add:hover .notification-item {
    background-color: #eb5757
}
.notification.this-add:hover .notification-item:before {
    width: 7px;
    -webkit-transform: translate(-50%, -60%) rotate(45deg);
    -ms-transform: translate(-50%, -60%) rotate(45deg);
    transform: translate(-50%, -60%) rotate(45deg)
}
.notification.this-add:hover .notification-item:after {
    width: 7px;
    -webkit-transform: translate(-50%, -60%) rotate(-45deg);
    -ms-transform: translate(-50%, -60%) rotate(-45deg);
    transform: translate(-50%, -60%) rotate(-45deg)
}
.stock {
    font-size: 0
}
.stock, .stock i {
    display: inline-block
}
.stock i {
    width: 3px;
    height: 7px;
    background-color: #3eb75d
}
.stock i:not(:last-child) {
    margin-right: 1px
}
.stock.normal i, .stock.perfect i:first-child {
    background-color: #d5d9da
}
.stock.normal i:nth-last-child(-n+2) {
    background-color: #f2994a
}
.stock.middle i {
    background-color: #d5d9da
}
.stock.middle i:last-child {
    background-color: #eb5757
}
.results-count {
    line-height: 1.5rem;
    font-size: .875rem;
    text-align: right;
    color: #8c8c8c
}
.results-count span {
    display: inline-block;
    margin-left: 3px
}
.stick-block {
    text-align: right
}
.stick-block figure {
    display: inline-block;
    width: 100%;
    max-width: 15.625rem;
    text-align: left
}
.stick-block figure figcaption {
    line-height: .9375rem;
    font-size: .8125rem;
    color: #a1a1a1
}
.stick-block figure img {
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .15);
    box-shadow: 0 0 2px rgba(0, 0, 0, .15);
    display: inline-block;
    max-width: 100%;
    margin-bottom: 1.25rem
}
.change-view {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    margin-left: 2.5rem
}
.change-view, .change-view .change-view-bttn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.change-view .change-view-bttn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 10px;
    padding-right: 10px;
    width: 2.5rem;
    border: 1px solid #fff;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    color: #3eb75d;
    line-height: 1.3125rem;
    font-size: .875rem;
    -webkit-transition: color .2s, border-color .2s, background-color .2s, -webkit-box-shadow .2s;
    transition: color .2s, border-color .2s, background-color .2s, -webkit-box-shadow .2s;
    -o-transition: color .2s, box-shadow .2s, border-color .2s, background-color .2s;
    transition: color .2s, box-shadow .2s, border-color .2s, background-color .2s;
    transition: color .2s, box-shadow .2s, border-color .2s, background-color .2s, -webkit-box-shadow .2s;
    cursor: pointer;
    border-radius: 0
}
.change-view .change-view-bttn .change-view-bttn-icon {
    width: 1rem;
    height: 1.125rem
}
.change-view .change-view-bttn:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}
.change-view .change-view-bttn:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}
.change-view .change-view-bttn.active {
    pointer-events: none;
    border-color: #cdd1d2;
    background-color: #f5f5f5;
    color: #3f3f3f;
    -webkit-box-shadow: 0 1px 2px transparent;
    box-shadow: 0 1px 2px transparent;
    -webkit-transition: background-color .3s, color .3s, border-color .3s, -webkit-box-shadow .3s;
    transition: background-color .3s, color .3s, border-color .3s, -webkit-box-shadow .3s;
    -o-transition: background-color .3s, color .3s, box-shadow .3s, border-color .3s;
    transition: background-color .3s, color .3s, box-shadow .3s, border-color .3s;
    transition: background-color .3s, color .3s, box-shadow .3s, border-color .3s, -webkit-box-shadow .3s
}
.change-view .change-view-bttn:after {
    display: none
}
.change-view .change-view-bttn:hover {
    color: #fff;
    border-color: #00a04b;
    background-color: #00a04b;
    -webkit-transition: color .3s, border-color .3s, background-color .3s;
    -o-transition: color .3s, border-color .3s, background-color .3s;
    transition: color .3s, border-color .3s, background-color .3s
}
.price-range {
    margin: 0 8px
}
.price-range-wrap {
    font-size: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    border-radius: 3px;
    padding: 9px .75rem
}
.price-range-wrap span {
    display: inline-block;
    line-height: 1rem;
    font-size: .875rem;
    color: #000
}
.price-range i {
    display: inline-block;
    width: 2.5rem;
    height: 1rem;
    background-color: #1bad03
}
.price-range i.small {
    background-color: #9fd700
}
.price-range i.medium {
    background-color: #1bad03
}
.price-range i.high {
    background-color: #f8ab14
}
.need-recipe {
    width: .875rem;
    height: 1.0625rem;
    padding: 1px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin: 0 2px
}
.need-recipe.with-recipe {
    color: #eb5757
}
.need-recipe.without-recipe {
    color: #3eb75d
}

/* ! provozor -*/
.rekblock {
    width: 1200px;
    height: 500px;
    margin: 15px 0;
}
.rekblockl {
    float: left;
    width: 900px;
    height: 500px
}
.rekblockr {
    float: right;
    width: 300px;
    height: 500px;
    background-color: cadetblue

}
.rekinblock1 {
    float: left;
    width: 438px;
    height: 244px;
    margin: 0 12px 12px 0;
    background-color: peachpuff
}
.rekinblock2 {
    float: left;
    width: 288px;
    height: 244px;
    margin-right: 12px;
    background-color: coral
}

.preheader {
    position: relative;
}
.preheader-alert {
    width: 1200px;
    margin: 20px auto;
    text-align: center;
}
.browsers {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
}
.browsers li {
    float: left;
    width: 25%;
    text-align: center;

}
.broico {
    display: block;
    margin: auto;
    border: none;
    outline: 0;
    background: url(icons.png) no-repeat;
}
.chromium {
    width: 72px;
    height: 75px;
    background-position: -5px -5px;
}
.firefx {
    width: 75px;
    height: 75px;
    background-position: -87px -4px;
}
.oper {
    width: 75px;
    height: 75px;
    background-position: -337px -4px;
}
.ie {
    width: 74px;
    height: 75px;
    background-position: -172px -5px;
}
.broname {
    font-size: 15px;
    display: block;
    padding: 12px 0 15px;
}
.brobttn {
    font-size: 13px;
    line-height: 28px;
    position: relative;
    display: inline-block;
    margin: 0 0 20px 0;
    padding: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    white-space: nowrap;
    color: #000;
    border: 0;
    border-radius: 3px;
    outline: 0;
    background: 0 0;
    border: 1px solid #ccc\9;
}
.brobttn:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0;
    content: '';
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 3px;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.bttntext {
    position: relative;
    padding: 0 15px;
    pointer-events: none;
}
.perdiv {
    height: 1rem;
    width: 20px;
    color:#757575;
    margin-top: 3px
}
.perdiv:hover {
    color: #52b758;
    -webkit-transition: color .4s;
    -o-transition: color .4s;
    transition: color .4s
}

@media not all and (-moz-touch-enabled:1), not all and (-ms-high-contrast:none) and (max-width:600px), not all and (pointer:coarse) {
    .quest-link:hover, .quest-link:hover .quest-link-icon {
        color: #00a04b;
        -webkit-transition: color .3s;
        -o-transition: color .3s;
        transition: color .3s
    }
    .news-item:hover .news-item-img_inner {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: -webkit-transform .3s 0s;
        transition: -webkit-transform .3s 0s;
        -o-transition: transform .3s 0s;
        transition: transform .3s 0s;
        transition: transform .3s 0s, -webkit-transform .3s 0s
    }
    .news-item2:hover .news-item-img_inner {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: -webkit-transform .3s 0s;
        transition: -webkit-transform .3s 0s;
        -o-transition: transform .3s 0s;
        transition: transform .3s 0s;
        transition: transform .3s 0s, -webkit-transform .3s 0s
    }
     .news-item2:hover .news-item__short {
        color: #00a04b
    }
    
    .news-item:hover .news-item__short {
        color: #00a04b
    }
    .news-card a:hover .news-card__title, .news-item:hover .news-item__short {
        -webkit-transition: color .3s 0s;
        -o-transition: color .3s 0s;
        transition: color .3s 0s
    }
    .news-card a:hover .news-card__title {
        color: #3eb75d
    }
    .search-result__item a:hover {
        color: #00a04b
    }
    .tile-item:hover {
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .15);
        box-shadow: 0 0 5px rgba(0, 0, 0, .15);
        -webkit-transition: -webkit-box-shadow .3s 0s;
        transition: -webkit-box-shadow .3s 0s;
        -o-transition: box-shadow .3s 0s;
        transition: box-shadow .3s 0s;
        transition: box-shadow .3s 0s, -webkit-box-shadow .3s 0s
    }
}
@media only screen and (max-width:1200px) {
    .produce .tooltip-info-body {
        left: auto;
        right: 0
    }
}
@media only screen and (max-width:768px) {
    .modal-container .input-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
    .modal-container .input-row:first-child .input-wrapper+.input-wrapper {
        margin-top: 2.3125rem
    }
    .modal-container .input-wrapper:not(:last-child) {
        margin-right: 0
    }
    .modal-container .input-item, .modal-container .input-item--quest {
        width: 100%
    }
}
@media only screen and (max-width:500px) {
    .modal-container {
        padding: 2.8125rem .9375rem 1.875rem
    }
}
@media (prefers-reduced-motion:reduce) {
    * {
        -webkit-transition: none!important;
        -o-transition: none!important;
        transition: none!important
    }
}
.news-item2 {
    display: inline-block;
    width: 33%;
    padding: 0 5px 20px 5px;
    vertical-align: top;
}

.content .action-table tr td:first-child {
    color: 
    #757575;
    text-transform: inherit;
}

.content .action-table2 tr td:first-child {
    color: #757575;
    text-transform: inherit;
}

.action-table2 {
border-spacing: revert;
border-collapse: unset;
}
.action-table2 tbody tr{
border-bottom: 1px solid #d5d9da;
border-spacing: revert;
border-collapse: unset;
}
.content .action-table2 thead tr th{
    vertical-align: middle;
}
.capred {
    display: inline-block;
    padding: 2px 6px;
    margin-top:5px;
    color: #eb5757;
    background-color: #fdeeee;
    border-radius:6px
}