/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
    top:0!important;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
    display: inline-block; /* 1 */
    vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
    display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
    background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
    border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
    overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
    margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
    overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
    color: inherit; /* 1 */
    font: inherit; /* 2 */
    margin: 0; /* 3 */
    padding: 0; /* photosquare add */
    outline: none; /* photosquare add */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
    overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
    border: 0; /* photosquare add */
    border-radius: 0; /* photosquare add */
    line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    height: auto;
    margin: 0;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
    overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
    font-weight: bold;
}

h1.title {
    font-size: 18px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.p-2 {
    padding: .75rem;
}

.p-3 {
    padding: 1rem !important;
}

.pb-4 {
    padding: 1.5rem !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.m-1 {
    margin: .25rem !important;
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important;
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.mb-5 {
    margin-bottom: 3rem !important;
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.mt-5 {
    margin-top: 3rem !important;
}

.mt-8 {
    margin-top: 8rem;
}

.mt-0 {
    margin-top: 0 !important;
}

.pt-5 {
    padding-top: 3rem !important;
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.mx-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
}

.mt-3 {
    margin-top: 1rem !important;
}

.mb-2 {
    margin-bottom: .5rem !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.mr-2 {
    margin-right: .5rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.mr-3 {
    margin-right: 1rem !important;
}

.mr-5 {
    margin-right: 3rem !important
}

.p-0 {
    padding: 0 !important;
}

.p-2 {
    padding: .5rem;
}

.px-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important;
}

.pl-0 {
    padding-left: 0;
}

.pl-1 {
    margin-left: .25rem;
}

.pl-2 {
    padding-left: .5rem !important;
}

.pl-4 {
    padding-left: 2rem !important;
}

.pt-2 {
    padding-top: .5rem !important;
}

.pr-2 {
    padding-right: .5rem !important;
}

.pr-5 {
    padding-right: 3rem !important;
}

.pb-2 {
    padding-bottom: .5rem !important;
}

.pb-3 {
    padding-bottom: 1rem !important;
}

.pb-4 {
    padding-bottom: 1.5rem !important;
}

.w-100 {
    width: 100%;
}

.w-50 {
    width: 50%;
}

.w-fit-content {
    width: fit-content;
}

.border-none {
    border: none;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

@font-face {
    font-family: 'SF Pro Rounded';
    src: url('/fonts/sf-pro-rounded/regular/SFRounded-Ultralight.eot');
    src: url('/fonts/sf-pro-rounded/regular/SFRounded-Ultralight.eot?#iefix') format('embedded-opentype'),
    url('/fonts/sf-pro-rounded/regular/SFRounded-Ultralight.woff2') format('woff2'),
    url('/fonts/sf-pro-rounded/regular/SFRounded-Ultralight.woff') format('woff'),
    url('/fonts/sf-pro-rounded/regular/SFRounded-Ultralight.ttf') format('truetype'),
    url('/fonts/sf-pro-rounded/regular/SFRounded-Ultralight.svg#SFRounded-Ultralight') format('svg');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Rounded Bold';
    src: url('/fonts/sf-pro-rounded/bold/SFRounded-Ultralight.eot');
    src: url('/fonts/sf-pro-rounded/bold/SFRounded-Ultralight.eot?#iefix') format('embedded-opentype'),
    url('/fonts/sf-pro-rounded/bold/SFRounded-Ultralight.woff2') format('woff2'),
    url('/fonts/sf-pro-rounded/bold/SFRounded-Ultralight.woff') format('woff'),
    url('/fonts/sf-pro-rounded/bold/SFRounded-Ultralight.ttf') format('truetype'),
    url('/fonts/sf-pro-rounded/bold/SFRounded-Ultralight.svg#SFRounded-Ultralight') format('svg');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Text';
    src: url('/fonts/sf-pro-text/regular/SFProText-Regular.eot');
    src: url('/fonts/sf-pro-text/regular/SFProText-Regular.eot?#iefix') format('embedded-opentype'),
    url('/fonts/sf-pro-text/regular/SFProText-Regular.woff2') format('woff2'),
    url('/fonts/sf-pro-text/regular/SFProText-Regular.woff') format('woff'),
    url('/fonts/sf-pro-text/regular/SFProText-Regular.ttf') format('truetype'),
    url('/fonts/sf-pro-text/regular/SFProText-Regular.svg#SFProText-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Rounded Regular';
    src: url('/fonts/sf-pro-rounded/regular/SF-Pro-Rounded-Regular.ttf');
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Rounded';
    src: url('/fonts/sf-pro-rounded/semibold/FontsFree-Net-SF-Pro-Rounded-Semibold.ttf');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('/fonts/sf-pro-display/SFProDisplay-Regular.eot');
    src: url('/fonts/sf-pro-display/SFProDisplay-Regular.eot?#iefix') format('embedded-opentype'),
    url('/fonts/sf-pro-display/SFProDisplay-Regular.woff2') format('woff2'),
    url('/fonts/sf-pro-display/SFProDisplay-Regular.woff') format('woff'),
    url('/fonts/sf-pro-display/SFProDisplay-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.sf-font {
    font-family: 'SF Pro Rounded', sans-serif;
}

.sf-bold-font {
    font-family: 'SF Pro Rounded Bold', sans-serif;
    font-weight: bold;
}

.sf-text-font {
    font-family: 'SF Pro Text', sans-serif;
}

.sf-display-font {
    font-family: 'SF Pro Display';
}

.font-size-0750 {
    font-size: .75rem;
}

.font-size-0680 {
    font-size: .68rem;
}

.font-size-0875 {
    font-size: .875rem;
}

.font-size-0900 {
    font-size: .900rem !important;
}

.font-size-1000 {
    font-size: 1rem;
}

.font-size-16 {
    font-size: 16px;
}

.font-size-10625 {
    font-size: 1.0625rem;
}

.font-size-1125 {
    font-size: 1.125rem !important;
}

.font-size-1126 {
    font-size: 1.5rem;
}

.font-size-1250 {
    font-size: 1.25rem;
}

.font-size-1875 {
    font-size: 1.1875rem;
}

.font-size-1700 {
    font-size: 1.7rem;
}

.font-size-2000 {
    font-size: 2rem;
}

.font-size-2250 {
    font-size: 2.25rem;
}

.font-size-3000 {
    font-size: 3rem;
}

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

.font-800 {
    font-weight: 800;
}

.txt-uppercase {
    text-transform: uppercase;
}

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

.text-violet {
    color: #6747e5 !important;
}

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

td,
th {
    padding: 0;
}

.expanderBox {
    cursor: pointer;
}

.expanderBox, .reducerBox {
    font-size: 14px;
}

#AC_Image {
    visibility: hidden;
    height: 1px;
    width: 1px;
    position: fixed;
}

.sendAddMarketActionContent > .addMarketActionRowForLastFieldText > input {
    margin: 0;
    padding-left: 3px;
    padding-right: 3px;
    width: 545px;
    border: 1px solid #5785b2;
    color: #7da8da;
    font-size: 15px;
    vertical-align: top;
}

.inputFileWrapper {
    background: url('/images/upload_photo_button.png') 0 0 no-repeat;
    width: 143px;
    height: 29px;
    display: inline-block;
    float: left;
    margin-left: 5px;
}

.inputFileWrapper input {
    opacity: 0;
    width: 143px;
    height: 29px;
    filter: alpha(opacity=0);
}

.addMarketActionRowForFieldPhoto {
    margin-top: 15px;
    margin-bottom: 10px;
}

.addMarketActionRowForFieldPhoto label {
    float: left;
}

.additionalInformationFont {
    font-size: 14px;
    color: #949494;
}

a#reformal_tab {
    margin-top: 0;
}

.errorInAddMarketActionMessage {
    margin-top: 0;
    font-size: 25px;
    color: #cc3333;
    text-align: center;
    padding-top: 30px;
    line-height: 1;
}

.addMarketActionCaptchaField {
    margin: 0;
    padding-left: 3px;
    padding-right: 3px;
    width: 545px;
    border: 1px solid #5785b2;
    color: #7da8da;
    font-size: 15px;
    vertical-align: top;
    margin-bottom: 30px;
    margin-left: 50px;
}

#captchaImageBox {
    margin-left: 12px;
    margin-bottom: 10px;
    float: left;
}

.addMarketActionRowForCaptcha label {
    margin-left: 55px;
    margin-top: 15px;
    margin-bottom: 5px;
}

#fileInputValue {
    font-size: 14px;
    margin-top: 5px;
    width: 550px;
}

#favouriteInfoBox {
    z-index: 500;
}

.ac_results {
    background: white !important;
    border-bottom: 1px solid #3775b1;
    width: 406px !important;
    margin-left: 1px;
    position: fixed !important;
    z-index: 9999;
}

.ac_results iframe {
    display: none;
}

.ac_results > ul {
    margin: 0;
    padding: 0;
}

.ac_results > ul > li {
    padding-left: 3px;
    padding-right: 3px;
    border-left: 1px solid #3775b1;
    border-right: 1px solid #3775b1;
    font-size: 13px;
    word-break: break-word;
    list-style: none;
    cursor: pointer;
}

.ac_results > ul > li.ac_over {
    background-color: #7da8da;
}

.wrongKeyboardMessage {
    font-size: 16px;
    display: inline;
}

.wrongKeyboardStaticText {
    color: #dd4b39;
    display: inline;
}

.placeholder {
    color: #999 !important;
}

::-webkit-input-placeholder {
    color: #999 !important;
}

:-moz-placeholder {
    color: #999 !important;
}

::-moz-placeholder {
    color: #999 !important;
}

::-webkit-input-placeholder {
    color: #999;
}

.bg-slivki {
    background-color: #6747e5 !important;
}

.bg-blue {
    background: #0175AF !important;
}

.bg-transpanent {
    background: transparent !important;
}

.bg-light-red {
    background: #ff000021;
    border-radius: 10px;
    padding: 20px;
}

.sf-font {
    font-family: 'SF Pro Rounded', sans-serif;
}

.font-size-0750 {
    font-size: .75rem !important;
}

.font-size-1000 {
    font-size: 1rem !important;
}

.font-size-1250 {
    font-size: 1.25rem !important;
}

.txt-600 {
    font-weight: 600 !important;
}

.text-violet {
    color: #6747e5 !important;
}

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

.px-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important;
}

.px-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

.pl-3, .px-3 {
    padding-left: 1rem !important;
}

.pr-3, .px-3 {
    padding-right: 1rem !important;
}

.ml-1, .mx-1 {
    margin-left: .25rem !important;
}

.mr-1, .mx-1 {
    margin-right: .25rem !important;
}

.pb-4, .py-4 {
    padding-bottom: 1.5rem !important;
}

.pb-3, .py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.pb-5 {
    padding-bottom: 3rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.pt-4, .py-4 {
    padding-top: 1.5rem !important;
}

.mt-4 {
    margin-top: 2rem !important;
}

.mt-2, .my-2 {
    margin-top: .5rem !important;
}

.mb-2, .my-2 {
    margin-bottom: .5rem !important;
}

.mr-2, .mx-3 {
    margin-right: .5rem !important;
}

.mb-3, .my-3 {
    margin-bottom: 1rem !important;
}

.mb-4, .my-4 {
    margin-bottom: 1.5rem !important;
}

.mb-5, .my-5 {
    margin-bottom: 3rem !important;
}

.mr-3, .mx-3 {
    margin-right: 1rem !important;
}

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.justify-flex-end {
    justify-content: flex-end;
}

.pr-0 {
    padding-right: 0 !important;
}

.justify-content-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.border-radius-0375 {
    border-radius: 0.375rem !important;
}

.border-radius-0875 {
    border-radius: 0.875rem !important;
}

.border-violet {
    border: 0.125rem solid #6747E5 !important;
}

.bg-violet {
    background-color: #6747e5 !important;
}

.border-right-dashed {
    border-right: 1px dashed rgba(0, 0, 0, 0.25);
}

.header-stat {
    position: absolute;
    background-color: #6747e5;
    font-weight: bold;
    color: #fff;
    font-size: 10px;
    line-height: .75rem;
    padding: .25rem;
    border-radius: .25rem;
}

.delivery-btn {
    display: block;
    width: 100%;
    margin: 0 auto;
    font-weight: 400;
    cursor: pointer;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.delivery-old-price {
    color: #000;
}

.bg-slivki-light {
    background-color: #bbb2dc40 !important
}

.rounded-14 {
    -moz-border-radius: 14px !important;
    -webkit-border-radius: 14px !important;
    border-radius: 14px !important;
}

.sendMessageToDirectorWindow {
    background-color: white;
    border: 4px solid #4c79a5 !important;
    padding: 15px;
}

.sendMessageToDirectorWindow textarea {
    width: 600px;
    height: 250px;
}

.submitLetterToDirectorButton {
    text-align: center;
}

.openMapLink {
    text-align: right;
    height: 0;
}

.openMapLink > div > a {
    padding: 0 !important;
}

.openMapLink > .openMapLinkText > a {
    border-bottom: 1px dashed #000080;
    color: #3775b1 !important;
    font-weight: bold;
    text-decoration: none;
    font-size: 13px;
    display: inline-block;
    float: none !important;
}

.openMapLinkLogo > a > img {
    background: url(/images/map_marker.png) no-repeat;
    width: 12px;
    height: 22px;
}

.openMapLinkLogo {
    width: 12px;
}

.openMapLink > div {
    display: inline-block;
}

.categoryBox {
    margin-bottom: 20px;
}

#userRegCompleteBox {
    background: url("/images/info_popup_bg.png") no-repeat scroll center center transparent;
    width: 636px;
    height: 308px;
    position: relative;
    overflow: hidden;
}

#userRegCompleteBox .title {
    margin-top: 40px;
    font-size: 36px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    width: 626px;
}

.userRegCompleteText {
    text-align: center;
    color: white;
    font-size: 28px;
    padding: 10px;
    width: 614px;
}

.emailOfOperatorParam {
    font-size: 18px;
    color: #777777;
}

.countVisitsLabel {
    font-size: 11px;
    margin-top: 10px;
}

.countOfNewCodesLabel {
    font-size: 16px;
    background-color: #e10005;
    height: 22px;
    width: 22px;
    border-radius: 13px;
    position: absolute;
    right: 0;
    top: -8px;
    font-weight: bold;
    border: 2px solid white;
    z-index: 50;
}

.countOfNewCodesLabel > a {
    color: white;
    text-decoration: none;
}

.newsTeaserImage {
    padding-top: 3px;
    vertical-align: top;
}

.newsTeaserBrief {
    padding-top: 0;
    vertical-align: top;
}

.newsTitle {
    color: #3775b1;
    font-size: 15px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    padding-left: 76px;
    height: 0;
    width: 900px;
    margin-bottom: -15px;
}

.topUserInfoBox > a {
    color: white;
    text-decoration: none;
}

.topMenu {
    height: 20px;
}

.affix {
    position: fixed !important;
    top: 0;
    width: 100%;
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.15);
}

#loadingPopup .modal-content {
    background-color: #0000009c;
    border: none;
    height: 100vh;
    align-items: center;
    display: flex;
    justify-content: center;
}

#loadingPopup .modal-dialog {
    max-width: none !important;
    margin-top: 0;
    margin-bottom: 0;
    height: 100vh;
    width: 100vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#loadingPopup .modal.fade .modal-dialog {
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
}

#loadingPopup .modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.top-menu {
    background-color: #fff;
    position: relative;
}
.top-menu-ul {
    min-height: 34px;
    display: flex;
    align-items: center;
    white-space: nowrap;
}
.top-menu ul {
    margin: 0;
    padding: 0;
    text-align: left;
}

.top-menu ul li {
    display: inline-block;
    list-style: none;
    padding: 2px 10px 2px 10px;
    position: relative;
}

.pin-maps-header {
    padding: 2px 10px 2px 24px !important;
}

.top-menu ul li.current,
.top-menu ul li:hover {
    background-color: #fff;
}

#usersOnline:hover {
    background-color: transparent;
}

.top-menu ul li a {
    color: #202020;
    font-size: 16px;
}

.top-menu ul li.current a,
.top-menu ul li:hover a {
    color: black;
}

.top-menu .jspVerticalBar,
.top-menu .jspDrag {
    width: 12px;
}

.top-menu li.selected-item > a {
    color: #333;
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}

.top-menu ul li.current:hover, .top-menu ul li:hover {
    border-radius: 7px;
    -webkit-box-shadow: 0px 0px 4px #ece9fce8;
    -moz-box-shadow: 0px 0px 4px #ece9fce8;
    box-shadow: 0px 0px 4px #ece9fce8;
    -webkit-transition-duration: 100ms;
    -moz-transition-duration: 100ms;
    -o-transition-duration: 100ms;
    transition-duration: 100ms;
}

.top-menu ul li.current:active, .top-menu ul li:active {
    -webkit-box-shadow: 0px 0px 27px 100px rgba(240, 237, 252, 0.54) inset;
    -moz-box-shadow: 0px 0px 27px 100px rgba(240, 237, 252, 0.54) inset;
    box-shadow: 0px 0px 27px 100px rgba(240, 237, 252, 0.54) inset;
    -webkit-transition-duration: 100ms;
    -moz-transition-duration: 100ms;
    -o-transition-duration: 100ms;
    transition-duration: 100ms;
}

.top-menu ul li.current, .top-menu ul li {
    -webkit-transition-duration: 100ms;
    -moz-transition-duration: 100ms;
    -o-transition-duration: 100ms;
    transition-duration: 100ms;
}

.top-menu li.selected-item.current > a {
    background-color: #fff;
}

.top-menu-content-wrapper {
    display: none;
    overflow: hidden;
    padding: 10px;
    -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
    position: absolute;
    background: #fff;
    width: 97%;
    top: 27px;
}

.top-menu-content-wrapper ul li a {
    font-size: 14px;
}

.top-menu ul li a .love {
    color: red;
}

#promocodeMenuContent {
    width: 100%;
    z-index: 9999;
    top: 34px;
    position: absolute;
    background-color: #fff;
    border-radius: 12px;
    -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.4);
}

#promocodeMenuContent .jspTrack,
#promocodeMenuContent .jspDrag {
    border-radius: 8px;
}

#mainMenuBanner {
    float: right;
    margin-right: -130px;
    margin-top: 5px;
}

#promocodeMenuContentInner {
    top: auto;
    width: 100%!important;
    padding: 5px 0 0 0;
    position: relative;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: visible;
    float: left;
}

#promocodeMenuContentInner .jspContainer {
    width: 100% !important;
}

#promocodeMenuContentInner .jspPane {
    width: 100% !important;
}
#mainMenuNav {
    float: left;
    width: 300px;
    margin: 0 10px 0 0;
    padding: 0 5px 0 0;
    border-right: 1px solid rgba(0, 0, 0, .25);
    z-index: 2;
}

#mainMenuNav li {
    display: block;
    position: relative;
    width: 100%;
    color: #333;
    padding-left: 10px !important;
}

#mainMenuNav li a {
    display: block;
    width: 100%;
    line-height: 37px;
}

#promocodeMenuContent ul li {
    margin: 0;
    padding: 0;
}

#promocodeMenuTabsContent {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    width: 100%;
    text-align: left;
    line-height: normal;
    padding-left: 310px;
}

#promocodeMenuTabsContent .main-menu-child a {
    display: block;
    color: #b7b7b7;
    width: 100%;
    position: relative;
    padding-left: 12px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#promocodeMenuTabsContent .main-menu-child a:hover {
    color: #6747E5;
}

#promocodeMenuTabsContent .main-menu-child a sup {
    color: #333;
    font-size: 8px;
    top: -5px;
    left: 2px;
}

#commentMenuContent {
    top: 26px;
    width: 100%;
}

#commentMenuContent ul {
    width: 20%;
}

.main-menu-company-list {
    display: none;
}

.button.shadow-btn {
    background-color: #fff !important;
    font-weight: bold;
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .5);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .5);
    padding-left: 50px;
    padding-right: 50px;
}

#promocodeMenuTabsContent .shadow-btn {
    margin-top: 10px;
}

#promocodeMenuTabsContent .stock-group-item {
    width: 33%;
}

#promocodeMenuTabsContent a:first-child {
    color: #333;
}

#toggleCompanyRating {
    float: right;
    color: #6747E5;
    font-size: 16px;
    margin-top: 5px;
}

#toggleCompanyRating i {
    padding: 0 5px;
}

#toggleCompanyRating i.active {
    transform: rotate(90deg);
}

#categories-list .companies-ranking {
    display: none;
}

.main-menu-child-block {
    display: inline-block;
    width: 32%;
    margin: 0 .4% 15px;
    vertical-align: top;
    position: relative;
}

.main-menu-child {
    width: 200px;
    margin-bottom: 15px;
}

.main-menu-child-item {
    padding-bottom: 5px;
}

.main-menu-child a.featured:after {
    display: block;
    position: absolute;
    left: 0;
    top: 1px;
    font-family: FontAwesome;
    content: '\f111';
    color: #6992F7;
    font-size: 10px;
}

.mb-0 {
    margin-bottom: 0 !important;
}

#mainMenuNav li:after {
    position: absolute;
    font-family: 'Slivki-Icons';
    content: '\e817';
    right: 6px;
    top: 0;
    line-height: 37px;
    font-size: 16px;
    color: #c9c9c9;
}

#mainMenuNav li.active,
#mainMenuNav li:hover {
    background-color: #F0EDFC;
    border-radius: 8px;
}

.main-menu-sub-menu {
    display: none;
}

.category-menu-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: contain;
    vertical-align: middle;
}

.sub-menu-content {
    text-align: justify;
    line-height: 0;
}

.sub-menu-content:after {
    width: 100%;
    height: 1px;
    visibility: hidden;
    overflow: hidden;
    content: '';
    display: inline-block;
}

.sub-menu-content ul {
    display: inline-block;
    text-align: left;
    position: relative;
    line-height: normal;
    font-size: 14px;
    vertical-align: top;
}

.sub-menu-content li {
    display: block;
}

.sub-menu-content ul li {
    display: block
}

.sub-menu-content ul li a {
    color: #333;
}

.sub-menu-content ul li a:hover {
    color: #6747E5;
}

.top-menu-bottom {
    display: none;
    margin-bottom: -5px;
}

.top-menu-bottom.active {
    display: block;
}

#contentGreyout {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    content: '';
    background-color: rgba(0, 0, 0, 0);
    top: 0;
    left: 0;
    z-index: 99;
}

#voiceSearchHintGreyout {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    content: '';
    background-color: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    z-index: 200;
}

.voice-search-hint-block {
    position: absolute;
    width: 200px;
    background: #fff;
    border: 1px solid #fff;
    z-index: 201;
    text-align: center;
    padding: 20px;
}

.voice-search-hint-block:after, .voice-search-hint-block:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.voice-search-hint-block:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 5px;
    margin-left: -5px;
}

.voice-search-hint-block:before {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 6px;
    margin-left: -6px;
}

.voice-search-btn .voice-search-hint-block {
    top: 45px;
    left: -100px;
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .15);
    box-shadow: 0 0 6px rgba(0, 0, 0, .15);
    color: #333;
    border-radius: 12px;
    display: none;
}

.voice-search-btn:hover .voice-search-hint-block {
    display: block;
}

.top-menu-bottom .container {
    position: relative;
}

#topMenuBottomWrap {
    position: relative;
    width: 100%;
}

#topMenuBottomWrap > ul {
    margin: 0;
    padding: 5px 15px;
    background-color: white;
    text-align: justify;
    height: 20px;
    overflow: hidden;
}

#topMenuBottomWrap > ul li {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
}

#topMenuBottomWrap > ul:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 1px;
}

#topMenuBottomWrap > ul li a {
    font-size: 14px;
    position: relative;
}

#topMenuBottomWrap ul.expanded-menu {
    position: absolute;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    line-height: 0;
    font-size: 1px;
    display: none;
    overflow: visible;
}

#topMenuBottomWrap ul.expanded-menu.active {
    display: block;
}

#topMenuBottomWrap ul.expanded-menu ul {
    margin: 0;
    padding: 0;
    display: inline-block;
    position: relative;
    vertical-align: top;
}

#topMenuBottomWrap ul.expanded-menu ul li {
    display: block;
}

.city-selector-opener {
    padding-top: 4px;
    position: relative;
    display: inline-block;
    z-index: 4;
}

.city-selector-opener > a {
    color: black;
    position: relative;
    padding-right: 20px;
    font-size: 16px;
}

.city-selector-opener > a:after {
    position: absolute;
    font-family: 'Slivki-Icons';
    content: '\f107';
    right: 0;
    top: 3px;
    line-height: 14px;
}

.city-selector-opener:hover > a:after {
    content: '\f106';
}

.city-selector-opener .city-selector {
    font-size: 16px;
    display: none;
    position: absolute;
    background-color: #fff;
    top: 23px;
    z-index: 3;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .15);
    box-shadow: 0 0 6px rgba(0, 0, 0, .15);
    padding: 0 1px!important;
    width: 274px;
    max-height: 381px;
    border-radius: 12px;
    overflow: visible !important;
}

.city-selector-opener .city-selector:before {
    content: '';
    position: absolute;
    top: 0;
    right: -10%;
    width: 110%;
    height: 110%;
}

.city-selector-opener .city-selector .jspTrack,
.city-selector-opener .city-selector .jspDrag {
    border-radius: 8px;
}

.position-relative {
    position: relative !important;
}

#citySearchClear {
    position: absolute;
    right: .5rem;
    top: 0.875rem;
    color: #343A41;
    text-decoration: none;
    z-index: 2;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
}

#citySearchClear.d-none {
    display: none;
}

.city-selector-opener:hover .city-selector {
    display: block;
}

.city-selector-opener .city-selector-list a {
    position: relative;
    text-align: left;
    color: #333;
    margin-left: 52px;
    padding: 14px 14px 14px 0;
    display: block;
    border-bottom: 1px solid #dee2e6;
}

.city-selector-opener .city-selector-list a.d-none {
    display: none;
}

.border-bottom {
    border-bottom: 1px solid #dee2e6;
}

.city-selector-opener .city-selector-list a:hover {
    color: black;
}

.city-selector-opener .city-selector-list a.checked:after {
    position: absolute;
    font-family: 'Slivki-Icons';
    content: '\e811';
    font-size: 12px;
    top: 14px;
    left: -30px;
}

.city-selector li {
    display: block;
}

.city-selector.open {
    display: block;
}

.city-qa {
    top: 57px;
    margin-left: -209px;
    display: none;
    position: absolute;
    background: #fff;
    padding: 20px;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .15);
    box-shadow: 0 0 6px rgba(0, 0, 0, .15);
}

.city-qa:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px;
}

.city-qa p {
    text-align: left;
    padding-top: 10px;
    padding-bottom: 30px;
    font-size: 18px;
}

.city-qa .button {
    display: inline-block;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #6747e5;
}

.city-qa .button.bg-white {
    background-color: white;
    color: black !important;
    border-color: #333;
    margin-left: 20px;
}

.city-qa .buttons {
    white-space: nowrap;
}

#menuFliers #headerTopMenu2 {
    display: none;
}

.flier-list-wrap:nth-child(even),
.flier-list-wrap:nth-child(even) .flier {
    background-color: #f2f2f2;
}

.flier-list-wrap .title {
    font-family: 'SF Pro Rounded', sans-serif;;
    font-size: 22px;
    padding: 30px 10px 20px 10px;
}

.flier-list .flier {
    width: 200px;
    margin-right: 10px;
}

.flier-list.noslider .flier {
    width: 18.7%;
    margin: .5%;
}

.flier-list.noslider .flier img {
    width: 100%;
    height: auto;
    min-height: 262px;
}

.flier-list .flier img {
    width: 200px;
    height: 279px;
    background-image: url("/images/slivki-rotate-100_0-20.png");
    background-position: center center;
    background-size: 50px;
    background-repeat: no-repeat;
    border-radius: 12px;
}

.flier-list .slick-arrow {
    position: absolute;
    z-index: 2;
    font-size: 18px;
    width: 40px;
    height: 40px;
    top: 50%;
    color: white;
    border: 0;
    padding: 0;
    background: #6747e5;
    text-align: center;
    border-radius: 50%;
    outline: none;
}

.flier-list .slick-next:before {
    font-family: Slivki-Icons;
    content: '\e817';
    margin: 0;
}

.flier-list .slick-prev:before {
    font-family: Slivki-Icons;
    content: '\e818';
    margin: 0;
}

.flier-list .slick-next:focus, .flier-list .slick-next:hover, .flier-list .slick-prev:focus, .flier-list .slick-prev:hover {
    color: white;
    outline: 0;
    background: #6747e5;
    -moz-box-shadow: 0px 0px 5px #ccc;
    -webkit-box-shadow: 0px 0px 5px #ccc;
    box-shadow: 0px 0px 5px #ccc;
}

.flier-list .slick-arrow i:before {
    margin: 0;
}

.flier-list .slick-arrow i:after {
    content: '';
    display: block;
    position: absolute;
    width: 18px;
    height: 18px;
    background: #fff;
    top: 50%;
    margin-top: -7px;
    left: 50%;
    margin-left: -7px;
    z-index: -1;
}

.flier-list .slick-prev {
    left: 10px;
}

.flier-list .slick-next {
    right: 10px;
}

.flier-list .slick-disabled {
    display: none !important;
}

.letterToPartnersBodyContainer > textarea {
    width: 890px;
    height: 200px;
}

.letterToPartnersThemeInputContainer > input {
    width: 890px;
}

.onlyLiveMarketActionsLabel, .saleLabel {
    display: inline-block;
}

.onlyLiveMarketActionsInputContainer, .salesInputContainer {
    display: inline-block;
    vertical-align: middle;
}

.selectCategoryForPartnersName {
    display: inline-block;
}

.selectCategoryForPartnersCheckbox {
    display: inline-block;
}

.onlyLiveMarketActionsContainer, .salesContainer {
    margin: 10px;
}

.letterToPartnersThemeContainer {
    margin-bottom: 15px;
}

.letterToPartnersBodyLabel {
    margin: 10px;
}

.letterToPartnersThemeLabel {
    margin: 10px;
}

.submitLetterToPartnersButton {
    text-align: center;
}

#displayCategoryForSelectionButton {
    cursor: pointer;
    color: #72b6d8;
    text-decoration: underline;
    margin: 10px;
}

.selectCategoryForPartnersContainer {
    margin-left: 15px;
    margin-top: 5px;
}

.messageMessagesToPartnersSended {
    margin: 15px;
    font-size: 20px;
    color: green;
}

.supplierCategoryOpenButton {
    color: #9900ff;
    display: block;
    float: left;
    padding: 3px 8px;
    cursor: default;
    text-decoration: underline;
    margin-right: 4px;
}

.categorySuppliersBlock {
    display: none;
    position: absolute;
    background-color: white;
    width: 880px;
    border-radius: 5px;
    border: 1px solid #3775b1;
    box-shadow: 0 0 8px #3775b1;
    padding: 7px 15px 10px 15px;
    z-index: 101;
    margin: 25px auto 0 auto;
    left: 0;
    right: 0;
}

.categorySuppliersBlockContainer {
    float: left;
}

.printCodesButtonClass {
    border: none;
    background-color: #F7F7F7;
    font-size: larger;
    text-decoration: underline;
}

.printCodesButtonClass:hover {
    cursor: pointer;
}

.printCheckBox {
    width: 32px;
    height: 32px;
    float: right;
}

.printMarketActionItem {
    float: left;
    width: 290px;
    height: 189px;
    padding-top: 13px;
    margin-left: 5px;
    padding-bottom: 5px;
}

.mall-map-level-switch.not-active {
    background-color: lightgray;
}

ul.mall-map-legend {
    bottom: 0;
    padding: 10px 20px;
    margin: 0;
    list-style: none;
    background-color: #2C3140;
}

ul.mall-map-legend li {
    display: inline-block;
    margin: 0;
    padding: 0;
    color: #fff;
    padding-left: 35px;
    height: 30px;
    background-position: 0 0;
    background-size: 30px;
    background-repeat: no-repeat;
    line-height: 30px;
    margin: 5px 10px;
}

ul.mall-map-legend li.legend--bank {
    background-image: url(/images/mall1/bank.png);
}

ul.mall-map-legend li.legend--atm {
    background-image: url(/images/mall1/bankomat.png);
}

ul.mall-map-legend li.legend--wc {
    background-image: url(/images/mall1/wc.png);
}

ul.mall-map-legend li.legend--info {
    background-image: url(/images/mall1/info.png);
}

ul.mall-map-legend li.legend--parking {
    background-image: url(/images/mall1/parking.png);
}

ul.mall-map-legend li.legend--exit {
    background-image: url(/images/mall1/vhod.jpg);
    padding-left: 60px;
    background-size: 55px;
}

ul.mall-map-legend li.legend--cleaning {
    background-image: url(/images/mall1/prachechnaya.png);
}

ul.mall-map-legend li.legend--atelier {
    background-image: url(/images/mall1/atelie.png);
}

ul.mall-map-legend li.legend--photo {
    background-image: url(/images/mall1/photo.png);
}

ul.mall-map-legend li.legend--keys {
    background-image: url(/images/mall1/key.png);
}

ul.mall-map-legend li.legend--stairs {
    background-image: url(/images/mall1/lestnica.png);
}

ul.mall-map-legend li.legend--elevator {
    background-image: url(/images/mall1/lift.png);
}

ul.mall-map-legend li.legend--escalator {
    background-image: url(/images/mall1/ekskltr.png);
}

@media print {
    #userAccountTable tr.even td {
        box-shadow: inset 0 0 0 1000px #F0F0F0;
    }

    body {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}

.altMarketActionsBox {
    margin-top: 25px;
}

.altMarketActionsBox > .title {
    background-color: #f2f2f2;
    padding: 10px;
    margin-left: -20px;
}

.altMarketActionsBox .expand-btn {
    color: #6747E5;
}

.confirmMessage {
    background: url("/images/info_popup_bg.png") no-repeat scroll center center !important;
    width: 636px !important;
    height: 308px;
    position: relative;
    overflow: hidden;
}

.confirmMessage .message {
    margin-top: 50px;
    font-size: 36px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    width: 626px;
}

.confirmMessage .buttons {
    position: absolute;
    top: 230px;
    left: 12px;
    width: 610px;
}

.confirmMessage .buttonsTable {
    width: 100%;
    text-align: center;
}

.confirmMessage .buttons .buttonsTable .buttonYes {
    background: url("/images/btn_yes_new.png") no-repeat;
    width: 257px;
    height: 46px;
}

.confirmMessage .buttons .buttonsTable .buttonCancel {
    background: url("/images/btn_cancel_new.png") no-repeat;
    width: 257px;
    height: 46px;
    cursor: pointer;
}

.blockMailTextareaContainer > textarea {
    width: 100%;
    resize: none;
    margin: 20px 0;
    padding: 5px;
    box-sizing: border-box;
    height: 200px;
    font-size: 18px;
}

.blockMailSubmitButton {
    text-align: center;
}

.blockingSuccessMessage {
    color: green;
}

.blockingErrorMessage {
    color: red;
}

/*  landing mode start  */
.landing-mode ul.cats {
    top: 90px;
}

.landing-mode #topNavigation,
.landing-mode #topNavigation .topHeader,
.landing-mode #topNavigation .topHeader .topHeaderContent {
    height: 140px;
}

.landing-mode #mainContent {
    padding-top: 140px;
}

.landing-mode #worksheet {
    padding-top: 0;
}

/*  landing mode end  */
.cleanUl {
    padding: 0;
    margin: 0;
    left: 0 !important;
    top: 0 !important;
    display: inline !important;
}

#topUserBalanceInfo .reminderBox {
    position: absolute;
    border: 1px solid #333;
    background-color: #ffed8a;
    padding: 2px 6px;
    color: #000;
    top: 0;
    left: 247px;
    display: none;
}

#topUserBalanceInfo .closeSpan {
    width: 20px;
    height: 18px;
    float: right;
    margin-left: 6px;
    margin-top: -10px;
    background: url(/images/delete_favourite_big.png) no-repeat;
}

#topUserBalanceInfo .closeSpan:hover {
    cursor: pointer;
    opacity: 0.7;
}

.tooltipster-light {
    border-radius: 5px;
    border: 1px solid #cccccc;
    background: #ededed;
    color: #666666;
}

.tooltipster-light .tooltipster-content {
    font-size: 14px;
    line-height: 16px;
    padding: 8px 10px;
}

.tooltipster-noir {
    border-radius: 0;
    border: 3px solid #2c2c2c;
    background: #fff;
    color: #2c2c2c;
}

.tooltipster-noir .tooltipster-content {
    font-size: 14px;
    line-height: 16px;
    padding: 8px 10px;
}

.tooltipster-punk {
    border-radius: 5px;
    border-bottom: 3px solid #f71169;
    background: #2a2a2a;
    color: #fff;
}

.tooltipster-punk .tooltipster-content {
    font-family: 'Courier', monospace;
    font-size: 14px;
    line-height: 16px;
    padding: 8px 10px;
}

.tooltipster-shadow {
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 0 14px rgba(0, 0, 0, 0.3);
    color: #2c2c2c;
}

.tooltipster-shadow .tooltipster-content {
    font-size: 14px;
    line-height: 16px;
    padding: 8px 10px;
}

#colorbox, #cboxOverlay, #cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
}

#cboxWrapper {
    max-width: none;
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
    clear: left;
}

#cboxContent {
    position: relative;
}

#cboxLoadedContent {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

#cboxTitle {
    margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
    cursor: pointer;
}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none;
    -ms-interpolation-mode: bicubic;
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

#cboxOverlay {
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

#colorbox {
    outline: 0;
}

#cboxTopLeft {
    width: 25px;
    height: 25px;
    background: url(/images/border1.png) no-repeat 0 0;
}

#cboxTopCenter {
    height: 25px;
    background: url(/images/border1.png) repeat-x 0 -50px;
}

#cboxTopRight {
    width: 25px;
    height: 25px;
    background: url(/images/border1.png) no-repeat -25px 0;
}

#cboxBottomLeft {
    width: 25px;
    height: 25px;
    background: url(/images/border1.png) no-repeat 0 -25px;
}

#cboxBottomCenter {
    height: 25px;
    background: url(/images/border1.png) repeat-x 0 -75px;
}

#cboxBottomRight {
    width: 25px;
    height: 25px;
    background: url(/images/border1.png) no-repeat -25px -25px;
}

#cboxMiddleLeft {
    width: 25px;
    background: url(/images/border2.png) repeat-y 0 0;
}

#cboxMiddleRight {
    width: 25px;
    background: url(/images/border2.png) repeat-y -25px 0;
}

#cboxContent {
    background: #fff;
    overflow: hidden;
}

.cboxIframe {
    background: #fff;
}

#cboxError {
    padding: 50px;
    border: 1px solid #ccc;
}

#cboxLoadedContent {
    margin-bottom: 20px;
}

#cboxTitle {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 100%;
    color: #999;
}

#cboxCurrent {
    position: absolute;
    bottom: 0;
    left: 100px;
    color: #999;
}

#cboxLoadingOverlay {
    background: #fff url(/images/loading.gif) no-repeat 5px 5px;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
    border: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
    width: auto;
    background: none;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
    outline: 0;
}

#cboxSlideshow {
    position: absolute;
    bottom: 0;
    right: 42px;
    color: #444;
}

#cboxPrevious {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #444;
}

#cboxNext {
    position: absolute;
    bottom: 0;
    left: 46px;
    color: #444;
}

#cboxClose {
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    color: #444;
}

.noscroll {
    overflow: hidden;
}

.userVoteImages {
    padding-top: 10px;
    text-align: center;
    display: block;
}

.previewImage {
    float: left;
    position: relative;
}

.previewImage img {
    height: 105px;
    width: auto;
    float: left;
    border-radius: 6px;
    margin: 0 13px;
    background-color: #fff;
}

img.voteImage {
    padding: 5px 0;
    max-height: 400px;
    display: inline-block;
}

.formWrapper {
    float: left;
    display: grid;
    margin: 10px 0;
    color: #fff;
}

.addMediaTitle {
    float: left;
    color: #A4A4A4;
    font-size: 15px;
    line-height: 32px;
}

#ajaxImageSubmit {
    padding: 42px;
    border: 1px dashed #E4E4E4;
    border-radius: 6px;
    width: fit-content;
}

span.imageTooltip {
    float: left;
    color: #fff;
    width: 20px;
    cursor: pointer;
}

.uploadedImagePreview {
    height: 105px;
    width: 100%;
}

.removeImage {
    cursor: pointer;
    top: -6px;
    right: 6px;
    position: absolute;
    background-color: white;
    border-radius: 10px;
    padding: 6px;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 4px 22px rgba(0, 0, 0, 0.25);
}

.removeImage:after {
    content: '×';
    position: absolute;
    font-size: 17px;
    line-height: 11px;
    color: black;
    opacity: 0.6;
}

.removeImage:hover {
    background-color: #aaaaaa;
}

.paymentWPText {
    width: 123px;
    height: 122px;
    border: none;
}

#sandboxForm {
    font-size: 14px;
}

#topResultOrderInfoBox #sandboxForm {
    font-size: 18px;
}

#amountInput {
    width: 55px;
}

.paymentWPImg {
    background: url(/images/webpay_logo_2.png) 0 0 no-repeat;
    width: 143px;
    background-size: 143px;
    background-position: center;
}

.phoneNote {
    font-size: 15px;
}

.printCodesDiv {
    margin-left: 700px;
}

#labelNew {
    position: absolute;
    top: -16px;
    left: 880px;
    width: 30px;
    height: 30px;
    background: url(/images/label_new_small.png) 0 0 no-repeat;
}

.scroll-pane {
    overflow: hidden;
    width: 99%;
    height: 0;
    padding-bottom: 10px;
}

.scroll-content {
    width: 823px;
    margin: 6px;
    float: left;
    word-wrap: break-word;
    padding-left: 10px;
}

.scroll-bar {
    float: right;
    margin-top: 15px;
}

.scroll-bar .ui-slider {
    height: 20px;
    margin: 0 auto;
}

.ui-slider-vertical .ui-slider-handle {
    cursor: pointer;
}

.userVoteImages iframe {
    margin: 0 auto;
    display: inherit;
}

#userNewslettersBox {
    background: url("/images/info_popup_bg.png") no-repeat scroll center center transparent;
    width: 636px !important;
    height: 308px;
    position: relative;
    font-size: 15px;
    color: #fff;
    font-weight: bold;
    padding-top: 5px;
    overflow: hidden;
}

#userNewslettersBox .mainData {
    height: 133px;
    vertical-align: top;
}

#userNewslettersBox .title {
    margin-left: 51px;
    margin-bottom: 5px;
    padding-top: 15px;
}

#userNewslettersBox .newslettersList {
    padding-left: 50px;
    margin-bottom: 29px;
    padding-top: 5px;
}

#userNewslettersBox .buttonSave,
#userNewslettersBox .buttonCancel {
    width: 257px;
    height: 46px;
    cursor: pointer;
}

#userNewslettersBox .buttons {
    width: 100%;
    text-align: center;
    padding-top: 78px;
}

#userNewslettersBox .buttons .buttonSave {
    background: url("/images/btn_save_new.png") no-repeat transparent;
}

#userNewslettersBox .buttons .buttonCancel {
    background: url("/images/btn_cancel_new.png") no-repeat transparent;
}

#userNewslettersBox .thankButton {
    margin-top: 94px;
    margin-left: 187px;
    margin-bottom: 0;
}

#userNewslettersForm .subscribeOptions {
    padding-left: 47px;
}

.ui-slider-vertical .ui-slider-handle {
    border-radius: 15px;
    margin-left: 1px;
}

.newsletters {
    width: 18px;
    background: url("/images/user_newsletters.png") no-repeat transparent;
    background-position: center;
}

.newslettersListItem {
    color: #333;
}

.newslettersItems {
    padding-top: 4px;
}

.unsubscribe {
    cursor: pointer;
}

.commentAnswerButton {
    font-size: 12px;
    width: 70px;
    height: 19px;
    text-align: center;
    border-radius: 7px;
    padding-top: 2px;
    color: #3399cc;
}

.userCommentAnswer {
    margin-bottom: 5px;
    border: 1px solid #ddd;
    padding: 7px;
    margin-left: 8px;
}

.addCommentAnswerBox {
    position: absolute;
    display: none;
    width: 379px;
    height: 205px;
    z-index: 5;
}

.addCommentAnswerButton {
    margin-bottom: 5px;
}

.addCommentAnswerBox {
    position: absolute;
    display: none;
    width: 379px;
    height: 205px;
    left: -162px;
    z-index: 5;
}

.commentAnswerButton {
    color: #3399cc;
    font-size: 14px;
    font-weight: normal;
    text-decoration: underline;
    cursor: pointer;
}

.commentAnswerText {
    font-size: 12px;
}

.commentsLeftColumn {
    float: left;
    width: 330px;
    padding-top: 16px;
}

.leftColumnHeader {
    font-size: 25px;
    color: #3399cc;
    padding-top: 20px;
    padding-bottom: 12px;
}

.commentsLiveBody .moreComments a {
    color: #72b6d8;
}

.commentsLiveBody .moreComments a:hover {
    text-decoration: none;
}

.leftColumnBody {
    background-color: #ddd;
    border-radius: 5px;
    padding: 18px;
    font-size: 15px;
}

#mainWrapper {
    margin: 0 auto 0 auto;
    width: 1280px;
}

.commentsLiveItem {
    padding-bottom: 14px;
}

.commentsLiveMarketActionName {
    text-decoration: underline;
}

.commentsLiveMarketActionName a {
    color: #000;
}

.commentsLiveMarketActionName:hover, .commentsLiveMarketActionName:hover a {
    text-decoration: none;
    color: #000;
}

#topSearchBalanceBox {
    padding-left: 106px;
}

.salesCategoryName {
    padding-left: 20px;
    font-size: 20px;
    text-transform: uppercase;
}

.newsItemBody .newsTeaser .newsTeaserBrief a {
    text-decoration: none;
    color: #48453e;
    font-size: 13px;
}

.sales-list .sale-li .none {
    font-size: 13px;
}

.lastCommentsHeader {
    height: 90px;
    font-size: 27px;
    color: #3399cc;
}

#moreCommentsButton span {
    color: #72b6d8;
    font-size: 16px;
    cursor: pointer;
}

#moreCommentsButton {
    text-align: center;
    padding: 0;
}

.salesList #salesLink a {
    text-decoration: none;
    color: #3399cc;
}

#commentsBox {
    background: #fff;
    position: relative;
}

#commentsBox .votesBoxTitle {
    color: #333333;
    font-size: 24px;
    font-weight: normal;
}

#commentsBox .votesBoxTitle span.addVoteLink {
    color: #3399cc;
    font-size: 14px;
    font-weight: normal;
    text-decoration: underline;
    cursor: pointer;
}

#commentsBox .addVoteBox {
    width: 379px;
    height: 205px;
    position: absolute;
    top: 30px;
    left: 100px;
    display: none;
    z-index: 5;
}

#commentsBox #userVotes {
    margin-top: 12px;
}

#commentsBox #userVotes .voteItem {
    border-bottom: #e5e5e5 solid 1px;
}

#commentsBox #userVotes .userVoteItem {
    padding: 14px 17px;
}

#commentsBox #userVotes .userVoteItem .userInfo {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 8px;
}

#commentsBox #userVotes .userVoteItem .userInfo span.date {
    color: #999999;
    font-size: 12px;
    font-weight: normal;
}

#commentsBox #userVotes .userVoteItem .voteComment {
    color: #333333;
    font-size: 14px;
    font-weight: normal;
    white-space: pre-wrap;
    word-break: break-word;
    word-wrap: break-word;
}

#commentsBox #userVotes .adminVoteItem {
    padding-bottom: 13px;
    padding-left: 15px;
}

#commentsBox #userVotes .adminVoteItem .adminInfo {
    color: #ff9933;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 8px;
}

#commentsBox #userVotes .adminVoteItem .adminComment {
    color: #333333;
    font-size: 12px;
    font-weight: normal;
    word-break: break-word;
    word-wrap: break-word;
    white-space: pre-wrap;
}

.salesListBody .sale-li:hover .sale-info {
    display: block;
}

.salesListBody .sale-li .sale-info {
    display: none;
    background: #fafafa;
    border: 1px solid #d0d0d0;
    position: absolute;
    top: 15px;
    left: 85px;
    z-index: 99;
    font-size: 12px;
    padding: 5px;
}

.stock-group-header.sale-header {
    font-family: 'SF Pro Rounded', sans-serif;
    font-size: 32px;
}

.sale-header h1 {
    display: inline;
}

#worksheet.adminWorksheet {
    float: none;
}

.commentsLiveCommentText {
    word-wrap: break-word;
}

.leftColumnHeader > a {
    font-size: 25px;
    color: #3399cc;
    padding-top: 20px;
    padding-bottom: 12px;
    text-decoration: none;
}

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

.orderInfo td {
    border-top: 1px solid gray;
}

.topBanner {
    left: 480px;
}

#scrollBtnHome {
    visibility: visible;
}

#scrollBtnToAction {
    visibility: visible;
}

@media (min-resolution: 150 ppi), (max-width: 1250px) {
    .topUserLoginBox {
        padding-left: 110px;
    }

    #placeShareButton {
        display: none;
    }

    #topHeaderStickyNavigationWrapper #stickyNavigationWrapper #stickyNavigation .stickyNavigationContent {
        width: 100%;
    }

    .stickyNavigationContentTable {
        width: 100%;
    }

    #topUserBalanceInfo, .topBalanceReplenishBox, .allSeeingEyeBox,
    .topContactInfoBox, .commentsLeftColumn, #jivo_top_wrap {
        display: none;
    }

    #mainContainer, .topHeader .topHeaderContent {
        width: 100%;
    }

    .bottomMenu .bottomMenuContent {
        width: 900px;
    }

    .marketActionList {
        width: 900px;
    }

    .bottomMenuLeft {
        padding-left: 0
    }

    #labelNew {
        left: 644px;
    }

    ul.cats li {
        width: 160px;
    }

    #topSearchBalanceBox {
        padding-left: 0;
    }

    #znijkiLogoLink {
        padding-left: 0;
    }

    .counterBox {
        margin-left: 26px;
    }

    .topBanner {
        left: 400px;
    }

    #mainContainer {
        min-width: 1000px;
    }

    #mainWrapper {
        width: 900px;
    }

    #scrollBtnHome {
        visibility: hidden;
    }

    #mainContent {
        width: 100%;
    }

    .topSearchBox .topSearchBoxTable .topSearchInput {
        height: 45px;
        background-size: 650px;
    }

    .topSearchBox .topSearchBoxTable .topSearchBtn {
        height: 45px;
        width: 127px;
        background-size: 127px;
    }

    #scrollBtnToAction {
        visibility: hidden;
    }

    .topHeaderContent > .addSuggestionsContainer > div {
        font-size: 19px;
    }

    .bottomMenuContent .bottomMenuLeft a.bottomMenuLeftLink {
        font-size: 13px;
        padding-right: 10px;
    }

    .topUserInfoBox {
        margin-right: -120px;
    }

    .bottomMenu .bottomMenuContent .bottomMenuLeft {
        padding-left: 0;
        word-spacing: -3px;
    }

    .yandexMetrics {
        display: none;
    }
}

.newsItemInList {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid orange;
    vertical-align: top;
}

.newsTeaserImageInList {
    display: inline-block;
}

.newsTeaserBriefInList {
    display: inline-block;
    vertical-align: top;
}

.newsTeaserBriefInList > a {
    color: #72b6d8;
    text-decoration: underline;
}

.newsTeaserBriefInList > a:hover {
    text-decoration: none;
}

.newsList {
    padding-top: 20px;
}

.bottomNews {
    padding-top: 10px;
}

.bottomNewsTitle {
    color: #ff9f39;
    font-weight: normal;
    font-size: 26px;
    padding-bottom: 10px;
}

.moreNews > a {
    color: #72b6d8;
    text-decoration: underline;
}

.moreNews > a:hover {
    text-decoration: none;
}

.moreNews {
    padding: 10px 0 0 10px;
}

.mainContentForLittleHeader {
    padding-top: 150px !important;
}

.addSuggestionsContainer > div {
    text-decoration: none;
    font-size: 24px;
    display: inline-block;
    border-bottom: 2px dashed #3399cc;
    color: #3399cc;
    margin-left: 45px;
    cursor: pointer;
}

.addSaleDescription {
    color: #8e8e8e;
    font-size: 14px;
    text-align: center;
    width: 700px;
    margin: 0 auto;
    padding-bottom: 15px;
}

.sendSaleContent label {
    margin-left: 18px;
    color: #4c79a5;
    font-size: 14px;
    display: inline-block;
    width: 201px;
    vertical-align: top;
}

.sendSaleContent label {
    margin-left: 18px;
    color: #4c79a5;
    font-size: 14px;
    display: inline-block;
    width: 201px;
    vertical-align: top;
}

.sendSaleContent > .addMarketActionRowForFieldText > input {
    margin: 0;
    padding-left: 3px;
    padding-right: 3px;
    width: 545px;
    border: 1px solid #5785b2;
    color: #7da8da;
    font-size: 15px;
    vertical-align: top;
}

.sendSaleContent > .addMarketActionRowForFieldText {
    padding-top: 1px;
    padding-bottom: 1px;
}

.sendSaleContent > .addMarketActionRowForFieldConditions, .sendSaleContent > .addMarketActionRowForFieldFeatures {
    padding-top: 1px;
    padding-bottom: 1px;
}

.sendSaleContent {
    width: 802px;
    border: 4px solid #4c79a5;
    background: #ffffff;
    border-radius: 6px;
}

.sendSaleContent > .addMarketActionRowForFieldConditions > textarea {
    height: 85px;
}

.sendSaleContent textarea {
    margin: 0;
    width: 545px;
    border: 1px solid #5785b2;
    padding: 0;
    padding-left: 3px;
    padding-right: 3px;
    resize: none;
    vertical-align: top;
    color: #7da8da;
    overflow: auto;
    font-size: 16px !important;
}

.saleLegendForAdministration {
    margin-left: 18px;
    color: #4c79a5;
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    padding-bottom: 6px;
}

.sendSaleButton {
    background: #f79646;
    color: #fff;
    width: 180px;
    border-radius: 6px;
    text-align: center;
    padding: 4px 0;
    margin: 5px 0;
    cursor: pointer;
    float: right;
    margin-right: 22px;
}

.sendSaleButton:hover {
    background-color: #f88a0c;
}

.sendSaleContent .phoneForInformation {
    margin-left: 18px;
    padding-top: 10px;
}

.labelHint {
    font-size: 10px;
}

.addSaleRowForLogo {
    padding-top: 15px;
}

.addSaleRowForLogo > input, .addSaleRowForPhoto > input {
    font-size: 14px !important;
}

.photoHintText {
    color: #8e8e8e;
    font-size: 14px;
    padding: 5px 0 15px 18px;
}

.clickHereToAddMarketAction {
    text-decoration: underline;
    cursor: pointer;
}

.categorySellingsStatistics {
    margin-top: 0 !important;
}

.categorySellingsStatistics .userParams > div {
    width: 550px;
    padding-bottom: 20px;
}

.categorySellingsStatistics .userParams .dateFieldInput {
    display: inline-block;
}

.categorySellingsStatistics .userParams label {
    width: 190px;
    display: inline-block;
}

.categorySellingsStatistics .actions {
    text-align: center;
    width: 470px !important;
    padding-bottom: 20px;
}

.categorySellingsStatistics .actions > input {
    width: 150px;
}

.ui-datepicker {
    z-index: 9999 !important;
}

#uploadedPhotos {
    color: #7da8da;
    font-size: 15px;
    margin-left: 225px;
    padding-top: 5px;
}

#uploadedPhotos {
    color: #7da8da;
    font-size: 15px;
    margin-left: 225px;
    padding-top: 5px;
}

.vkButtonCellContainer {
    height: 140px;
}

.cellBannerContainer .marketActionCheckBox {
    margin-left: 100px;
}

.marketActionRadio {
    margin-top: 10px;
    position: absolute;
    z-index: 100;
    left: 0;
}

.galleryMarketActionItem {
    position: relative;
}

.orderHintText {
    font-weight: normal;
    font-size: 12px;
    padding-right: 15px;
    color: white;
    line-height: 15px;
}

#smartbanner {
    margin-top: -85px;
    padding-bottom: 7px;
}

.confirm-box-head.with-subscription {
    position: relative;
    /*margin-bottom: 1.5625rem;*/
    /*padding-bottom: 1.5625rem;*/
}

.confirm-box-head-info {
    line-height: 0.875rem;
    padding-top: 0.4375rem;
}

#confirmBox .modal-dialog,
#confirmBoxCard .modal-dialog,
#confirmBox.js-subscribed.confirm-box-two .modal-dialog,
#confirmBoxSuccess .modal-dialog {
    max-width: 380px;
    color: #000000;
}

.confirm-box-disclaimer {
    display: block;
    padding-top: 0.6875rem;
    color: #929292;
}

.counter-wrapp {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 1.25rem;
    padding-bottom: 1rem;
}

.unit-wrapp {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 136px;
    background-color: #F0F0F0;
    border-radius: 4.125rem;
    margin-right: 0.875rem;
}

.plusUnit, .minusUnit {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #6747e5;
    font-size: 52px;
}

.unit-wrapp .plusUnit,
.unit-wrapp .minusUnit {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 42px;
    font-size: 24px;
    vertical-align: middle;
    color: #000000;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}

#units {
    width: 60px;
    font-size: 1.25rem;
    font-weight: 800;
    text-align: center;
}

.confirm-box-btn {
    border: 0.0625rem solid #979797;
    border-radius: 0.875rem;
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
    color: #A3A3A3;
    cursor: pointer;
}

.minusUnit i:before,
.plusUnit i:before {
    margin: 0;
}

.plusUnit:hover,
.minusUnit:hover {
    background-position: 0 -45px;
}

.plusUnit.inactive,
.minusUnit.inactive {
    cursor: not-allowed;
!important
}

#confirmBox.confirm-box-two .modal-dialog {
    max-width: none;
}

#confirmBox.confirm-box-two .modal-content {
    padding: 0;
}

.confirm-box-two-row {
    display: flex;
    justify-content: space-between;
}

.confirm-box-two-col {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 50%;
    padding: 1.5625rem 1.875rem;
    border-radius: 0.875rem;
    text-align: left;
}

.js-subscribed .confirm-box-two-col {
    width: 100%;
    padding-bottom: 0;
}

.confirm-box-two-col:last-child {
    background-color: #FFF3F3;
}

.confirm-box-two-list {
    padding-left: 1.3rem;
}

#confirmBox.confirm-box-two .button-wrapp {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 4.375rem;
    cursor: not-allowed;
!important
}

#confirmBox.confirm-box-two .button-white {
    border: 0.0625rem solid #979797;
    background-color: #fff;
    color: #A3A3A3 !important;
}

#confirmBox.confirm-box-two .button-violet {
    background-color: #6C36C8;
    color: #ffffff !important;
}

.confirm-box-two-list li {
    position: relative;
    margin-bottom: 0.6875rem;
}

.confirm-box-two-list li:before {
    content: '';
    position: absolute;
    top: 5px;
    left: -20px;
    width: 12px;
    height: 12px;
    background-color: #6C36C8;
    border-radius: 50%;
}

.marketActionItemToFavourite {
    position: absolute;
    top: 13px;
    left: 13px;
    width: 30px;
    height: 30px;
}

.marketActionItemToFavourite > a > img {
    background: url("/images/favourite_star.png") no-repeat 0 0 transparent;
    width: 100%;
    height: 100%;
}

.marketActionItemToFavourite .delete {
    background: #FFFFFF url(/images/delete-promo.svg) no-repeat center;
    border-radius: 50%;
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.marketActionItemToFavourite .delete:hover {
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
}

.stock-group-item > a {
    position: relative;
}

.stock-group-item .image img {
    width: 250px;
    height: 163px !important;
}

.popup-error-message {
    margin-bottom: 10px;
    color: red;
    font-size: 14px;
}

.useCode {
    background: #FFFFFF url("/images/delete-promo.svg") no-repeat center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.useCode:hover {
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
}
.unuseCode {
    background: #FFFFFF url("/images/reverse-promo.svg") no-repeat center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.unuseCode:hover {
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
}
.codeBlock {
    display: inline-block;
    margin-right: 5px;
}

.usedCode {
    color: #bbb;
}

.moreEvents {
    padding-top: 10px;
    cursor: pointer;
}

.more-favourites {
    padding-top: 10px;
    cursor: pointer;
    font-size: 14px;
}

#unauthorized ul {
    list-style: none;
    margin: auto;
    padding: 0;
}

#unauthorized li {
    display: inline-block;
}

#unauthorized span {
    font-size: 16px;
    color: #999;
}

#unauthorized a {
    display: block;
    font-size: 15px;
    border-bottom: none;
    line-height: 20px;
    position: relative;
    padding: 8px 5px;
    text-transform: uppercase;
}

#unauthorized a:hover {
    color: #888;
}

.stock-group-item .image {
    padding: 0 !important;
}

.stock-group-item .image img {
    width: 100%;
}

.lazy-load-carousel {
    display: block !important;
    height: 160px;
    width: 100%;
}

/* Phones Dropdown */
.phones-dropdown {
    min-width: 200px;
    display: none;
    padding-top: 8px;
    position: absolute;
    top: 100%;
    z-index: 100;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.phones-dropdown .arrow,
.phones-dropdown .arrow:after {
    border-style: solid;
    border-color: transparent;
    display: block;
    height: 0;
    position: absolute;
    width: 0;
}

.phones-dropdown .arrow {
    border-width: 11px;
    border-top-width: 0;
    border-bottom-color: #d9d9d9;
    border-bottom-color: rgba(0, 0, 0, .15);
    left: 50%;
    margin-left: 0px;
    top: -2px;
}

.phones-dropdown .arrow:after {
    border-width: 10px;
    border-top-width: 0;
    border-bottom-color: #fff;
    content: ' ';
    margin-left: -10px;
    top: 1px;
}

.phones-dropdown-content {
    background-color: #fff;
    border-bottom-color: #d9d9d9;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 12px;
    padding: 20px 10px 0 10px;
    text-align: center;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .15);
    box-shadow: 0 0 6px rgba(0, 0, 0, .15);
}

.phones-dropdown-content .title {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    color: #444;
}

.phones-dropdown-content .text {
    color: #444;
    font-weight: bold;
    font-size: 14px;
    padding: 10px 0;
}

.phones-dropdown-content .text p a {
    background-image: none !important;
}

.header--top-navigation .open .phones-dropdown {
    display: block;
}

.stock-group-item.cellBannerContainer img {
    height: auto;
    max-height: 315px;
    width: 250px;
    border-radius: 0.75rem;
    margin: 0 auto;
}

.stock-group-item.cellBannerContainer svg {
    max-height: 247px !important;
    width: 100% !important;
}

.stock-group-item.cellBannerContainer {
    padding-bottom: 0;
}

/* Monthly Dropdown */
.monthly-dropdown {
    min-width: 200px;
    left: 50%;
    display: none;
    padding-top: 8px;
    position: absolute;
    top: 100%;
    z-index: 100;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.monthly-dropdown .arrow,
.monthly-dropdown .arrow:after {
    border-style: solid;
    border-color: transparent;
    display: block;
    height: 0;
    position: absolute;
    width: 0;
}

.monthly-dropdown .arrow {
    border-width: 11px;
    border-top-width: 0;
    border-bottom-color: #d9d9d9;
    border-bottom-color: rgba(0, 0, 0, .15);
    left: 50%;
    margin-left: -11px;
    top: -2px;
}

.monthly-dropdown .arrow:after {
    border-width: 10px;
    border-top-width: 0;
    border-bottom-color: #fff;
    content: ' ';
    margin-left: -10px;
    top: 1px;
}

.monthly-dropdown-content {
    background-color: #fff;
    border-bottom-color: #d9d9d9;
    border: 1px solid rgba(0, 0, 0, .15);
    padding: 20px 30px 0 30px;
    text-align: center;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .15);
    box-shadow: 0 0 6px rgba(0, 0, 0, .15);
}

.monthly-dropdown-content .title {
    text-transform: uppercase;
    color: #444;
    font-weight: bold;
    font-size: 14px;
}

.monthly-dropdown-content .text {
    color: #aaa;
    font-size: 14px;
    padding: 10px 0;
}

.header--top-navigation .open .monthly-dropdown {
    display: block;
}

/* Pill style */
#scrollUp {
    bottom: 45px;
    right: 50px;
    background: #f17522;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    opacity: .5;
    padding: 10px 20px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 3px;
    -webkit-transition: background 200ms linear;
    -moz-transition: background 200ms linear;
    transition: background 200ms linear;
}

#scrollUp:hover {
    opacity: 1.0;
}

.tab-pane p {
    margin: 0;
}

.marketActionDetail .stock {
    margin-bottom: 0;
}

.stock .stock-tabs {
    padding: 30px 0 15px;
}

.stock .stock-tabs .tab-content .tab-pane {
    display: none;
    padding: 30px 0 0;
}

#confirmBox .buttonsTable .button,
#replenishBox .buttonsTable .button {
    width: 240px;
}

#confirmBox .buttons,
#replenishBox .buttons {
    padding-top: 30px;
}

#confirmBox .modal-content,
#replenishBox .modal-content,
#confirmBoxSuccess .modal-content {
    text-align: center;
}

#confirmBox .message,
#replenishBox .message {
    font-size: 20px;
}

.marketActionOrderInfo .codeValue {
    font-weight: bold;
    font-size: 24px;
    padding: 8px;
}

.marketActionOrderInfo .resultText span,
.marketActionOrderInfo .resultText a,
.resultText {
    color: #333;
}

.resultText {
    margin-top: 10px;
}

.marketActionOrderInfo .orderNumber {
    font-size: 17px;
}

.marketActionOrderInfo .backLinkImage a {
    font-weight: bold;
    font-size: 15px;
    margin-top: 10px;
}

.marketActionOrderInfo .phoneNumber {
    font-weight: bold;
    font-size: 18px;
}

.offer-order-results .stock-group-item {
    float: left;
}

.offer-order-results--info {
    font-family: "SF Pro Rounded";
    display: inline-block;
    width: 66%;
    float: right;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 30px 30px 10px 30px;
    border: 1px solid #d9d9d9;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    margin-top: 10px;
    border-radius: 10px;
}

.offer-order-results--info.__0 {
    background-image: url('/images/code_bg/0.png');
    background-position: right top;
    background-size: 25%;
}

.offer-order-results--info.__1 {
    background-image: url('/images/code_bg/1.png');
    background-position: right top;
    background-size: 25%;
}

.offer-order-results--info.__2 {
    background-image: url('/images/code_bg/2.png');
    background-position: right top;
    background-size: 25%;
}

.offer-order-results--info.__3 {
    background-image: url('/images/code_bg/3.png');
    background-position: right top;
    background-size: 20%;
}

.offer-order-results--info.__4 {
    background-image: url('/images/code_bg/4.png');
    background-position: center top -22px;
    background-size: 29em;
}

.offer-order-results--info.__5 {
    background-image: url('/images/code_bg/5.png');
    background-size: 16em;
    background-position: center top;
}

.offer-order-results--info .code-value {
    padding: 10px 0;
    font-size: 20px;
}

.offer-order-results--info em {
    display: block;
    padding-bottom: 10px;
    color: #aaaaaa;
    font-style: normal;
}

.offer-order-results .distance img {
    float: left;
}

.get-more-btn {
    float: right;
    width: 66%;
    margin-top: 10px;
}

.formSubmit .button {
    float: right;
}

#infoBox .voteMessage {
    text-align: center;
}

#moreCommentsButton .ajaxLoader {
    margin-left: auto;
    margin-right: auto;
}

.comment .body .message {
    word-break: break-word;
    word-wrap: break-word;
}

.live-comments-item .body .text {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    overflow: hidden;
}

.live-comments-item .body .text .star-ratings-css {
    display: inline-block;
    float: none;
    overflow: hidden;
    font-size: 14px;
    height: 17px;
    vertical-align: middle;
}

#errorBox .voteMessage {
    color: red;
    text-align: center;
    font-weight: bold;
    font-size: 15px
}

#infoBox .voteMessage {
    text-align: center;
}

#moreCommentsButton .ajaxLoader {
    margin-left: auto;
    margin-right: auto;
}

.userCommentAnswer {
    margin: 5px;
}

#moreCommentsButton .voteMarketActionUrl {
    font-size: 15px;
}

.info-admin {
    color: #f17522;
}

#afterNewsBlock #newNewsButtons, #moreCommentsButton .voteMarketActionUrl {
    width: 250px;
    height: 30px;
    color: #ffffff;
    font-size: 20px;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    padding-top: 4px;
    margin: 15px auto;
    line-height: 24px;
    text-transform: uppercase;
    font-weight: bold;
}

#newCommentsButtons {
    margin-bottom: 0;
    display: inline-block;
    padding: 8px 40px;
    cursor: pointer;
}

#newCommentsButtons:hover {
    color: #6747e5;
}

#afterCommentsBlock,
.full-width-content > #userTable, #afterNewsBlock {
    text-align: center;
}

#stock-id {
    display: none;
}

.fieldInput input {
    margin-top: 10px;
    margin-bottom: 8px;
}

.topMenu li {
    border: 1px solid #cecece;
    margin-left: -1px;
    float: left;
}

.header--top-navigation > ul > li.feedback > a:after {
    background-image: url(/images/icon_feedback.png);
}

#mailingCreateButton {
    border-bottom: 1px dashed #72B6D8;
    color: #72B6D8;
    font-size: 12px;
    margin-left: 300px;
    padding-bottom: 2px;
    text-decoration: none;
}

.marketActionCheckBox {
    width: 32px;
    height: 32px;
    margin-left: 240px;
    margin-top: 10px;
    position: absolute;
    z-index: 100;
}

#MLheaderContainer {
    width: 100%;
    position: fixed;
    color: #fff;
    background: black;
    height: 50px;
    margin-top: -3px;
    z-index: 200;
    opacity: 0.9;
    text-align: center;
    top: 0;
}

#MLheader {
    width: 100%;
    padding-top: 10px;
}

#MLheader h1 {
    font-size: 20px;
    display: inline;
    padding: 0;
    margin: 0;
    color: white;
}

#MLtitleInput {
    width: 200px;
    border: #999 1px solid;
    background: #333;
    color: #ebebeb;
    height: 20px;
}

#MLheader label,
#MLheader #MLselectedText,
#MLclose,
#MLsaveChoise {
    color: #FFFFFF;
    padding-left: 24px;
    text-decoration: none;
}

#MLselected {
    color: white;
    padding-right: 24px;
    font-weight: bold;
}

#MLpreview {
    color: #555;
}

#MLpreviewHeader {
    width: 100%;
    padding-top: 10px;
    height: 32px;
    background: #565656;
    color: #fff
}

#MLsave {
    color: rgb(0, 0, 0);
    padding-left: 2px;
}

.stock-group-item .marketActionRadio {
    height: 32px;
    width: 32px;
    top: 1px;
    left: 10px;
    position: absolute;
    z-index: 10;
}

.stock-group-item .marketActionCheckBox {
    width: 32px;
    height: 32px;
    right: 9px;
    top: 1px;
    position: absolute;
    z-index: 10;
}

body .ui-dialog {
    margin-left: 30%;
    margin-top: 50px;
    width: 100%;
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    background: none;
    overflow: auto;
    padding: 0;
}

.addMarketActionTitle {
    text-align: center;
    color: #4c79a5;
    padding: 5px;
    font-size: 22px;
}

#addSaleForm .saleLegendForAdministration {
    color: #FF7518;
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
    padding-bottom: 6px;
    text-align: center;
    width: 100%;
}

#addSaleForm .addSaleDescription {
    width: auto;
}

.modal-content .voteMessage {
    text-align: center;
}

.recommendCategories {
    margin-bottom: 15px;
}

.stock-group-list .ajaxLoader {
    margin: 15px 8px 10px 71%;
    float: right;
}

.topMenu li a {
    background-color: #fff;
    border-bottom: none;
    display: block;
    padding: 10px 15px;
    line-height: 20px;
    color: #464646;
}

.pseudo-header {
    height: 175px;
}

.full-width-content {
    width: 100%;
    min-height: 600px;
}

#adminUserStatistics {
    margin-top: 50px;
}

#adminUserStatistics .searchParams {
    width: 850px;
    margin-left: 250px;
    margin-bottom: 16px;
    clear: both;
}

#adminUserStatistics .userParams {
    width: 350px;
    float: left;
}

#adminUserStatistics .dateParams {
    float: left;
    width: 250px;
}

#adminUserStatistics #marketActionTitle {
    width: 280px;
}

#adminUserStatistics #userTable {
    background: #fff;
    width: 890px;
    margin: 0 auto;
    padding-top: 36px;
}

#adminUserStatistics .actions {
    padding: 15px 0;
}

.topMenu ul {
    padding-left: 60px;
}

.orderSearchFormTable {
    border-spacing: 10px 10px;
    border-collapse: separate;
    margin-left: 120px;
}

.adminOrderList {
    margin-top: 60px;
    text-align: center;
}

.adminOrderList .adminOrderListTable {
    margin-left: 120px;
}

.adminOrderList .adminOrderListTable tr:first-child td {
    font-size: 18px;
    font-weight: bold;
}

.admin-block {
    width: 890px;
    margin: 0 auto;
}

.admin-link {
    cursor: pointer;
    color: #222;
    outline: none;
    line-height: 1.2em;
    text-decoration: underline;
    font-size: 15px;
    font-weight: bold;
}

.extensionLink {
    font-weight: bold;
}

.extensionBox, .statisticItems {
    margin-top: 50px;
}

.statisticItem {
    font-size: 16px;
    font-weight: bold;
}

.fieldInput input {
    margin-top: 10px;
    margin-bottom: 8px;
}

.voteAdminTextArea.form-element {
    min-height: 100px;
    resize: vertical;
}

#userVotesForm {
    width: 870px;
    margin-left: 120px;
}

.voteAdminOptionsTR,
.voteAdminDownloadNameTR {
    border: 1px solid #cecece;
}

.voteAdminOptionsTR a,
.voteAdminDownloadNameTD a {
    font-weight: bold;
}

ul.pager {
    margin-left: 100px;
    margin-top: 40px;
}

.admin-hr {
    background-color: #cecece;
}

.adminOrderDetailTable {
    width: 650px;
    border-collapse: separate;
    border-spacing: 10px;
}

.adminOrderDetailTable .orderFieldValue {
    font-size: 16px;
    font-weight: bold;
}

.adminOrderDetailTitle {
    font-size: 18px;
    font-weight: bold;
}

.orderFieldValue td {
    min-width: 140px;
}

.full-width-content > #adminDetailOrderForm {
    width: 700px;
    margin-left: 120px;
    margin-top: 60px;
}

#sellingStatistics #userTable {
    text-align: center;
}

.statisticTitle {
    font-size: 22px;
    font-weight: bold;
    margin-top: 50px;
}

#hiddenActionForm .userParams .actions {
    margin-top: 10px;
}

#userTable tr.even {
    background-color: #ececec;
}

#sellingStatistics .searchParams #hiddenActionForm,
#sellingStatistics .searchParams .dateParams {
    width: 330px;
    float: left;
}

#sellingStatistics .searchParams #hiddenActionForm input[type='text'],
#sellingStatistics .searchParams .dateParams input[type='text'] {
    width: 200px;
}

#sellingStatistics .searchParams {
    margin-left: 160px;;
}

.full-width-content > .statisticTitle {
    margin-left: 135px;
}

.full-width-content > .statisticsTable .statisticFieldValue {
    font-size: 18px;
    font-weight: bold;
}

.full-width-content > .statisticsTable {
    margin-left: 150px;
}

.statisticsTable {
    margin-left: 120px;
    margin-top: 15px;
}

.statisticsTable .statisticFieldName {
    font-weight: bold;
    font-size: 18px;
}

#statisticsForm .ui-datepicker-trigger {
    float: right;
    padding-top: 10px;
}

#statisticsForm .dateTime {
    width: 270px;
    float: left;
}

#statisticsForm .dateFieldInput {
    width: 290px;
}

#statisticsForm .statisticsForm {
    border-collapse: separate;
    border-spacing: 6px;
}

.statisticsErrors {
    margin-left: 160px;
    margin-top: 40px;
    color: red;
}

#confirmBoxMonthForward .buttonsTable,
#confirmBoxMissedUpdate .buttonsTable,
#confirmBoxMonthBefore .buttonsTable {
    text-align: center;
    margin-top: 25px;
}

#confirmBoxMonthForward .buttonsTable .button,
#confirmBoxMissedUpdate .buttonsTable .button,
#confirmBoxMonthBefore .buttonsTable .button {
    width: 120px;
}

#errorBox .button {
    width: 200px;
    margin-top: 20px;
}

#errorBox .modal-content {
    text-align: center;
}

#errorBox .modal-content .message {
    text-align: left;
}

.sendMessageToDirectorForm textarea {
    width: 409px;
    height: 375px;
}

ul.topMenuSelectStatistics li.menuItemStatistics a,
ul.topMenuSelectBlocking li.menuItemBlocking a,
ul.topMenuSelectExtension li.menuItemAutoExtension a,
ul.topMenuSelectOrder li.menuItemOrder a,
ul.topMenuSelectPartnerDistribution li.menuItemPartnerDistribution a,
ul.topMenuSelectNotConfirmedUsers li.menuItemNotConfirmedUsers a,
ul.topMenuSelectMarketing li.menuItemMarketing a,
ul.topMenuSelectVotes li.menuItemVotes a,
ul.menuItemSaleCategories li.menuItemSaleCategories a {
    background-color: #383e48;
    color: #fff;
}

.code-new {
    border-bottom: none;
    color: #ffffff;
}

/*capsule menu sushihouse*/
.capsule-menu-sushi {
    top: 74px;
    height: 43px;
    padding: 4px 0;
    background-color: #fff;
    margin: 10px 0;
    list-style: none;
    z-index: 2;
    overflow: hidden;
}

.capsule-menu.capsule-menu-sushi {
    position: sticky;
    padding: 4px 0;
    height: 43px;
}

.capsule-menu-sushi.expanded {
    height: auto;
    max-height: none !important;
    padding-right: 0;
}

.capsule-menu-sushi > li {
    display: inline-block;
    overflow: hidden;
    float: left;
}

.capsule-menu-sushi > li > a {
    display: flex !important;
    align-items: center;
    font-family: 'SF Pro Rounded', sans-serif !important;
    height: 41px !important;
    border: none !important;
    background: #F0EDFC;
    padding: 0 10px;
    line-height: 26px !important;
    margin: 2px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 40px;
    color: #333;
}

.capsule-menu-sushi > li > a h1 {
    display: inline-block;
    color: #333;
    font-size: 14px;
    margin: 0;
    line-height: 26px;
}

.capsule-menu-sushi > li > a.active,
.capsule-menu-sushi > li > a:hover {
    background-color: #DDD4FF !important;
}

/* Capsule menu */
.capsule-menu {
    padding: 0;
    margin: 10px 0;
    list-style: none;
    height: 34px;
    overflow: hidden;
    position: relative;
}

.capsule-menu.expanded {
    height: auto;
    max-height: none !important;
    padding-right: 0;
}

.capsule-menu > li {
    display: inline-block;
    overflow: hidden;
    float: left;
}

.capsule-menu > li > a {
    height: 26px;
    border: 2px solid #6747E5;
    padding: 1px 10px;
    line-height: 26px;
    font-size: 15px;
    margin: 5px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 17px;
    color: #333;
    box-shadow: 0px 4px 4px #ECE9FC;
    border: 1px solid #e9e2e240;
    display: flex;
    align-items: center;
}

.capsule-menu > li > a h1 {
    display: inline-block;
    color: #333;
    font-size: 14px;
    margin: 0;
    line-height: 26px;
}

.capsule-menu > li > a.active,
.capsule-menu > li > a:hover {
    background-color: #c1b8e6a6;
}

.capsule-menu > li > a[aria-expanded="true"] {
    background-color: #c1b8e6a6 !important;
}

.capsule-menu > li > a[aria-expanded="false"] {
    color: #000000;
    background-color: #ffffff !important;
}

.capsule-menu > li > a[aria-expanded="true"] span {
    color: #ffffff !important;
}

.capsule-menu > li > a[aria-expanded="false"] span {
    color: #333 !important;
}

.capsule-menu li.capsule-menu--expand-btn {
    display: none;
}

.capsule-menu.expanded li.capsule-menu--expand-btn {
    display: none !important;
}

.capsule-menu li.capsule-menu--collapse-btn {
    display: none;
}

.roll-up {
    position: relative;
    padding-left: 20px !important;
    color: rgba(0, 0, 0, .5) !important;
}

.roll-up:before {
    content: '';
    position: absolute;
    top: 19px;
    left: 8px;
    width: 0.5rem;
    height: 0.3rem;
    background-image: url(/images/arrow-dropdown.svg);
    background-size: cover;
    transform: rotate(180deg);
    opacity: .6;
}

.capsule-menu.expanded li.capsule-menu--collapse-btn {
    display: inline-block;
}

.capsule-menu li.capsule-menu--back-btn {
    font-size: 32px;
}

.food-menu li a span,
.capsule-menu > li > a span {
    color: #ccc;
    margin-left: 7px;
}

.food-menu li a:hover span,
.food-menu li a.active span {
    color: white;
}

.capsule-menu > li > a.active span,
.capsule-menu > li > a:hover span {
    color: #fff;
}

.capsule-menu li.worst {
    display: none;
}

.capsule-menu li.featured a.active,
.capsule-menu li.featured h1.active,
.capsule-menu li.featured a:hover,
.capsule-menu li.capsule-menu--back-btn:hover a {
    background-color: #c1b8e6a6;
}

.capsule-menu li.featured span {
    color: #ccc;
}

.capsule-menu li.location a,
.capsule-menu li.location h1 {
    border-color: #7030a0;
}

.capsule-menu li.location a.active,
.capsule-menu li.location h1.active,
.capsule-menu li.location a:hover {
    background-color: #7030a0;
    color: #fff;
}

.desktop-device .capsule-menu li.featured h1 {
    font-size: 14px;
}

.capsule-menu .company_list_item a,
.capsule-menu a.companies_toggle {
    border-color: #f93ab1;
}

.capsule-menu li a.active.companies_toggle,
.capsule-menu li a.companies_toggle:hover,
.capsule-menu .company_list_item a.active,
.capsule-menu .company_list_item a:hover {
    background-color: #f93ab1;
}

#suppliersCategoryList {
    position: relative;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
}

#suppliersCategoryList.active {
    display: block;
}

#suppliersCategoryList ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    width: 24.5%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
}

#suppliersCategoryList ul li {
    width: 100%;
    padding: 0;
    margin: 0;
}

#suppliersCategoryList ul li a {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#suppliersCategoryList ul li a span {
    color: #aaa;
}

#suppliersCategoryList > a.companies_toggle {
    float: right;
    color: #aaa;
}

/* News Page */
.news-list-item {
    margin-bottom: 40px;
    min-height: 120px;
    position: relative;
    padding-left: 200px;
    padding-bottom: 30px;
}

.news-list-item:last-child {
    margin-bottom: 0;
}

.news-list-item .image {
    display: block;
    position: absolute;
    height: 120px;
    width: 180px;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
}

.news-list-item .title a {
    font-size: 24px;
}

.news-list-item .date {
    font-size: 12px;
    margin-top: 8px;
    color: #aaa;
}

.news-list-item .short-descr {
    margin-top: 8px;
}

#uploadedPhotos {
    margin-left: 0;
}

.codesCountInfo {
    float: right;
    color: #034ea2;
}

.stock-navigation-categories .jspContainer .jspVerticalBar {
    right: 1.1%;
}

.calculator-link {
    cursor: pointer;
    font-weight: bold;
    text-decoration: underline;
    width: 130px;
    margin-top: 10px;
}

.calculator-link:hover {
    color: #3399cc;
}

.popupForeignPrices {
    z-index: 99;
    background-color: white;
    width: 238px;
    box-shadow: 0 2px 20px rgba(0, 0, 0, .06);
    margin-top: 10px;
    margin-bottom: 10px;
    display: none;
}

.popupForeignPrices .picture {
    width: 40px;
    display: block;
    height: 26px;
    float: left;
    background-size: 40px !important;
    margin-left: 15px;
}

.popupForeignPrices .priceElement {
    float: right;
    color: #000000;
    font-size: 16px;
    margin-right: 15px;
}

.popupForeignPrices .priceWrapper {
    padding: 11px;
    height: 26px;
}

.popupForeignPrices .pricesHeader {
    padding: 12px 28px;
    color: #000000;
}

.picture.CNY {
    background: url("/images/countries/CNY.png") 0 0 no-repeat;
}

.picture.EUR {
    background: url("/images/countries/EUR.png") 0 0 no-repeat;
}

.picture.KZT {
    background: url("/images/countries/KZT.png") 0 0 no-repeat;
}

.picture.RUB {
    background: url("/images/countries/RUB.png") 0 0 no-repeat;
}

.picture.USD {
    background: url("/images/countries/USD.png") 0 0 no-repeat;
}

.popupForeignPrices span.close {
    float: right;
    padding-right: 7px;
    padding-top: 7px;
    cursor: pointer;
}

.popupForeignPrices span.close img {
    background: url("/images/red-x.png") no-repeat 0 0 transparent;
    width: 20px;
    height: 20px;
    background-size: cover;
}

.unsubscribeNewslettersList {
    display: none;
}

.unsubscribeNewslettersList {
    display: none;
}

.unsubscribeNewslettersList .title {
    padding: 5px 0 5px 0;
}

.unsubscribeNewslettersList .button {
    margin-top: 10px;
}

.unsubscribeNewslettersList .newsletterItem {
    padding-top: 5px;
}

.unsubscribeNewslettersList .newsletterItem input[type=checkbox] {
    vertical-align: middle;
    margin-left: 10px;
}

.subscribe-group .list .field.subscribeBox {
    margin-bottom: 10px;
    width: auto;
    display: block;
}

.field.subscribeBox label {
    font-size: 16px;
}

.field.subscribeBox label span {
    display: block;
    font-size: 14px;
    color: #aaa;
}

#profile_subscribe h3 {
    font-weight: normal;
    font-size: 16px;
}

.unsubscribe-layout .list {
    text-align: left;
    margin-top: 15px;
}

.unsubscribe-layout p {
    font-size: 16px;
}

.addressInfo {
    margin-top: 20px;
    width: 800px;
}

.mapCanvas {
    width: 800px;
    height: 70px;
    z-index: 0;
    position: relative;
}

.addressInfo .info {
    margin-bottom: 10px;
}

.mapBtn.button {
    position: absolute;
    z-index: 80;
    right: 15px;
    margin-top: 15px;
}

.stock-group-item .image {
    position: relative;
}

.stock-group-item .images {
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 66px -8px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 0px 0px 66px -8px rgba(34, 60, 80, 0.2);
    box-shadow: 0px 0px 66px -8px rgba(34, 60, 80, 0.2);
}

.teaser-hint {
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    position: absolute;
    bottom: 0;
    width: 100%;
    display: none;
}

.teaser-hint-inner {
    padding: 5px;
}

.stock-group-item:hover .teaser-hint {
    display: block;
}

/* SCROLL TO TOP BUTTON */
.scrolltop {
    background: url('/images/scrolltop.png') 50% 0 no-repeat;
    bottom: 100px;
    cursor: pointer;
    color: #f25a21;
    font-size: 12px;
    display: none;
    padding-top: 40px;
    position: fixed;
    right: 10px;
    text-align: center;
    text-transform: uppercase;
    width: 80px;
    -webkit-transition: bottom .2s ease-in-out;
    -o-transition: bottom .2s ease-in-out;
    transition: bottom .2s ease-in-out;
}

@media screen and (max-width: 1200px) {
    div#scrolltop {
        display: none;
    }

    .installment-teaser--label {
        font-size: 12px !important;
    }

    #popupSubscribe {
        width: auto !important;
    }
}

@media screen and (orientation: landscape) and (max-width: 1200px) and (max-height: 1300px) {
    div.social-button.mail {
        margin-left: 0;
        margin-top: 0;
    }
}

.scrolltop:hover {
    bottom: 105px;
}

.scrolltop span.link.pseudo-link {
    border-bottom-color: rgba(242, 90, 33, .4);
    color: #2E1BFF;
}

.social-login-btn {
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    color: #fff !important;
    text-align: center;
    border-radius: 4px;
    margin-right: 5px;
}

.social-login-btn.btn-vkontakte {
    background-color: #587ea3;
}

.social-login-btn.btn-facebook {
    background-color: #3b5998;
}

#offerInfoList {
    margin: 0;
    padding: 0;
    list-style: none;
}

#offerInfoList .slivki-icon-eye {
    color: #777;
}

#offerInfoList li {
    padding: 10px;
    font-size: 16px;
}

#offerInfoList li:last-child {
    padding-left: 0;
    padding-right: 0;
}

#offerInfoList li.even {
    background: #cbc5e633;
}

#offerInfoList .regular-price {
    text-decoration: line-through;
}

#lastPurchaseNofify {
    position: fixed;
    bottom: 10px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 10px 10px 25px 60px;
    visibility: hidden;
    font-family: "SF Pro Rounded";
}

#lastPurchaseNofify a {
    position: absolute;
    top: 2px;
    right: 2px;
    color: #fff;
}

#lastPurchaseNofify:after {
    content: '';
    display: block;
    position: absolute;
    top: 12px;
    left: 10px;
    width: 40px;
    height: 40px;
    background-image: url('/images/alert-purchase.png');
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.codes-sale {
    background-color: #e8fcf5;
    display: block;
    text-align: left;
    border-radius: 3px;
    font-size: 20px;
    padding: 14px;
    margin-bottom: 10px;
}

.codes-sale b {
    font-weight: normal;
}

.codes-sale img {
    display: inline-block;
    vertical-align: -2px;
    margin-right: 5px;
}

.stock-price-wrapper .price.with-code {
    background-color: #e8fcf5;
    font-size: 20px;
}

.stock-price-wrapper #details-offer-price {
    font-size: 18px;
}

.stock-price-wrapper .price.regular {
    text-decoration: line-through;
}

.stock-price-wrapper .price {
    border-radius: 4px;
    font-size: 20px;
    margin: 0;
    padding: 15px;
}

.scrollBtnUp, .scrollBtnDown {
    text-decoration: none;
    vertical-align: middle;
    position: fixed;
    right: 3em;
    z-index: 1000;
    color: #ffffff;
    background-color: #e15616;
    border-radius: 6px;
    box-shadow: 4px, 4px, #cbcaca;
    font-size: 20px;
    padding: 6px 8px;
    display: none;
}

.scrollBtnUp:hover {
    background-color: #f88a0c;
}

.scrollBtnDown:hover {
    background-color: #4b9eee;
}

.scrollBtnUp {
    bottom: 60px;
}

.scrollBtnDown {
    background-color: #3775b1;
    bottom: 30px;
}

.arrowDown {
    vertical-align: middle;
    background: url("/images/new/scroll-arrow-down.png") no-repeat transparent;
    width: 13px;
    height: 24px;
}

.arrowUp {
    vertical-align: middle;
    background: url("/images/new/scroll-arrow-up.png") no-repeat transparent;
    width: 13px;
    height: 24px;
}

.likes {
    height: 0;
}

.social-button {
    display: block;
    width: 130px;
}

#vk_like {
    margin-top: 10px;
    display: inline-block;
}

.social-button.fb {
    margin-left: 155px;
    margin-top: -28px;
}

.social-button.mail {
    margin-left: 390px;
    margin-top: -26px;
    max-width: 90px;
}

.social-button.tw {
    margin-left: 272px;
    margin-top: -20px;
}

.likes .align-center {
    width: 460px;
    line-height: 1.2em;
}

#scrollBtnToAction {
    height: 25px;
    margin-bottom: 15px;
    margin-right: 24px;
}

.ms-row {
    width: 100%;
    *zoom: 1;
}

.ms-row:before,
.ms-row:after {
    content: '';
    display: table;
}

.ms-row:after {
    clear: both;
}

.ms-row.grey {
    background-color: #f5f5f5;
    padding-left: 1000px;
    padding-right: 1000px;
    margin-left: -1000px;
    margin-right: -1000px;
}

[class*=ms-col] {
    float: left;
    padding: 17px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

[class*=ms-col]:first-child {
    padding-left: 0;
}

[class*=ms-col]:last-child {
    padding-right: 0;
}

[class*=ms-col] *:first-child {
    margin-top: 0;
}

[class*=ms-col] *:last-child {
    margin-bottom: 0;
}

.ms-col-12 {
    width: 100%;
}

.ms-col-12 .ms-col-12 {
    width: 100%;
}

.ms-col-12 .ms-col-11 {
    width: 91.6667%;
}

.ms-col-12 .ms-col-10 {
    width: 83.3333%;
}

.ms-col-12 .ms-col-9 {
    width: 75%;
}

.ms-col-12 .ms-col-8 {
    width: 66.6667%;
}

.ms-col-12 .ms-col-7 {
    width: 58.3333%;
}

.ms-col-12 .ms-col-6 {
    width: 50%;
}

.ms-col-12 .ms-col-5 {
    width: 41.6667%;
}

.ms-col-12 .ms-col-4 {
    width: 33.3333%;
}

.ms-col-12 .ms-col-3 {
    width: 25%;
}

.ms-col-12 .ms-col-2 {
    width: 16.6667%;
}

.ms-col-12 .ms-col-1 {
    width: 8.3333%;
}

.ms-col-11 {
    width: 91.6667%;
}

.ms-col-11 .ms-col-11 {
    width: 100%;
}

.ms-col-11 .ms-col-10 {
    width: 90.9091%;
}

.ms-col-11 .ms-col-9 {
    width: 81.8182%;
}

.ms-col-11 .ms-col-8 {
    width: 72.7273%;
}

.ms-col-11 .ms-col-7 {
    width: 63.6364%;
}

.ms-col-11 .ms-col-6 {
    width: 54.5455%;
}

.ms-col-11 .ms-col-5 {
    width: 45.4545%;
}

.ms-col-11 .ms-col-4 {
    width: 36.3636%;
}

.ms-col-11 .ms-col-3 {
    width: 27.2727%;
}

.ms-col-11 .ms-col-2 {
    width: 18.1818%;
}

.ms-col-11 .ms-col-1 {
    width: 9.0909%;
}

.ms-col-10 {
    width: 83.3333%;
}

.ms-col-10 .ms-col-10 {
    width: 100%;
}

.ms-col-10 .ms-col-9 {
    width: 90%;
}

.ms-col-10 .ms-col-8 {
    width: 80%;
}

.ms-col-10 .ms-col-7 {
    width: 70%;
}

.ms-col-10 .ms-col-6 {
    width: 60%;
}

.ms-col-10 .ms-col-5 {
    width: 50%;
}

.ms-col-10 .ms-col-4 {
    width: 40%;
}

.ms-col-10 .ms-col-3 {
    width: 30%;
}

.ms-col-10 .ms-col-2 {
    width: 20%;
}

.ms-col-10 .ms-col-1 {
    width: 10%;
}

.ms-col-9 {
    width: 75%;
}

.ms-col-9 .ms-col-9 {
    width: 100%;
}

.ms-col-9 .ms-col-8 {
    width: 88.8889%;
}

.ms-col-9 .ms-col-7 {
    width: 77.7778%;
}

.ms-col-9 .ms-col-6 {
    width: 66.6667%;
}

.ms-col-9 .ms-col-5 {
    width: 55.5556%;
}

.ms-col-9 .ms-col-4 {
    width: 44.4444%;
}

.ms-col-9 .ms-col-3 {
    width: 33.3333%;
}

.ms-col-9 .ms-col-2 {
    width: 22.2222%;
}

.ms-col-9 .ms-col-1 {
    width: 11.1111%;
}

.ms-col-8 {
    width: 66.6667%;
}

.ms-col-8 .ms-col-8 {
    width: 100%;
}

.ms-col-8 .ms-col-7 {
    width: 87.5%;
}

.ms-col-8 .ms-col-6 {
    width: 75%;
}

.ms-col-8 .ms-col-5 {
    width: 62.5%;
}

.ms-col-8 .ms-col-4 {
    width: 50%;
}

.ms-col-8 .ms-col-3 {
    width: 37.5%;
}

.ms-col-8 .ms-col-2 {
    width: 25%;
}

.ms-col-8 .ms-col-1 {
    width: 12.5%;
}

.ms-col-7 {
    width: 58.3333%;
}

.ms-col-7 .ms-col-7 {
    width: 100%;
}

.ms-col-7 .ms-col-6 {
    width: 85.7143%;
}

.ms-col-7 .ms-col-5 {
    width: 71.4286%;
}

.ms-col-7 .ms-col-4 {
    width: 57.1429%;
}

.ms-col-7 .ms-col-3 {
    width: 42.8571%;
}

.ms-col-7 .ms-col-2 {
    width: 28.5714%;
}

.ms-col-7 .ms-col-1 {
    width: 14.2857%;
}

.ms-col-6 {
    width: 50%;
}

.ms-col-6 .ms-col-6 {
    width: 100%;
}

.ms-col-6 .ms-col-5 {
    width: 83.3333%;
}

.ms-col-6 .ms-col-4 {
    width: 66.6667%;
}

.ms-col-6 .ms-col-3 {
    width: 50%;
}

.ms-col-6 .ms-col-2 {
    width: 33.3333%;
}

.ms-col-6 .ms-col-1 {
    width: 16.6667%;
}

.ms-col-5 {
    width: 41.6667%;
}

.ms-col-5 .ms-col-5 {
    width: 100%;
}

.ms-col-5 .ms-col-4 {
    width: 80%;
}

.ms-col-5 .ms-col-3 {
    width: 60%;
}

.ms-col-5 .ms-col-2 {
    width: 40%;
}

.ms-col-5 .ms-col-1 {
    width: 20%;
}

.ms-col-4 {
    width: 33.3333%;
}

.ms-col-4 .ms-col-4 {
    width: 100%;
}

.ms-col-4 .ms-col-3 {
    width: 75%;
}

.ms-col-4 .ms-col-2 {
    width: 50%;
}

.ms-col-4 .ms-col-1 {
    width: 25%;
}

.ms-col-3 {
    width: 25%;
}

.ms-col-3 .ms-col-3 {
    width: 100%;
}

.ms-col-3 .ms-col-2 {
    width: 66.6667%;
}

.ms-col-3 .ms-col-1 {
    width: 33.3333%;
}

.ms-col-2 {
    width: 16.6667%;
}

.ms-col-2 .ms-col-2 {
    width: 100%;
}

.ms-col-2 .ms-col-1 {
    width: 50%;
}

.ms-col-1 {
    width: 8.3333%;
}

.ms-col-1 .ms-col-1 {
    width: 100%;
}

.terms-note {
    background: #f6f6f6;
    padding: 5px 0;
    margin-left: -20px;
    position: relative;
}

.terms-note > li {
    list-style: none;
    padding-left: 20px;
    vertical-align: middle;
    position: relative;
}

.terms-note .share-block {
    top: auto !important;
    left: 46px !important;
    bottom: auto !important;
    right: auto !important;
    visibility: visible;
    position: absolute;
}

.terms-note .share-block .slivki-share-block-opener {
    height: 24px !important;
    width: 165px !important;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    border-radius: 0;
    left: -21px;
    text-align: left;
}

.terms-note .share-block .slivki-share-block-popup {
    left: -98px;
}

.terms-note > li:last-child {
    padding-left: 48px;
}

.terms-note > li:last-child:hover {
    color: #6747e5;
}

.terms-note .share-block .slivki-share-block-opener:before {
    font-size: 16px;
    line-height: 24px !important;
}

.stock ul.terms-note li a {
    color: #333;
}

.stock ul.terms-note li a.green {
    color: #6747e5;
}

.stock ul.terms-note li a:hover {
    color: #6747e5;
}

.terms-note li i {
    font-size: 20px;
    vertical-align: middle;
    color: #777;
}

.terms-note li:first-child i {
    font-size: 16px;
    padding-right: 3px;
    padding-left: 3px;
}

.terms-note li.add-to-favourite-btn {
    padding-left: 26px;
    cursor: pointer;
}

.terms-note li.add-to-favourite-btn:hover {
    color: #6747E5;
}

.terms-note li.add-to-favourite-btn:before {
    content: '\e827';
    display: inline-block;
    font-size: 16px;
    padding-right: 2px;
    font-family: Slivki-Icons;
    color: #333;
}

/*.terms-note li a:hover i {*/
/*color: #6747e5;*/
/*}*/
.terms-note li.is-favorite.add-to-favourite-btn:before {
    content: '\e828';
    color: #6747e5;
}

/* ICONS */
[class^="icon-"],
[class*=" icon-"] {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    vertical-align: text-top;
    background-position: 0 0;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
}

.icon-24 {
    width: 24px;
    height: 24px;
}

.icon-warning {
    background-image: url(/images/icon-warning-24.png);
}

.icon-search {
    background-image: url(/images/icon-search.png);
}

.modal-content #content {
    margin-top: 22px;
}

#errorBox {
    color: red;
}

.hintList {
    list-style-type: none;
}

.page-title.null-margin {
    margin: 0;
}

.stock-group-list.large {
    position: relative;
    margin-top: 0;
    background: #fff;
}

.search-group-title {
    background: #fff;
    margin-bottom: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    position: relative;
    font-family: 'SF Pro Rounded', sans-serif;;
    color: #6747e5;
    font-size: 32px;
}

.search-past-offers {
    -webkit-filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' ><filter id='gray'><feColorMatrix in='SourceGraphic' type='saturate' values='0' /></filter></svg>#gray");
    filter: grayscale(100%);
    opacity: 0.5;
}

.search-past-offers .star-ratings-css-top {
    color: #666;
}

.search-less-relevant {
    text-align: center;
    margin: 10px 0;
}

.search-less-relevant .button {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    margin-top: 10px;
}

.search-less-relevant > div {
    display: none;
}

.search-less-relevant div.opened {
    display: block;
    text-align: left;
}

.search-group-title > div {
    display: inline-block;
    width: 20%;
    font-size: 16px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    overflow: hidden;
}

/* Comments Page */
.comments-list ul {
    margin: 0;
}

.comments-list-item {
    margin-bottom: 0px;
    position: relative;
}

.comments-list-item:last-child {
    margin-bottom: 0;
}

.comments-list-item .meta {
    min-height: 60px;
    position: relative;
    padding: 0px 10px 5px 85px;
}

.comments-list-item .meta .avatar {
    border-radius: 50%;
    position: absolute;
    top: 0px;
    left: 10px;
    height: 60px;
    width: 60px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
}

.comments-list-item .meta .author {
    font-size: 18px;
    display: inline-block;
    float: left;
    font-family: "SF Pro Rounded Regular";
    max-width: 200px;
}

.comments-list-item .meta .date {
    font-size: 13px;
    color: #aaa;
    display: inline-block;
    vertical-align: 2px;
    float: left;
}

.comments-list-item .short-descr {
    margin-top: 8px;
}

.comments-list-item .reply {
    display: inline-block;
    margin-top: 5px;
}

.comments-list-item .body {
    word-wrap: break-word;
    width: 95%;
    margin-bottom: 18px;
    font-family: 'SF Pro Display';
    font-size: 16px;
    line-height: 24px;
}

.comments-list-item--deleted .body {
    color: #aaaaaa;
}

.comments-list-item--deleted .editCommentAnswerButton.edit,
.comments-list-item--deleted .editCommentAnswerButton.delete {
    display: none;
}

.comments-list-item--has-child .editCommentAnswerButton.edit {
    display: none;
}

.tooltip {
    display: block;
    font-size: 11px;
    font-weight: normal;
    line-height: 1.1;
    opacity: 0;
    position: absolute;
    visibility: visible;
    z-index: 1070;
    filter: alpha(opacity=0);
}

.tooltip.in {
    opacity: .9;
    filter: alpha(opacity=90);
}

.tooltip.top {
    padding: 2px 0;
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px;
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0;
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px;
}

.tooltip-inner {
    background-color: rgba(255, 255, 255, 0.9) !important;
    box-shadow: 0px 4px 22px rgb(0 0 0 / 25%);
    color: #6747E5;
    max-width: 1000px;
    padding: 4px 7px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    border-radius: 10px;
}

.tooltip-arrow {
    border-style: solid;
    border-color: transparent;
    height: 0;
    position: absolute;
    width: 0;
}

.tooltip.top-left .tooltip-arrow {
    border-width: 5px 5px 0;
    border-top-color: #FFFFFF;
    bottom: 0;
    margin-bottom: -5px;
    right: 5px;
}

.tooltip.top-right .tooltip-arrow {
    border-width: 5px 5px 0;
    border-top-color: #FFFFFF;
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
}

.tooltip.right .tooltip-arrow {
    border-width: 5px 5px 5px 0;
    border-right-color: #FFFFFF;
    left: 0;
    margin-top: -5px;
    top: 50%;
}

.tooltip.left .tooltip-arrow {
    border-width: 5px 0 5px 5px;
    border-left-color: #FFFFFF;
    margin-top: -5px;
    right: 0;
    top: 50%;
}

.tooltip.bottom .tooltip-arrow {
    border-width: 0 5px 5px;
    border-bottom-color: #FFFFFF;
    left: 50%;
    margin-left: -5px;
    top: 0;
}

.tooltip.bottom-left .tooltip-arrow {
    border-width: 0 5px 5px;
    border-bottom-color: #FFFFFF;
    margin-top: -5px;
    right: 5px;
    top: 0;
}

.tooltip.bottom-right .tooltip-arrow {
    border-width: 0 5px 5px;
    border-bottom-color: #FFFFFF;
    left: 5px;
    margin-top: -5px;
    top: 0;
}

/* Animation */
.fade.in {
    opacity: 1 !important;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

/* COLLAPSE */
.collapse {
    display: none;
}

.collapse.in {
    display: block;
}

.collapsing {
    height: 0;
    overflow: hidden;
    position: relative;
    -webkit-transition: height .35s ease;
    -o-transition: height .35s ease;
    transition: height .35s ease;
}

.comment-codes .tooltip-inner {
    background-color: #666;
}

.comment-codes .tooltip.top .tooltip-arrow {
    border-top-color: #666;
}

.live-comments-view-all {
    line-height: 1.2em;
    position: absolute;
    top: 2px;
    right: 0;
}

.live-comments-item .photo {
    position: absolute;
    margin-left: -5px;
    top: 0;
}

.live-comments-item .photo img {
    border-radius: 50%;
    width: 60px;
}

.live-comments-item .body {
    padding-left: 70px;
}

.live-comments-item .comment-codes > div {
    font-size: 11px;
}

.admin-comment .body {
    margin-left: 20px;
    padding: 0;
    margin-bottom: 6px;
}

.admin-comment .body .info {
    color: #E06C1F;
    font-size: 15px;
    font-weight: 700;
    float: left;
    margin-right: 34px;
}

.admin-comment .comment .body .message {
    margin: 0;
}

p {
    margin: 0;
}

.comment-codes {
    font-size: 13px;
    position: absolute;
    top: 22px;
    display: flex;
    right: 0;
    color: #aaa;
}

.comment-codes .tooltip-inner {
    background-color: #666;
}

.comment-codes .tooltip.top .tooltip-arrow {
    border-top-color: #666;
}

.comment-codes > div {
    cursor: default;
    float: left;
    line-height: 1;
    padding: 6px 4px 4px;
    vertical-align: top;
}

.comment-codes > .all {
    border-left: 1px solid #eee;
}

.sale-listbox-table .sales-list {
    margin-top: 0;
    margin-bottom: 0;
}

.sale-li table {
    margin-top: -20px;
}

.sale-listbox-table .tooltip-inner {
    white-space: pre-wrap;
    max-width: 300px;
}

.tooltip-inner .bold-text {
    font-weight: 700;
    font-size: 13px;
}

.sale-li a span.newSale {
    font-weight: bold;
}

.errorBox, #error_messages, .errorInMessageToSupport {
    font-weight: 700;
    color: #ff0000;
    font-size: 15px;
    margin-bottom: 5px;
    text-align: center;
}

.sale-li {
    width: 230px;
}

.sale-image {
    vertical-align: top;
}

.footer {
    min-width: 1000px;
}

.recommendCategories {
    margin-top: 10px;
}

.button.shadow-btn {
    background-color: #fff !important;
    font-weight: bold;
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .5);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .5);
    padding-left: 50px;
    padding-right: 50px;
    margin-top: 10px;
}

.button--green:hover {
    background-color: #4929C7;
}

.stock-group-item.custom .discount-label {
    top: 70px;
}

.__3.custom .stock-group-item .image {
    margin-top: 45px;
}

.__3.custom .stock-group-item .title {
    margin: 15px 0;
}

.ui-dialog-titlebar-close {
    background: url('/images/close.png');
    background-size: 15px;
}

.__3.custom .stock-group-item {
    height: 420px;
}

td, th {
    padding-left: 3px;
}

.categoryBanner {
    margin-left: 70px;
    margin-top: 10px;
    text-align: center;
}

div.categoryBanner img {
    display: inherit;
}

div.stock-group-item .title a:hover {
    color: #6747E5;
}

div.stock-group-item.premium-vertical {
    max-height: 420px;
    height: auto;
    margin-left: -1px;
}

.stock-group-item.premium-vertical img {
    margin: 0 auto;
    border-radius: 0.75rem;
    max-width: 87%;
}

.activated-link {
    margin-bottom: 10px;
}

#errorBox .error-buy-message {
    text-align: center;
    font-size: 15px;
    margin: 20px;
    color: black;
}

.lb-data .lb-close {
    border-bottom: 0;
}

#buyCodeButtonFake img {
    height: 20px;
    float: left;
    margin-left: 46%;
}

#buyCodeButtonFake {
    font-size: 0;
    color: #6747e5;
    overflow: hidden;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
}

.live-comments-item .meta {
    margin-top: 5px;
}

.live-comments-item .body .tooltip-inner {
    white-space: pre-wrap;
    word-break: normal;
    word-wrap: break-word;
    max-width: 500px;
}

.mailing-banner {
    padding-left: 50px;
}

div.content--main {
    padding-top: 16px;
}

.live-comments-item .comment-codes .tooltip-inner {
    white-space: nowrap;
}

.order-warning-message {
    font-size: 14px;
    color: grey;
}

div#modal_phone_code .tab-pane {
    height: 270px;
}

div.expanderBox {
    border-bottom: 1px solid rgba(34, 34, 34, .3);
}

.dreamlandPhoneNumber {
    font-weight: bold;
    font-size: 44px;
    padding-top: 13px;
    padding-bottom: 13px;
}

div.live-comments-title a {
    font-size: 18px;
    border-bottom: none;
}

div#modal_phone_code .tab-pane {
    height: auto;
}

div.modal-billing .tab-pane {
    height: auto;
}

body a {
    border-bottom: 0;
}

.live-comments-item .body .text {
    max-height: 4.2em;
}

.unsubscribe-layout {
    position: relative;
    background-color: #1d2834;
    margin-top: 200px;
    padding: 50px;
    color: #fff;
    text-align: center;
}

.unsubscribe-layout:before {
    position: absolute;
    height: 260px;
    top: -205px;
    left: 0;
    width: 100%;
    content: '';
    background-image: url(/images/cat.jpg);
    background-repeat: no-repeat;
    background-position: center top;
}

a.button.back {
    background-color: #28bc78;
}

.screenshots {
    margin-top: 10px;
    height: 135px;
    overflow: hidden;
}

.screenshots.empty {
    height: 0;
    margin: 0 !important;
}

.screenshot {
    display: inline-block;
    margin-right: 5px;
}

.screenshot img {
    height: 135px;
    width: auto;
    border-radius: 10px;
}

.slick-next, .slick-prev {
    width: 34px !important;
    height: 34px !important;
}

.screenshots .slick-arrow {
    top: 62%;
    background: transparent;
    margin-top: -15px;
    border-radius: 50%;
    position: absolute;
    z-index: 2;
    font-size: 28px;
    color: #6747e5;
    border: 0;
    padding: 0;
    cursor: pointer;
}

.screenshots .slick-arrow i:after {
    content: '';
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    background: transparent;
    top: 63%;
    margin-top: -7px;
    left: 55%;
    margin-left: -7px;
    z-index: -1;
}

.screenshots .slick-arrow i:before {
    margin: 0;
    color: #6747e5;
}

.screenshots .slick-prev {
    left: 5px;
}

.screenshots .slick-next {
    right: 5px;
}

.screenshots .slick-disabled {
    display: none !important;
}

.screenshot.screenshot-story {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    cursor: pointer;
}

.screenshot .screenshot-story-btn {
    position: absolute;
    top: 50%;
    right: 50%;
    height: 46px;
    width: 69px;
    border-radius: 10px;
    transform: translate(50%, -50%);
    background: rgb(103 71 229 / 75%) url(../images/play-offer-story.svg) center center /50% 50% no-repeat
}

.screenshot .screenshot-story-tittle {
    position: absolute;
    text-align: center;
    width: 100%;
    background: rgba(217, 217, 217, 0.4);
    background: linear-gradient(360deg, rgba(98, 68, 218, 0.57) 51%, rgba(98, 68, 218, 0.01) 99.72%);
    bottom: 0;
    font-weight: 700;
    font-size: 12px;
    font-family: 'SF Pro Rounded';
    color: #FFFFFF;
    letter-spacing: 0.02em;
    transition-duration: 100ms;
}

.screenshot:hover .screenshot-story-btn {
    background-color: rgb(103 71 229 / 86%);
}

.screenshot.screenshot-story:hover .screenshot-story-tittle {
    background: linear-gradient(360deg, rgba(98, 68, 218, 0.6) 51%, rgba(98, 68, 218, 0.01) 99.72%);
    transition-duration: 100ms;
}

#detailsStoryPopup .modal-content {
    font-family: 'SF Pro Rounded';
    display: flex;
    flex-direction: column;
    align-items: center;
}

#detailsStoryPopup .modal-dialog {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: none !important;
    height: 100%;
    margin: 0;
}

@media (max-width: 991px) {
    .story-detail-popup .modal-content,
    .story-detail-popup .modal-dialog {
        width: 100vw;
        max-width: 100vw;
    }

    .story-detail-popup .modal-content {
        min-height: 100%;
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

#detailsStoryPopup {
    overflow-y: hidden !important;
}

#detailsStoryPopup .modal-dialog {
    pointer-events: none;
}

#detailsStoryPopup .modal-content {
    pointer-events: auto;
    position: relative;
    text-align: center;
    display: block;
    padding: 0;
    margin: 0;
    min-height: 100vh;
    max-height: 100vh;
}

#detailsStoryPopup .details-stories {
    display: block;
    position: relative;
    width: 56.25vh;
    max-width: 100vw;
    height: 100vh;
    margin: 0 auto;
    background: black;
    overflow: hidden;
}

#detailsStoryPopup .details-stories__container {
    width: 56.25vh;
    height: 100vh;
    background: black;
    overflow: hidden;
    display: flex;
    position: relative;
    transition: transform 0.25s cubic-bezier(0.8, 0, 0.2, 1);
    will-change: auto;
    touch-action: manipulation;
    transform: translate3d(0px, 0px, 0px);
    backface-visibility: hidden;
}

#detailsStoryPopup .slide {
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100vh;
    min-height: 100vh;
    max-height: 100vh;
    overflow: hidden;
    will-change: opacity;
    opacity: 0;
    filter: blur(0);
    transition: opacity 0.5s ease, filter 0.25s ease;
}

#detailsStoryPopup .slide.active {
    opacity: 1;
}

body.menu-open #detailsStoryPopup .slide.active {
    filter: blur(10px);
}

#detailsStoryPopup .slide img,
#detailsStoryPopup .slide video {
    width: 56.25vh;
    max-width: 100vw;
    height: 100vh;
    min-height: 100vh;
    max-height: 100vh;
    display: block;
    position: relative;
    padding: 0;
    margin: 0;
    object-fit: contain;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    pointer-events: none;
}

#detailsStoryPopup #story-mute {
    display: block;
    width: 35px;
    height: 35px;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 22px;
    z-index: 1;
    right: 50px;
    border-radius: 50%;
    background-color: #6747E5;
    overflow: hidden;
    opacity: 0.85;
    transition: opacity 0.25s ease;
}

#detailsStoryPopup #story-mute span:first-child {
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    top: 14px;
    left: 5px;
    transform: rotate(270deg);
    border-right: 8px solid #ffffff;
    border-bottom: 7px solid #FFFFFF;
}

#detailsStoryPopup #story-mute span:last-child {
    display: block;
    position: absolute;
    width: 4px;
    height: 2px;
    top: 14px;
    left: 1px;
    transform: rotate(270deg);
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 7px solid #FFFFFF;
}

#detailsStoryPopup #story-mute::before {
    content: "";
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    top: 13px;
    border-right: 3px solid #ffffff;
    border-bottom: 3px solid #FFFFFF;
    border-radius: 0 0px 11px 0px;
}

#detailsStoryPopup #story-mute::after {
    content: "";
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    top: 12px;
    border-right: 3px solid #ffffff;
    border-bottom: 3px solid #FFFFFF;
    border-radius: 0 0px 11px 0px;
}

#detailsStoryPopup #story-mute::before {
    left: 15px;
    transform: rotate(-45deg);
}

#detailsStoryPopup #story-mute::after {
    left: 20px;
    transform: rotate(-45deg);
}

#detailsStoryPopup #story-mute:hover {
    opacity: 1;
}

#detailsStoryPopup #story-mute .mute {
    display: block;
    position: absolute;
    width: 16px;
    height: 3px;
    top: 15px;
    z-index: 1;
    left: 0px;
    transform: rotate(304deg);
    border-right: 25px solid #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
}

#detailsStoryPopup #story-mute:hover::before,
#detailsStoryPopup #story-mute:hover::after {
    border-right-color: rgba(0, 0, 0, 0.9) !important;
    border-bottom-color: rgba(0, 0, 0, 0.9) !important;
}

#detailsStoryPopup #story-close {
    display: block;
    width: 35px;
    height: 35px;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 22px;
    z-index: 1;
    right: 5px;
    border-radius: 50%;
    background-color: #6747E5;
    overflow: hidden;
    opacity: 0.85;
    transition: opacity 0.25s ease;
}

#detailsStoryPopup #story-close::before {
    content: "";
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    top: 12px;
    border-right: 3px solid #ffffff;
    border-bottom: 3px solid #FFFFFF;
}

#detailsStoryPopup #story-close::after {
    content: "";
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    top: 12px;
    border-right: 3px solid #ffffff;
    border-bottom: 3px solid #FFFFFF;
}

#detailsStoryPopup #story-close::before {
    left: 5px;
    transform: rotate(-45deg);
}

#detailsStoryPopup #story-close::after {
    left: 18px;
    transform: rotate(135deg);
}

#detailsStoryPopup #story-close:hover {
    opacity: 1;
}

#detailsStoryPopup #story-close:hover::before,
#detailsStoryPopup #story-close:hover::after {
    border-right-color: rgba(0, 0, 0, 0.9) !important;
    border-bottom-color: rgba(0, 0, 0, 0.9) !important;
}

#detailsStoryPopup #prev-slide {
    display: block;
    width: 32px;
    height: 32px;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: calc(50% - 16px);
    left: calc(50% - 35vh - 16px);
    border-radius: 50%;
    background-color: #6747E5;
    overflow: hidden;
    opacity: 0.85;
    transition: opacity 0.25s ease;
}

#detailsStoryPopup #next-slide {
    display: block;
    width: 32px;
    height: 32px;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: calc(50% - 16px);
    left: calc(50% + 35vh - 16px);
    border-radius: 50%;
    background-color: #6747E5;
    overflow: hidden;
    opacity: 0.85;
    transition: opacity 0.25s ease;
}

#detailsStoryPopup #prev-slide::before,
#detailsStoryPopup #next-slide::before {
    content: "";
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    top: 10px;
    border-right: 4px solid #FFFFFF;
    border-bottom: 4px solid #FFFFFF;
}

#detailsStoryPopup #prev-slide::before {
    left: 11px;
    transform: rotate(-225deg);
}

#detailsStoryPopup #next-slide::before {
    left: 8px;
    transform: rotate(-45deg);
}

#detailsStoryPopup #prev-slide:hover,
#detailsStoryPopup #next-slide:hover {
    opacity: 1;
}

#detailsStoryPopup #prev-slide:hover::before,
#detailsStoryPopup #next-slide:hover::before {
    border-right-color: rgba(0, 0, 0, 0.9) !important;
    border-bottom-color: rgba(0, 0, 0, 0.9) !important;
}

@media (max-width: 800px) {
    #detailsStoryPopup #prev-slide {
        position: absolute;
        width: 30vh;
        height: 75vh;
        z-index: 1;
        display: block;
        top: 15vh;
        left: calc(50% - 42vh);
        background: transparent;
    }

    #detailsStoryPopup #next-slide {
        position: absolute;
        width: 30vh;
        height: 75vh;
        z-index: 1;
        display: block;
        top: 15vh;
        left: calc(50% + 10vh);
        background: transparent;
    }

    #detailsStoryPopup #prev-slide:hover::before,
    #detailsStoryPopup #next-slide:hover::before {
        display: none;
    }
}


#detailsStoryPopup .central-area {
    position: absolute;
    width: 30vh;
    height: 75vh;
    /*background-color: tomato;*/
    z-index: 1;
    display: block;
    top: 15vh;
    left: calc(50% - 15vh);
}

@media (min-width: 800px) {
    #detailsStoryPopup .central-area {
        width: 55vh;
        top: 12.5vh;
        left: calc(50% - 27.5vh);
    }
}

#detailsStoryPopup .central-area .button {
    width: 77px;
    height: 77px;
    display: block;
    position: absolute;
    top: calc(50% - 39px - 2.5vh);
    left: calc(50% - 39px);
    border-radius: 50%;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease;
}

@media (min-width: 800px) {
    #detailsStoryPopup .central-area .button {
        top: calc(50% - 39px);
    }
}

#detailsStoryPopup .central-area:hover .button {
    opacity: 0.5;
}

#detailsStoryPopup .central-area .button svg {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

#detailsStoryPopup .central-area .button svg path {
    display: none;
}

#detailsStoryPopup .central-area[data-state="paused"] .button svg #path_play {
    display: block;
}

#detailsStoryPopup .central-area[data-state="playing"] .button svg #path_pause {
    display: block;
}

body.menu-open #detailsStoryPopup .central-area .button {
    opacity: 0;
}

#detailsStoryPopup .progress-bars {
    position: absolute;
    padding: 10px 5px 87px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    display: flex;
}

#detailsStoryPopup .progress-bars::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: linear-gradient(rgba(0, 0, 0, 0.5), transparent);
}

.progressbar[value] {
    appearance: none;
    border: none;
    border-radius: 5px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25) inset;
    color: #6747E5 !important;
    display: inline;
    height: 5px !important;
    margin: 0 3px;
    order: 1;
    position: relative;
    width: 100%;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.4);
    -webkit-appearance: none;
}

.progressbar.seen[value] {
    background-color: #6747E5 !important;
}

.progressbar.seen[value]::-moz-progress-bar {
    background-color: #6747E5 !important;
}

.progressbar[value]::-moz-progress-bar {
    background: #6747E5 !important;
}

.progressbar[value]::-webkit-progress-bar {
    background: white !important;
    border-radius: 5px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25) inset;
}

.progressbar.seen[value]::-webkit-progress-bar {
    background: #6747E5 !important;
}

.progressbar[value]::-webkit-progress-value {
    background: #6747E5 !important;
    border-radius: 5px;
    position: relative;
    transition: width 1s linear;
}

.contactForm .messageSend {
    font-size: 20px;
    margin-top: 25px;
}

.bonus-mailru-button, .bonus-twitter-button, .bonus-vk-button, .bonus-fb-button {
    width: 150px;
    float: left;
}

.bonus-vk-button {
    margin-top: 2px;
}

.bonus-fb-button {
    margin-top: -2px;
}

div#vk_like {
    margin-top: 5px;
}

.share {
    min-height: 20px;
}

.button-get-code-fake {
    width: 30px;
    height: 30px;
    margin-left: 10px;
}

.button-get-code-fake img {
    width: 100%;
}

#map0 {
    position: relative;
    visibility: hidden;
    top: -110px;
}

.sale-details-content {
    background-color: #fff;
    padding: 10px;
}

#descriptionText table, .saleDetail table {
    max-width: 800px;
    width: 100% !important;
}

.profile-codes-header {
    padding: 15px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 4px 20px #ECE9FC;
    -moz-box-shadow: 0px 4px 20px #ECE9FC;
    box-shadow: 0px 4px 20px #ECE9FC;
}

.text-bonus {
    margin: 10px 0 0 0!important;
    background-color: #F0EDFC;
    text-align: center;
    line-height: 40px;
    position: relative;
    z-index: 1;
    font-size: 16px;
    border-radius: 7px;
    box-shadow: 0px 4px 16px #ece9fc73;
}

.text-bonus > img {
    display: inline-block;
    vertical-align: -5px;
}

.text-bonus > a {
    text-decoration: underline;
}

.div-scroll-pane a {
    color: #28bc78;
}

.sale-banner img {
    max-width: 650px;
    max-height: 90px;
    margin-left: auto;
    margin-right: auto;
}

.sale-list-box-table .table-item .sale-banner {
    background-color: white;
}

.first-banner {
    margin-top: 15px;
}

.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 14px;
}

.carousel-inner > .item {
    position: relative;
    display: none;
    -webkit-transition: .6s ease-in-out left;
    -o-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    line-height: 1;
}

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-inner > .item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        -o-transition: -o-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px;
    }

    .carousel-inner > .item.next,
    .carousel-inner > .item.active.right {
        left: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    .carousel-inner > .item.prev,
    .carousel-inner > .item.active.left {
        left: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    .carousel-inner > .item.next.left,
    .carousel-inner > .item.prev.right,
    .carousel-inner > .item.active {
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
    display: block;
}

.carousel-inner > .active {
    left: 0;
}

.carousel-inner > .next,
.carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%;
}

.carousel-inner > .next {
    left: 100%;
}

.carousel-inner > .prev {
    left: -100%;
}

.carousel-inner > .next.left,
.carousel-inner > .prev.right {
    left: 0;
}

.carousel-inner > .active.left {
    left: -100%;
}

.carousel-inner > .active.right {
    left: 100%;
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    filter: alpha(opacity=50);
    opacity: .0;
    z-index: 9;
}

.carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
    border-radius: 14px;
}

.carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
    border-radius: 14px;
}

#carousel-example-generic .carousel-control.left:after,
#carousel-example-generic .carousel-control.right:after {
    content: " ";
    cursor: pointer;
    position: absolute;
    display: block;
    width: 52px;
    height: 52px;
    left: 10px;
    top: 50%;
    transform: translate(0, -50%);
    border-radius: 50%;
    transition: all .12s ease-out;
    background: #e8e8e8 url("/images/new-arrow-teaser-left.svg") center center no-repeat;
}

#carousel-example-generic .carousel-control.right:after {
    right: 10px;
    left: unset;
    background: #e8e8e8 url("/images/new-arrow-teaser.svg") center center no-repeat;
}

#carousel-example-generic:hover .carousel-control.left:after,
#carousel-example-generic:hover .carousel-control.right:after {
    transition: all .12s ease-out;
}

#carousel-example-generic:hover .carousel-control {
    color: #fff;
    text-decoration: none;
    filter: alpha(opacity=90);
    outline: 0;
    opacity: .6;
}

#carousel-example-generic:hover .carousel-control:hover {
    opacity: .9;
}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
}

.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
    left: 50%;
    margin-left: -10px;
}

.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
    right: 50%;
    margin-right: -10px;
}

.carousel-control .icon-prev,
.carousel-control .icon-next {
    width: 20px;
    height: 20px;
    font-family: serif;
    line-height: 1;
}

.carousel-control .icon-prev:before {
    content: '\2039';
}

.carousel-control .icon-next:before {
    content: '\203a';
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 9;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}

.carousel-indicators li {
    display: inline-block;
    width: 11px;
    height: 11px;
    margin: 0 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0);
    border: 2px solid white;
    border-radius: 10px;
}

.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #6747e5;
    border: 1.6px solid #6747e5;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    color: #3de089;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}

.carousel-caption .btn {
    text-shadow: none;
}

#productPagination span {
    cursor: pointer;
}

@media screen and (min-width: 768px) {
    .d-none-in-desk {
        display: none;
    }

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        font-size: 30px;
    }

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        margin-left: -15px;
    }

    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        margin-right: -15px;
    }

    .carousel-caption {
        right: 20%;
        left: 20%;
    }
}

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 14px;
}

.carousel-indicators {
    margin-bottom: -10px;
}

.sr-only {
    margin-top: 150%;
}

.saleCheckBox {
    position: absolute;
    top: 0;
    left: 175px;
    z-index: 10;
}

.mainSaleCheckBox {
    position: absolute;
    top: 0;
    left: 8px;
    z-index: 10;
}

.invisible {
    visibility: hidden;
    display: none;
}

.one-line .user-info-date {
    float: left;
    font-weight: 700;
}

.one-line .title {
    float: left;
    margin-left: 5px;
}

.one-line .text {
    float: left;
    margin-left: 5px;
    font-weight: 700;
}

#userInfo input {
    max-width: 300px;
}

.topMenu {
    height: 90px;
}

#userInfo {
    margin-left: 55px;
}

.user-info-text {
    margin: 10px;
}

.user-info-title {
    font-size: 20px;
    margin-bottom: 10px;
}

.search-statistic {
    margin-left: 100px;
}

.search-statistic #form-search-statistic {
    width: 300px;
}

.search-query span {
    font-weight: 700;
}

#form-search-statistic {
    margin-bottom: 10px;
}

.ulogin {
    margin-top: 15px;
}

@-webkit-viewport {
    width: device-width;
}

@-moz-viewport {
    width: device-width;
}

@-ms-viewport {
    width: device-width;
}

@-o-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

img[id^="imageLoading"] {
    margin-left: auto;
    margin-right: auto;
}

.__3.custom .stock-group-item .bottom {
    bottom: 90px;
}

.all-sales img {
    position: relative;
    top: -36px;
    left: 48px;
}

div.header--main {
    height: 24px;
}

li .field-dropdown .dropdown {
    position: relative;
    top: -1px;
}

.margin-left {
    margin-left: 10px;
}

#head--banner img {
    margin-left: auto;
    margin-right: auto;
}

.fake[id^="comment"] {
    height: 0;
    position: absolute;
    top: -186px;
}

.journal-table {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.journal-table th.description {
    width: 350px;
}

.journal-table td {
    border: 1px solid #CCDBCE;
    padding: 5px;
}

.journal-table th {
    padding: 2px;
}

.close--problem, .delete--problem, .processed--problem {
    margin: 3px 0;
    width: 160px;
}

.button.invisible {
    display: none;
}

.add--problem {
    margin-left: 60px;
}

.journal-table td.description {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    max-width: 355px;
}

.journal-table td button {
    width: 100%;
    margin: 1px;
}

div.new-offer-watermark {
    position: absolute;
    width: 100%;
    transform: rotate(319deg);
    top: 14px;
    left: -93px;
    z-index: 1;
    color: #3e3434;
    font-size: 1.1em;
    height: 22px;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    background-color: #feef00;
}

div.info-line {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 1;
    color: white;
    text-shadow: 0 0 0 #666, 0 0 5px #666;
    font-size: 1.1em;
    height: 22px;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
}

.info-line div {
    margin-top: 3px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

div.info-line.manicure-price {
    display: none;
    font-size: 14px;
    text-transform: none;
    text-align: left;
    font-weight: 400;
    background-image: url(/images/green_key_icon.png);
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: 4px 4px;
    background-color: rgba(0, 0, 0, 0.6);
}

div.info-line.manicure-price div {
    margin-top: 0;
    padding-left: 20px;
}

div.stock-group-item.empty {
    z-index: 3;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    height: 1px;
    width: 1px;
    min-height: 0;
    border: none;
}

div.stock-group.empty img {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

div.stock-group.empty {
    margin-bottom: 10px;
    text-align: center;
    height: 250px;
}

.banner {
    margin-left: auto;
    margin-right: auto;
    max-width: 650px;
    max-height: 90px;
}

.banner.profile_banner {
    margin-bottom: 10px;
}

.banner.search_banner {
    margin-top: 20px;
}

.banner.comments_live {
    margin-top: -25px;
    margin-bottom: 15px;
}

.profile-geolocation--text {
    font-size: 16px;
    font-weight: bold;
}

.listMarketActions .stock-group-item {
    width: 268px;
}

.sortable .stock-group-item {
    width: 268px;
}

.profile-tabs .content-filter {
    margin-top: 5px;
    width: 100%;
}

.stock-group-item-sale a {
    border: none;
}

.stock-group-item-sale {
    width: 100%;
    border-radius: 12px;
    position: relative;
    display: inline-block;
    padding: 5px 10px 20px 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-box-shadow: 0px 1px 17px -2px rgba(194, 194, 194, 1);
    -moz-box-shadow: 0px 1px 17px -2px rgba(194, 194, 194, 1);
    box-shadow: 0px 1px 17px -2px rgba(194, 194, 194, 1);
    background-color: white;
}

.stock-group-item-sale.flier {
    padding: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

div.flier-list .flier-category-teaser {
    display: table;
    border: 2px dashed #aaaaaa;
    height: 279px;
    margin-top: 26px;
    text-align: center;
}

div.flier-list .flier-category-teaser a {
    display: table-cell;
    vertical-align: middle;
}

.stock-group-item-sale.flier strong {
    font-weight: normal;
    text-align: center;
    padding: 5px;
    display: block;
}

.stock-group-item-sale.flier em {
    font-style: normal;
    text-align: left;
    padding: 5px 0;
    display: block;
    height: 14px;
    overflow: hidden;
}

.flier-countdown {
    float: left;
}

.flier-countdown.text-red {
    color: #f00;
}

.stock-group-item-sale.flier em span {
    float: right;
}

.sale-list-box-table .table-item .table-item-list li.flier-separator {
    width: 100%;
    height: 2px;
    border-top: 2px solid #eee;
}

.sale-block-image {
    display: inline-block;
    width: 100%;
}

.sale-block-image a {
    width: 100%;
    display: block;
    position: relative;
}

.sale-block-image a img {
    min-height: 125px;
}

.sale-block-image .info-line {
    font-size: 0.7em;
    height: 16px;
}

.sale-block-image .info-line div {
    margin-top: 0;
}

.sales-gallery {
    width: 1300px;
    height: 280px;
    overflow: hidden;
}

.gallery-content {
    display: inline-block;
    width: 100%;
    height: 280px;
}

.sale-list-box--report {
    color: #f93ab1 !important;
}

.gallery-image-caption {
    width: 700px;
    height: 165px;
    margin-top: 60px;
    margin-left: 65px;
    line-height: 1.4em;
    position: absolute;
    text-shadow: -1px 0px 2px rgba(0, 0, 0, 1);
    font-weight: bold;
    font-size: 32px;
    z-index: 10;
    color: white;
}

.gallery-image-caption:hover {
    color: #3DE2A0;
}

.gallery-sales-info-button {
    border: solid #ffffff 2px;
    color: #ffffff;
    z-index: 10;
    text-decoration: none;
    font-size: 21px;
    position: absolute;
    margin-top: 203px;
    margin-left: 65px;
    padding: 6px 32px 6px 32px;
}

.gallery-sales-info-button:hover {
    color: #FFFFFF;
    border: solid #ffffff 2px;
    background: #3DE2A0;
    text-decoration: none;
}

.sale-block-visits {
    display: inline-block;
    float: right;
    bottom: 0;
}

.stock-group-list {
    font-size: 0;
}

.stock-group-item a {
    border: none;
}

.stock-group-item {
    font-family: 'SF Pro Rounded', sans-serif;
    display: inline-block;
    vertical-align: top;
    min-height: 350px;
    padding: 10px 8px 10px;
    position: relative;
    margin-bottom: -1px;
    margin-left: -1px;
    width: 33.33%;
    height: 302px;
    font-size: 12px;
    -o-transition: box-shadow .3s ease-in-out;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0.75rem;
    will-change: transform,box-shadow;
    -webkit-transition: box-shadow .3s,-webkit-transform .3s;
    transition: box-shadow .3s,-webkit-transform .3s;
    transition: transform .3s,box-shadow .3s;
    transition: transform .3s,box-shadow .3s,-webkit-transform .3s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
}

.stock-group-item span {
    line-height: 1.2em;
    color: #212529;
}

.__4 .stock-group-item {
    width: 25%;
}

.stock-group-item:hover,
.partner-offer-teaser:hover {
    z-index: 3;
    box-shadow: 0 12px 36px rgb(0 0 0 / 20%);
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
}

.stock-group-item.large {
    width: 66.6%;
}

.brazzers-more {
    background-color: #00000080;
    bottom: 0;
    color: #fff;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
}

.brazzers-more__wrapper {
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
}

.brazzers-more__icon {
    background: url(../images/show-more-photo.svg) no-repeat;
    height: 59px !important;
    margin: 0 auto;
    width: 59px;
}

.brazzers-more__text {
    color: #fff;
    font-size: 16px;
    line-height: 17px;
    margin-top: 4px;
}

.stock-group-item .image {
    width: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    display: block;
    padding-bottom: 70%;
    border-bottom: none;
    margin-bottom: 5px;
    border-radius: 0.75rem;
}

.stock-group-item div.image {
    -webkit-box-shadow: 0px 0px 66px -8px rgb(34 60 80 / 20%);
    -moz-box-shadow: 0px 0px 66px -8px rgba(34, 60, 80, 0.2);
    box-shadow: 0px 0px 66px -8px rgb(34 60 80 / 20%);
}

.stock-group-item.large .image {
    padding-bottom: 33.6%;
}

.stock-group-item .image a {
    position: relative;
    display: block;
}

.stock-group-item .image a.newProduct:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 73px;
    height: 73px;
    background: url("/images/new_yellow_label.png") no-repeat;
    z-index: 2;
}

.stock-group-item.premium-horizontal {
    border: none;
    min-height: 0;
    padding: 10px;
    margin-left: -2px;
    text-align: center;
    width: 100%;
}

.stock-group-item.premium-horizontal:hover {
    box-shadow: none;
}

.stock-group-item.premium-horizontal .image {
    display: inline-block;
    height: 90px;
    padding-bottom: 0;
    width: 650px;
}

.stock-group-item.premium-vertical {
    border: none;
    min-height: 0;
    padding: 10px;
    margin-left: -2px;
    text-align: center;
}

.stock-group-item.premium-vertical:hover {
    box-shadow: none;
}

.stock-group-item.premium-vertical .image {
    display: inline-block;
    height: 400px;
    padding-bottom: 0;
    width: 240px;
}

.stock-group-item .discount-label {
    right: 10px;
    top: 10px;
}

.stock-group-item .new-label {
    left: 10px;
    top: 10px;
}

.stock-group-item-sale .title {
    font-size: 14px;
    padding: 1px 6px 0 6px;
    overflow: hidden;
    line-height: 0.9em;
    text-align: left;
}

.stock-group-item .title {
    height: 53px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.22em;
    margin-bottom: 5px;
    overflow: hidden;
}

.stock-group-item .address {
    color: #777;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.show-map:before {
    background: url(/images/icon-map.png) 0 50% no-repeat;
    content: '';
    position: absolute;
    left: 0;
    opacity: .75;
    margin-top: -12px;
    top: 50%;
    height: 24px;
    width: 24px;
    -webkit-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
    margin-left: -17px;
}

.stock-group-item .bottom {
    margin-bottom: 0;
    align-items: center;
}

.stock-group-item-sale .bottom {
    display: inline-block;
    position: absolute;
    width: 90%;
    bottom: 2px;
    right: 7px;
}

.stock-group-item .bottom .infinity {
    color: #222;
    border-bottom: none;
    line-height: 20px;
    padding: 0;
    float: left;
    position: relative;
    box-sizing: border-box;
}

.stock-group-item .bottom .infinity i {
    font-size: 16px;
}

.stock-group-item-sale .bottom .views {
    display: inline-block;
    float: right;
    color: #b5b5b5;
    font-size: 14px;
}

.stock-group-item .bottom .button {
    float: right;
}

.stock-group-item .top {
    display: flex;
    min-height: 23px;
    justify-content: space-between;
    margin-bottom: 5px;
}

.stock-group-item .distance {
    float: right;
}

.stock-group-item .top-code,
.stock-group-item .top-code-online-order,
.stock-group-item .time-delivery {
    position: relative;
    width: 100px;
    height: 23px;
    font-size: 12px;
    line-height: 23px;
    text-align: center;
    background-color: #50c878;
    box-sizing: border-box;
    border-radius: 0.75rem;
    margin-right: 5px;
    color: #ffffff;
}

.stock-group-item .top-code-online-order {
    background-color: #6747E5;
}

.stock-group-item .top-code {
    background-color: #50c878;
}

.stock-group-item .time-delivery {
    background-color: #FCC100;
}

.stock-group-item .time-delivery [class^="slivki-icon-"]:before,
.stock-group-item .time-delivery [class*=" slivki-icon-"]:before {
    color: #ffffff;
}

.star-ratings-css {
    position: relative;
    height: 23px;
    font-size: 17px;
    color: #c5c5c5;
    unicode-bidi: bidi-override;
    float: left;
    margin: 0;
}

.stock-group-item .star-ratings-css {
    position: relative;
    width: 23px;
    height: 23px;
    font-size: 17px;
    color: #c5c5c5;
    padding: 0;
    margin: 0;
    unicode-bidi: bidi-override;
}

.stock-group-item .star-ratings-css-top {
    width: 23px !important;
}

.star-ratings-css-top {
    color: #ffc11f;
    padding: 0;
    position: absolute;
    z-index: 1;
    display: block;
    top: 0;
    left: 0;
    overflow: hidden;
}

.star-ratings-css-bottom {
    display: block;
    padding: 0;
    z-index: 0;
}

.stock-group-item .bottom i {
    font-size: 14px;
    color: #666;
    margin-right: 2px;
}

.stock-group-item .bottom .view-count i {
    font-size: 16px;
}

.bottom-item {
    display: flex;
    align-items: center;
    padding: 0 3px;
}

.bottom-item:first-child {
    padding-left: 0;
}

.bottom-item:last-child {
    padding-right: 0;
}

.discount-label {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    background-color: #6747E5;
    padding: 6px 10px;
    border-radius: 0.75rem;
}

a.marketActionLink {
    margin-top: -2px;
}

#edit-site-settings-form {
    padding: 15px;
}

.line-under-construction {
    height: 40px;
    width: 100%;
    max-width: 1177px;
    background-color: #ccffe5;
    padding-top: 3px;
}

.line-under-construction .text {
    color: #3e3e28;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    line-height: 1.2em;
}

.show-all-sales-in-category, .hide-sales-in-category {
    display: inline-block;
    position: absolute;
    right: 9px;
    font-size: 15px;
    color: #8c8c8c;
    font-weight: bold;
    margin-top: -4px;
}

.fix-header {
    position: fixed !important;
}

.teasers-line {
    position: relative;
    max-height: 357px;
}

.teasers-line.custom {
    max-height: 420px;
}

.looking-for {
    font-size: 16px;
    background-color: #f2f2f2;
    padding: 10px;
    text-align: center;
    line-height: 40px;
}

.looking-for a.button {
    color: #333;
    margin-left: 20px;
    text-transform: none;
}

.looking-for--page .title {
    font-family: 'SF Pro Rounded';
    font-size: 32px;
    text-align: center;
    line-height: 50px;
}

#lookingForForm textarea {
    display: block;
}

#lookingForForm label {
    display: block;
    padding-top: 10px;
}

#lookingForForm .button {
    display: block;
    margin-top: 10px;
}

/* RESET STYLES */
/* FONTS */
@font-face {
    font-family: 'Slivki-Icons';
    src: url('/fonts/slivki/slivki.eot?v=27');
    src: url('/fonts/slivki/slivki.eot?v=27#iefix') format('embedded-opentype'),
    url('/fonts/slivki/slivki.woff2?v=27') format('woff2'),
    url('/fonts/slivki/slivki.woff?v=27') format('woff'),
    url('/fonts/slivki/slivki.ttf?v=27') format('truetype'),
    url('/fonts/slivki/slivki.svg?v=27#slivki') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="slivki-icon-"]:before, [class*=" slivki-icon-"]:before {
    color: #aeaeae;
    font-family: "Slivki-Icons";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slivki-icon-eye:before {
    content: '\e800';
}

.slivki-icon-clock:before {
    content: '\e801';
}

.slivki-icon-search:before {
    content: '\e802';
}

.slivki-icon-plus-circled-o:before {
    content: '\e803';
}

.slivki-icon-user:before {
    content: '\e804';
}

.slivki-icon-credit-cards:before {
    content: '\e805';
}

.slivki-icon-volume-up:before {
    content: '\e806';
}

.slivki-icon-off:before {
    content: '\e807';
}

.slivki-icon-users:before {
    content: '\e808';
}

.slivki-icon-times:before {
    content: '\e809';
}

.slivki-icon-star:before {
    content: '\e80a';
}

.slivki-icon-plus-circled:before {
    content: '\e80b';
}

.slivki-icon-minus-circled:before {
    content: '\e80c';
}

.slivki-icon-infinity:before {
    content: '\e80d';
}

.slivki-icon-viber:before {
    content: '\e80e';
}

.slivki-icon-phone:before {
    content: '\e80f';
}

.slivki-icon-camera-o:before {
    content: '\e810';
}

.slivki-icon-ok:before {
    content: '\e811';
}

.slivki-icon-angle-down-big:before {
    content: '\e812';
}

.slivki-icon-angle-up-big:before {
    content: '\e813';
}

.slivki-icon-eye-1:before {
    content: '\e814';
}

.slivki-icon-photo-add:before {
    content: '\e815';
}

.slivki-icon-crown:before {
    content: '\e816';
}

.slivki-icon-angle-right-big:before {
    content: '\e817';
}

.slivki-icon-angle-left-big:before {
    content: '\e818';
}

.slivki-icon-shopping-cart:before {
    content: '\e819';
}

.slivki-icon-magazine:before {
    content: '\e81a';
}

.slivki-icon-camera:before {
    content: '\e81c';
}

.slivki-icon-user-o:before {
    content: '\e81d';
}

.slivki-icon-percentage:before {
    content: '\e81e';
}

.slivki-icon-map-marker:before {
    content: '\e81f';
}

.slivki-icon-map-marker-2:before {
    content: '\e84c';
}

.slivki-icon-guest:before {
    content: '\e820';
}

.slivki-icon-key:before {
    content: '\e821';
}

.slivki-icon-mobile:before {
    content: '\e822';
}

.slivki-icon-exclamation-circle-o:before {
    content: '\e823';
}

.slivki-icon-left-circle:before {
    content: '\e824';
}

.slivki-icon-discount:before {
    content: '\e825';
}

.slivki-icon-right-circle:before {
    content: '\e826';
}

.slivki-icon-heart-empty:before {
    content: '\e827';
}

.slivki-icon-heart:before {
    content: '\e828';
}

.slivki-icon-search2:before {
    content: '\e836';
}

.slivki-icon-heart2-empty:before {
    content: '\e82a';
}

.slivki-icon-heart2:before {
    content: '\e82b';
}

.slivki-icon-tv:before {
    content: '\e82c';
}

.slivki-icon-info-circled-o:before {
    content: '\f086';
}

.slivki-icon-twitter:before {
    content: '\f099';
}

.slivki-icon-facebook:before {
    content: '\f09a';
}

.slivki-icon-menu:before {
    content: '\e842';
}

.slivki-icon-chat-empty:before {
    content: '\f0e6';
}

.slivki-icon-angle-left:before {
    content: '\f104';
}

.slivki-icon-angle-right:before {
    content: '\f105';
}

.slivki-icon-angle-up:before {
    content: '\f106';
}

.slivki-icon-angle-down:before {
    content: '\f107';
}

.slivki-icon-spinner:before {
    content: '\f110';
}

.slivki-icon-direction:before {
    content: '\f124';
}

.slivki-icon-thumbs-up:before {
    content: '\f164';
}

.slivki-icon-thumbs-down:before {
    content: '\f165';
}

.slivki-icon-instagram:before {
    content: '\f16d';
}

.slivki-icon-vkontakte:before {
    content: '\f189';
}

.slivki-icon-odnoklassniki:before {
    content: '\f263';
}

.slivki-icon-close-circled:before {
    content: '\e830';
}

.slivki-icon-close-circled-o:before {
    content: '\e82e';
}

.slivki-icon-globe:before {
    content: '\e82f';
}

.slivki-icon-controls:before {
    content: '\e831';
}

.slivki-icon-picture:before {
    content: '\e832';
}

.slivki-icon-pencil:before {
    content: '\e833';
}

.slivki-icon-user-checked:before {
    content: '\e829';
}

.slivki-icon-fullscreen-exit:before {
    content: '\e834';
}

.slivki-icon-fullscreen-enter:before {
    content: '\e835';
}

.slivki-icon-comment-empty:before {
    content: '\f0e5';
}

.slivki-icon-dot-3:before {
    content: '\e837';
}

.slivki-icon-food:before {
    content: '\e838';
}

.slivki-icon-paper:before {
    content: '\e839';
}

.slivki-icon-dot-3:before {
    content: '\e837';
}

.slivki-icon-food:before {
    content: '\e838';
}

.slivki-icon-bookmark-empty:before {
    content: '\e83a';
}

.slivki-icon-bookmark:before {
    content: '\e83b';
}

.slivki-icon-share:before {
    content: '\e83c';
}

.slivki-icon-turn-right-sign:before {
    content: '\e83d';
}

.slivki-icon-suitcase:before {
    content: '\f0f2';
}

.slivki-icon-nipple:before {
    content: '\e83e';
}

.slivki-icon-female:before {
    content: '\e83f';
}

.slivki-icon-male:before {
    content: '\e840';
}

.slivki-icon-close-thin:before {
    content: '\e841';
}

.slivki-icon-image-add:before {
    content: '\e843';
}

.slivki-icon-t:before {
    content: '\e844';
}

.slivki-icon-smile:before {
    content: '\e845';
}

.slivki-icon-vine:before {
    content: '\e846';
}

.slivki-icon-coins:before {
    content: '\e847';
}

.slivki-icon-square:before {
    content: '\f0c8';
}

.slivki-icon-th-large:before {
    content: '\e848';
}

.slivki-icon-filter:before {
    content: '\e849';
}

.slivki-icon-script:before {
    content: '\e84a';
}

.slivki-icon-sale:before {
    content: '\e84b';
}

.slivki-icon-youtube-play:before {
    content: '\f16a';
}

.slivki-icon-calendar-empty:before {
    content: '\f133';
}

.slivki-icon-horizontal-controls:before {
    content: '\e84d';
}

.slivki-icon-minus:before {
    content: '\e84e';
}

.slivki-icon-plus:before {
    content: '\e84f';
}

.slivki-icon-pencil2:before {
    content: '\e850';
}

.slivki-icon-trash-empty:before {
    content: '\e851';
}

.slivki-icon-gift:before {
    content: '\e852';
}

html {
    font-family: sans-serif;
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    background-color: #f4f4f4;
    color: #333;
    font-size: 14px;
    font-family: 'SF Pro Rounded';
    line-height: 1.6em;
}

/* Typography */
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
    line-height: 1.2em;
    margin: .8em 0;
    font-weight: normal;
}

h1 {
    font-size: 2.2em;
}

h2 {
    font-size: 1.5em;
}

h3 {
    font-weight: bold;
    font-size: 19px;
}

h4 {
    font-weight: bold;
    font-size: 15px;
}

.jspPane h1 {
    font-size: 1.2em;
    margin: 0.3em 0;
}

.jspPane h2 {
    font-size: 1.2em;
    margin: 0.3em 0;
}

b,
strong {
    font-weight: bold;
}

blockquote {
    border: 1px solid #333;
    margin: 1.6em 0;
    padding: 0 0 0 1.6em;
}

blockquote p {
    margin: 0;
}

hr {
    background-color: #333;
    border: none;
    height: 1px;
    margin: 1em 0;
    padding: 0;
}

/* Lists */
ul,
ol,
dl {
    margin: 1.6em 0;
    padding: 0 0 0 40px;
}

/* Links */
a,
.link {
    cursor: pointer;
    color: #222;
    outline: none;
    line-height: 1.2em;
    border-bottom: 1px solid rgba(34, 34, 34, .3);
    text-decoration: none;
    -webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}

a:hover,
.link:hover {
    color: #6747E5;
    border-bottom-color: rgba(88, 131, 203, .3);
    text-decoration: none;
}

.pseudo-link {
    border-bottom-style: dashed;
}

.green,
.newsDetail a {
    color: #6747E5;
}

.green:hover,
.newsDetail a:hover {
    color: #402c90;
}

.red {
    color: #FF5600;
}

.red:hover {
    color: #FF8040;
}

/* Media */
img {
    display: block;
    max-width: 100%;
}

/* Help Classess */
.clearfix:after {
    clear: both;
    content: '';
    display: block;
    line-height: 0;
    visibility: hidden;
}

.invisible {
    visibility: hidden;
}

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

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

.top15 {
    margin-top: 15px;
}

/* Fixes */
/* Fix Google Maps Style */
.gm-style img {
    display: inline;
    max-width: none;
}

.gm-style a {
    border: none;
}

/* COMMON */
.container {
    margin: 0 auto;
    min-width: 988px;
    max-width: 1188px;
    padding-left: 12px !important;
    padding-right: 12px !important;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.container:after {
    clear: both;
    content: '';
    display: block;
    line-height: 0;
    visibility: hidden;
}

body.state-logged .header--top-auth {
    display: none;
}

body.state-logged .header--user {
    display: block;
}

/* HEADER */
.header {
    position: relative;
    width: 100%;
    top: 0;
    background-color: transparent;
    left: 0;
    z-index: 150;
}

.header--top {
    background-color: transparent;
    margin-top: 0 !important;
    padding: 0;
}

#usersOnline {
    color: #fff;
    position: relative;
    float: right;
    font-size: 16px;
    width: 100px;
}

#usersOnline i {
    font-size: 18px;
}

#usersOnline span {
    font-size: 24px;
    color: black;
    margin-left: 5px;
}

.header--top--head #usersOnline {
    margin-top: 12px;
    font-size: 21px;
}

.header--top--head #usersOnline span {
    margin-left: 0;
    font-size: 17px;
}

.header--top--head {
    background-color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
}

.sales .header--top {
    margin-top: 8px;
}

.sales .header--top .header--search .button--green {
    margin-left: -5px;
}

.header--search .form-element::-webkit-input-placeholder {
    font-size: 16px;
    line-height: 1;
}

.header--search .form-element:-moz-placeholder {
    font-size: 16px;
}

.header--search .form-element::-moz-placeholder {
    font-size: 16px;
}

.header--search .form-element:-ms-input-placeholder {
    font-size: 16px;
}

.search-field {
    position: relative;
}

.search-category {
    position: absolute;
    right: 0px;
    top: 1px;
    height: 38px;
    width: 34px;
}

.search-category a {
    font-size: 22px;
    opacity: 0.3;
    line-height: 40px;
}

.search-category a:hover {
    opacity: 1;
}

.header--search input[type="text"] {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 8px 32px 8px 12px;
}

.header--search input[type="text"].with-eye {
    padding-left: 32px;
}

.search-field--eye {
    position: absolute;
    left: 0px;
    top: 1px;
    background-image: url(/images/eye64.png);
    background-size: 23px;
    background-position: center center;
    height: 38px;
    width: 34px;
    background-repeat: no-repeat;
    opacity: 0.3;
}

.search-autocomplete--with-eye .ui-menu-item {
    padding-left: 32px !important;
}

.search-autocomplete li {
    text-align: left;
}

.voice-search-btn {
    width: 40px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-size: 70%;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url('/images/micro.svg');
    z-index: 2;
    display: none;
}

.viewed-offers-link-hidden-wrap {
    display: none;
    width: 100%;
    position: absolute;
    top: 40px;
    left: 0px;
    border: 1px solid #aaaaaa;
    background: #ffffff;
    color: #222222;
    z-index: 100;
    font-size: 1.1em;
    text-align: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 3px 1em 3px 0.4em;
    line-height: 28px;
}

.search-field:hover .viewed-offers-link-hidden-wrap {
    display: block;
}

.viewed-offers-link-hidden-wrap a {
    display: inline-block;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #eee;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: black !important;
}

.viewed-offers-link-hidden-wrap a:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.viewed-offers-link-hidden-wrap a:first-child {
    margin-top: 5px;
    padding-left: 25px;
}

.viewed-offers-link-hidden-wrap a:first-child:after {
    color: #727272;
    font-size: 116%;
    position: absolute;
    left: 0;
    top: 0;
    font-family: Slivki-Icons;
    content: '\e814';
}

.search-field--filter {
    position: absolute;
    left: 0;
    top: 38px;
    background-color: #fff;
    z-index: 101;
    width: 200px;
    text-align: left;
    padding: 10px 15px;
    font-size: 16px;
    display: none;
    -webkit-box-shadow: 0px 2px 6px 0px rgba(204, 204, 204, 1);
    -moz-box-shadow: 0px 2px 6px 0px rgba(204, 204, 204, 1);
    box-shadow: 0px 2px 6px 0px rgba(204, 204, 204, 1);
}

.search-field--filter.opened {
    display: block;
}

.search-field--filter ul {
    padding: 0;
    margin: 0;
}

.search-field--filter li {
    padding: 0 0 0 20px;
    margin: 0;
    list-style: none;
    cursor: pointer;
    margin: 4px 0;
}

.search-field--filter li.checked {
    background-image: url('/images/check-mark-3-32.png');
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: 3px 3px;
}

.search-field {
    float: left;
}

#gift-search .search-category a {
    line-height: 35px;
}

#gift-search .search-field--filter {
    top: 33px;
}

.header--top .container {
    text-align: center;
    position: relative;
}

.header--top-auth {
    float: left;
}

.header--top-auth ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.header--top-auth li {
    display: inline-block;
}

.header--top-auth span {
    font-size: 12px;
    color: #999;
}

.header--top-auth a {
    display: block;
    font-size: 11px;
    border-bottom: none;
    line-height: 20px;
    position: relative;
    padding: 8px 5px;
    text-transform: uppercase;
}

.header--top-auth a:hover {
    color: #888;
}

.header--user {
    float: left;
    padding-top: 5px;
}

.header--user .welcome-message {
    display: inline-block;
    vertical-align: top;
    line-height: 16px;
    margin-right: 40px;
    padding: 14px 5px;
}

.header--user .notification {
    border-radius: 50%;
    font-size: 10px;
    line-height: 22px;
    width: 22px;
    height: 22px;
    background-color: #cb2b0b;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    margin: -4px 35px -4px 5px;
    color: #fff;
    cursor: pointer;
}

.header--user .billing-information {
    display: inline-block;
    vertical-align: top;
    padding: 5px 0;
    line-height: 1.2em;
}

.header--top-navigation > ul {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.header--top-navigation > ul > li > a {
    display: block;
    font-size: 11px;
    border-bottom: none;
    height: 18px;
    width: 18px;
    position: relative;
    text-transform: uppercase;
    background-position: center;
    background-repeat: no-repeat;
    line-height: 19px;
    opacity: .55;
    -webkit-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
}

.header--top-navigation .profile-data a {
    width: auto;
    height: auto;
    font-size: 14px;
    line-height: 16px;
    text-align: right;
    color: black;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: initial;
    opacity: 1;
}

.header--top-navigation .profile-data {
    margin-right: 10px;
}

.header--top-navigation > ul > li.views a {
    background-image: url(/images/icon-views-5.png);
    width: 24px;
}

.header--top-navigation > ul > li.balance a {
    background-image: url(/images/icon-balance-6.png);
    width: 18px;
}

.header--top-navigation > ul > li.phones a {
    background-image: url(/images/icon-phone-5-black.svg);
    opacity: 1;
    width: 22px;
}

.header--top-navigation > ul > li.reviews a {
    background-image: url(/images/icon-reviews.png);
}

.header--top-navigation > ul > li.profile a {
    background-image: url(/images/icon-user-5.png);
    width: 16px;
}

.header--top-navigation > ul > li.exit a {
    background-image: url(/images/exit-18.png);
    width: 18px;
}

.header--top-navigation > ul > li.monthly a {
    background-color: #000;
    color: #fff;
    width: 18px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.header--top-navigation > ul > li.enter a {
    width: auto;
    text-transform: none;
    line-height: 19px;
    font-size: 16px;
    color: black;
    opacity: 1;
}

.header--top-navigation > ul > li.logout a:after {
    background-image: url(/images/logout.png);
}

.header--top-navigation > ul > li:hover a:after {
    opacity: .4;
}

.header--top-navigation .profile-email {
    text-align: right;
    margin-right: 10px;
    float: right;
    overflow: hidden;
    margin-top: -3px;
    max-width: 290px;
    white-space: nowrap;
}

.header--top--head .container {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header--top--head .container:after {
    display: none;
}

/* Balance Dropdown */
.balance-dropdown {
    left: 50%;
    display: none;
    margin-top: 8px;
    position: absolute;
    top: 100%;
    z-index: 100;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.balance-dropdown .arrow,
.balance-dropdown .arrow:after {
    border-style: solid;
    border-color: transparent;
    display: block;
    height: 0;
    position: absolute;
    width: 0;
}

.balance-dropdown .arrow {
    border-width: 11px;
    border-top-width: 0;
    border-bottom-color: #d9d9d9;
    border-bottom-color: rgba(0, 0, 0, .15);
    left: 50%;
    margin-left: -11px;
    top: -10px;
}

.balance-dropdown .arrow:after {
    border-width: 10px;
    border-top-width: 0;
    border-bottom-color: #fff;
    content: ' ';
    margin-left: -10px;
    top: 1px;
}

.balance-dropdown-content {
    background-color: #fff;
    border-bottom-color: #d9d9d9;
    border: 1px solid rgba(0, 0, 0, .15);
    padding: 20px 30px;
    text-align: center;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .15);
    box-shadow: 0 0 6px rgba(0, 0, 0, .15);
}

.balance-dropdown-content .title {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
}

.balance-dropdown-content .balance {
    font-weight: bold;
    font-size: 14px;
    padding: 0 0 10px 0;
}

.header--top-navigation .open .balance-dropdown {
    display: block;
}

.ava-bonus-dropdown {
    left: 50%;
    display: none;
    margin-top: 8px;
    position: absolute;
    top: 100%;
    z-index: 100;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.ava-bonus .arrow,
.ava-bonus .arrow:after {
    border-style: solid;
    border-color: transparent;
    display: block;
    height: 0;
    position: absolute;
    width: 0;
}

.ava-bonus .arrow {
    border-width: 11px;
    border-top-width: 0;
    border-bottom-color: #d9d9d9;
    border-bottom-color: rgba(0, 0, 0, .15);
    left: 50%;
    margin-left: -11px;
    top: -10px;
}

.ava-bonus .arrow:after {
    border-width: 10px;
    border-top-width: 0;
    border-bottom-color: #fff;
    content: ' ';
    margin-left: -10px;
    top: 1px;
}

.ava-bonus-dropdown-content {
    background-color: #fff;
    border-bottom-color: #d9d9d9;
    border: 1px solid rgba(0, 0, 0, .15);
    padding: 20px 30px;
    text-align: center;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .15);
    box-shadow: 0 0 6px rgba(0, 0, 0, .15);
}

.ava-bonus-dropdown-content .title {
    font-size: 14px;
    padding-bottom: 5px;
}

.open .ava-bonus-dropdown {
    display: block;
}

.header--main {
    margin-top: 5px;
    padding: 6px 0 4px;
    margin-right: 11px;
    background-color: #e7fef8;
}

.header--main .button {
    float: left;
    margin: 0 1%;
    width: 14.66%;
}

a.logo {
    position: relative;
    width: 145px;
    height: 53px;
    background: url(/images/logo/logo_desk_1.svg) 0 0 no-repeat;
    background-size: contain;
    -moz-transition-property: none;
    -webkit-transition-property: none;
    -o-transition-property: none;
    transition-property: none;
    color: #222;
}

a.new-year-logo:after {
    position: absolute;
    bottom: -15px;
    left: 18px;
    content: '';
    width: 168px;
    height: 42px;
    background-image: url(/images/new-year-logo-after.png);
}

a.new-year-logo:before {
    position: absolute;
    top: -5px;
    right: 0px;
    content: '';
    width: 100px;
    height: 26px;
    background-image: url(/images/new-year-logo-before.png);
}

.header #searchForm {
    background-color: #fff;
    -webkit-border-radius: 33px;
    -mox-border-radius: 33px;
    border-radius: 33px;
}

.header #searchField,
.stock-group-header #searchField {
    background-color: transparent;
    border: 1px solid #D5D5D5;
    -webkit-border-radius: 33px;
    -mox-border-radius: 33px;
    border-radius: 33px;
    padding-left: 20px;
    height: 17px;
    opacity: 1 !important;
}

.header .header--search .button--green,
.stock-group-header .header--search .button--green {
    border: none;
    -moz-border-radius: 16px !important;
    -webkit-border-radius: 16px !important;
    border-radius: 16px !important;
    height: 34px;
    width: 65px;
    font-size: 21px;
}

.header .search-button-field {
    z-index: 2;
    position: absolute;
    right: 1px;
    top: 1px;
}

.header .voice-search-btn {
    right: 68px;
}

.header .viewed-offers-link-hidden-wrap {
    position: absolute;
    top: 34px;
    padding: 10px 0 0 0;
    background: transparent;
    border: none;
}

.header .viewed-offers-link-hidden,
.header .search-autocomplete,
.stock-group-header .search-autocomplete, .flier-goods-suggest {
    background: #fff;
    font-size: 16px;
    line-height: 24px;
    top: 45px !important;
    border: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}

.header .viewed-offers-link-hidden {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 3px 10px 3px 0.4em;
    position: relative;
    top: auto !important;
    border-radius: 12px;
}

.header .search-autocomplete li {
    padding-left: 10px;
}

.header .viewed-offers-link-hidden:after,
.header .search-autocomplete:after,
.stock-group-header .search-autocomplete:after, .flier-goods-suggest:after {
    top: -19px;
    left: 50px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px;
}

.header--sale-nav {
    display: inline-block;
    float: left;
    margin-left: 2px;
    margin-top: 5px;
}

.header--sale-category-link {
    display: inline-block;
    float: left;
    margin-left: 7px;
    font-size: 18px;
    text-decoration: none;
    margin-top: 8px;
    font-family: 'MullerNarrow-ExtraBold', sans-serif;
    text-transform: uppercase;
}

.header--sale-category-link a:hover {
    color: #3de2a0;
}

.header--sale-category-link a {
    color: #565656;
}

.header--sale-logo {
    display: inline-block;
    float: left;
    margin-top: -6px;
}

.header--search .button--green {
    background: #6747E5 !important;
    padding-top: 4px;
    padding-bottom: 4px;
    height: 40px;
    /*border-left-color: #fff;*/
}

.header--search .button--green.inactive {
    background-color: #ccc;
}

.header--search input[type="text"] {
    width: 480px;
    height: 22px;
    border-color: #363636;
    font-size: 16px;
    margint-top: 5px;
    box-sizing: content-box;
    -moz-transition-property: none;
    -webkit-transition-property: none;
    -o-transition-property: none;
    transition-property: none;
}

.header--search input[type="text"]::-webkit-input-placeholder {
    color: darkslategray !important;
}

.header--search input[type="text"]::-moz-placeholder {
    color: darkslategray !important;
}

#subscriberFormEmail::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #888;;
    font-size: 14px;
}

#subscriberFormEmail:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #888;
    font-weight: bold;
}

.login-button {
    color: white;
    justify-content: center;
    background: #6747E5;
    border-radius: 40px;
    display: flex;
    padding: 0.5rem;
    width: 6rem;
}

.login-button a {
    color: white !important;
}

#subscriberFormEmail::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #888;
    font-size: 14px;
    opacity: 1;
}

#subscriberFormEmail:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #888;
    font-style: italic;
    font-size: 18px;
}

.header--search input[type="text"].loading {
    background: #fff url('../images/preloader-mob.svg') no-repeat right 5px center;
    background-size: 24px;
}

.header--search input[type="text"].loading.voice {
    background-position: right 30px center;
}

.header .header--search input[type="text"].loading {
    background-position: right 72px center;
}

.header .header--search input[type="text"].loading.voice {
    background-position: right 100px center;
}

.header-mobile .header--search input[type="text"].loading {
    background-position: right 135px center;
    background-size: 60px;
}

.header-mobile .header--search input[type="text"].loading.voice {
    background-position: right 200px center;
}

.header--search .field {
    margin-bottom: 0;
}

.search-title h1 {
    font-size: 16px;
    margin: 5px 0;
}

.installment .header--search input[type="text"] {
    width: 370px;
}

#searchSaleBlock {
    background-color: #f5c8dc;
    padding: 10px;
}

.stock-group-header .header--search {
    display: inline-block;
    float: none;
    position: relative;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    margin-top: 4px;
}

.stock-group-header #searchField {
    border: none;
}

.stock-group-header .header--search .button--green {
    border-radius: 25px;
    border-color: #6747e5;
}

.stock-group-header #searchForm .field-group {
    border: 1px solid #6747e5;
    border-radius: 25px;
}

.stock-group-header.with-search {
    text-align: center;
}

.stock-group-header.with-search .title {
    display: inline-block;
    margin: 10px 0 0 10px;
}

.sales .stock-group-header.with-search .title {
    margin-top: 0;
}

#saleTopMenu {
    margin-top: 0;
    margin-bottom: 5px;
}

.stock-group-header.with-search .gift-installment-switch {
    position: absolute;
    right: 0;
}

.not-logged-in #recentlyViewed {
    display: none;
}

.no-margin {
    margin: 0;
}

.category-hotfeed-wrapper {
    background: #fff;
    margin-bottom: 6px;
    padding: 0 10px;
}

#mainHotFeed {
    background: none;
    margin: 0 0 2px 0;
    padding: 0 0 5px 0 !important;
}

a.main-hotfeed-teaser {
    width: 230px;
    color: #333;
    background-color: white;
    padding: 0;
    height: 65px;
}

a.main-hotfeed-teaser img {
    float: left;
    margin-right: 10px;
}

.main-hotfeed-teaser--title {
    height: 50px;
    overflow: hidden;
}

a.main-hotfeed-teaser.first-hotfeed-teaser {
    width: 80px;
    position: relative;
    text-align: center;
    position: relative;
    border-right: none;
    cursor: default;
}

a.main-hotfeed-teaser.first-hotfeed-teaser > em {
    display: block;
    position: relative;
    background-color: #6747e5;
    width: 60px;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    font-style: normal;
    line-height: 88px;
    background-image: url(/images/gas.png);
    background-repeat: no-repeat;
    background-size: 28px;
    background-position: center 5px;
}

a.main-hotfeed-teaser.first-hotfeed-teaser > em:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    margin-top: -32px;
    border-width: 32px 0 32px 10px;
    border-color: transparent transparent transparent #6747e5;
}

.main-hotfeed-teaser-inner {
    border-right: 1px solid #f5f5f5;
    margin: 10px 5px 10px 0;
}

.main-hotfeed-teaser-inner img {
    padding: 6px 0;
}

a.main-hot-feed-teaser {
    width: 190px;
    margin: 10px 4.5px;
    overflow: hidden;
    font-family: 'SF Pro Display Medium';
    -webkit-box-shadow: 0px 1px 17px -2px rgba(194, 194, 194, 1);
    -moz-box-shadow: 0px 1px 17px -2px rgba(194, 194, 194, 1);
    box-shadow: 0px 1px 17px -2px rgba(194, 194, 194, 1);
    color: #333;
    background-color: white;
    margin-top: 0;
    margin-bottom: 0;
    display: inline-block;
    border-radius: 12px;
}

a.main-hot-feed-teaser:first-child {
    margin-left: 0!important;
}

a.main-hot-feed-teaser:last-child {
    margin-right: 0!important;
}

a.main-hot-feed-teaser > img {
    min-height: 125px;
}

.main-hot-feed-teaser--description {
    height: 70px;
    position: relative;
    z-index: 1;
    padding: 10px 10px 13px 10px;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 37px -2px rgba(34, 60, 80, 0.1);
    -moz-box-shadow: 0px 0px 37px -2px rgba(34, 60, 80, 0.1);
    box-shadow: 0px 0px 37px -2px rgba(34, 60, 80, 0.1);
}

.main-hot-feed-teaser--duration {
    position: absolute;
    padding: 5px;
    display: block;
    background-color: #dfd7ffd4;
    border-radius: 10px;
    top: 5px;
    left: 5px;
}

#mainHotFeed {
    position: relative;
}

#mainHotFeed * {
    outline: none;
}

#mainHotFeedSlider {
    width: 100%;
    border-radius: 12px;
}

#mainHotFeed > .title {
    margin-top: 2rem;
    margin-bottom: 1rem;
    font-size: 16px;
    line-height: 30px;
    display: block;
    font-family: 'MullerNarrow-ExtraBold', sans-serif;
}

#mainHotFeed > .title i {
    display: inline-block;
    width: 10px;
    height: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #ffc11f;
    vertical-align: -11px;
    margin-right: 2px;
    -webkit-animation: blink-animation 2s linear infinite; /* Safari 4+ */
    -moz-animation: blink-animation 2s linear infinite; /* Fx 5+ */
    -o-animation: blink-animation 2s linear infinite; /* Opera 12+ */
    animation: blink-animation 2s linear infinite; /* IE 10+, Fx 29+ */
}

#mainHotFeed .swiper-button {
    position: absolute;
    z-index: 2;
    font-size: 18px;
    width: 50px;
    height: 50px;
    top: 50%;
    color: white;
    margin-top: -25px;
    border: 0;
    padding: 0;
    cursor: pointer !important;
    cursor: hand !important;
    background: #6747E5;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    visibility: hidden;
    line-height: 30px;
}

#mainHotFeed .swiper-button:after {
    font-family: Slivki-Icons;
    content: '\e818';
    margin: 0;
}

#mainHotFeed .swiper-button-next:after {
    content: '\e817';
}

#mainHotFeed .swiper-lazy-preloader {
    visibility: hidden;
}

#mainHotFeed .swiper-slide-visible .swiper-lazy-preloader {
    visibility: visible;
}

.desktop-device #mainHotFeed .swiper-button {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    color: white;
    font-size: 16px;
    -moz-box-shadow: 0px 0px 5px #ccc;
    -webkit-box-shadow: 0px 0px 5px #ccc;
    box-shadow: 0px 0px 5px #ccc;
}

#mainHotFeed .swiper-button-next {
    right: 10px;
}

#mainHotFeed .swiper-button-prev {
    left: 10px;
}

#mainHotFeed .swiper-button-disabled {
    opacity: 0;
}

#paymentBonusMessage {
    background-color: #FFF2FB;
    text-align: center;
    font-size: 16px;
    padding: 10px 0;
}

.error-map-massage {
    text-align: center;
    padding: 0 100px;
}

.malls-main-content .error-map-massage {
    text-align: center;
    padding: 0;
}

.delivery-map-pickup-new {
    width: 100% !important;
    margin-top: 5.5rem;
}

.align-self-center {
    align-self: center;
}

.delivery-map-pickup {
    width: 820px;
}

@media (max-width: 1600px) {
    .stock-group-item.premium-vertical img {
        max-width: 95%;
    }

    .delivery-map-pickup {
        width: 729px;
    }

    .header--search input[type="text"] {
        width: 450px;
    }

    .installment .header--search input[type="text"] {
        width: 265px !important;
    }

    .container {
        max-width: 1100px !important;
    }

    .categoryBanner {
        margin: 0;
    }

    .header--main {
        margin-right: 0 !important;
    }

    .content--main {
        width: 71.4% !important;
    }

    .content--main.one-column {
        width: 100% !important;
    }

    .mapCanvas {
        width: 752px !important;
    }

    .stock-price-wrapper .price {
        padding: 12px;
    }

    .stock-timer .timer {
        padding: 14px 12px !important;
    }

    #offerInfoList li {
        padding-top: 9px;
        padding-bottom: 9px;
    }

    #sidebarSort a {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    #sidebarFilter > a > span {
        max-width: 76px !important;
    }

    .flier-goods-basket--item li.name {
        width: 215px !important;
    }

    .stock-group-item .image img {
        height: 160px !important;
    }
}

@media (max-width: 1366px) {
    .header--search input[type="text"] {
        width: 420px;
    }

    .content--main {
        padding: 5px !important;
    }

    .salons-and-services {
        margin: 0 -5px !important;
    }

    #afterCommentsBlock {
        margin-bottom: 15px !important;
    }

    .terms-note {
        margin-left: -5px !important;
        padding-left: 5px !important;
    }

    .altMarketActionsBox > .title {
        margin-left: -5px !important;
    }

    .header--main {
        margin-right: 0 !important;
    }

    .content--main {
        width: 71.4% !important;
    }

    .content--main.one-column {
        width: 100% !important;
    }

    .categoryBanner {
        margin: 0;
    }

    .mapCanvas {
        width: 782px !important;
    }

    .social {
        display: none;
    }

    #loadMoreCategoriesButtonBg {
        height: 88px !important;
    }

    .stock-price-wrapper .price {
        padding: 14px;
    }

    #offerInfoList li {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .flier-goods-basket--item li.name {
        width: 240px !important;
    }
}

@media (max-width: 1180px) {
    .full-site-banner {
        display: none;
    }

    #offerInfoList li {
        padding-top: 9px;
    }
}

@media (max-width: 1100px) {
    .header--search input[type="text"] {
        width: 320px;
    }

    .installment .header--search input[type="text"] {
        width: 150px !important;
    }

    .header--top-menu2-wrapper ul li a {
        font-size: 14px !important;
    }

    .stock-price-wrapper .price {
        padding: 12px;
    }

    .offer-details-content .nav-tabs li {
        width: 18.5% !important;
    }

    .offer-details-content .nav-tabs li.buy-btn-li {
        width: 41% !important;
    }

    .food-main-content ul.food-time-filter,
    .food-main-content ul.food-free-filter {
        margin-left: 0 !important;
    }

    a.main-hot-feed-teaser {
        width: 160px;
    }

    a.main-hot-feed-teaser > img {
        min-height: 94px;
    }

    #offerInfoList li {
        padding-top: 9px;
        padding-bottom: 9px;
        font-size: 14px;
    }

    #sidebarSort a {
        font-size: 12px;
    }

    #sidebarFilter > a {
        font-size: 12px;
    }

    #sidebarFilter > a > span {
        max-width: 70px !important;
    }

    .flier-goods-basket--item li.name {
        width: 220px !important;
    }
}

@media (max-width: 1080px) {
    .daystr {
        display: none;
    }

    .flier-goods-basket--item li.name {
        width: 160px !important;
    }
}

@media (max-width: 1000px) {
    .header {
        position: relative;
        width: 1000px;
        margin: 0 auto;
    }

    div.content--main.gift-header {
        margin-top: 0 !important;
    }

    .header--top .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .header--main {
        margin-right: 0;
    }

    .content {
        padding-left: 0 !important;
        padding-right: 0 !important;
        min-width: 1000px;
    }

    .content--main.one-column {
        min-width: 1000px;
    }

    .content--main {
        width: 71.4% !important;
    }

    body {
        padding-left: 10px;
    }

    .header--top-navigation > ul {
        margin-right: 0;
    }

    .header--top-navigation .profile-email {
        margin-right: 0;
    }

    .header--top-navigation > ul > li.exit {
        margin-right: 0;
    }

    .header-button-wrap .dropdown .dropdown-menu {
        left: 0 !important;
    }

    .social {
        display: none;
    }

    .modal-open .modal {
        overflow-x: auto !important;
    }

    .search-title {
        margin-top: 10px !important;
    }

    .stock-price-wrapper .price {
        padding: 10px;
    }

    #offerInfoList li {
        padding-top: 8px;
        padding-bottom: 8px;
    }
}

.header--search select {
    width: auto;
}

/* CONTENT */
.content > *:first-child {
    margin-top: 0;
    border-radius: 10px;
}

.content {
    background-color: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .06);
    padding: 5px 20px 20px;
    position: relative;
}

.content.transparent {
    background-color: initial;
    box-shadow: initial;
}

.content--main {
    background-color: #fff;
    float: right;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .06);
    padding: 20px;
    width: 71.4%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 12px;
}

.content--main.one-column {
    width: 100%;
}

.content--aside {
    float: left;
    width: 28%;
    margin-right: 0.6%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid #eee;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    border-radius: 12px;
}

.content--aside--right {
    float: right;
}

#sidebar {
    padding: 10px;
    overflow: visible;
}

#sidebarSortBlock {
    display: none;
}

#sidebarSortBlockOpener {
    display: block;
    margin: 0rem 0 1rem 0;
    text-align: left;
    color: #6747E5;
}

#sidebarTitle {
    display: block;
    font-family: 'SF Pro Rounded', sans-serif;
    font-size: 25px;
    color: #6747E5;
    line-height: 50px;
    margin-top: -14px;
    text-align: left;
}

#sidebarContent {
    overflow: hidden;
}

#sidebarFilterContent {
    top: 0;
    left: 220px;
    height: auto;
    z-index: 20;
}

#sidebarFilter:hover #sidebarFilterContent {
    visibility: visible;
    display: block;
}

#sidebarContent,
#sidebarContent * {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a.sidebar-sale {
    position: relative;
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 5px;
    margin-bottom: 5px;
    font-size: 13px;
    line-height: 1.3em;
    text-decoration: none;
    display: inline-block;
    overflow: hidden;
}

.sidebar-sale:after {
    content: "";
    display: table;
    clear: both;
}

.sidebar-sale img {
    float: left;
    height: 77px;
    width: 35%;
    margin-right: 5px !important;
    border: 0.1px solid #80808030;
    border-radius: 12px;
}

.sidebar-sale span {
    height: 83px;
    overflow: hidden;
}

.sidebar-sale em {
    position: absolute;
    bottom: 5px;
    right: 5px;
    font-style: normal;
    color: #aaa;
    font-size: 13px;
}

.sidebar-sale em:before {
    display: inline-block;
    font-family: 'Slivki-Icons';
    content: '\e800';
    margin-right: 5px;
}

.sidebar-category-title {
    font-family: 'SF Pro Rounded', sans-serif;
    font-size: 18px;
    line-height: 44px;
    margin: 2rem 0;
}

#sidebarLoader {
    text-align: center;
    font-size: 32px;
    color: #aaa;
    line-height: 50px;
}

#sidebarSort a {
    display: inline-block;
    padding: 5px 12px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    border: 1px solid #F2F2F2;
    margin-top: 5px;
}

#sidebarSort a.active {
    background: #F2F2F2;
}

#sidebarFilter {
    position: relative;
}

#sidebarFilter > a {
    color: black;
    display: inline-block;
    margin: 10px 0;
    padding: 5px 10px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    border: 1px solid #6747E5;
    vertical-align: middle;
}

#sidebarFilter > a > span {
    display: inline-block;
    vertical-align: middle;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#sidebarFilter > a > span span {
    color: #aaa;
}

#sidebar, #sidebar * {
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition-delay: 0s !important;
    transition: none;
    margin: 1px;
}

#sidebarFilterContent ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 33.33%;
    vertical-align: top;
}

#sidebarFilterContent ul li {
    display: block;
    width: 100%;
}

#sidebarFilterContent ul li a {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

#sidebarFilterContent ul li a span {
    color: #aaa;
}

#sidebarFilterContent ul li a.active {
    font-weight: bold;
}

#sidebarLoader.all {
    display: none !important;
}

.invisible {
    visibility: hidden !important;
}

.content--main.news-and-comments-block {
    margin-bottom: 6px;
    padding-bottom: 5px;
    border-radius: 12px;
}

.block {
    background-color: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .06);
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Breadcrumbs */
.breadcrumbs {
    font-size: 16px;
    float: left;
    color: #aaa !important;
    padding-bottom: 5px;
    z-index: 2;
}

.breadcrumbs a {
    font-size: 0.75rem;
    line-height: 0.875rem;
    color: #000000 !important;
    opacity: 0.5;
}

.breadcrumbs .fa {
    font-size: 0.75rem;
}

.category-page .breadcrumbs {
    padding-top: 5px;
    padding-bottom: 0;
    position: relative;
    float: left;
}

.saleDetail .breadcrumbs {
    margin: 10px;
}

.page-title {
    margin-bottom: 10px;
}

.page-title h1 {
    font-size: 1.6em;
    margin: 0;
    color: #6747E5;
}

h1.offer-details--title {
    color: #333333;
}

.content--page {
    padding: 40px;
    border-radius: 12px;
    background: #fff;
}

.content--has-sidebar {
    padding-right: 290px;
    padding-top: 10px;
    position: relative;
    min-height: 220px;
}

.page-navigation {
    position: absolute;
    top: 0;
    right: 0;
    padding: 40px 30px;
    width: 270px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.page-navigation-title {
    font-size: 18px;
}

.page-navigation ul {
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
}

.page-navigation li {
    line-height: 2em;
}

.page-navigation a {
    font-size: 15px;
}

.page-navigation .active a {
    color: #5883cb;
    border-bottom-color: rgba(88, 131, 203, .3);
}

/* HOME */
.stock-navigation-wrapper {
    background-color: #fff;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .1);
    margin-bottom: 25px;
    position: absolute;
    width: 100%;
    left: 0;
    top: -100%;
    z-index: 10;
    padding: 105px 0 5px;
    -webkit-transition: top .4s ease-in-out;
    -o-transition: top .4s ease-in-out;
    transition: top .4s ease-in-out;
}

.stock-navigation-wrapper.visible {
    top: 0;
}

.stock-navigation-label {
    background-color: #5883cb;
    cursor: pointer;
    display: none;
    color: #fff;
    padding: 4px 16px;
    border-radius: 4px 4px 0 0;
    position: absolute;
    margin-left: -80px;
    bottom: 0;
    left: 50%;
    z-index: 2;
    -webkit-transition: background-color .15s ease-in-out;
    -o-transition: background-color .15s ease-in-out;
    transition: background-color .15s ease-in-out;
}

.stock-navigation-label:hover {
    background-color: #3968b7;
}

.stock-navigation-label b {
    font-weight: normal;
}

.stock-navigation-label .icon {
    background: url(/images/icon-arrow-down-16.png) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    width: 14px;
    margin: 3px -2px 0 3px;
    position: relative;
    height: 14px;
    display: inline-block;
    vertical-align: top;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.stock-navigation-wrapper.open .stock-navigation-label .icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.stock-navigation {
    margin: 0 auto;
    min-width: 1000px;
    max-width: 1200px;
    padding: 10px 12px;
    font-size: 0;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: max-height .3s ease-in-out;
    -o-transition: max-height .3s ease-in-out;
    transition: max-height .3s ease-in-out;
}

.stock-navigation-wrapper.open .stock-navigation {
    max-height: 360px;
}

.stock-navigation-wrapper .stock-navigation-item:nth-child(11),
.stock-navigation-wrapper .stock-navigation-item:nth-child(12),
.stock-navigation-wrapper .stock-navigation-item:nth-child(13),
.stock-navigation-wrapper .stock-navigation-item:nth-child(14),
.stock-navigation-wrapper .stock-navigation-item:nth-child(15),
.stock-navigation-wrapper .stock-navigation-item:nth-child(16),
.stock-navigation-wrapper .stock-navigation-item:nth-child(17),
.stock-navigation-wrapper .stock-navigation-item:nth-child(18),
.stock-navigation-wrapper .stock-navigation-item:nth-child(19),
.stock-navigation-wrapper .stock-navigation-item:nth-child(20),
.stock-navigation-wrapper .stock-navigation-item:nth-child(21),
.stock-navigation-wrapper .stock-navigation-item:nth-child(22),
.stock-navigation-wrapper .stock-navigation-item:nth-child(23),
.stock-navigation-wrapper .stock-navigation-item:nth-child(24),
.stock-navigation-wrapper .stock-navigation-item:nth-child(25),
.stock-navigation-wrapper .stock-navigation-item:nth-child(26),
.stock-navigation-wrapper .stock-navigation-item:nth-child(27),
.stock-navigation-wrapper .stock-navigation-item:nth-child(28),
.stock-navigation-wrapper .stock-navigation-item:nth-child(29),
.stock-navigation-wrapper .stock-navigation-item:nth-child(30) {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.stock-navigation-wrapper.default .stock-navigation-item {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

.stock-navigation-wrapper.open .stock-navigation-item:nth-child(11),
.stock-navigation-wrapper.open .stock-navigation-item:nth-child(12),
.stock-navigation-wrapper.open .stock-navigation-item:nth-child(13),
.stock-navigation-wrapper.open .stock-navigation-item:nth-child(14),
.stock-navigation-wrapper.open .stock-navigation-item:nth-child(15),
.stock-navigation-wrapper.open .stock-navigation-item:nth-child(16),
.stock-navigation-wrapper.open .stock-navigation-item:nth-child(17),
.stock-navigation-wrapper.open .stock-navigation-item:nth-child(18),
.stock-navigation-wrapper.open .stock-navigation-item:nth-child(19),
.stock-navigation-wrapper.open .stock-navigation-item:nth-child(20),
.stock-navigation-wrapper.open .stock-navigation-item:nth-child(21),
.stock-navigation-wrapper.open .stock-navigation-item:nth-child(22),
.stock-navigation-wrapper.open .stock-navigation-item:nth-child(23),
.stock-navigation-wrapper.open .stock-navigation-item:nth-child(24),
.stock-navigation-wrapper.open .stock-navigation-item:nth-child(25),
.stock-navigation-wrapper.open .stock-navigation-item:nth-child(26),
.stock-navigation-wrapper.open .stock-navigation-item:nth-child(27),
.stock-navigation-wrapper.open .stock-navigation-item:nth-child(28),
.stock-navigation-wrapper.open .stock-navigation-item:nth-child(29),
.stock-navigation-wrapper.open .stock-navigation-item:nth-child(30) {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.stock-navigation-item {
    background-color: #fff;
    border: 0 solid #eee;
    cursor: pointer;
    min-height: 110px;
    margin: 0 -1px -2px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    padding: 18px 10px 10px;
    text-align: center;
    width: 10%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.stock-navigation-item:hover,
.stock-navigation-item.active {
    border-color: #aaa;
    color: #888;
    z-index: 2;
}

.stock-navigation-item .categories {
    border: 1px solid #aaa;
    cursor: default;
    top: -2px;
    display: none;
    min-height: 119px;
    opacity: 0;
    left: -2px;
    width: 695px;
    background-color: #fff;
    position: absolute;
    text-align: left;
    z-index: 5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    /*-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);*/
}

.stock-navigation-wrapper .stock-navigation-item:nth-child(6) .categories,
.stock-navigation-wrapper .stock-navigation-item:nth-child(7) .categories,
.stock-navigation-wrapper .stock-navigation-item:nth-child(8) .categories,
.stock-navigation-wrapper .stock-navigation-item:nth-child(9) .categories,
.stock-navigation-wrapper .stock-navigation-item:nth-child(10) .categories,
.stock-navigation-wrapper .stock-navigation-item:nth-child(16) .categories,
.stock-navigation-wrapper .stock-navigation-item:nth-child(17) .categories,
.stock-navigation-wrapper .stock-navigation-item:nth-child(18) .categories,
.stock-navigation-wrapper .stock-navigation-item:nth-child(19) .categories,
.stock-navigation-wrapper .stock-navigation-item:nth-child(20) .categories,
.stock-navigation-wrapper .stock-navigation-item:nth-child(26) .categories,
.stock-navigation-wrapper .stock-navigation-item:nth-child(27) .categories,
.stock-navigation-wrapper .stock-navigation-item:nth-child(28) .categories,
.stock-navigation-wrapper .stock-navigation-item:nth-child(29) .categories,
.stock-navigation-wrapper .stock-navigation-item:nth-child(30) .categories {
    left: auto;
    right: -2px;
}

.stock-navigation-item .categories.hover {
    opacity: 1;
}

.stock-navigation-item .categories .icon {
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    position: absolute;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5);
    left: 24px;
    top: 5px;
    width: 64px;
    height: 64px;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.stock-navigation-item .categories.hover .icon {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.stock-navigation-item .categories ul {
    list-style: none;
    padding: 6px 3px 10px 104px;
    margin: 0;
    opacity: 0;
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
    -webkit-transition: -webkit-transform .7s ease-in-out, opacity 1s ease-in-out;
    -o-transition: -o-transform .7s ease-in-out, opacity 1s ease-in-out;
    transition: transform .7s ease-in-out, opacity 1s ease-in-out;
    -webkit-transform: translateX(-3%);
    -ms-transform: translateX(-3%);
    -o-transform: translateX(-3%);
    transform: translateX(-3%);
}

.stock-navigation-item .categories.hover ul {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.stock-navigation-item .categories li {
    display: inline-block;
    line-height: 1.4em;
    vertical-align: top;
    padding: 6px 10px;
    width: 33.33%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.stock-navigation-item .categories a {
    font-size: 12px;
}

.stock-navigation-item .icon {
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    display: inline-block;
    width: 36px;
    margin-bottom: 10px;
    height: 36px;
    -webkit-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
}

.stock-navigation-item:hover .icon,
.stock-navigation-item.active .icon {
    opacity: .7;
}

.stock-navigation-item .title {
    display: block;
    font-size: 11px;
    line-height: 15px;
    min-height: 30px;
    position: relative;
}

.stock-navigation-item .title span {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.stock-navigation--open .stock-navigation-item {
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
    opacity: 0;
    width: 0;
}

.stock-navigation--open .stock-navigation-item.active,
.stock-navigation--open .stock-navigation-item.all {
    opacity: 1;
    width: 11.1111%;
    padding-left: 10px;
    padding-right: 10px;
}

.stock-navigation-categories {
    position: absolute;
    bottom: 0;
    max-height: 90px;
    left: 100%;
    width: 77.777778%;
    z-index: 10;
    -webkit-transition: left .8s ease-in-out;
    -o-transition: left .8s ease-in-out;
    transition: left .8s ease-in-out;
}

.stock-navigation-categories ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.stock-navigation-categories li {
    display: inline-block;
    margin-left: 20px;
    margin-bottom: 15px;
    vertical-align: top;
}

.stock-navigation-categories a {
    border: 1px solid #999;
    display: block;
    font-size: 14px;
    border-radius: 3px;
    padding: 4px 28px;
}

.stock-navigation-categories a:hover {
    background-color: #444;
    color: #fff;
}

.discount-label.certificates {
    background-color: #d65fb9;
}

.discount-label.entertainment {
    background-color: #28bc78;
}

.discount-label.health-and-sport {
    background-color: #edbc3a;
}

.discount-label.services {
    background-color: #1e8894;
}

.discount-label.clothing {
    background-color: #f25ba9;
}

.discount-label.auto {
    background-color: #4a69c2;
}

.discount-label.training {
    background-color: #7fed9c;
}

.new-label {
    width: 73px;
    height: 73px;
    position: absolute;
    top: 0;
    left: 0;
    background: url('/images/new_yellow_label.png') no-repeat;
}

.live-comments {
    border-bottom: none;
    position: relative;
    min-height: 80px;
}

.live-comments-title {
    font-size: 15px;
    margin-bottom: 0px;
}

.live-comments-view-all {
    line-height: 1.2em;
    position: absolute;
    top: 2px;
    right: 0;
}

.live-comments-list {
    font-size: 0;
    position: absolute;
    width: 100%;
}

.live-comments-item {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 32.9%;
    min-height: 56px;
    border-radius: 12px;
    background: #fff;
    z-index: 3;
}

.live-comments-item:hover {
    cursor: pointer;
    border: 1px solid #6747e5;
    box-shadow: 0 0 6px rgb(0 0 0 / 15%);
    height: auto;
}

.live-comments-item .photo {
    position: absolute;
    left: 10px;
    top: 5px;
}

.live-comments-item .photo img {
    border-radius: 50%;
    width: 60px;
}

.live-comments-item .body {
    padding-left: 70px;
}

.live-comments-item .body .name {
    font-size: 12px;
    display: inline-block;
    position: relative;
    font-weight: bold;
    max-width: 72px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 24px;
    vertical-align: middle;
}

.live-comments-item .body .time {
    color: #999;
    font-size: 11px;
    display: block;
    position: absolute;
    right: 6px;
    top: 6px;
}

.live-comments-item .body .text {
    color: #666;
    font-size: 13px;
    line-height: 1.32em;
    position: relative;
    max-height: 4em;
    z-index: 2;
    width: 100%;
}

.live-comments-item:hover .body .text {
    width: 129%;
    margin-left: -70px;
    max-height: 1500px;
    padding: 0 0 10px 10px;
    overflow: visible;
}

.live-comments-item:last-child .body .text {
    max-height: 2.6em;
}

.live-comments-item:last-child:hover .body .text {
    max-height: 1500px;
}

.live-comments-item .body .meta a.offer-link {
    color: #666;
    font-weight: bold;
    font-size: 13px;
    display: block;
    width: 80%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.live-comments-item:hover .body .meta a.offer-link {
    white-space: normal;
    min-height: 60px;
    color: #6747E5;
}

.live-comments-item .user-info {
    display: none;
    position: relative;
}

.live-comments-item .rating--stars {
    margin: 0;
    padding: 0;
    vertical-align: 5px;
}

.live-comments-item:hover .user-info {
    display: block;
}

.content-filter {
    display: inline-block;
    margin: 0;
}

.content-filter ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0;
}

.content-filter li {
    display: inline-block;
    vertical-align: top;
    margin: 0 3px;
}

.content-filter li.man a:before,
.content-filter li.woman a:before,
.content-filter li.family a:before {
    display: inline-block;
    vertical-align: top;
    content: '';
    height: 16px;
    width: 16px;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.content-filter li.man a:before {
    background-image: url(/images/icon-man-24.png);
}

.content-filter li.active.man a:before {
    background-image: url(/images/icon-man-24-white.png);
}

.content-filter li.woman a:before {
    background-image: url(/images/icon-woman-24.png);
}

.content-filter li.active.woman a:before {
    background-image: url(/images/icon-woman-24-white.png);
}

.content-filter li.family a:before {
    background-image: url(/images/icon-family-24.png);
}

.content-filter li.active.family a:before {
    background-image: url(/images/icon-family-24-white.png);
}

.content-filter li a {
    border-radius: 5px;
    box-shadow: 0px 4px 20px #ECE9FC;
    display: block;
    font-size: 14px;
    padding: 8px 20px;
}

.content-filter li a:hover {
    background-color: #F0EDFC;
    color: #000;
}

.content-filter li.active a {
    background-color: #6747E5;
    color: #fff !important;
}

#profileRefillButton {
    float: right;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

.stock-group {
    margin-bottom: 10px;
    margin-top: -5px;
}

.stock-group:last-child {
    margin-bottom: 0;
}

.stock-group-header {
    margin-bottom: 16px;
    position: relative;
}

.stock-group-header .title,
.stock-group-header .title h1 {
    font-size: 20px;
    font-family: 'SF Pro Rounded', sans-serif;
    border: none;
    text-align: center;
    color: #000;
    text-align: center;
    margin-top: 8px;
    margin-bottom: 0;
}

.stock-group-header .title h1 {
    display: inline-block;
}

.stock-group-header .title a {
    text-transform: none;
    font-size: 20px;
}

.capsule-menu li.company_list_item {
    display: none;
}

.capsule-menu li.company_list_item.show {
    display: inline-block;
}

.capsule-menu.category-capsule-menu {
    min-height: 32px;
    max-height: 120px;
    height: max-content;
}

.capsule-menu.category-capsule-menu li.capsule-menu--expand-btn {
    top: auto;
    bottom: 0;
}

.capsule-menu-category-title {
    padding: 0 10px;
}

.stock-group-header .subcategories-list {
    text-align: left;
}

.stock-group-header .subcategories-list .companies {
    color: #f93ab1;
}

.stock-group-header .subcategories-list a {
    color: #222;
    white-space: nowrap;
    width: 25%;
    float: left;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 20px;
    position: relative;
}

.stock-group-header .subcategories-list a:hover {
    color: #6747e5;
}

.stock-group-header .subcategories-list em {
    font-style: normal;
    max-width: 80%;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
}

.stock-group-header .subcategories-list a span {
    color: #ccc;
    vertical-align: top;
}

.stock-group-header .companies-list {
    display: none;
}

.stock-group-item .teaser--supplier-logo {
    position: absolute;
    top: 16px;
    left: 16px;
}

.stock-group-item .story-teaser-img {
    position: absolute;
    top: 50%;
    right: 5px;
    border-radius: 5px;
    padding: 5px 5px 5px 5px;
    z-index: 1;
    transform: translate(0, -50%);
    background-color: rgb(103 71 229 / 75%);
}

.stock-group-item .story-teaser-img img {
    display: block!important;
    width: 20px;
}

.stock-group-item .teaser--supplier-logo img {
    width: 65px;
    height: auto;
    max-width: 100%;
    max-height: 100px;
}

.map-filtered-list .stock-group-item.stock-group-sale-item {
    width: 100%;
}

.map-filtered-list .stock-group-item.stock-group-sale-item .image {
    background-size: contain;
}

.cursor-auto {
    cursor: auto !important;
}

/* Stock Page */
.stock {
    margin-bottom: 40px;
    display: table;
    width: 100%;
    table-layout: fixed;
    position: relative;
}

.stock-image {
    display: table-cell;
    width: 43%;
    position: relative;
    vertical-align: top;
}

.stock-image .discount-label {
    padding: 19px 14px;
    font-size: 30px;
}

.stock-past .offer-details-content .nav-tabs li:last-child {
    background: #fff;
    border: 1px solid #aaa;
    cursor: default;
}

.stock-past .offer-details-content .nav-tabs li:last-child a {
    cursor: default;
}


.stock-price-wrapper {
    margin: 0;
}

.stock-price-wrapper .note {
    color: #888;
    font-style: italic;
}

.stock-timer .timer {
    font-size: 20px;
    padding: 16px 12px;
}

.saleDetail a,
.stock .ms-row a {
    color: #6747E5;
}

.saleDetail a:hover,
.stock .ms-row a:hover {
    color: #5da56c;
}

.stock-tabs {
    padding: 30px 0;
}

.stock-tabs .nav-tabs li {
    display: inline-block;
}

.stock-tabs .nav-tabs {
    border-bottom: 2px solid #D9D9D9;
    height: 30px;
    line-height: 16px;
    clear: both;
}

.stock-tabs .nav-tabs a {
    border-bottom: none;
    padding: 7px 15px 7px 15px;
    float: left;
    font-size: 16px;
    position: relative;
    color: #464646;
}

.stock-tabs .nav-tabs .active a {
    color: #222;
}

.stock-tabs .nav-tabs .active a:before {
    background: #464646;
    bottom: -2px;
    content: '';
    height: 2px;
    left: -2px;
    margin-left: 0;
    position: absolute;
    width: 100%;
}

.stock-tabs .nav-tabs .active a:after {
    background: url(/images/nav-tabs-active.png) 0 0 no-repeat;
    bottom: -8px;
    content: '';
    height: 8px;
    left: 50%;
    margin-left: -6px;
    position: absolute;
    width: 12px;
}

.stock-tabs .tab-content .tab-pane {
    display: none;
    padding: 30px 0;
}

.stock-tabs .tab-content .tab-pane.active {
    display: block;
}

.stock-tabs .tab-content *:last-child {
    margin-bottom: 0;
}

.stock-location > div {
    height: 400px;
}

.comments-list {
    margin: 20px 0;
}

.comments-list h2.title {
    font-size: 1.4em;
    margin: 0 0 10px;
}

.comments-list .comment {
    position: relative;
}

.reply-comments,
.comment-form {
    margin-left: 70px;
}

.comment .avatar {
    position: absolute;
    left: 0;
    top: 20px;
}

.comment .avatar img {
    border-radius: 50%;
    width: 50px;
}

.comment .body {
    line-height: 1.2em;
    padding: 10px 0;
}

.comment .body .info .username {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
}

.comment .body .info time {
    color: #aaa;
    display: inline-block;
    font-size: 12px;
}

.userCommentAnswer {
    margin-bottom: 5px;
    border: 1px solid #ddd;
    padding: 7px;
    margin-left: 8px;
}

.comment .body .message {
    margin: 15px 0;
}

.comment .body .message *:last-child {
    margin-bottom: 0;
}

.comment-form {
    text-align: right;
    -webkit-transition: opacity .25s ease-in-out;
    -o-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
}

.comment-form--hidden {
    opacity: 0;
}

.comment-form .button {
    margin-top: 10px;
}

/* Profile Page */
.profile-balance {
    text-align: center;
}

.profile-balance p {
    font-weight: bold;
    font-size: 21px;
    margin: 20px 0;
}

.profile-balance .button {
    font-size: 15px;
}

/* tabs */
.nav-tabs {
    list-style: none;
    margin: 0;
    padding: 0;
}

.profile-tabs .nav-tabs li {
    padding: 5px;
}

.profile-tabs .nav-tabs {
    clear: both;
    position: relative;
    flex-wrap: wrap;
}

.profile-tabs .nav-tabs a {
    background-color: #fff;
    border: 1px solid #e9e2e240;
    display: block;
    padding: 8px 20px;
    line-height: 20px;
    color: #464646;
    font-size: 16px;
    position: relative;
    box-shadow: 0px 4px 4px #ECE9FC;
    border-radius: 17px;
}

.profile-tabs .nav-tabs .active a {
    background-color: #6747E5!important;
    color: white;
}

.profile-tabs .nav-tabs a:hover {
    background-color: #F0EDFC;
}

.profile-tabs .nav-tabs li.logout {
    position: absolute;
    top: 9px;
    right: -10px;
    border: 0;
}

.profile-tabs .nav-tabs li.logout a {
    width: 24px;
    height: 24px;
    background: url("/images/logout.png") no-repeat;
    opacity: 0.55;
    padding: 0;
    margin: 0;
}

.profile-tabs .tab-content .tab-pane {
    display: none;
    padding: 10px 0;
}

.profile-tabs .tab-content .tab-pane.active {
    display: block;
}

#profileCodes .profile-tabs .nav li:first-child a {
    -moz-border-radius: 15px 5px 5px 15px;
    -webkit-border-radius: 15px 5px 5px 15px;
    border-radius: 15px 5px 5px 15px;
}

#profileCodes .profile-tabs .nav li:last-child a {
    -moz-border-radius: 5px 15px 15px 5px;
    -webkit-border-radius: 5px 15px 15px 5px;
    border-radius: 5px 15px 15px 5px;
}

#profileCodes .profile-tabs .nav li a {
    font-size: 16px;
    color: #333;
}

.profile-tabs .loadMoreButton {
    background: #6747e5;
    color: white !important;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
}

.profile-tabs .moreEvents {
    padding-top: 0;
}

.profile-codes-item {
    position: relative;
}

.profile-codes-shadow {
    padding: 20px;
    margin-bottom: 15px;
    border-radius: 8px;
    box-shadow: 0px 0px 10px -9px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 0px 24px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 10px -9px rgba(0,0,0,0.1);
}

.profile-codes-item .preview {
    width: 100%;
}
.profile-codes-item--img {
    width: 300px;
    min-width: 300px;
    min-height: 194.78px;
}
.profile-codes-item .preview img {
    width: 100%;
    border-radius: 8px!important;
}

.sertificate-item .title a {
    color: #6747e5;
    font-weight: normal;
    text-decoration: underline;
}

.sertificate-item ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.profile-codes-item.sertificate-item .button {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    float: right;
    background-image: url('/images/icon-gift.png');
    background-size: 24px;
    background-position: 10px center;
    background-repeat: no-repeat;
    padding-left: 40px;
    margin: 20px 0;
}

.profile-codes-item.sertificate-item .info-phone {
    position: absolute;
    bottom: 10px;
}

.profile-codes-item .date {
    position: absolute;
    top: 15px;
    right: 15px;
}
.profile-codes-item .print {
    background: #FFFFFF url(/images/print-promo.svg) no-repeat center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin: 0 4px 0 4px;
    cursor: pointer;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.profile-codes-item .print:hover {
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
}
.profile-codes-item .button {
    color: white !important;
    background: #6747E5 !important;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    padding: 10px 40px;
    font-size: 1rem;

}

.profile-codes-item .button:hover {
    background: #afa4dc !important;
}

.profile-codes-item .title,
.online-order-tittle {
    font-weight: bold;
    font-size: 1rem;
    padding-right: 90px;
}

.profile-codes-item .send-status,
.profile-codes-item .remaining,
.profile-codes-item .mark-as-used {
    margin-top: 10px;
}

.profile-codes-item.payment-item {
    min-height: 0;
}

#profile_bonus .bonus-item:first-child {
    background: url(/images/bonus.png) 17px 23px no-repeat;
    background-size: 44px;
}

.bonus-item {
    background: url(/images/bonus.png) 17px center no-repeat;
    background-size: 44px;
    padding: 20px 20px 20px 66px;
    margin-bottom: 15px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px -9px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 0px 24px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 10px -9px rgba(0,0,0,0.1);
}

.bonus-item-text strong {
    font-size: 16px;
}

.bonus-item-text .footnote {
    font-style: normal;
    font-size: 14px;
    color: #ccc;
}

#refillFromBonusPageBtn {
    display: inline-block;
    padding: 10px 30px;
    background: #6747E5 !important;
    margin-top: 10px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    color: #fff;
}

#refillFromBonusPageBtn:hover {
    background: #7c5cfa !important;
}

#profile_bonus {
    font-family: "SF Pro Rounded";
}

.subscribe-group {
    margin: 20px 0;
}

.subscribe-group .title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

.subscribe-group .list {
    font-size: 0;
}

.subscribe-group .list .field {
    display: inline-block;
    font-size: 14px;
    vertical-align: top;
    width: 35%;
}

.profile-wrapper {
    font-size: 0;
}

.profile-image {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    margin-right: 5%;
    width: 35%;
    text-align: center;
}

.profile-image-wrapper.loading {
    background: #fff url('/images/ajax-loader-24.gif') no-repeat scroll center center;
}

.profile-image img {
    margin: 0 auto 10px;
    max-width: 250px;
}

.profile-image-wrapper.loading img {
    opacity: 0.3;
}

.profile-image .field-upload-label {
    display: inline-block;
    vertical-align: top;
}

.profile-image .field-upload-label .value {
    padding: 0;
    vertical-align: top;
}

.profile-image .field-upload-label .value span, .profile-image--delete {
    color: #222;
    border-bottom: 1px solid rgba(34, 34, 34, .3);
    font-size: 13px;
    line-height: 16px;
}

.profile-image .field-upload-label .value:hover span, .profile-image--delete:hover {
    color: #5883cb;
    border-bottom-color: rgba(88, 131, 203, .3);
}

.profile-image .field-upload-label input[type="file"] {
    padding: 0;
    left: 0;
}

.profile-image--delete {
    display: inline-block;
    line-height: 15px;
    margin-left: 5px;
}

.profile-info {
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    width: 60%;
}

.profile-info h4 {
    margin-top: 30px;
}

.payments-list {
    font-size: 0;
    margin-left: -3%;
}

.payments-item {
    background: #fff url(/images/bg-payments-item.png) 100% 100% no-repeat;
    border: 1px solid #f2f3f6;
    cursor: pointer;
    background-size: cover;
    min-height: 210px;
    border-radius: 2px;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    margin-left: 3%;
    width: 47%;
    padding: 20px 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background-color .25s ease-in-out;
    -o-transition: background-color .25s ease-in-out;
    transition: background-color .25s ease-in-out;
}

.payments-item:hover {
    background-color: #f2f3f6;
}

.payments-item .title {
    font-size: 16px;
    font-weight: bold;
}

.payments-item .text {
    margin: 10px 0;
}

#profileBonusTotal {
    float: right;
    margin-top: 5px;
}

.profile-tabs .content-filter > .nav-pills {
    float: left;
}

.profile-tabs {
    font-family: "SF Pro Rounded";
}

/* About Page */
.vacancies-list .panel {
    margin-bottom: 3px;
}

.vacancies-list .panel-heading a {
    background-color: #f6f6f6;
    border: none;
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    -webkit-transition: background-color .15s ease-in-out;
    -o-transition: background-color .15s ease-in-out;
    transition: background-color .15s ease-in-out;
    border-radius: 4px;
}

.vacancies-list .panel-heading a:hover {
    background-color: #ececec;
}

.vacancies-list .panel-heading span {
    border-bottom: 1px dashed rgba(34, 34, 34, .6);
    float: left;
    line-height: 18px;
    margin-top: 11px;
}

.vacancies-list .panel-heading span,
.vacancies-list .panel-heading:hover span {
    color: #5883cb;
    border-bottom-color: rgba(88, 131, 203, .3);
}

.vacancies-list .panel-heading .collapsed span {
    border-bottom: 1px dashed rgba(34, 34, 34, .3);
    color: #222;
}

.vacancies-list .panel-heading a:before {
    background: url(/images/collapse.png) 0 -19px no-repeat;
    content: '';
    float: left;
    height: 19px;
    margin: 10px 10px 11px 0;
    width: 19px;
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dppx) {
    .vacancies-list .panel-heading a:before {
        background-image: url(/images/collapse@2x.png);
        background-size: 38px;
    }
}

.vacancies-list .panel-heading a.collapsed:before,
.vacancies-list .panel-heading a.collapsed:hover:before {
    background-position: 0 0;
}

.vacancies-list .panel-body {
    padding: 30px;
}

/* FOOTER */
.footer {
    background-color: #faf3ff;
    color: #5A5A5A;
    font-size: 13px;
    padding: 30px 0;
    position: relative;
    z-index: 2;
}

.footer:after {
    clear: both;
    content: '';
    display: block;
    line-height: 0;
    visibility: hidden;
}

.footer a {
    color: #5A5A5A;
    border-bottom-color: rgba(238, 238, 238, .3)
}

.footer a:hover {
    color: #6747E5;
}

.footer-column {
    float: left;
    width: 25%;
}

.footer-column-header {
    margin-top: 10px;
    color: #5A5A5A;
    font-size: 15px;
    border-bottom-color: rgba(255, 255, 255, .3);
    font-weight: bold;
    margin-bottom: 10px;
}

.footer-column ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-paytypes-container {
    margin-top: 30px;
    text-align: center;
}

.footer-paytypes {
    padding-left: 0;
}

.footer-paytypes-two {
    display: flex;
    justify-content: space-between;
}

.footer-paytypes li {
    display: flex;
    align-items: center;
    margin-right: 30px;

}

.footer-paytypes li:last-child {
    margin-right: 0px;
}

.footer-paytypes img {
    height: 26px;
}

.footer-legalinfo-container {
    margin-top: 30px;
    text-align: center;
}

/* LOGIN/REGISTRATION */
.remember-password {
    position: absolute;
    bottom: 32px;
    right: 25px;
}

/* FORMS */
.field {
    position: relative;
}

.field:last-child {
    margin-bottom: 0;
}

.field .title {
    margin-bottom: 4px;
}

.field .description {
    color: #bbb;
    font-style: italic;
    padding-top: 8px;
    font-size: 12px;
}

.form-element {
    background-color: #fff;
    border: 1px solid #eee;
    display: inline-block;
    height: 42px;
    line-height: 20px;
    outline: none;
    padding: 8px 12px;
    position: relative;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -ms-box-sizing: border-box;
}

.form-element:focus {
    border-color: #aaa;
}

.form-element::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #c7c7c7;
}

.form-element:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #c7c7c7;
    opacity: 1;
}

.form-element::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #c7c7c7;
    opacity: 1;
}

.form-element:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #c7c7c7;
}

textarea.form-element {
    min-height: 240px;
    resize: none;
}

.field-radio {
}

.field-radio label {
    cursor: pointer;
    padding-left: 18px;
    display: inline-block;
    line-height: 20px;
    min-height: 20px;
}

.field-radio input[type="radio"] {
    float: left;
    margin-left: -18px;
    margin-top: 3px;
    width: auto;
}

.field-radio label + label {
    margin-left: 20px;
}

.field-group {
    position: relative;
    display: inline-block;
    vertical-align: top;
    border-collapse: separate;
}

.field-group .field {
    margin-bottom: 0;
    float: left;
}

.field-group .field + .field,
.field-group .field + .button,
.field-group .button + .field {
    margin-left: -1px;
}

#headerSearchAhead {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 16px;
    width: 480px;
    height: 22px;
    padding: 7px 32px 7px 21px;
    overflow: hidden;
    text-align: left;
}

.stock-group-header #headerSearchAhead {
    padding: 6px 32px 6px 20px;
}

#headerSearchAhead span {
    display: block;
    position: absolute;
}

#headerSearchAhead span.input-text {
    background-color: #fff;
    color: #fff;
}

#headerSearchAhead span.suggest-text {
    background-color: #b2d7fe;
}

#searchForm .field-group .field:last-child .form-element,
.button--green2:hover {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    width: 14px;
    height: 22px;
    box-sizing: content-box;
}

.field-group .field:first-child .form-element,
.field-group .field:first-child .button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.field-group > .field:not(:first-child):not(:last-child) .form-element,
.field-group > .field:not(:first-child):not(:last-child) .button {
    border-radius: 0;
}

.field-checkbox label {
    cursor: pointer;
    display: inline-block;
    line-height: 20px;
    padding-left: 24px;
    position: relative;
    font-family: "SF Pro Rounded";
    color: #AFAFAF;
    font-weight: 100;
    margin: 12px 0 8px;
    font-size: 15px;
}

.field-checkbox input[type="checkbox"] {
    display: none;
}

.field-checkbox label:before {
    content: '';
    border-radius: 12px;
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    background-color: white;
    border: 1.5px solid #4666F4;
    height: 14px;
    width: 14px;
    z-index: 1;
    box-sizing: border-box;
    -webkit-transition: border-color .1s ease-in-out;
    -o-transition: border-color .1s ease-in-out;
    transition: border-color .1s ease-in-out;
}

.field-checkbox label:after {
    background: url(/images/oval_checkbox.svg) 0 0 no-repeat;
    content: '';
    content: '';
    height: 7px;
    left: 4px;
    opacity: 0;
    position: absolute;
    top: 6px;
    width: 7px;
    z-index: 2;
    -webkit-transition: opacity .1s ease-in-out;
    -o-transition: opacity .1s ease-in-out;
    transition: opacity .1s ease-in-out;
    border-radius: 50%;
}

.field-checkbox input[type=checkbox]:checked + label:after {
    opacity: 1;
}

/* field upload */
.field-upload-label {
    height: 20px;
    overflow: hidden;
}

.field-upload-label .title {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    z-index: 10;
}

.field-upload-label .title span {
    color: #222;
    border-bottom: 1px solid rgba(34, 34, 34, .3);
    font-size: 13px;
    line-height: 16px;
}

.field-upload-label:hover .title span {
    color: #5883cb;
    border-bottom-color: rgba(88, 131, 203, .3);
}

.field-upload-label .value {
    display: inline-block;
    font-size: 16px;
    font-weight: 300;
    height: 40px;
    line-height: 20px;
    outline: none;
    padding: 10px 12px;
    position: relative;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -ms-box-sizing: border-box;
}

.field-upload-label input[type='file'] {
    border: none;
    cursor: pointer;
    height: 100%;
    left: -1000px;
    opacity: 0;
    padding-left: 2000px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
}

/* field upload */
.field-upload {
    overflow: hidden;
}

.field-upload .title {
    border-bottom: 1px dashed #f25a21;
    color: #f25a21;
    left: 12px;
    line-height: 20px;
    position: absolute;
    top: 10px;
    z-index: 10;
}

.field-upload .clear {
    background: url(/images/clear-field.png) 0 0 no-repeat;
    cursor: pointer;
    display: none;
    height: 17px;
    position: absolute;
    right: 12px;
    top: 11px;
    width: 17px;
    z-index: 110;
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dppx) {
    .new-offers .dinas-direction-nav a {
        background-image: url(/images/clear-field@2x.png);
        background-size: 34px;
    }
}

.field-upload .clear:hover {
    background-position: 0 -17px;
}

.field-upload.added .clear {
    display: block;
}

.field-upload .value {
    background-color: #fafafa;
    border: 1px solid #e6e6e6;
    display: inline-block;
    font-size: 16px;
    font-weight: 300;
    height: 40px;
    line-height: 20px;
    outline: none;
    padding: 10px 12px;
    position: relative;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -ms-box-sizing: border-box;
}

.field-upload input[type='file'] {
    border: none;
    cursor: pointer;
    height: 100%;
    left: -1000px;
    opacity: 0;
    padding-left: 2000px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
}

/* field dropdown */
.field-dropdown {
    display: inline-block;
    vertical-align: top;
}

.field-dropdown .dropdown-toggle {
    background-color: #fff;
    border: 1px solid #CCCCCC;
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 0;
    height: 34px;
    line-height: 20px;
    outline: none;
    padding: 8px 28px 8px 12px;
    position: relative;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    text-shadow: 1px 1px #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.field-dropdown .dropdown-toggle:active,
.field-dropdown .dropdown-toggle.active,
.field-dropdown .open > .dropdown-toggle {
    box-shadow: inset 0 3px 6px rgba(0, 0, 0, .1);
}

.field-dropdown .dropdown-toggle .caret {
    border-top: 4px solid #777;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    display: inline-block;
    height: 0;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    right: 12px;
    width: 0;
}

.field-dropdown .dropdown-toggle:hover .caret {
    border-top-color: #000000;
}

.field-dropdown .dropdown {
    position: relative;
}

.field-dropdown .dropdown-menu {
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    display: none;
    float: left;
    left: 0;
    list-style: none;
    min-width: 160px;
    margin: 4px 0 0;
    padding: 5px 0;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 1000;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.field-dropdown .dropdown-menu > li {
    cursor: pointer;
    clear: both;
    color: #333;
    display: block;
    font-weight: normal;
    line-height: 1.42857143;
    padding: 6px 20px 6px 30px;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
}

.field-dropdown .dropdown-menu > li:hover,
.field-dropdown .dropdown-menu > li:focus {
    background-color: #e7fef8;
}

.field-dropdown .open > .dropdown-menu {
    display: block;
}

.field-dropdown.field-categories .dropdown-menu > li {
    padding: 1px 20px 1px 30px;
}

.field-dropdown.field-categories .dropdown-menu > li.active,
.dropdown-menu > li.selected {
    background-color: #e2e2e2;
}

.field-dropdown input[type='checkbox'] {
    display: none;
}

.field-dropdown .radio,
.field-dropdown .checkbox {
    display: block;
    position: relative;
}

.form-add-offer .field {
    margin-bottom: 7px;
}

.form-add-offer .field .title {
    margin-bottom: 4px;
}

.form-add-offer .field .form-element {
    height: 34px;
}

.header-price-filter.field-dropdown .dropdown-menu li.selected:before {
    content: '';
    background: url(/images/checkmark-dark.png) 0 0 no-repeat;
    width: 12px;
    height: 10px;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -6px;
    z-index: 2;
}

#slivki-abw1 .title {
    color: #aaa;
    font-size: 20px;
}

.slivki-abw .payment-sum-block .field {
    float: left;
}

.slivki-abw .payment-sum-block .field:first-child {
    color: #aaa;
}

.slivki-abw .payment-sum-block .field .codes-amount-block,
#slivki-abw1 .payment-sum-block .field:last-child .title {
    color: #333;
}

#slivki-abw1 > .form > p {
    font-size: 20px;
}

.slivki-abw .payment-sum-block .field:last-child {
    margin: 10px 0 0 20px;
}

.slivki-abw .field-group {
    margin: 10px 0;
}

.slivki-abw .field-group input {
    width: 193px;
}

#slivki-abw1 .field-group input {
    width: 250px;
}

.slivki-abw .field-group .field:first-child {
    margin-right: 50px;
}

/* BUTTON */
.button {
    background-color: #6747E5;
    border: none;
    color: white !important;
    font-size: 15px;
    font-family: "SF Pro Rounded Regular";
    cursor: pointer;
    display: inline-block;
    line-height: 1.3125rem;
    outline: none;
    position: relative;
    padding: 14px 20px;
    vertical-align: top;
    white-space: nowrap;
    text-align: center;
    -webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 11px;
    text-transform: uppercase;
}

.button:hover {
    background-color: #9788d6;
}

.button--block {
    display: block;
    width: 100%;
}

.button--small {
    padding: 5px 12px;
}

.button--large {
    border-radius: 4px;
    font-size: 17px;
    padding: 14px 28px;
}

.button--default {
    background-color: #5883cb;
}

.button--default:hover {
    background-color: #426cb4;
}

.button--transparent {
    background-color: transparent;
    color: #444;
    -webkit-box-shadow: inset 0 0 1px 1px #eee;
    box-shadow: inset 0 0 1px 1px #eee;
}

.button--transparent:hover {
    background-color: #f4f4f4;
    color: #222;
}

.button--primary {
    background-color: #f17522;
    color: #fff;
}

.button--primary:hover {
    background-color: #7CCB8D;
    color: #fff;
}

.button--green {
    background-color: #6747e5;
}

.button--green:hover {
    background-color: #9788d6;
}

.button--blue {
    background-color: #5883CB;
}

.button--blue:hover {
    background-color: #2E5BA6;
}

.button--orange {
    background-color: #ff7e20;
}

.button--orange:hover {
    background-color: #ec6300;
}

.button--yellow {
    background-color: #799b05;
}

.button--yellow:hover {
    background-color: #597300;
}

.button--yellow2 {
    background-color: #feed01;
    color: #444;
}

.button--yellow2:hover {
    background-color: #efdf06;
    color: #222;
}

.button--rose {
    background-color: #df3a65;
    color: #fff !important;
    text-transform: none !important;
}

.button--rose.width100 {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center;
}

.button--rose:hover {
    background-color: #a74a63;
}

.button--border-square {
    border-radius: 0;
}

.button.button-surfie-green {
    background: #fff;
    color: #0e7677 !important;
    border: 1px solid #0e7677;
    padding: 10px 100px;
    margin-top: 15px;
    border-radius: 5px;
}

.button.button-surfie-green:hover {
    background: #0e7677;
    color: #fff !important;
}

.button-link {
    color: #333;
    font-weight: normal;
    border-radius: 0;
}

.button-link,
.button-link:active,
.button-link.active,
.button-link[disabled],
fieldset[disabled] .button-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.button-link,
.button-link:hover,
.button-link:focus,
.button-link:active {
    border-color: transparent;
}

.button-link:hover,
.button-link:focus {
    color: #6747e5;
    text-decoration: underline;
    background-color: transparent;
}

.button-link[disabled]:hover,
fieldset[disabled] .button-link:hover,
.button-link[disabled]:focus,
fieldset[disabled] .button-link:focus {
    color: #aaa;
    text-decoration: none;
}

/* ICONS */
[class^="icon-"],
[class*=" icon-"] {
    display: inline-block;
    width: 19px;
    height: 20px;
    line-height: 16px;
    vertical-align: text-top;
    background-position: 0 0;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
}

.icon-24 {
    width: 24px;
    height: 24px;
}

.icon-warning {
    background-image: url(/images/icon-warning-24.png);
}

.icon-search {
    background-image: url(/images/icon-search.png);
}

.icon-search-light {
    background-image: url(/images/icon-search-light.png);
}

.icon-menu {
    background-image: url(/images/icon-menu-24.png);
    opacity: 0.75;
}

.icon-hare {
    background-image: url(/images/icon-hare-26.png);
    opacity: 0.75;
}

/* Animation */
.fade.in {
    opacity: 1 !important;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

/**************************************
**************** MODALS ***************
***************************************/
.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

.fade.in {
    opacity: 1 !important;
}

/*.modal-open {*/
/*    overflow: hidden;*/
/*    padding-right: 17px;*/
/*}*/

/*.modal-open .header {*/
/*    padding-right: 17px;*/
/*}*/

.modal {
    bottom: 0;
    display: none;
    left: 0;
    outline: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
}

.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .2s ease-out;
    -moz-transition: -moz-transform .2s ease-out;
    -o-transition: -o-transform .2s ease-out;
    transition: transform .2s ease-out;
    -webkit-transform: translate3d(0, -80px, 0);
    transform: translate3d(0, -80px, 0);
}

.modal.in .modal-dialog {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    margin: auto auto;
    align-content: center;
    height: 100%;
    position: relative;
    max-width: 660px !important;
}

.modal--large .modal-dialog {
    width: 800px;
}

.modal--small .modal-dialog {
    width: 360px;
}

#modal_billing .modal-dialog {
    width: 865px;
}

#modalAssistLimit {
    z-index: 1051;
}

#modalAssistLimit .modal-dialog {
    width: 500px;
}

#modalAssistLimit .modal-title {
    margin-bottom: 20px;
}

#modalAssistLimit .buttonsTable {
    margin-top: 20px;
    text-align: center;
}

#modalAssistLimit .buttonsTable input {
    width: 155px;
}

.modal-content {
    background-color: #fff;
    background-clip: padding-box;
    outline: 0;
    padding: 25px 30px;
    position: relative;
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .05);
    box-shadow: 0 0 12px rgba(0, 0, 0, .05);
    border-radius: 0.875rem;
}

.modal-backdrop {
    background-color: #cacaca;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1040;
}

.modal-backdrop.fade {
    opacity: 0.2;
    filter: alpha(opacity=0);
}

.modal-backdrop.in {
    opacity: .9;
    filter: alpha(opacity=90);
}

.modal-title {
    color: #494949;
    font-size: 24px;
    margin: 0 0 30px;
    padding: 0;
}

.modal .close, .close-button {
    background-image: url(/images/close_icon.png?v=3);
    background-size: cover;
    cursor: pointer;
    height: 22px;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 22px;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 9999;
    opacity: 0.8 !important;
}

.modal--confirm .modal-dialog {
    width: 500px;
}

.modal--confirm .buttonsTable {
    text-align: center;
    margin-top: 20px;
}

.modal--confirm .modal-title {
    margin-bottom: 20px;
}

.modal--confirm .button {
    width: 110px;
}

.register-login-form {
    display: flex;
}

.register-login-form .login {
    width: 279px;
    padding-right: 18px;
    box-sizing: content-box;
    border-right: 1px dashed #eee;
}

.login .remember-password {
    padding-top: 0.5625rem;
}

.login .remember-password,
.register .user-agreement,
.crossAuthorization .link {
    position: static;
    font-size: 0.75rem;
    line-height: 2.875rem;
    border-bottom: none;
    color: #2E1BFF !important;
}

.register-login-form .register {
    width: 280px;
    padding-left: 18px;
    box-sizing: content-box;
}

.login-form-description {
    font-size: 0.8125rem;
    font-weight: 500;
    color: #717171;
}

.register-login-form .block-title {
    font-size: 32px;
    text-align: center;
}

.register-login-form .block-title .description {
    height: 65px;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #717171;
    padding-top: 0.625rem;
    padding-bottom: 1.9375rem;
}

.register-bottom {
    font-size: 0.75rem;
    line-height: 0.875rem;
}

.modal .form-element {
    border: none;
    border-bottom: 1px solid #BEBEBE;
}

.social-button-wrapp {
    margin-bottom: 2rem;
}

#loginMail .modal-dialog {
    width: 23.75rem;
}

#popupUnionMail .modal-dialog {
    margin: 152px 0 0 auto !important;
    position: relative;
    width: 266px !important;
}

#popupUnionMail .modal-dialog ::after {
    content: '';
    position: absolute;
    top: -24px;
    right: 68px;
    border: 14px solid transparent;
    border-top: 10px solid #fff;
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

#loginMail .modal-content {
    padding: 2.5rem 3.125rem 1.5625rem 3.125rem;
}

#loginPhone .modal-dialog,
#loginPhoneCode .modal-dialog,
#loginMailTwo .modal-dialog,
#loginMailCode .modal-dialog,
#loginMail .modal-dialog {
    width: 24.375rem;
    margin: 100px auto !important;
}

#loginPhone.modal,
#loginMail.modal,
#loginPhoneCode.modal {
    z-index: 1056;
}

#loginPhone .modal-content,
#loginPhoneCode .modal-content,
#loginMailCode .modal-content {
    padding: 2.5rem 3.125rem 1.5625rem 3.125rem;
}

.login-phone-col-left {
    padding-right: 3.125rem;
}

.login-phone-col-right {
    padding-left: 3.125rem;
}

.cross-authorization-modal .form-element.error,
.cross-authorization-modal .verification-code.error {
    border-color: #FF1D45;
}

.cross-authorization-modal .form-element.error + label {
    display: block;
}

.cross-authorization-modal .form-element.valid {
    border-color: #6747E5;
}

.verification-code, .verification-code-mail {
    font-size: 20px;
    width: 3.4375rem;
    height: 4.125rem;
    border: 0.0625rem solid #BEBEBE;
    border-radius: 0.3125rem;
    text-align: center;
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dppx) {
    .modal .close1 {
        background-image: url(/images/close_icon.png?v=3);
        background-size: cover;
    }
}

button.close {
    background: 0 0;
    border: 0;
    cursor: pointer;
    padding: 0;
    -webkit-appearance: none;
}

/*.modal .column {
    float: left;
    padding-left: 20px;
    width: 50%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.modal .column:first-child {
    padding-right: 20px;
    padding-left: 0;
}*/
/* TABS */
.nav-tabs {
    list-style: none;
    margin: 0;
    padding: 0;
}

.tab-pane {
    display: none;
}

.tab-pane.active {
    display: block;
}

/* Billing Modal */
.modal-billing .nav-tabs {
    margin-top: 10px;
}

.modal-billing .nav-tabs li {
    display: inline-table;
    font-size: 14px;
    min-width: 98px;
    height: 60px;
    border: 2px solid #eee;
    vertical-align: middle;
    padding: 4px;
    border-radius: 10px;
    margin-right: 8px;
}

.modal-billing .nav-tabs a {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
}

.modal-billing .nav-tabs .active {
    border: 3px solid #6747e5;
}

.modal-billing .nav-tabs .active a {
    color: #6747e5;
    font-weight: bold;
}

.modal-billing .tab-content {
    padding: 10px 0 0 0;
}

.modal-billing.refill .choose-payment-method {
    display: none;
}

.payment-sum-block .field .title {
    display: inline-block;
}

.payment-tab-list li img {
    margin: 0 auto;
}

#getBonusTab {
    background-color: #f2f2f2;
    text-align: center;
    padding: 20px;
}

#getBonusTab > img {
    margin: 0 auto;
}

#getBonusTab a.button {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin-top: 20px;
}

#offerSelectPromocodeAmount {
    font-size: 18px;
    padding-top: 10px;
}

#toPaymentPageBtn {
    width: 250px;
}

.payment-sum-btn {
    margin-bottom: 10px;
}

.payment-teaser {
    position: relative;
    width: 250px;
    height: 162px;
    float: left;
    margin: 0 10px 10px 0;
}

.payment-teaser img {
    position: absolute;
    top: 0;
    left: 0;
}

.payment-teaser .discount-label {
    position: absolute;
    top: 0;
    right: 0;
}

.payment-teaser .info-line {
    height: auto;
}

.modal-billing a.offer-title {
    display: block;
    color: #6747e5;
    font-size: 22px;
    padding-bottom: 10px;
    font-family: "SF Pro Rounded";
}

.payment-sum-block--sum {
    float: right;
    display: inline-block;
    margin-top: 10px;
}

.payment-top {
    position: relative;
}

.payment-top .payment-sum-block--sum {
    float: none;
    margin: 0;
    background-color: #f2f2f2;
    padding: 10px;
    border-radius: 5px;
}

.vat {
    display: none;
}

.payment-sum-block {
    display: none;
}

.payment-submit.hidden {
    display: block;
    visibility: visible;
}

.payment-sum-btn,
.payment-submit {
    width: 260px;
}

.payment-email-block .form-element {
    width: 300px;
    margin-right: 40px;
    background-color: #eee;
}

.payment-email-block a {
    text-decoration: underline;
}

.modal-billing .tab-pane {
    height: 200px;
    overflow: hidden;
    position: relative;
}

.modal-billing .tab-pane .phone-calling-steps {
    list-style: none;
    margin: 0;
    padding-top: 0;
}

.modal-billing .tab-pane .phone-calling-steps .payment-sum-block {
    margin-top: 15px;
    color: #333;
}

.modal-billing .tab-pane .phone-calling-steps li {
    background-color: #e3e7ec;
    border-radius: 3px;
    padding: 10px 12px;
    margin: 12px 0;
}

.phone-calling-steps .payment-sum-block--sum {
    display: none;
}

.modal-billing .modal-footer {
    text-align: center;
    font-size: 17px;
    padding: 0 15px 15px 15px;
}

.modal-billing .modal-footer > div {
    background-color: #a7f8d9;
    padding: 10px 0;
}

.modal-billing .modal-footer li p {
    padding-bottom: 5px;
}

.modal-billing .modal-footer li p:last-child {
    padding-bottom: 0;
}

.modal-billing .modal-footer a {
    text-decoration: underline;
}

.modal-billing .modal-footer ul {
    text-align: left;
    padding: 0;
    margin: 0;
    display: none;
}

.modal-billing .modal-footer ul.expanded {
    display: block;
}

.modal-billing .modal-footer ul li {
    list-style: none;
}

.modal-billing .modal-footer ul li > span {
    display: inline-block;
    padding: 3px 10px;
    background-color: #a7f8d9;
    margin-top: 15px;
}

#modal_phone_code .modal-dialog {
    margin: 20px auto;
    width: 1095px;
}

.marketActionOrderInfo .resultText {
    display: inline-block;
}

#modal_phone_code .tab-pane {
    overflow: hidden;
    position: relative;
}

#modal_phone_code .tab-pane#call {
    padding-left: 135px;
}

#modal_phone_code .tab-pane .method-logo {
    position: absolute;
    left: 0;
    top: 0;
}

.marketActionOrderInfoText, .say-to-operator {
    color: #333;
}

#modal_phone_code .tab-pane .phone-calling-steps {
    list-style: none;
    margin: 0 0 10px 0;
    padding-top: 0;
    color: #aaa;
}

#modal_phone_code .tab-pane .phone-calling-steps li {
    background-color: #e3e7ec;
    border-radius: 3px;
    padding: 10px 12px;
    margin: 0;
    text-align: left;
}

.profile-menu-box-none {
    display: none;
}

.mts-form {
    text-align: center;
}

.raschet-tab.mts-money strong {
    display: block;
    padding: 10px 0;
    font-size: 26px;
}

.payment-radio {
    background: #fff;
    position: relative;
    overflow: hidden;
    font-size: 18px;
    line-height: 32px;
    vertical-align: middle;
    width: 500px;
}

.payment-radio.checked {
    background: #bbb2dc40;
}

.payment-radio input[type="radio"] {
    position: absolute;
    right: 9000px;
}

.payment-radio input[type="radio"] + .label-text:before,
#otherAmount:before {
    content: "\f10c";
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    margin-right: 5px;
    margin-left: 2px;
    color: #bbb;
    font-size: 28px;
    vertical-align: middle;
    margin-right: 20px;
}

.payment-radio input[type="radio"]:checked + .label-text:before,
#otherAmount:before {
    content: "\f192";
    color: #6747E5;
}

.payment-radio > label {
    display: inline-block;
    border-bottom: 1px solid #f2f2f2;
    cursor: pointer;
    padding: 10px;
    width: 100%;
}

.payment-radio span {
    vertical-align: middle;
    display: inline-block;
    margin-right: 20px;
}

.payment-radio em {
    font-size: 14px;
    font-style: normal;
    display: inline-block;
    vertical-align: middle;
}

.payment-radio.checked em {
    color: #6747E5;
}

#refillAccountSelectAmount .left {
    float: left;
    position: relative;
}

#refillAccountSelectAmount .left > p {
    padding-bottom: 10px;
}

#refillAccountSelectAmount .left__subtittle {
    font-size: 16px;
}

#refillAccountSelectAmount .right {
    width: 400px;
    background: #f5f5f5;
    padding: 20px;
    float: right;
    border-radius: 15px;
}

#refillAccountSelectAmount .right img {
    display: block;
    margin: 0 auto 20px;
}

#otherAmount {
    position: absolute;
    bottom: -8px;
    visibility: hidden;
    margin-left: 10px;
    font-size: 20px;
}

#refillAccountSelectAmount .payment-sum-btn {
    margin: 20px 0;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

#refillAccountSelectAmount .refill-order-amount {
    width: 80px;
    border: none;
    text-align: right;
}

.phone-calling-steps .refill-text {
    color: #333;
    margin-top: 10px;
    line-height: 40px;
}

.phone-calling-steps .refill-text .button {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

/* Print */
@media print {
    .profile-codes-item {
        border-bottom: none;
        margin-top: 50px;
    }

    .profile-codes-item .mark-as-used,
    .profile-codes-item .button,
    .profile-codes-item .print {
        display: none;
    }
}

.addVoteBoxContent .button {
    margin-top: 14px;
    float: right;
    padding-right: 50px;
    padding-left: 50px;
    border-radius: 72px;
    font-family: "SF Pro Rounded";
    font-weight: bold;
}

#addVoteBox {
    font-size: 16px;
    overflow: auto;
}

#editVoteBox .modal-title,
#addVoteBox .modal-title,
#mallSuggestFixesPopup .modal-title {
    color: #333333;
    margin: 5px -30px 0 -30px;
    padding: 4px 30px;
    font-size: 18px;
    border-radius: 14px;
    font-family: "SF Pro Rounded Bold";
    text-align: center;
}

#mallSuggestFixes a {
    margin: 10px auto 0;
    display: block;
    width: 150px;
}

#addVoteBox .rating,
#addVoteBox .formWrapper {
    margin: 29px 0 0 0;
    float: left;
}

#editVoteBox .addVoteTextField {
    margin-top: 15px;
}

#editVoteBox .rating {
    margin-top: 14px;
}

textarea.form-element#comment {
    min-height: 240px;
}

.votesBox .modal-dialog {
    margin: 300px auto;
}

.commentImageWrapper {
    padding: 11px;
}

.commentImageWrapper a {
    border: none;
}

.header-gender-filter {
    min-width: 60px;
}

.header-gender-filter .dropdown-menu li {
    padding-left: 40px;
}

.header-gender-filter .dropdown-menu li.selected {
    background-color: #e2e2e2;
}

.header-gender-filter .dropdown-menu li:after,
.header-gender-filter .dropdown-menu li:before {
    display: none;
}

.header-gender-filter .dropdown-menu li span {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 8px;
    height: 16px;
    width: 16px;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.dropdown-menu li a {
    width: 100%;
    display: inline-block;
    line-height: 25px;
    font-size: 16px;
}

.header-gender-filter .dropdown-toggle:before {
    content: '';
    display: block;
    top: 50%;
    margin-top: -10px;
    position: absolute;
    left: 12px;
    height: 20px;
    width: 20px;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.header-gender-filter .dropdown-menu li span.man,
.header-gender-filter.man .dropdown-toggle:before {
    background-image: url(/images/icon-man-2.png);
}

.header-gender-filter .dropdown-menu li span.man {
    height: 22px;
    width: 22px;
    top: 14px;
}

.header-gender-filter .dropdown-menu li span.woman,
.header-gender-filter.woman .dropdown-toggle:before {
    background-image: url(/images/icon-woman-2.png);
}

.header-gender-filter .dropdown-menu li span.woman {
    height: 22px;
    width: 22px;
    top: 14px;
}

.header-gender-filter .dropdown-menu li span.family,
.header-gender-filter .dropdown-toggle:before {
    background-image: url(/images/vitruvian_icon.png);
}

.header-gender-filter .dropdown-menu li span.kids,
.header-gender-filter.kids .dropdown-toggle:before {
    background-image: url(/images/icon-children-2.png);
}

.header-gender-filter .dropdown-menu li span.kids {
    height: 16px;
    width: 16px;
    left: 12px;
}

#saleDescription {
    height: 50px;
    min-height: 0;
}

.add-sale {
    text-align: right;
    position: absolute;
    top: 19px;
    right: 10px;
}

.sale-teaser-title {
    font-size: 15px;
    line-height: 1.2em;
    max-height: 54px;
}

.header-button-wrap {
    display: table;
    width: 100%;
    border-collapse: collapse;
    border: none;
}

.header-button-wrap ul {
    display: table-row;
}

.header-button-wrap ul li {
    display: table-cell;
    margin: 0;
    width: 1%;
    white-space: nowrap;
    text-align: center;
}

.header-button-wrap a.top-level {
    font-size: 18px;
}

.header-button-wrap ul .__2 {
    background: url('/images/v-16-222222.png') no-repeat scroll right 0px;
    padding: 0 15px 4px 40px;
    border: none;
    height: auto;
}

.header-button-wrap ul li:last-child {
    padding-right: 40px;
}

.header-button-wrap ul .__2:hover {
    background: url('/images/v-16-3de2a0.png') no-repeat scroll right 0px;
}

.header-button-wrap .field-dropdown .open .dropdown-toggle {
    box-shadow: none;
}

.header-button-wrap .field-dropdown ul li {
    width: auto;
    padding: 0 50px;
    line-height: 10px;
    text-align: left;
}

.header-button-wrap .field-dropdown ul li a:hover {
    color: #222;
}

.header-button-wrap .field-dropdown ul li a span {
    color: #3de2a0;
    font-size: 14px;
}

.header-button-wrap a:hover {
    color: #3DE2A0;
}

.header-button-wrap .dropdown .dropdown-menu {
    -webkit-box-shadow: 0 7px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 7px 12px rgba(0, 0, 0, .175);
    margin: 0;
    left: -11px;
    border: none;
    background-color: #e7fef8;
}

.header-button-wrap .dropdown:hover .dropdown-menu {
    display: block;
}

.header--search .dropdown:hover .dropdown-menu {
    display: block;
}

.header--search .dropdown-menu {
    margin-top: 0;
    border: none;
    box-shadow: none;
    background: transparent;
    padding: 4px 0 0 0;
}

.header--search .dropdown-menu ul {
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    display: block;
    float: left;
    left: 0;
    list-style: none;
    min-width: 160px;
    margin: 0;
    padding: 5px 0;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 1000;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.header--search .dropdown-menu ul > li {
    cursor: pointer;
    clear: both;
    color: #333;
    display: block;
    font-weight: normal;
    line-height: 1.42857143;
    padding: 6px 20px 6px 30px;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
}

.header--search .dropdown-menu ul > li:hover,
.header--search .dropdown-menu ul > li:focus {
    background-color: #e7fef8;
}

.header--search .dropdown-menu li.active,
.header--search li.selected {
    background-color: #e2e2e2;
}

.header-button-wrap .dropdown:hover .dropdown-menu li:hover {
    background-color: #fff;
}

#header-profile-menu-opener {
    width: 22px;
    height: 22px;
    background-size: contain;
    background-image: url('/images/profile-menu-opener-bg.png');
    opacity: 1;
}

.header-profile-menu {
    position: relative;
}

.header-profile-menu ul {
    position: absolute;
    background: #fff;
    margin: 0;
    padding: 0;
    right: -10px;
    top: 22px;
    text-align: left;
    width: 210px;
    z-index: 1000;
    display: none;
    border-radius: 12px;
    box-shadow: 0 3px 4px rgba(0, 0, 0, .1);
    font-size: 14px;
    overflow: hidden;
}

.header-profile-menu ul.opened {
    display: block;
}

.header-profile-menu ul li {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0;
}

.header-profile-menu li i {
    color: #777;
    margin-right: 5px;
    font-size: 16px;
    text-align: center;
}

.header-profile-menu li a {
    display: flex;
    align-items: center;
    padding: 5px 10px;
    width: 100%;
    color: #777 !important;
}

.header-profile-menu li a:hover {
    background-color: #F0EDFC;
    color: #6747E5 !important;
}

.header-profile-menu li.balance-replenishment a:hover {
    background-color: #8a71ed;
}

.header-profile-menu li.balance-replenishment {
    background-color: #6747E5;
    border-radius: 3px;
}

.header-profile-menu li.balance-replenishment a {
    color: #ffffff !important;
}

.header-profile-menu .profile-notification {
    width: 14px;
    height: 14px;
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #f00;
    color: #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    font-size: 8px;
    text-align: center;
    font-weight: bold;
    line-height: 14px;
    font-style: normal;
}

.header-profile-menu .item-discount .profile-notification {
    position: static;
    display: inline-block;
    font-size: 10px;
    font-weight: normal;
    vertical-align: 1px;
}

span.green {
    color: #3DE2A0;
}

span.green:hover {
    color: #5da56c;
}

.votesBoxTitle.title {
    font-size: 24px;
    color: black;
}

.saleListBoxTable .sales-label {
    width: 100%;
}

.favorite-icon {
    display: inline-block;
    vertical-align: -7px;
    float: right;
}

/* Sale list box */
.sale-list-box {
    margin-top: 15px;
    position: relative;
}

.table-item-title {
    text-decoration: none;
    font-family: 'MullerNarrow-ExtraBold', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    display: inline-block;
    -moz-transition-property: none;
    -webkit-transition-property: none;
    -o-transition-property: none;
    transition-property: none;
    margin-left: 13px;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.sale-list-box-table .table-item .table-item-list {
    list-style: none;
    display: block;
    margin: 0 0 -20px 0;
    padding: 10px 0 0 0;
    text-align: justify;
    position: relative;
}

.sale-list-box-table .table-item .table-item-list:after {
    display: inline-block;
    width: 100%;
    content: '';
}

.sale-list-box-table .table-item .table-item-list li {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 20px;
    width: 19%;
    position: relative;
}

.sale-list-box-table .table-item .table-item-list li a img {
    display: block;
    width: 100%;
}

.sale-list-box-table .table-item .table-item-list li a span {
    display: block;
    width: 100%;
}

.sale-list-box-table .page-title {
    margin: 10px 0;
}

.sale-list-box-table .info-icon {
    font-size: 16px;
}

.sale-list-box .subcategories-list {
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

#searchSaleBlock .sale-list-box-table .table-item .table-item-list:after {
    content: none;
}

#searchSaleBlock .table-item-list li {
    margin-right: 1.2%;
}

#searchSaleBlock .table-item-list li:last-child {
    margin-right: 0;
}

#searchSaleBlock .search-title {
    font-size: 16px;
}

span.word-send {
    display: inline-block;
    width: 96px;
    height: 16px;
    background-image: url(/images/word-send.png);
}

#searchResultFliers .flier {
    width: 19%;
    margin: 0 5px
}

.altusReasons {
    margin-top: 10px;
}

.search-show-more {
    margin-top: 20px;
}

.search-show-more img {
    display: inline-block;
    margin-top: 5px;
}

.sale-list-box--search {
    display: inline-block;
    position: absolute;
    margin-left: -260px;
}

.sale-list-box--search .ui-autocomplete-input {
    border-color: #0cf092;
    box-sizing: content-box;
    font-size: 14px;
    height: 16px;
    transition-property: none;
    width: 350px;
}

.sale-list-box--search .ui-autocomplete-input.loading {
    background: url('/images/ajax-loader-24.gif') no-repeat center right;
}

.sale-list-box--search .button--green {
    height: 34px;
    padding-bottom: 6px;
    padding-top: 6px;
    margin-left: -3px;
}

.clear {
    clear: both;
}

.sale-list-box-table .table-item .table-item-list li.table-item-list--separator {
    width: 100%;
    border-bottom: 1px solid #ddd;
    height: 1px;
}

.all-live-comments {
    display: block;
    position: absolute;
    right: 10px;
    color: #6747E5;
    background: #fff;
    z-index: 1;
    top: 58px;
    padding: 0 5px 0;
}

#certificatePromocodeLink {
    color: #6747e5;
    font-weight: lighter;
}

#shareStatisticOpener {
    color: gray;
    font-weight: lighter;
}

.share-stat-icon {
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 2px;
    text-align: center;
    float: left;
    font-size: 24px;
    margin-right: 10px;
}

.share-stat-icon img {
    width: 50px;
    height: 50px;
}

.shared-stat-yesterday {
    color: darkolivegreen;
    font-weight: bold;
}

.shared-stat-last-month {
    color: darkseagreen;
    font-weight: bold;
}

#shareStatistic {
    display: none;
    padding: 10px;
    border: 1px solid #f2f2f2;
}

.sharing-stat-item {
    margin-right: 10px;
    float: left;
}

.all-live-comments:hover {
    color: #9c88ec;
}

.saleDetail {
    margin-top: 5px;
}

.sale-description-slider-for img {
    width: 100%;
    opacity: .4 !important;
}

.sale-description-slider-for .slick-active img {
    opacity: 1 !important;
}

.sale-description-carousel .slick-dots li {
    margin-right: 5px !important;
}

.sale-description-carousel .slick-slide {
    margin: 0 3px;
    outline: none;
}

.sale-description-carousel .slick-list {
    margin: 0 -3px;
}

.sale-description-carousel .slick-dots button {
    background-color: #6747e5 !important;
    width: 8px !important;
    height: 8px !important;
    vertical-align: middle;
}

.sale-description-carousel .slick-dots .slick-active button {
    background-color: #6747e5 !important;
    width: 16px !important;
    height: 16px !important;
}

.sale-description-slider-nav-holder {
    background-color: #f5f5f5;
    margin-bottom: 7px;
}

.sale-description-slider-nav {
    width: 465px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 25px;
}

.sale-description-slider-nav .image {
    margin: 10px 2px;
    height: 75px;
    width: 100px !important;
}

.sale-description-slider-nav .slick-slide:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.sale-description-slider-nav .slick-slide {
    text-decoration: none;
    outline: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    background: #fff;
}

.sale-description-slider-nav img {
    max-height: 75px;
    max-width: 100px;
}

.sale-description-slider-nav .slick-slide img {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0.3 !important;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.sale-description-slider-nav .slick-current img {
    opacity: 1.0 !important;
    max-height: 67px;
    max-width: 92px;
}

.sale-description-slider-nav .slick-current {
    opacity: 1 !important;
    border: 4px solid #3DE2A0;
}

.sale-description-slider-for .slick-arrow {
    position: absolute;
    top: 0;
    z-index: 2;
    font-size: 48px;
    color: #fff;
    cursor: pointer;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
    width: 50px;
    line-height: 500px;
    background-color: transparent;
    text-align: center;
}

.sale-description-slider-for .slick-arrow:before {
    width: auto;
}

.sale-description-carousel .slick-dots {
    z-index: 2;
    text-align: center;
    margin: 0;
    padding: 0;
}

.sale-description-slider-for .slick-prev {
    left: 0px;
    display: block;
}

.sale-description-slider-for .slick-next {
    right: 0px;
}

.sale-description-slider-nav .slick-arrow {
    position: absolute;
    top: 50%;
    z-index: 2;
    margin-top: -14px;
    font-size: 28px;
    color: #333;
    cursor: pointer;
    text-shadow: none;
}

.sale-description-slider-nav .slick-prev {
    left: 2px;
}

.sale-description-slider-nav .slick-next {
    right: 2px;
}

.sale-description-slider-nav-info {
    text-align: center;
}

.saleBody {
    margin-bottom: 10px;
}

.saleBody h1 {
    margin-top: 0;
}

/* TOP NEWS */
.top-news {
    margin-bottom: 5px;
    width: 100%;
}

.top-news-title {
    display: block;
    font-size: 18px;
    margin-bottom: 7px;
}

.top-news-list {
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0;
}

.top-news-item {
    display: inline-block;
    width: 250px;
    height: 100px;
    vertical-align: top;
    background-size: cover;
    position: relative;
    text-shadow: 1px 1px 0 #000;
    margin-right: 5px;
}

.top-news-item:last-child {
    margin-right: 0;
}

.top-news .top-news-item:first-child {
    margin-left: 0;
}

.top-news-item .image {
    display: block;
    width: 250px;
    height: 100px;
    border-radius: 12px;
}

.top-news-item .opacity-block {
    background-color: #000;
    width: 100%;
    height: 100%;
    opacity: 1;
    border-radius: 12px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.top-news-item:hover .opacity-block {
    opacity: 0.3;
}

.top-news-item .text {
    line-height: 1em;
    font-size: 17px;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 3px;
}

.top-news .all-news {
    display: inline-block;
    text-align: right;
    color: #3DE2A0;
    float: right;
}

.top-news .all-news:hover {
    color: #5da56c;
}

.categories-list {
    display: block;
    text-align: center;
    background: #3DE2A0;
    margin: 10px auto 5px;
    list-style: none outside none;
    padding: 5px;
}

.categories-list li {
    display: inline-block;
    margin-right: 10px;
    list-style: none outside none;
}

.categories-list li a {
    color: #fff;
    text-transform: uppercase;
    text-decoration: underline;
    font-weight: bold;
}

#modalProfileImage .modal-dialog {
    width: 500px;
}

#modalProfileImage .button {
    margin-top: 15px;
}

#profileImage {
    border-radius: 50%!important;
    height: 250px;
    width: 250px;
}

#profileImageEdit {
    float: left;
    margin-right: 20px;
    min-width: 300px;
    min-height: 125px;
}

#profileImagePreview {
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 100%;
}

#profileImagePreview img {
    max-width: none;
}

.jcrop-keymgr {
    opacity: 0;
}

.jcrop-holder {
    direction: ltr;
    text-align: left;
}

/* Selection Border */
.jcrop-vline,
.jcrop-hline {
    background: #ffffff url("Jcrop.gif");
    font-size: 0;
    position: absolute;
}

.jcrop-vline {
    height: 100%;
    width: 1px !important;
}

.jcrop-vline.right {
    right: 0;
}

.jcrop-hline {
    height: 1px !important;
    width: 100%;
}

.jcrop-hline.bottom {
    bottom: 0;
}

/* Invisible click targets */
.jcrop-tracker {
    height: 100%;
    width: 100%;
    /* "turn off" link highlight */
    -webkit-tap-highlight-color: transparent;
    /* disable callout, image save panel */
    -webkit-touch-callout: none;
    /* disable cut copy paste */
    -webkit-user-select: none;
}

/* Selection Handles */
.jcrop-handle {
    background-color: #333333;
    border: 1px #eeeeee solid;
    width: 7px;
    height: 7px;
    font-size: 1px;
}

.jcrop-handle.ord-n {
    left: 50%;
    margin-left: -4px;
    margin-top: -4px;
    top: 0;
}

.jcrop-handle.ord-s {
    bottom: 0;
    left: 50%;
    margin-bottom: -4px;
    margin-left: -4px;
}

.jcrop-handle.ord-e {
    margin-right: -4px;
    margin-top: -4px;
    right: 0;
    top: 50%;
}

.jcrop-handle.ord-w {
    left: 0;
    margin-left: -4px;
    margin-top: -4px;
    top: 50%;
}

.jcrop-handle.ord-nw {
    left: 0;
    margin-left: -4px;
    margin-top: -4px;
    top: 0;
}

.jcrop-handle.ord-ne {
    margin-right: -4px;
    margin-top: -4px;
    right: 0;
    top: 0;
}

.jcrop-handle.ord-se {
    bottom: 0;
    margin-bottom: -4px;
    margin-right: -4px;
    right: 0;
}

.jcrop-handle.ord-sw {
    bottom: 0;
    left: 0;
    margin-bottom: -4px;
    margin-left: -4px;
}

/* Dragbars */
.jcrop-dragbar.ord-n,
.jcrop-dragbar.ord-s {
    height: 7px;
    width: 100%;
}

.jcrop-dragbar.ord-e,
.jcrop-dragbar.ord-w {
    height: 100%;
    width: 7px;
}

.jcrop-dragbar.ord-n {
    margin-top: -4px;
}

.jcrop-dragbar.ord-s {
    bottom: 0;
    margin-bottom: -4px;
}

.jcrop-dragbar.ord-e {
    margin-right: -4px;
    right: 0;
}

.jcrop-dragbar.ord-w {
    margin-left: -4px;
}

/* The "jcrop-light" class/extension */
.jcrop-light .jcrop-vline,
.jcrop-light .jcrop-hline {
    background: #ffffff;
    filter: alpha(opacity=70) !important;
    opacity: .70 !important;
}

.jcrop-light .jcrop-handle {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #000000;
    border-color: #ffffff;
    border-radius: 3px;
}

/* The "jcrop-dark" class/extension */
.jcrop-dark .jcrop-vline,
.jcrop-dark .jcrop-hline {
    background: #000000;
    filter: alpha(opacity=70) !important;
    opacity: 0.7 !important;
}

.jcrop-dark .jcrop-handle {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #ffffff;
    border-color: #000000;
    border-radius: 3px;
}

/* Simple macro to turn off the antlines */
.solid-line .jcrop-vline,
.solid-line .jcrop-hline {
    background: #ffffff;
}

/* Fix for twitter bootstrap et al. */
.jcrop-holder img,
img.jcrop-preview {
    max-width: none;
}

.ava-bonus {
    display: inline-block;
    width: 35px;
    height: 35px;
    float: right;
    margin-top: 3px;
    position: relative;
}

.ava-bonus--image a {
    display: block;
    width: 36px;
    height: 36px;
    background-image: url(/images/ava35x35-white.jpg?v=0);
}

.admin-profile-image img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.admin-categories-button {
    margin-top: 20px;
}

.rating {
    float: left;
}

.rating--title {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}

.rating--stars {
    display: block;
    margin: 0 !important;
    padding: 0 !important;
}

.rating--stars li {
    display: inline-block;
    padding: 0;
    list-style: none outside none;
    margin-right: -3px;
    color: #bebebe;
}

.rating--stars li:last-child {
    margin-right: 0;
}

.rating--stars li span {
    display: block;
    width: 30px;
    height: 30px;
    background-image: url('/images/star-128.png');
    background-size: 30px;
    margin: 0 5px;
}

.rating--stars li.rated {
    color: #6747E5;
}

.rating--stars li.rated span {
    background-position: bottom center;
}

.rating-stars {
    display: inline-block;
    margin: 0 !important;
    padding: 0 !important;
}

.rating-stars li {
    display: inline-block;
    padding: 0;
    float: left;
    list-style: none outside none;
    width: 21px;
    height: 18px;
    font-size: 18px;
    color: #aaaaaa;
    margin-top: -1px;
}

.rating-stars li.rated i:before {
    color: #ffc11f;
}

.comments-list-item .voteMarketActionUrl {
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

.comments-list-item .megaphone {
    cursor: pointer;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 10px;
    top: 49px;
    font-size: 18px;
    opacity: 0.5;
}

.all-in-offer-by-user {
    display: none;
    line-height: 1.2em;
    margin-top: 10px;
}

.all-in-offer-by-user--title {
    text-align: center;
    color: #6646e5;
    font-size: 16px;
    font-family: 'SF Pro Rounded Bold';
}

.all-in-offer-by-user--comments {
    padding: 10px;
    border: 1px solid #eee;
    margin-top: 5px;
}

.all-in-offer-by-user--comments .item {
    margin-bottom: 5px;
    font-size: 12px;
}

.all-in-offer-by-user--comments .item .date {
    color: #aaa;
    font-size: 10px;
}

.all-in-offer-by-user .loader {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    background: url('/images/image-preview-ajax-loader.gif') no-repeat;
}

.modal-billing .tab-pane#ipay {
    padding-left: 0;
}

.modal-billing .tab-pane .ipay-items {
    padding: 0;
    margin: 0;
    text-align: center;
}

.modal-billing .tab-pane .ipay-form .tab-content {
    padding: 0;
    margin: 0;
    display: none;
}

.modal-billing .tab-pane .ipay-form .tab-content .tab-pane {
    padding-left: 0;
}

.modal-billing .tab-pane .ipay-items li {
    display: inline-block;
    list-style: none outside none;
    width: 200px;
    padding-top: 70px;
    background-repeat: no-repeat;
    background-position: top center;
    border: none;
}

.modal-billing .tab-pane .ipay-amount.erip {
    padding-left: 0;
}

.modal-billing .tab-pane .ipay-items li.life {
    background-size: cover;
    width: 100px;
    background-image: url(/images/Life_logo.png);
    height: auto;
}

.modal-billing .tab-pane .ipay-items li.mts {
    background-image: url(/images/MTS_logo.png);
    width: 170px;
    height: auto;
    background-size: cover;
}

.modal-billing .tab-pane .ipay-items li.raschet {
    background-image: url(/images/logo-raschet-64.jpg);
}

.modal-billing .ipay-items {
    display: none;
}

.tab-pane#ipay1, .tab-pane#ipay1 .tab-pane {
    padding: 0;
    min-height: 0;
}

.erip-tree div {
    margin-left: 10px;
}

.footnote {
    font-size: 12px;
    font-style: italic;
    line-height: 12px;
    padding-top: 20px;
}

#head-banner {
    overflow: hidden;
    background: #fff;
}

.head-banner-section {
    position: relative;
    left: 50%;
    float: left;
    min-width: 100%;
}

.head-banner-section-center {
    position: relative;
    left: -50%;
}

.head-banner-container {
    height: 90px;
    width: 2400px;
    text-align: center;
    margin: 0 auto;
}

.stock-group-list {
    position: relative;
}

.visited.stock-group-list img {
    margin-left: auto;
    margin-right: auto;
}

.addVoteTextField {
    width: 540px;
    float: left;
    margin-top: 19px;
}

.add-vote-box-bottom {
    margin-top: 15px;
}

.thanks-for-feedback {
    display: inline-block;
    width: 50%;
    margin-top: 10px;
}

.thanks-for-feedback b {
    display: block;
    font-weight: normal;
}

.discount-card-form-table {
    border-collapse: separate;
    border-spacing: 10px;
    width: 100%;
}

.journal-table.discount-category {
    width: 100%;
    margin-bottom: 10px;
}

.journal-table.discount-category tr td:last-child {
    width: 179px;
}

#overlay-loading {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #000;
    opacity: 0.6;
    filter: alpha(opacity=60);
    z-index: 999;
}

#overlay-loading img {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
}

#discountCardLogo {
    max-height: 100px;
}

.mce-element.description {
    height: 400px;
}

.mce-element.contact-info {
    height: 200px;
}

.discount-card-form-table .images-list {
    margin: 0;
    padding: 0;
}

.discount-card-form-table .images-list li {
    display: inline-block;
    margin-right: 10px;
    position: relative;
    text-align: center;
}

.discount-card-form-table .images-list li img {
    max-width: 150px;
    max-height: 100px;
    display: block;
}

.discount-card-form-table .images-list li a {
    position: absolute;
    display: none;
    width: 24px;
    height: 24px;
    top: 0;
    right: 0;
    background-image: url(/images/thumb-hover.png);
}

.discount-card-form-table .images-list li:hover a {
    display: block;
}

.discount-card-form-table tr td:first-child {
    width: 20%;
}

#modalDiscountPartner table {
    width: 100%;
}

#modalDiscountPartner table tr td {
    padding: 10px;
}

#modalDiscountPartner table tr td:first-child {
    width: 20%;
}

#modalDiscountPartner .save-button {
    display: block;
    margin: 0 auto;
}

#modalDiscountPartner .partner-logo-image {
    max-width: 150px;
    max-height: 100px;
}

.button.small {
    font-size: 14px;
    padding: 4px 10px;
}

#discountCardPartners .button {
    margin-bottom: 8px;
}

.map-balloon-description--description {
    font-weight: bold;
}

.map-balloon-description--link {
    text-align: right;
}

.userVotes li {
    list-style: none outside none;
    margin-bottom: 5px;
}

.likes-box {
    display: none;
    margin-left: 20px;
}

.likes-box a {
    display: inline-block;
    height: 16px;
    color: #000;
    opacity: 0.5;
}

.likes-box a.dislike-button {
    margin-left: 5px;
}

.likes-box a i {
    font-size: 16px;
}

.addCommentAnswerButton {
    display: inline-block;
}

.editCommentAnswerButton {
    display: inline-block;
    margin-left: 20px;
}

.userVotes.message ul {
    margin: 0;
}

.userVotes.message .ajaxLoader {
    display: none;
    margin: 0 auto;
}

.full-site-banner {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: top center;
}

.sale-banner {
    text-align: center;
}

.category-page .stock-group-header .title-wrap {
    text-align: right;
}

.stock-group-header .title-wrap .title {
    display: inline-block;
}

.info-icon {
    font-size: 20px;
    color: #777;
    display: inline-block;
}

.offers-filter {
    margin: 5px 0 0 0;
    padding: 0;
    display: block;
    float: right;
    position: relative;
    display: none;
    font-size: 15px;
}

.current-category .offers-filter {
    display: block;
}

.offers-filter li {
    margin: 0;
    padding: 0 0 0 10px;
    display: inline-block;
    list-style: none;
}

.offers-filter li.active a {
    color: #6747e5;
}

div.sales-minsk {
    text-align: center;
}

#add_sale {
    display: block;
    line-height: 11px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 4px;
    width: 65px;
}

#addCommentPopupBoxContainer {
    color: #f00;
}

#descriptionText img {
    display: inline-block;
}

.sale-listbox-table {
    background-color: #e7fbf5;
}

.sale-listbox-table li {
    list-style: none outside none;
    display: block;
    margin: 0 0 20px 0;
    padding: 25px 25px 0 25px;
}

.sale-listbox-table li a img {
    display: block;
    float: left;
    margin-right: 10px;
}

.sale-listbox-table li a span {
    display: block;
    width: 100%;
}

.ya-share-block {
    float: right;
    margin-bottom: 3px;
}

.ya-share-block > span {
    display: block;
    float: left;
    line-height: 34px;
    margin-right: 10px;
    opacity: 0.55;
}

.ya-share-block > .ya-share2 {
    float: left;
}

.count-visits-label {
    float: left;
    background: url("/images/icon-views-5.png") 0 1px no-repeat;
    padding-left: 28px;
    opacity: 0.55;
    line-height: 24px;
}

.sale-relations-block-list {
    margin-top: 10px;
}

.sale-relations-block {
    display: inline-block;
    font-size: 14px;
    margin-bottom: -1px;
    margin-left: -1px;
    padding: 0;
    position: relative;
    vertical-align: top;
    width: 32%;
    padding-right: 2%;
}

.sale-relations-block:last-child {
    padding-right: 0;
}

.sale-relations-block--item {
    box-sizing: border-box;
    display: inline-block;
    font-size: 14px;
    padding: 0;
    position: relative;
    vertical-align: top;
    width: 100%;
}

.sale-relations-block--item a {
    display: block;
    position: relative;
}

.sale-relations-block:last-child {
    margin-right: 0;
}

.sale-relations-block--item .sale-list {
    margin: 0;
    padding: 0;
}

.sale-relations-block--item .sale-list li {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 49%;
    vertical-align: top;
    float: right;
}

.sale-relations-block--item .sale-list li.odd {
    float: left;
}

.sale-relations-block--item .sale-list li img {
    width: 100%;
    max-height: 138px;
}

.sale-relations-block--item .sale-list li .title {
    display: block;
    line-height: 18px;
    margin: 5px 0;
    height: 56px;
    overflow: hidden;
}

.sale-relations-block--title {
    font-size: 28px;
    line-height: 32px;
    font-family: 'SF Pro Rounded', sans-serif;
}

.sale-relations-block .sale-list--image {
    min-height: 98px;
    width: 100%;
}

.after-content-block {
    margin-top: 8px;
    background-color: #fff;
    padding: 10px !important;
}

.after-content-block .votes {
    margin-top: 0 !important;
}

.after-content-block .sale-relations-block-list {
    margin-top: 0 !important;
}

.after-content-block .comments-list {
    margin: 10px 0;
}

.saleDetail .date {
    margin-top: 10px;
}

.orderNumber img, #showTextLink img {
    display: inline-block;
}

.comments-list ul, .userVotes.message ul {
    padding-left: 75px;
}

#bottomAddVoteLink {
    display: inline-block;
    margin-left: 10px;
    text-transform: none;
    padding-left: 40px;
    padding-right: 40px;
}

#addVoteLink {
    display: inline-block;
    text-transform: none;
    vertical-align: middle;
    border-radius: 20px;
}
#addVoteLink:hover {
    background-color: #F0EDFC;
}

/* Yandex share */
.ya-share-block .ya-share2__counter {
    display: inline-block;
}

.ya-share-block .ya-share2__list_direction_horizontal > .ya-share2__item:first-child {
    border-left: 1px solid #ccc;
    padding-left: 10px;
}

.ya-share-block .ya-share2__list_direction_horizontal > .ya-share2__item {
    border-right: 1px solid #ccc;
    padding: 5px;
    text-align: center;
    vertical-align: top;
}

.ya-share-block .ya-share2__container_size_m .ya-share2__icon {
    width: 24px;
    height: 24px;
}

.ya-share-block .ya-share2__container_size_m .ya-share2__icon:before {
    font-family: 'Slivki-Icons';
    font-size: 22px;
}

.ya-share-block .ya-share2__badge {
    background-color: transparent !important;
    color: #929292;
}

.ya-share-block .ya-share2__container_size_m .ya-share2__counter {
    line-height: 24px;
}

.ya-share-block .ya-share2__container_size_m .ya-share2__item_service_vkontakte .ya-share2__icon:before {
    content: '\f189';
}

.ya-share-block .ya-share2__container_size_m .ya-share2__item_service_facebook .ya-share2__icon:before {
    content: '\f09a';
}

.ya-share-block .ya-share2__container_size_m .ya-share2__item_service_odnoklassniki .ya-share2__icon:before {
    content: '\f263';
}

.ya-share-block .ya-share2__container_size_m .ya-share2__item_service_twitter .ya-share2__icon:before {
    content: '\f099';
}

.ya-share-block .ya-share2__container_size_m .ya-share2__item_service_viber .ya-share2__icon:before {
    content: '\e80e';
}

.ya-share-block .ya-share2__container_size_m .ya-share2__item_service_vkontakte a:hover .ya-share2__icon {
    color: #45668e;
}

.ya-share-block .ya-share2__container_size_m .ya-share2__item_service_facebook a:hover .ya-share2__icon {
    color: #3b5998;
}

.ya-share-block .ya-share2__container_size_m .ya-share2__item_service_odnoklassniki a:hover .ya-share2__icon {
    color: #ed812b;
}

.ya-share-block .ya-share2__container_size_m .ya-share2__item_service_twitter a:hover .ya-share2__icon {
    color: #00aced;
}

.ya-share-block .ya-share2__container_size_m .ya-share2__item_service_viber a:hover .ya-share2__icon {
    color: #59267c;
}

#modal_phone_code .field {
    font-size: 16px;
}

/* Top menu */
.header--top-menu-wrapper {
    margin: -1px 0 0 0;
    background-color: #363636;
    height: 27px;
}

#headerTopMenuWrap {
    height: 26px;
    overflow: hidden;
}

.header--top-menu-wrapper ul {
    padding: 0 10px;
    height: 27px;
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
    width: 100%;
    display: block;
    margin: -1px 0 0 0;
    box-sizing: border-box;
    background: #363636;
    position: relative;
    float: left;
}

.header--top-menu2-wrapper {
    background-color: transparent;
    visibility: hidden;
    height: 0;
    margin-top: -1px;
}

.header--top-menu2-wrapper.expanded {
    visibility: visible;
    -webkit-animation-name: fade-in;
    animation-name: fade-in;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    height: auto;
}

.header--top-menu2-wrapper .container {
    background-color: #363636;
    padding-left: 0 !important;
    padding-right: 0 !important;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.5);
}

.header--top-menu2-wrapper ul {
    margin: 0;
    padding: 10px;
    box-sizing: border-box;
    background: #363636;
    text-align: left;
    width: 100%;
    display: block;
}

.header--top-menu-wrapper ul li {
    list-style: none;
    display: inline-block;
    text-align: left;
    position: relative;
    text-indent: 0;
    line-height: 29px;
    white-space: nowrap;
}

#top-menu-hidden {
    display: block;
    visibility: hidden;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: -9999
}

#top-menu-hidden li {
    list-style: none;
    display: inline-block;
    margin-right: 15px;
    position: relative;
    text-indent: 0;
    line-height: 29px;
    white-space: nowrap;
}

.header--top-menu2-wrapper ul li {
    background: #363636;
    list-style: none;
    display: block;
    margin: 0;
}

.header--top-menu-wrapper ul li:last-child {
    visibility: hidden;
    width: 100%;
}

.header--top-menu-wrapper ul li a,
.header--top-menu2-wrapper ul li a {
    position: relative;
    text-decoration: none;
    font-size: 16px;
    color: #fff;
    display: inline-block;
    -moz-transition-property: none;
    -webkit-transition-property: none;
    -o-transition-property: none;
    transition-property: none;
    white-space: nowrap;
}

.header--top-menu-wrapper ul li a:hover,
.header--top-menu2-wrapper ul li a:hover {
    color: #3de2a0;
}

.header--top-menu-wrapper .more-li {
    margin-right: 0;
    line-height: 25px;
}

.header--top-menu-wrapper .more-li.expanded {
    background: #363636;
}

.header--top-menu-wrapper .more-li.expanded a {
    color: #fff;
}

.header--top-menu-wrapper .more-li.expanded a:hover {
    color: #6747e5;
}

.header--top-menu-wrapper .more {
    position: relative;
}

.novetly-label {
    background-color: #fca94b;
    font-family: 'SF Pro Rounded';
    color: black;
    font-size: 8px !important;
    padding: 2px;
    position: absolute;
    top: -8px;
    right: -15px;
    line-height: 9px;
    letter-spacing: 1px;
    text-align: center;
    font-weight: bold;
    z-index: 2;
    border-radius: 2px;
}

.novetly-label:before {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 4px 8px 0px 0;
    border-color: transparent #fca94b transparent transparent;
    position: absolute;
    content: '';
    bottom: 0;
    left: -7px;
}

.visited-li a {
    background-image: url('/images/visited_offers.png?v=4');
    background-size: 28px;
    width: 28px;
    background-position: 0 -4px;
    background-repeat: no-repeat;
}

.visited-li a:hover {
    background-position: 0 -32px;
}

/* Gifts */
div.content--main.gift-header {
    background-color: #f4f4f4;
    padding: 0 !important;
    margin-top: 18px;
    border-radius: 12px;
}

.gift-header .title {
    color: #f93ab1;
    font-size: 26px;
    float: left;
    font-family: 'MullerNarrow-ExtraBold', sans-serif;
    padding-bottom: 8px;
}

.gift-header .title span {
    display: block;
    font-size: 13px;
    color: #333;
    letter-spacing: -0.4px;
    line-height: 16px;
}

.gift-list-box {
    padding: 0;
    margin: 0;
}

.gift--search-block {
    float: right;
    position: relative;
}

.gift-searchbox {
    height: 40px;
    width: 500px;
    padding-right: 50px;
    padding-left: 10px;
    font-size: 16px;
}

.gift-searchbox::-webkit-input-placeholder {
    color: #3de089 !important;
}

.gift-searchbox::-moz-placeholder {
    color: #3de089 !important;
}

.gift-searchbox:-moz-placeholder {
    color: #3de089 !important;
}

.gift-searchbox:-ms-input-placeholder {
    color: #3de089 !important;
}

.gift-searchbox-submit {
    width: 24px;
    height: 24px;
    background: url('/images/search-button-24x24.png') no-repeat;
    position: absolute;
    top: 8px;
    right: 8px;
}

.gift-searchbox-submit:hover {
    background-position: center bottom;
}

.gift-item {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
    width: 25%;
    border: 1px solid #eee;
    padding: 5px;
    margin: 0;
    list-style: none;
    position: relative;
}

.gift-item .discount-label {
    background-color: #0cf092;
    color: #fff;
    font-weight: bold;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
    padding: 2px 6px;
}

.gift-item .supplier-logo {
    background-color: #eee;
    color: #000;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 0px;
    font-size: 12px;
    padding: 2px 6px;
}

.gift-item .title {
    font-size: 14px;
    padding: 5px 0;
}

.gift-item .bottom {
    display: table;
}

.gift-item .price {
    font-size: 18px;
    display: table-cell;
    width: 100%;
    vertical-align: top;
}

.gift-item .price sup {
    top: -0.3em;
}

.gift-item .new-price {
    font-weight: bold;
    padding-bottom: 3px;
}

.gift-item .old-price {
    color: #ccc;
    display: inline;
    padding-top: 2px;
}

.gift-item .link-wrapper {
    display: table-cell;
    width: 42px;
    vertical-align: top;
}

.gift-item .link-wrapper a {
    display: block;
    width: 42px;
    height: 42px;
    background: url('/images/right-arrow-42x42.png') no-repeat;
    text-decoration: none;
    -moz-transition-property: none;
    -webkit-transition-property: none;
    -o-transition-property: none;
    transition-property: none;
}

.gift-item .link-wrapper a:hover {
    background-position: center bottom;
}

.gift-menu {
    background: #fff;
    position: relative;
    margin-bottom: 10px;
    display: inline-block;
}

.gift--select-button {
    float: right;
    width: 80px;
    padding: 0;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
}

.gift-price-menu {
    text-align: center;
}

.gift-price-menu input {
    display: inline-block;
    width: 25px;
    margin: 5px;
    color: #737373;
    border: 1px solid #737373;
    width: 46px;
    padding: 5px;
}

.gift-menu-link {
    float: left;
    width: 130px;
    line-height: 34px;
    height: 34px;
    padding-left: 10px;
    position: relative;
    font-size: 14px;
    color: #888;
    cursor: pointer;
    border-right: 2px solid #eee;
    border-top: 2px solid #eee;
    border-bottom: 2px solid #eee;
}

.gift-menu-link.gift-categories-link {
    border-left: 2px solid #eee;
    width: 170px;
}

.gift-menu-link:after {
    font-family: 'Slivki-Icons';
    content: '\f107';
    position: absolute;
    right: 15px;
}

.gift-menu-link.active:after {
    content: '\f106';
}

.gift-menu-block {
    position: absolute;
    left: 2px;
    top: 34px;
    width: 140px;
    font-size: 12px;
    z-index: 2;
    background: #fff;
    border-top: none;
    display: none;
    -webkit-box-shadow: 2px 3px 2px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 2px 3px 2px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 2px 3px 2px 0px rgba(0, 0, 0, 0.75);
    text-transform: uppercase;
}

.gift-menu-block.expanded {
    display: block;
}

.gift-categories-menu {
    width: 180px;
}

.gift-price-menu {
    left: 184px;
}

.gift-menu-link.gift-suppliers-link {
    width: 160px;
}

.gift-menu-suppliers {
    left: 326px;
    width: 170px;
}

.gift-categories-menu ul {
    margin: 10px;
    padding: 0;
    float: left;
}

.gift-categories-menu ul li {
    list-style: none;
    margin-bottom: 5px;
}

.gift-menu-suppliers ul li:first-child {
    font-weight: normal;
    padding-bottom: 0;
}

.gift-categories-menu input {
    margin-right: 5px;
}

.installment-teaser {
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    width: 25%;
    border: 1px solid #eee;
    padding: 5px;
    margin: 0;
    list-style: none;
    position: relative;
}

.installment-teaser .image {
    width: 100%;
    height: 150px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
}

.installment-teaser > strong {
    display: block;
    height: 44px;
    overflow: hidden;
    font-weight: bold;
}

.installment-teaser > u {
    display: block;
    text-decoration: none;
    font-weight: normal;
    color: #ccc;
}

.installment-teaser > em {
    display: block;
    font-style: normal;
    margin-bottom: 6px;
}

.installment-teaser--label {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #16a53f;
    color: #fff;
    width: 100%;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
    line-height: initial;
    padding: 1px 0;
}

.installment-teaser--label.no-first-payment {
    background-color: #fb0063;
}

.installment-teaser .supplier-logo {
    background-color: #eee;
    position: absolute;
    right: 0;
    top: 0;
}

.installment-title {
    font-size: 14px;
    line-height: initial;
    margin-top: 10px;
}

#searchResultPartnerOffers .stock-group-item {
    height: auto;
    min-height: 0;
}

#searchResultPartnerOffers .teasers-line > .stock-group-gift-item {
    border: 1px solid #eee;
}

.gift-new-price {
    font-weight: bold;
    display: block;
}

.gift-old-price {
    display: block;
    text-decoration: line-through;
}

#termsOfPromotion {
    height: 100px;
}

#parnterOffersTopLine {
    background-color: #d5fbf1;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    margin-bottom: 10px;
}

#parnterOffersTopLine .sort-block {
    float: left;
}

.gift-item .image {
    height: 150px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.gift-watermark {
    position: absolute;
    bottom: 5px;
    right: 5px;
    width: 59px;
    height: 20px;
    background: url('/images/gift-image-watermark.png') no-repeat;
}

.comment-banner-rotation {
    display: none;
}

#add_stock {
    margin-left: 2px;
}

@-webkit-keyframes blink-animation {
    0% {
        background-color: #6747e5;
    }
    25% {
        background-color: #ffffff;
    }
    50% {
        background-color: #6747e5;
    }
    75% {
        background-color: #ffffff;
    }
    100% {
        background-color: #6747e5;
    }
}

@-webkit-keyframes menu-drop-down {
    0% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes menu-drop-down {
    0% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes fade-in {
    0% {
        opacity: .1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
        filter: alpha(opacity=10)
    }
    to {
        opacity: 1;
        -ms-filter: none;
        filter: none
    }
}

@keyframes fade-in {
    0% {
        opacity: .1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
        filter: alpha(opacity=10)
    }
    to {
        opacity: 1;
        -ms-filter: none;
        filter: none
    }
}

.companies-ranking {
    color: #333;
    padding: 5px 10px 5px 5px;
    position: relative;
}

.companies-ranking--title, .companies-ranking--title a {
    font-family: 'SF Pro Rounded';
    text-align: left;
    font-weight: 700;
    font-size: 18px !important;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
}

.companies-ranking a {
    font-family: 'SF Pro Rounded';
    font-size: 14px;
    color: #333;
}

.companies-ranking a:hover,
.companies-ranking a.active {
    color: #6747E5;
}

.offer-ranking--body {
    table-layout: fixed;
    width: 100%;
}

.companies-ranking--body td {
    font-size: 14px;
    padding: 1px 0;
}

.companies-ranking--body td.by-rating-link {
    border-left: 1px solid #fff;
}

.company-rating-carousel-wrap {
    position: relative;
    width: 100%;
}

.company-rating-carousel {
    position: relative;
    width: 98%;
    margin: 0 auto;
}

.company-rating-carousel .slick-slide {
    outline: none !important;
}

.company-rating-carousel .slick-prev,
.company-rating-carousel .slick-next {
    font-size: 18px;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;
    cursor: pointer;
    color: #333;
    border: none;
    outline: none;
    background: transparent;
}

.company-rating-carousel .slick-prev {
    left: -20px;
}

.company-rating-carousel .slick-next {
    right: -20px;
}

.company-rating-carousel .slick-disabled {
    visibility: hidden;
}

#ratingCompaniesList .rating-sort-mode--body > li {
    line-height: 26px;
    padding-left: 8px;
}

#ratingCompaniesList .rating-sort-mode--body > li:first-child {
    padding-left: 0;
    border-left: none;
}

a.company-rating-carousel-control-prev,
a.company-rating-carousel-control-next {
    position: absolute;
    top: 50%;
    margin-top: -14px;
    width: 30px;
    height: 48px;
    text-align: center;
    color: #000 !important;
    text-decoration: none;
    font-size: 24px;
}

.company-rating-carousel-control-prev {
    left: -15px;
}

.company-rating-carousel-control-prev.inactive,
.company-rating-carousel-control-next.inactive {
    display: none;
}

.company-rating-carousel-control-next {
    right: -15px;
}

.salons-and-services {
    position: relative;
    font-size: 14px;
    background-color: #363636;
    margin: 0 -20px;
}

.salons-and-services--item {
    display: inline-block;
}

.salons-and-services--item > a {
    position: relative;
    color: #fff;
    line-height: 34px;
    height: 34px;
    display: inline;
    padding: 0 5px 5px 5px;
    font-size: 16px;
}

.salons-and-services .novetly-label {
    top: -13px;
    right: 20px;
}

.salons-and-services a.add-own-offer {
    color: #6747e5;
    float: right;
}

.salons-and-services--item > a.active {
    z-index: 5;
}

.salons-and-services--item > a.active i {
    visibility: hidden;
}

.salons-and-services--item > div {
    position: absolute;
    top: 34px;
    left: 0;
    background-color: #fff;
    z-index: 4;
    display: none;
    -webkit-box-shadow: 0px 0px 20px 1px #666666;
    -moz-box-shadow: 0px 0px 20px 1px #666666;
    box-shadow: 0px 0px 20px 1px #666666;
    padding: 5px 0;
}

.salons-and-services--item > div.active {
    display: block;
}

.salons-and-services--item:hover > div,
.salons-and-services--item:focus > div {
    display: block;
}

.salons-and-services--item > div a {
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
    float: left;
    overflow: hidden;
    line-height: 22px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 32px;
    position: relative;
    white-space: nowrap;
}

.salons-and-services--item > div a.active {
    background-image: url('/images/check-mark-3-32.png');
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: 12px 3px;
}

.salons-and-services--item > div a em {
    display: inline-block;
    max-width: 90%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-style: normal;
}

.salons-and-services--item > div a span {
    color: #5cb85c;
    font-size: 9px;
    top: -4px;
    left: 2px;
    position: relative;
    vertical-align: top;
}

.salons-and-services--item ul {
    padding: 0;
    margin: 0;
    width: 20%;
    float: left;
    display: block;
}

.salons-and-services--item ul li {
    width: 100%;
    display: block;
    list-style: none;
}

#showAllRanking {
    display: inline-flex;
    border-radius: 10px;
    margin-left: 20px;
    padding: 0px 47px;
    background: #FFFFFF;
    border: 1px solid #ECECEC;
    -webkit-box-shadow: 0px 3px 3px -1px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 3px 3px -1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 3px -1px rgb(0 0 0 / 10%);
    color: #686161;
    line-height: unset;
    transition-duration: 100ms;
}

#showAllRanking .fa {
    color: #6747E5;
    transform: rotate(270deg);
    padding-right: 2px;
    padding-top: 5px;
    opacity: 0.6;
}

#showAllRanking:hover {
    background: #F0EDFC;
    color: #000000;
    -webkit-box-shadow: 0px 3px 3px -1px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0px 3px 3px -1px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 3px 3px -1px rgb(0 0 0 / 30%);
    transition-duration: 100ms;
}

#showAllRanking:hover .fa {
    opacity: 1;
}

.companies-ranking--body td.by-sales {
    font-size: 14px;
    background: url(/images/family-sub-member.svg) no-repeat 13px 2px/17px 17px;
    padding-left: 35px;
    width: 25%;
}

.companies-ranking--body td.by-rating {
    font-size: 14px;
    background: url('/images/raiting-star.svg') no-repeat 13px 3px;
    padding-left: 31px;
    width: 21%;
}

#ratingCompaniesList .filter {
    position: absolute;
    right: 0;
    top: 15px;
    text-align: right;
    display: none;
}

#ratingCompaniesList .filter a {
    font-size: 16px;
}

#ratingCompaniesList .filter div {
    display: inline-block;
}

#ratingCompaniesList .by-rating-link {
    padding-right: 0px;
}

#ratingCompaniesList ul {
    padding: 0;
    margin: 0;
}

#ratingCompaniesList > ul > li {
    width: 33.33%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
}

#ratingCompaniesList li {
    font-size: 14px;
    font-family: 'SF Pro Rounded';
    padding: 0;
    margin: 0;
    list-style: none;
    float: left;
    position: relative;
    width: 100%;
    padding-left: 2px;
}

.rating-sort-mode--body > li {
    width: 33.2%;
}

#ratingCompaniesList li > a {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 50%;
    vertical-align: middle;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 10px;
}

#ratingCompaniesList li em, #ratingCompaniesList li u {
    padding-left: 16px;
    text-decoration: none;
    font-style: normal;
    overflow: hidden;
    display: block;
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: -4px;
}

#ratingCompaniesList li em {
    padding-left: 19px;
    background: url(/images/family-sub-member.svg) no-repeat 0px 5px/17px 17px;
    width: 25%;
}

#ratingCompaniesList li u {
    background: url('/images/raiting-star.svg') no-repeat 0px 5px;
    width: 21%;
}

.companies-ranking--body td .ellipsis {

    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#contentContainer {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-top: 1px;
    position: -webkit-sticky;
}

#contentContainer.w-100 {
    max-width: none;
}

#subscribeForm {
    display: block;
    background-color: #363636;
}

#subscribeForm ul {
    display: table;
    margin: 0;
    padding: 0;
    width: 100%;
}

#subscribeForm ul li {
    display: table-cell;
    list-style: none;
    margin: 0;
    padding: 10px 5px;
    color: #fff;
    vertical-align: middle;
    line-height: 20px;
    text-align: left;
}

#subscribeForm ul li:first-child {
    padding-left: 10px;
    width: 33px;
}

#subscribeForm ul li:last-child {
    padding-right: 10px;
}

#subscriberFormEmail {
    width: 150px;
    height: 16px;
    font-size: 14px;
    line-height: 20px;
    outline: medium none;
    padding: 8px 12px;
    color: #363636;
    transition-property: none;
}

#subscribeForm button {
    height: 32px;
    padding: 0 10px;
    line-height: 32px;
}

.stock-group-list a.expanderBox, a.reducerBox, a#loadMoreCategoriesButton, .button--white, #sidebarShowMore {
    font-size: 19px;
    -o-transition: none;
    color: white;
    background: #6747E5;
    border-radius: 40px;
    display: flex;
    padding: 0.5rem;
    max-width: 27rem;
    margin: 1rem auto 2rem auto;
    justify-content: center;
    font-family: 'SF Pro Rounded', sans-serif;
}

#loadMoreCategoriesButtonWrap {
    position: absolute;
    left: 0;
    background: #fff;
    margin-top: -5px;
    padding: 10px;
}

#loadMoreCategoriesButtonBg {
    height: 70px;
}

a#loadMoreCategoriesButton {
    color: #fff !important;
    font-size: 19px !important;
    margin: 0 auto !important;
    background: #6747E5 !important;
    border-radius: 40px !important;
    display: flex;
    padding: 0.5rem;
    width: 30rem !important;
    justify-content: center !important;
    font-family: 'SF Pro Rounded', sans-serif;
}

a#loadMoreCategoriesButton img {
    display: inline-block;
}

.top-content-block .content--main {
    height: 190px;
    padding-top: 4px !important;
}

.top-content-block .content--aside {
    height: 190px;
    background: #fff;
    text-align: center;
    font-size: 18px;
    padding: 10px;
    border-radius: 12px;
}

#sidebarBannerCarousel,
#sidebarBannerCarousel .slick-track,
#sidebarBannerCarousel > div,
#sidebarBannerCarousel > div > a {
    height: 100%;
}

#sidebarBannerCarousel {
    overflow: hidden;
}

#sidebarBannerCarousel .slick-slide {
    min-height: 100%;
}

#sidebarBannerCarousel .slick-dots {
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: -8px;
    width: 100%;
    text-align: center;
}

#sidebarBannerCarousel .slick-dots button {
    width: 10px !important;
    height: 10px !important;
}

#sidebarBannerCarousel .slick-dots li,
.sale-description-carousel .slick-dots li {
    display: inline-block;
    list-style: none;
    margin-right: 3px;
}

#sidebarBannerCarousel .slick-dots button,
.sale-description-carousel .slick-dots button {
    text-indent: -9999px;
    width: 12px;
    height: 12px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #aaaaaa;
    border: none;
}

#sidebarBannerCarousel .slick-dots .slick-active button,
.sale-description-carousel .slick-dots .slick-active button {
    background-color: #6747E5;
}

#sidebarBannerCarousel .last-purchases-item ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#sidebarBannerCarousel .last-purchases-item {
    text-align: left;
}

#sidebarBannerCarousel .last-purchases-item em {
    font-style: normal;
    font-weight: bold;
}

#sidebarBannerCarousel .last-purchases-item ul li {
    margin: 5px 0 0 0;
    padding: 0;
    font-size: 14px;
    display: none;
    height: 31px;
}

#sidebarBannerCarousel .last-purchases-item ul li:nth-last-child(-n+4) {
    display: block;
}

#sidebarBannerCarousel .last-purchases-item ul li a {
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
}

#sidebarBannerCarousel .last-purchases-item ul li a em {
    display: block;
    font-weight: normal;
    color: #6747e5;
    height: 15px;
    float: right;
}

.top-content-block .content--aside a {
    text-decoration: none;
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    border-radius: 12px;
    background-repeat: no-repeat;
    background-position: center center;
}

.top-content-block .content--aside a span {
    position: absolute;
    display: block;
    bottom: 0px;
    text-align: center;
    font-family: 'SF Pro Rounded', sans-serif;;
    width: 100%;
    font-size: 26px;
    color: #b00004;
    overflow: visible;
    line-height: 30px;
}

.content-block-title {
    text-align: center;
    color: #6747E5;
    font-family: 'SF Pro Rounded', sans-serif;;
    font-size: 25px;
    line-height: normal;
    margin: 20px 0 -30px 0;
}

.content-block-title h1 {
    display: inline;
    font-size: 25px;
    color: #6747E5;
}

.tooltip {
    font-size: 14px;
}

.current-category .stock-group-header .title-wrap {
    position: fixed;
    top: 76px;
    z-index: 11;
    background-color: #fff;
    -webkit-box-shadow: 0px 3px 3px -1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 3px 3px -1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 3px -1px rgba(0, 0, 0, 0.1);
}

.stock-group-header-top-text {
    font-weight: bold;
    color: #FF5600;
    font-size: 16px;
}

#sidebarShowMoreWrap {
    position: absolute;
    bottom: 0;
    height: 70px;
    width: 100%;
    display: none;
    background: #fff;
    text-align: center;
    z-index: 2;
}

#sidebarShowMoreWrap.active {
    display: block;
}

#sidebarShowMore {
    margin: 10px auto;
    width: 250px;
    color: white !important;
    text-transform: none;
    padding: 9px;
}

.get-gas-station-code-block {
    font-size: 16px;
}

.get-gas-station-code-block a.back-to-main {
    display: block;
    margin-bottom: 20px;
}

.get-gas-station-code-block .row {
    padding-bottom: 5px;
}

.get-gas-station-code-block form {
    margin-top: 20px;
}

.get-gas-station-code-block form button {
    margin-top: 15px;
}

.get-gas-station-code-block label {
    display: inline-block;
    width: 175px;
}

.get-gas-station-code-block .result {
    display: none;
    padding: 10px 0;
}

#gasStationCarNumber {
    width: 85px;
    height: 32px;
    background: url(/images/by_car_number_icon.jpg) no-repeat 3px 0;
    padding-left: 22px;
    background-size: contain;
    border-color: #000;
}

#gasStationCarNumber + span {
    color: #888;
}

#gasStationPhoneNumber {
    height: 32px;
    width: 175px;
    border-color: #000;
}

#gasStationCarModel {
    height: 32px;
    width: 200px;
    border-color: #000;
}

#gasStationCodeNumber {
    font-weight: bold;
    font-size: 20px;
}

.or-select {
    float: right;
    color: #fff;
    padding-right: 10px;
    padding-top: 9px;
}

.car-number-hint {
    font-size: 10px;
    margin-left: 178px;
    color: #888;
}

.stock-information .add-to-favourite-btn {
    cursor: pointer;
    margin: -20px 0 10px 0;
    background: url("/images/term-note-sprite.png?v=1") no-repeat scroll 1px -17px;
    padding-left: 20px;
}

.stock-information .add-to-favourite-btn.is-favorite {
    background-position: 1px -66px;
}

.jcarousel-wrapper {
    margin: 20px auto;
    position: relative;
    background: #292929;
    border-top: 10px solid #292929;
    border-bottom: 10px solid #292929;
    border-left: 40px solid #292929;
    border-right: 40px solid #292929;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-height: 100px;
}

.jcarousel {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    background: #292929;
}

.jcarousel li {
    width: 200px;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.jcarousel li .showCommentMediaPopup {
    position: relative;
    display: block;
    cursor: pointer;
}

.jcarousel li .add-comment {
    position: relative;
    display: table;
    cursor: pointer;
    color: #fff;
    border: 3px dashed #fff;
    width: 180px;
    height: 180px;
    padding: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    margin: 0 auto;
}

.jcarousel li .add-comment span {
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
    line-height: 22px;
}

.jcarousel li .showCommentMediaPopup .caption {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    visibility: hidden;
    opacity: 0;
    text-align: center;
    font-size: 16px;
    line-height: 22px;
    width: 160px;
    height: 160px;
    padding: 10px;
}

.jcarousel li .showCommentMediaPopup .caption--text {
    text-align: center;
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    overflow: hidden;
}

.jcarousel li .showCommentMediaPopup:hover .caption {
    visibility: visible;
    opacity: 1;
}

.jcarousel li .showCommentMediaPopup .img {
    display: block;
    max-width: 100%;
    /* height: auto !important; */
    width: 180px;
    height: 180px;
    margin: 0 auto;
    background-size: cover;
    background-color: #aaa;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 12px;
}

.jcarousel li .showCommentMediaPopup .comment {
    display: none;
}

.jcarousel-control-prev,
.jcarousel-control-next,
.popup-jcarousel-control-prev,
.popup-jcarousel-control-next {
    position: absolute;
    top: 50%;
    margin-top: -24px;
    width: 30px;
    height: 48px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    font: 48px/38px Arial, sans-serif;
}

.jcarousel-control-prev,
.popup-jcarousel-control-prev {
    left: -35px;
}

.jcarousel-control-next,
.popup-jcarousel-control-next {
    right: -35px;
}

#commentMediaBlockPopup .modal-content {
    padding: 0;
}

#commentMediaBlockPopup .rating--stars li span {
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(/images/star-128.png);
    background-size: 20px;
    margin: 5px 5px;
}

#commentMediaBlockPopup .modal-content .img {
    width: 310px;
    height: 393px;
    float: left;
    background-size: cover;
    background-color: #292929;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 14px;
}

#commentMediaBlockPopup .modal-content .comment {
    float: right;
    width: 300px;
    padding: 15px;
    position: relative;
    overflow: hidden;
}

#commentMediaBlockPopup .comment--user-avatar {
    width: 60px;
    height: 60px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    float: left;
    margin-right: 10px;
    background-size: contain;
}

.comment--user-name {
    font-size: 20px;
    color: #000;
    padding-top: 6px;
}

.comment--text-block {
    height: 236px;
    font-size: 16px;
    overflow: auto;
    line-height: 23px;
}

#commentButtonsBlock {
    font-size: 16px;
    justify-content: flex-end;
    margin-top: 12px;
}

.votes .jcarousel li .showCommentMediaPopup .img {
    width: 120px;
    height: 120px;
}

.votes .jcarousel li .showCommentMediaPopup .caption {
    width: 110px;
    height: 110px;
    font-size: 12px;
    line-height: 16px;
}

.votes .jcarousel li .add-comment {
    height: 120px;
    width: 120px;
}

.votes .jcarousel li .add-comment span {
    font-size: 12px;
    line-height: 16px;
}

#contentLoading {
    margin: 0 auto;
}

.add-offer-comment-link {
    text-align: center;
    margin: 15px 0;
}

.gift-load-button {
    margin: 20px 0;
    text-align: center;
}

#giftLoading {
    display: none;
    margin: 0 auto;
}

.big-numbers {
    font-weight: bold !important;
    font-size: 24px !important;;
}

.empty-placeholer {
    box-shadow: none !important;
}

.distance .ajaxLoader {
    margin: 0;
}

.distance .slivki-icon-direction:before {
    margin-right: 0;
}

.width100 {
    width: 100% !important;
}

#buyFromCondition {
    color: #fff;
    padding: 10px 0;
}

.track-tooltip span {
    display: none;
}

.track-tooltip:hover span {
    display: block;
    position: fixed;
    overflow: hidden;
    background: #666;
    color: #fff;
    padding: 0 15px;
    z-index: 10;
    line-height: 24px;
    font-size: 14px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.offer-details-map {
    width: 100%;
    position: relative;
    height: 100px;
}

.button--map-collapse {
    position: absolute;
    top: 10px;
    right: 10px;
    text-transform: none;
    z-index: 2;
}

.__2.teasers-line {
    height: 400px;
    max-height: 401px;
    overflow: hidden;
}

.__2.teasers-line.custom,
.__2.teasers-line.custom .stock-group-item {
    max-height: 471px;
    height: 470px;
}

.__2 .stock-group-item {
    height: 390px;
    min-height: 390px;
    width: 50%;
    font-size: 18px;
}

.__2 .stock-group-item .image img {
    height: 238px !important;
}

.__2 .stock-group-item.cellBannerContainer img {
    width: 100%;
    height: 380px;
}

.__2 .stock-group-item .title {
    font-size: 18px;
    height: 68px;
    max-height: 68px;
}

.__2 .stock-group-item .address {
    font-size: 16px;
}

.__2 .stock-group-item .bottom .bottom-time-left {
    font-size: 16px;
}

.__2 .stock-group-item .top-code {
    font-size: 16px;
}

.__2 div.info-line {
    height: 40px;
    line-height: 36px;
    font-size: 20px;
}

.error-page-img {
    margin: 20px auto;
    height: 200px;
}

.error-page-text {
    font-size: 16px;
    text-align: center;
    margin: 30px 0;
}

.switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 17px;
    vertical-align: -2px;
    margin: 0 10px;
}

.switch input {
    display: none;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 2px solid #eee;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 13px;
    width: 13px;
    left: 0px;
    bottom: 0px;
    background-color: #6747e5;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider:before {
    -webkit-transform: translateX(13px);
    -ms-transform: translateX(13px);
    transform: translateX(13px);
}

.slider.round {
    border-radius: 17px;
}

.slider.round:before {
    border-radius: 50%;
}

.gift-installment-switch {
    font-family: Helvetica, Arial, sans-serif;
    display: inline-block;
    vertical-align: top;
    float: right;
    margin-top: 15px;
}

.gift-installment-switch a {
    font-size: 16px !important;
}

.gift-installment-switch a.active {
    color: #6747e5;
    border-bottom: 1px solid #6747e5;
}

#partnerOffersFilterButton {
    margin-top: 10px;
    margin-left: 10px;
    float: left;
}

.price-input {
    width: 49%;
}

.past-offers-list .stock-group-item {
    width: 25%;
}

.gifts-main-content {
    margin-top: -6px !important;
}

.search-result-content {
    margin-top: 11px;
}

.search-title.search-next {
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: -8px;
}

.offer-details-geolocation-title {
    margin-top: 20px;
}

.offer-description .offer-details-geolocation-item a,
.offer-description .offer-details-geolocation-item a:hover {
    text-decoration: none;
    color: #333;
}

.offer-description .text-bold {
    font-weight: bold !important;
}

#offerLocation .distance i {
    float: left;
}

.offer-description .distance {
    margin-bottom: 10px;
}

.offer-description .distance .ajaxLoader {
    position: relative;
    bottom: -4px;
}

#deleteCommentConfirmPopup .modal-title,
#deleteCommentConfirmPopup .modal-body {
    margin-bottom: 15px;
}

#deleteCommentConfirmPopup .buttons {
    text-align: center;
}

#slivkiConfirmPopup.new .modal-title,
#slivkiConfirmPopupLimit.new .modal-title,
#slivkiConfirmPopupUnscribed.new .modal-title {
    background-color: transparent;
}

#slivkiConfirmPopup.new .modal-content,
#slivkiConfirmPopupLimit.new .modal-content,
#slivkiConfirmPopupUnscribed.new .modal-content {
    border-radius: 16px;
}

#slivkiConfirmPopup.new .modal-footer button,
#slivkiConfirmPopupLimit.new .modal-footer button,
#slivkiConfirmPopupUnscribed.new .modal-footer button {
    color: #fff !important;
    background-color: #6747e5;
}
#slivkiConfirmPopup.new .modal-footer button:hover,
#slivkiConfirmPopupLimit.new .modal-footer button:hover,
#slivkiConfirmPopupUnscribed.new .modal-footer button:hover {
    color: #333!important;
}
#slivkiConfirmPopup.new .modal-body,
#slivkiConfirmPopupLimit.new .modal-body,
#slivkiConfirmPopupUnscribed.new .modal-body {
    padding: 32px 16px;
    font-family: "SF Pro Rounded";
    font-size: 18px;
    line-height: 27px;
    text-align: center;
}

#slivkiConfirmPopup.new .modal-body strong,
#slivkiConfirmPopupLimit.new .modal-body strong,
#slivkiConfirmPopupUnscribed.new .modal-body strong {
    font-family: "SF Pro Rounded Bold";
}

#slivkiConfirmPopup.new .modal-footer,
#slivkiConfirmPopupLimit.new .modal-footer,
#slivkiConfirmPopupUnscribed.new .modal-footer {
    padding-bottom: 18px;
}

#slivkiConfirmPopup.new.modal-small .modal-dialog,
#slivkiConfirmPopupLimit.new.modal-small .modal-dialog,
#slivkiConfirmPopupUnscribed.new.modal-small .modal-dialog {
    width: 355px;
}

.modal-small-popup {
    width: 420px;
}

#slivkiConfirmPopup.new.modal-small .modal-footer,
#slivkiConfirmPopupLimit.new.modal-small .modal-footer,
#slivkiConfirmPopupUnscribed.new.modal-small .modal-footer {
    padding: 16px;
}

#slivkiConfirmPopup.new.modal-small .modal-footer button,
#slivkiConfirmPopupLimit.new.modal-small .modal-footer button,
#slivkiConfirmPopupUnscribed.new.modal-small .modal-footer button {
    font-family: "SF Pro Rounded Bold";
    width: 100%;
    line-height: 28px;
    border: 2px solid #6747e5;
    border-radius: 14px;
}

#slivkiConfirmPopup.new #slivkiConfirmPopupBtnNo,
#slivkiConfirmPopupLimit.new #slivkiConfirmPopupBtnYes,
#slivkiConfirmPopupUnscribed.new #slivkiConfirmPopupBtnNo {
    margin-top: 13px;
    background-color: #fff !important;
    color: #6747e5 !important;
}

#slivkiConfirmPopup.new .close,
#slivkiConfirmPopupLimit.new .close,
#slivkiConfirmPopupUnscribed.new .close {
    top: 10px;
    right: 10px;
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: center;
}

/* sidebar filter */
.sidebar-filter {
    padding: 10px;
    min-height: 1000px;
}

.sidebar-filter--title {
    font-family: 'SF Pro Rounded', sans-serif;
    font-size: 24px;
    margin-bottom: 5px;
}

.sidebar-filter--parameters,
.sidebar-filter .parameter-list ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.sidebar-filter--parameters li {
    display: inline-block;
    background-color: #f2f2f2;
    color: #7f7f7f;
    padding: 5px 15px;
    margin: 5px 10px 5px 0;
    vertical-align: middle;
}

.sidebar-filter--parameters li a {
    display: inline-block;
    margin-left: 10px;
    width: 16px;
    height: 16px;
    font-size: 10px;
    background-size: contain;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAD6UlEQVR42u2di00kQQxEmwhIBTIgEyYEQiGEIxMygFTI4KYkRgL2Nx93u2zXk0a6k04ru+pJtzvTq71rojR33gMIXyRAcSRAcSRAcSRAcSRAcSRAcSRAcSRAcSRAcSRAcSRAcSRAcSRAcSRAcSwFuJ+v9/l6na8378WS8jxfL/P1NF9fFi9oJcBS/sP336cmCaxB+f++//zZjCSwEOBv+QtTkwRW/Cx/wUQCCwE+2mn5C1OTBEc5V/4CJHg88uIWAlwbEExNEuyle7ZW7wEkgT1DMrX8FCAJ7BiWpfV9AElwnKEZ9rgRJAn2Mzy7XncCJcF2XDLreStYEqzHLavezwIkwW1cMxrxMEgSXMY9m1FPA90XJYQik5GPgykWJoEmi9HnAWgWd4QqA48DIVQBVN/d60QQXRBVd/Y8EkYZSLVdvc8E0gZTZUdvAQB1QNl3YxAA0AeVdScWAUCIwLLtwiQACBNclh3YBAChAow+O6MAIFyQQWemFQBECjTSrL9gFgBECDbCjBdhFwAwB8w82yoiCAAYg2acaTNRBABMgTPNcohIAgCG4BlmMCOaAMCzgFTlg4gCAI8i0pUPogoARhaSsnwQWQAwopi05YPoAoCeBaUuH2QQAPQoKn35IIsAwLKwEuWDTAIAi+LKlA+yCQCOFFiqfJBRALCnyHLlg6wCgC2FliwfZBYArCm2rfg3KcsH2QUAtyS4xtQSlw8qCAD2SDC15OWDKgKALRJMrUD5oJIAYI0EUytSPpAAp0xNAqRE/wWcoYoAehN4gQoC6GPgFbILoBtBN8gsgG4FryCrAHoYtJKMAuhx8AayCaADIRvJJICOhO0giwA6FLqTDALoWPgBogugL4YcJLIA+mqYAVEF0JdDjYgogL4ebkg0ARgKYJjBjEgCMAXPNMshogjAGDjjTJuJIABz0MyzrYJdgAgBR5jxIswCRAo20qy/YBUgYqARZ6YUIGSQUWdnEyBcgNF3YBIgVHBZdmERIExg2XZiECBEUFl38xaAPqDsO+qnY4vvqh+PLr6zfj6++O6jBaALwAGqDEYKQLW4MzRZjBKAZmEiKDIZIQDFoqS4Z9NbAPcFA+CaUU8BVP563LLqJYDK345LZj0EUPn7GZ6dtQAq/zhDM7QUQOXbMSxLKwFUvj1DMrUQQOX3o3u2FgJ8zNdDrwHFVQk+5+vxyItbCHA/X+/tVIKpqXwrzkmA8p/m6+vIC1u9B/grwdRUvjU/JTApH1h+ClgkeG0qvxeQ4KUZlQ+8zwQKZyRAcSRAcSRAcSRAcSRAcSRAcSRAcSRAcSRAcSRAcSRAcSRAcSRAcSRAcSRAcf4DN5BykCXFTP4AAAAASUVORK5CYII=');
    background-repeat: no-repeat;
    vertical-align: middle;
}

.sidebar-filter .parameter-list .title {
    font-weight: bold;
}

.sidebar-filter .parameter-list ul li label {
    color: #a1a1a1;
    padding-left: 5px;
}

.sidebar-filter .distance-select {
    width: 55px;
    display: inline-block;
}

.sidebar-filter select.form-element {
    text-indent: 1px;
    text-overflow: '';
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: white;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAADuElEQVR4Xu3bSarVQBQG4P+BLkAQH9hgM3HkBmxX48SZO3HsYgS7twBnTmywAUVwAw7kYAIxpDlJqk79lfyZOHh1b538X53UTe71BDqoEjihqkbFQCBki0AgAiFLgKwcdYhAyBIgK0cdIhCyBMjKUYcIhCwBsnLUIQIhS4CsHHWIQMgSICtHHSIQsgTIylGHCIQsAbJy1CECIUuArBx1iEDIEiArRx0iELIEyMpRhwiELAGyctQhAiFLgKwcdYhAyBIgK0cdIhCyBMjKWdshFwD8JjsXtnJWZbQG5DmAhwDuA/jFlgJJPRcBvAHwAsCTJTUtBTGMx80E74UyGPUpgJcAbjd/fQbgqRdlCUgXo31/Q3kE4Id3wp2PM4wzALd65+lG8YIMYbRzfgBwVygYw2hzcqF4QGyidwAuTazuo3dK/zI1FNVPAHcA2L+jhwfEXmwtaK1oE48dR+2Uuc6wvOySblcRy2jy8IIIZTjGpBg2xRIQofyPkhxjDYhQ/qFkwVgLcnSUbBhbQI6KkhVjK8jRULJjpAA5CkoIRiqQvaOEYaQE2StKKEZqkL2hhGPkANkLyhUArwae2nZvDd2PQ+Yel3T/vvRO3fveNT/7Moy3AK5PnGwWjFwd0p5HjShFMXKD1Hb5Ko4RAbIExb6n/+a9JiYeR4ERBdKi2CZpJz52fAZwrwCKB8MWii2Y2e8zti6UXJv6UF22SdpmyYTixbCFYgsm+xEJYifDhEKHEXnJ6q4sBhRKjFIgpTuFFqMkSCkUaozSINEo9BgMIFEoVWCwgORGqQaDCSQXSlUYbCCpUezjtf0Kfeqprd2Bh930ee4qo28MPTWluE/xvAcdBmOHtGCeQMeefXleS4nBDLL28lU1BjvIUpRzjoeXtJ3RXhoY95D+PnOjCfryxAb0EcB5AFcnxnxvNvBPno2s1JgaQLydMpUhfWfU1CFLNvohlGowathD+gF7Nu3ua6rCqBGkvXzN3fDZOPtYbP9DOOSbvlR7Ti17SP985x6JlPp+frNLrSB24mMo1WLUesnqrsJrzU8+7aOxHfaR1n4d8mXzUi30BjV3SBuZYbwG8AfAAwBfC2WZZNo9gFgQNxuQajujxvuQJCuQ/U320iHsObvrE4g7qpiBAonJ2T2LQNxRxQwUSEzO7lkE4o4qZqBAYnJ2zyIQd1QxAwUSk7N7FoG4o4oZKJCYnN2zCMQdVcxAgcTk7J5FIO6oYgYKJCZn9ywCcUcVM1AgMTm7ZxGIO6qYgQKJydk9y1/OIPJldl+k8gAAAABJRU5ErkJggg==');
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-position: right 8px center;
    border: 1px solid #dfdfdf;
    border-radius: 0;
    height: 32px;
    color: #7f7f7f;
    padding: 0 8px;
    line-height: 30px;
    outline: none;
}

.sidebar-filter select.form-element[multiple] {
    display: none;
}

a.sidebar-filter--show-map {
    color: #6747e5;
    display: inline-block;
    margin-top: 10px;
    position: relative;
    vertical-align: middle;
}

a.sidebar-filter--show-map i {
    vertical-align: middle;
}

#sidebarFilterText {
    margin-top: 10px;
    font-size: 16px;
    text-align: center;
}

#categoryBox8 {
    min-height: 1000px;
}

.mall-sidebar-filter {
    min-height: auto;
    height: 100%;
}

/* Multiselect */
.ms-options-wrap,
.ms-options-wrap * {
    box-sizing: border-box;
}

.ms-options-wrap > button:focus,
.ms-options-wrap > button {
    position: relative;
    width: 100%;
    text-align: left;
    border: 1px solid #dfdfdf;
    background-color: #fff;
    padding: 5px 25px 5px 10px;
    margin-top: 1px;
    font-size: 14px;
    color: #7f7f7f;
    outline: none;
    white-space: nowrap;
}

.ms-options-wrap > button[disabled] {
    background-color: #e5e9ed;
    color: #808080;
    opacity: 0.6;
}

.ms-options-wrap > button:after {
    content: ' ';
    height: 14px;
    width: 14px;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -7px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAADuElEQVR4Xu3bSarVQBQG4P+BLkAQH9hgM3HkBmxX48SZO3HsYgS7twBnTmywAUVwAw7kYAIxpDlJqk79lfyZOHh1b538X53UTe71BDqoEjihqkbFQCBki0AgAiFLgKwcdYhAyBIgK0cdIhCyBMjKUYcIhCwBsnLUIQIhS4CsHHWIQMgSICtHHSIQsgTIylGHCIQsAbJy1CECIUuArBx1iEDIEiArRx0iELIEyMpRhwiELAGyctQhAiFLgKwcdYhAyBIgK0cdIhCyBMjKWdshFwD8JjsXtnJWZbQG5DmAhwDuA/jFlgJJPRcBvAHwAsCTJTUtBTGMx80E74UyGPUpgJcAbjd/fQbgqRdlCUgXo31/Q3kE4Id3wp2PM4wzALd65+lG8YIMYbRzfgBwVygYw2hzcqF4QGyidwAuTazuo3dK/zI1FNVPAHcA2L+jhwfEXmwtaK1oE48dR+2Uuc6wvOySblcRy2jy8IIIZTjGpBg2xRIQofyPkhxjDYhQ/qFkwVgLcnSUbBhbQI6KkhVjK8jRULJjpAA5CkoIRiqQvaOEYaQE2StKKEZqkL2hhGPkANkLyhUArwae2nZvDd2PQ+Yel3T/vvRO3fveNT/7Moy3AK5PnGwWjFwd0p5HjShFMXKD1Hb5Ko4RAbIExb6n/+a9JiYeR4ERBdKi2CZpJz52fAZwrwCKB8MWii2Y2e8zti6UXJv6UF22SdpmyYTixbCFYgsm+xEJYifDhEKHEXnJ6q4sBhRKjFIgpTuFFqMkSCkUaozSINEo9BgMIFEoVWCwgORGqQaDCSQXSlUYbCCpUezjtf0Kfeqprd2Bh930ee4qo28MPTWluE/xvAcdBmOHtGCeQMeefXleS4nBDLL28lU1BjvIUpRzjoeXtJ3RXhoY95D+PnOjCfryxAb0EcB5AFcnxnxvNvBPno2s1JgaQLydMpUhfWfU1CFLNvohlGowathD+gF7Nu3ua6rCqBGkvXzN3fDZOPtYbP9DOOSbvlR7Ti17SP985x6JlPp+frNLrSB24mMo1WLUesnqrsJrzU8+7aOxHfaR1n4d8mXzUi30BjV3SBuZYbwG8AfAAwBfC2WZZNo9gFgQNxuQajujxvuQJCuQ/U320iHsObvrE4g7qpiBAonJ2T2LQNxRxQwUSEzO7lkE4o4qZqBAYnJ2zyIQd1QxAwUSk7N7FoG4o4oZKJCYnN2zCMQdVcxAgcTk7J5FIO6oYgYKJCZn9ywCcUcVM1AgMTm7ZxGIO6qYgQKJydk9y1/OIPJldl+k8gAAAABJRU5ErkJggg==');
    background-size: 14px 14px;
    background-repeat: no-repeat;
}

.ms-options-wrap > .ms-options {
    position: absolute;
    left: 0;
    width: 100%;
    margin-top: 1px;
    margin-bottom: 20px;
    background: white;
    z-index: 2000;
    border: 1px solid #dfdfdf;
    overflow: auto;
    visibility: hidden;
}

.ms-options-wrap > .ms-options.ms-active {
    visibility: visible
}

.ms-options-wrap > .ms-options .ms-search input {
    width: 100%;
    padding: 7px 5px;
    border: none;
    border-bottom: 1px groove;
    outline: none;
}

.ms-options-wrap > .ms-options .ms-selectall {
    display: inline-block;
    font-size: .9em;
    text-transform: lowercase;
    text-decoration: none;
}

.ms-options-wrap > .ms-options .ms-selectall:hover {
    text-decoration: underline;
}

.ms-options-wrap > .ms-options .ms-selectall.global {
    margin: 4px 5px;
}

.ms-options-wrap > .ms-options ul,
.ms-options-wrap > .ms-options ul > li.optgroup ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.ms-options-wrap > .ms-options ul li.ms-hidden {
    display: none;
}

.ms-options-wrap > .ms-options ul > li.optgroup {
    padding: 5px;
}

.ms-options-wrap > .ms-options ul > li.optgroup + li.optgroup {
    border-top: 1px solid #aaa;
}

.ms-options-wrap > .ms-options ul > li.optgroup .label {
    display: block;
    padding: 5px 0 0 0;
    font-weight: bold;
}

.ms-options-wrap > .ms-options ul label {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 4px;
    margin: 1px 0;
    border: 1px solid transparent;
}

.ms-options-wrap > .ms-options ul label.focused,
.ms-options-wrap > .ms-options ul label:hover {
    background-color: #efefef;
}

.ms-options-wrap > .ms-options ul li.selected label {
    background-color: #efefef;
    border-color: transparent;
}

.ms-options-wrap > .ms-options ul input[type="checkbox"] {
    margin: 0 5px 0 0;
    position: absolute;
    left: 4px;
    top: 10px;
}

.ms-options-wrap > .ms-options.hide-checkbox ul input[type="checkbox"] {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
}

.search-equalizer {
    overflow: hidden;
    height: 30px;
    width: 300px;
    margin: 0;
    position: absolute;
    cursor: pointer;
    display: block;
    top: 6px;
    right: 40px;
}

.search-equalizer.hidden {
    display: none !important;
}

.search-equalizer .bar {
    height: 1px;
    width: 3px;
    display: inline-block;
    background-color: #6747e5;
    bottom: 5px;
    position: absolute;
    -webkit-animation-duration: 500ms;
    -webkit-animation-play-state: running;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}

.search-equalizer .bar#bar-1, .search-equalizer .bar#bar-13, .search-equalizer .bar#bar-25 {
    -webkit-animation-name: danceHeight1;
    -webkit-animation-delay: 0ms;
}

.search-equalizer .bar#bar-2, .search-equalizer .bar#bar-14, .search-equalizer .bar#bar-26 {
    -webkit-animation-name: danceHeight2;
    -webkit-animation-delay: 300ms;
}

.search-equalizer .bar#bar-3, .search-equalizer .bar#bar-15, .search-equalizer .bar#bar-27 {
    -webkit-animation-name: danceHeight3;
    -webkit-animation-delay: 600ms;
}

.search-equalizer .bar#bar-4, .search-equalizer .bar#bar-16, .search-equalizer .bar#bar-28 {
    -webkit-animation-name: danceHeight4;
    -webkit-animation-delay: 900ms;
}

.search-equalizer .bar#bar-5, .search-equalizer .bar#bar-17, .search-equalizer .bar#bar-29 {
    -webkit-animation-name: danceHeight5;
    -webkit-animation-delay: 1200ms;
}

.search-equalizer .bar#bar-6, .search-equalizer .bar#bar-18, .search-equalizer .bar#bar-30 {
    -webkit-animation-name: danceHeight6;
    -webkit-animation-delay: 1500ms;
}

.search-equalizer .bar#bar-7, .search-equalizer .bar#bar-20, .search-equalizer .bar#bar-31 {
    -webkit-animation-name: danceHeight1;
    -webkit-animation-delay: 300ms;
}

.search-equalizer .bar#bar-8, .search-equalizer .bar#bar-21, .search-equalizer .bar#bar-32 {
    -webkit-animation-name: danceHeight2;
    -webkit-animation-delay: 600ms;
}

.search-equalizer .bar#bar-9, .search-equalizer .bar#bar-22, .search-equalizer .bar#bar-33 {
    -webkit-animation-name: danceHeight3;
    -webkit-animation-delay: 900ms;
}

.search-equalizer .bar#bar-10, .search-equalizer .bar#bar-23, .search-equalizer .bar#bar-34 {
    -webkit-animation-name: danceHeight4;
    -webkit-animation-delay: 1200ms;
}

.search-equalizer .bar#bar-11, .search-equalizer .bar#bar-24, .search-equalizer .bar#bar-35 {
    -webkit-animation-name: danceHeight5;
    -webkit-animation-delay: 1500ms;
}

.search-equalizer .bar#bar-12, .search-equalizer .bar#bar-36 {
    -webkit-animation-name: danceHeight6;
    -webkit-animation-delay: 1800ms;
}

@-webkit-keyframes danceHeight1 {
    from {
        height: 1px;
    }
    to {
        height: 22px;
    }
}

@-webkit-keyframes danceHeight2 {
    from {
        height: 1px;
    }
    to {
        height: 15px;
    }
}

@-webkit-keyframes danceHeight3 {
    from {
        height: 1px;
    }
    to {
        height: 30px;
    }
}

@-webkit-keyframes danceHeight4 {
    from {
        height: 1px;
    }
    to {
        height: 20px;
    }
}

@-webkit-keyframes danceHeight5 {
    from {
        height: 1px;
    }
    to {
        height: 15px;
    }
}

@-webkit-keyframes danceHeight6 {
    from {
        height: 1px;
    }
    to {
        height: 15px;
    }
}

.content--main.one-column.malls-main-content {
    background: #f2f2f2;
    padding: 0 !important;
}

.malls-content .sidebar-filter,
.flier-goods-main-content .sidebar-filter {
    background: #fff;
    margin: 0;
    width: 28%;
    float: left;
    overflow: visible;
    border: none;
    padding-top: 0;
}

.malls-content-right {
    float: right;
    background-color: #fff;
    width: 72%;
    padding: 0 5px 5px 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

ul.mall-list {
    margin: 5px 0 0 0;
    padding: 0;
    list-style: none;
    background-color: #fff;
}

.malls-slider {
    background: #fff;
    padding: 0 20px;
    visibility: hidden;
    height: 120px;
    overflow: hidden;
    display: block;
}

.malls-slider > div .badge {
    padding: 0 6px;
    position: absolute;
    top: -8px;
    right: -5px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #6747e5;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    display: none;
}

.malls-slider .slick-list {
    padding: 10px 0;
}

.malls-slider.slick-initialized {
    visibility: visible;
}

.malls-slider .slick-prev,
.malls-slider .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.malls-slider .slick-prev:hover,
.malls-slider .slick-prev:focus,
.malls-slider .slick-next:hover,
.malls-slider .slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
}

.malls-slider .slick-prev.slick-disabled:before,
.malls-slider .slick-next.slick-disabled:before {
    display: none;
}

.malls-slider .slick-prev:before,
.malls-slider .slick-next:before {
    font-family: 'FontAwesome';
    font-size: 25px;
    line-height: 1;
    color: #333;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.malls-slider .slick-prev {
    left: 0;
}

.malls-slider .slick-next {
    right: 0;
}

.malls-slider .slick-prev:before {
    content: '\f104';
}

.malls-slider .slick-next:before {
    content: '\f105';
}

.malls-slider .slick-slide {
    height: 100px;
    margin: 0 5px;
    outline: none;
    border: 2px solid #f2f2f2;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    padding-top: 2px;
    position: relative;
}

.malls-slider .slick-slide.current-mall {
    border-color: #fff;
    border-bottom-color: #6747e5;
}

.malls-slider .slick-slide img {
    margin-top: 4px;
    max-height: 92px;
    margin: 0 auto;
}

.malls-slider.mall-details-slider {
    width: 70%;
    float: right;
}

.current-mall-block {
    width: 29%;
    float: left;
    background-color: #2C3140;
    height: 120px;
    text-align: center;
}

.current-mall-block #openMallAditionalInfo {
    color: #fff;
}

.current-mall-block img {
    height: 94px;
    margin: 0 auto;
}

#mallsMapWrapArea {
    position: relative;
}

#mallsMapWrapper #zoomOut {
    top: 165px;
}

.sidebar-filter-form.fixed {
    position: fixed;
    top: 85px;
    z-index: 2;
    background: #fff;
    padding: 0 10px 0 30px;
    margin-left: -30px;
}

.sidebar-filter-form * {
    outline: none;
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}

.sidebar-filter-form .checkbox {
    margin-bottom: 10px;
}

.sidebar-filter-form .checkbox span {
    display: block;
    width: 100%;
    background: #f2f2f2;
    height: 30px;
    line-height: 30px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    border: 2px solid #fff;
}

.sidebar-filter-form .checkbox input[type="checkbox"]:checked + span {
    border-color: #6747e5;
}

.sidebar-filter-form .checkbox input {
    position: absolute;
    right: 9000px;
}

#mallDiscountValueCheckboxBlock .checkbox {
    float: left;
    width: 32%;
    margin-right: 2%;
    font-size: 12.5px;
}

#mallDiscountValueCheckboxBlock .checkbox:last-child {
    margin-right: 0;
}

#mallGenderCheckboxBlock .checkbox {
    float: left;
    width: 35%;
    margin-right: 2%;
    font-size: 12px;
}

#mallGenderCheckboxBlock .checkbox:last-child {
    margin-right: 0;
    width: 26%;
}

#mallDiscountValueCheckboxBlock .checkbox i {
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    border: 2px solid #fff;
    moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #6747e5;
    top: 3px;
    left: 3px;
}

#mallGenderCheckboxBlock .checkbox i {
    position: absolute;
    top: 0px;
    left: 3px;
}

#mallDiscountValueCheckboxBlock .checkbox:first-child i {
    background: #ff3fcd;
}

#mallDiscountValueCheckboxBlock .checkbox:last-child i {
    background: #ffff00;
}

#mallDiscountValueCheckboxBlock .checkbox em {
    font-style: normal;
    margin-left: 30px;
}

#mallGenderCheckboxBlock .checkbox em {
    font-style: normal;
    margin-left: 24px;
}

.selected-filter-item-list {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #f2f2f2;
}

.mall-filter-block-content .selected-filter-item-list {
    margin: 0;
    padding: 0;
    border: none;
}

.selected-filter-item {
    height: 30px;
    line-height: 30px;
    display: inline-block;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    background: #f2f2f2;
    padding: 0 10px;
    margin-bottom: 14px;
}

.selected-filter-item em {
    font-style: normal;
}

.mall-filter-block-content .selected-filter-item {
    margin-bottom: 5px;
}

.selected-filter-item a {
    margin-left: 5px;
}

.selected-filter-item.small-filter-item {
    margin-bottom: 1px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
}

.selected-filter-item i {
    display: none;
}

.selected-filter-item.small-filter-item i.slivki-icon-close-thin {
    display: inline-block;
    font-size: 10px;
}

.selected-filter-item i.slivki-icon-close-thin {
    display: inline-block;;
}

.mall-filter-block-footer .info {
    display: none;
}

#brandsFoundBtn,
a.sidebar-filter-link,
a.mall-filter-opener {
    background: #f2f2f2;
    height: 30px;
    line-height: 30px;
    display: block;
    color: #333;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    margin-bottom: 10px;
    padding-left: 10px;
    border: 2px solid #fff;
    width: 200px;
}

a.sidebar-filter-link {
    display: inline-block;
    width: auto;
    padding-right: 10px;
}

#brandsFoundBtn {
    background: #6747e5;
    text-align: center;
    padding-left: 0;
    width: 210px;
    cursor: pointer;
    display: none;
}

#brandsFoundBtnWrap {
    height: 30px;
}

.parameter-list[data-name=brandsNearMe] {
    width: 210px;
}

a.mall-filter-opener[data-target='#allBrandsFilter'],
a.mall-filter-opener[data-target='#brandsTypeFilter'] {
    width: 170px;
}

a.mall-filter-opener:after {
    display: inline-block;
    float: right;
    font-family: Slivki-Icons;
    content: '\e817';
    margin: 0 10px;
}

a.mall-filter-opener.active {
    border-color: #6747e5;
}

a.mall-filter-opener span {
    color: #6747E5;
}

.mall-filter-block {
    position: absolute;
    left: 240px;
    top: -8px;
    width: 750px;
    height: 300px;
    z-index: 11;
    padding: 20px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
    -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
    visibility: hidden;
}

.fixed .mall-filter-block {
    left: 260px;
}

#allMallsFilter,
#brandsTypeFilter {
    width: 470px;
    height: 182px;
}

#allMallsFilter .mall-filter-block-content,
#brandsTypeFilter .mall-filter-block-content {
    height: 102px;
}

.mall-filter-block:after {
    right: 100%;
    top: 24px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 8px;
    margin-top: -8px;
}

#allBrandsFilter,
#brandsTypeFilter {
    left: 210px;
}

.fixed #allBrandsFilter,
.fixed #brandsTypeFilter {
    left: 230px;
}

#allBrandsFilter:after {
    top: 68px;
}

#brandsTypeFilter:after {
    top: 112px;
}

#photoguideBrandsFilter:after {
    top: 288px;
}

.mall-filter-block a.close {
    display: block;
    font-size: 28px;
    position: absolute;
    top: 10px;
    right: 10px;
    color: #aaa;
}

.brand-teaser .distance {
    float: right;
}

.brand-teaser .distance .ajaxLoader {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
}

.mall-filter-block-content {
    width: 100%;
    height: 230px;
    overflow: hidden;
}

.mall-filter-block-content ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mall-filter-block-content ul li {
    width: 19%;
    float: left;
    overflow: hidden;
    margin-right: 1%;
}

#allMallsFilter .mall-filter-block-content ul {
    width: 24%;
    float: left;
}

#allMallsFilter .mall-filter-block-content ul li {
    width: 100%;
}

#brandsTypeFilter .mall-filter-block-content ul li {
    width: 32%;
}

.sidebar-filter-form .mall-filter-block-content .checkbox {
    margin-bottom: 0;
}

.selected-filter-item.template {
    display: none;
}

.sidebar-filter-form .mall-filter-block-content .checkbox span {
    background: none;
    border-radius: 0;
    margin-bottom: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.sidebar-filter-form .mall-filter-block-content .checkbox input[type="checkbox"]:checked + span {
    background: none;
    font-weight: bold;
    border-color: #fff;
}

.mall-filter-block-header {
    height: 40px;
}

.mall-filter-block-footer {
    padding-top: 10px;
    border-top: 1px solid #f2f2f2;
}

.mall-filter-block-footer a {
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    display: inline-block;
    background: #6747e5;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    padding: 0 20px;
    color: #333;
}

.mall-filter-block .jspVerticalBar,
.mall-filter-block .jspTrack,
.mall-filter-block .jspDrag {
    width: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.mall-filter-search-block {
    border: 1px solid #6747e5;
    position: relative;
    height: 30px;
    width: 300px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    line-height: 30px;
    display: inline-block;
    vertical-align: top;
}

.mall-filter-search-block input {
    margin-left: 10px;
    width: 235px;
}

.mall-filter-search-block a {
    position: absolute;
    background: #6747e5;
    color: #333;
    right: 0;
    top: 0;
    width: 50px;
    height: 30px;
    font-size: 16px;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    text-align: center;
    line-height: 30px;
}

.mall-filter-block-content li.filtered {
    display: none;
}

.brand-filter-radio {
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin-left: 30px;
}

.brand-filter-radio input {
    position: absolute;
    right: 9000px;
}

.brand-filter-radio span {
    display: inline-block;
    background: #f2f2f2;
    height: 32px;
    line-height: 32px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    width: 130px;
    text-align: center;
}

.brand-filter-radio label:first-child span {
    -moz-border-radius: 16px 0 0 16px;
    -webkit-border-radius: 16px 0 0 16px;
    border-radius: 16px 0 0 16px;
}

.brand-filter-radio label:last-child span {
    -moz-border-radius: 0 16px 16px 0;
    -webkit-border-radius: 0 16px 16px 0;
    border-radius: 0 16px 16px 0;
}

.brand-filter-radio input:checked + span {
    background: #6747e5;
}

.brand-filter-radio em {
    font-style: normal;
    color: #aaa;
}

.brand-filter-radio input:checked + span em {
    color: #fff;
}

.mall-filter-block .slivki-icon-camera {
    color: #fda428;
    vertical-align: middle;
}

#mallFilterForm .checkbox span > b {
    display: inline-block;
    font-weight: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: middle;
}

#mallFilterForm .checkbox.is-photoguide span > b {
    max-width: 80%;
}

#mallFilterButton {
    display: block;
    position: absolute;
    z-index: 1;
    top: 10px;
    left: 10px;
    padding: 5px 10px;
    background-color: #6747e5;
    color: #333333;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    font-size: 14px;
    vertical-align: middle;
}

#mallFilterButton i {
    font-size: 24px;
    vertical-align: middle;
}

#mallFilter,
#mallFilter > * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#mallFilter {
    visibility: hidden;
    position: absolute;
    right: 0;
    width: 300px;
    background: #fff;
    overflow: hidden;
    text-align: left;
}

#mallFilterContentScrollPane {
    height: 550px;
    margin-bottom: 10px;
}

#mallFilter.opened {
    visibility: visible;
}

#mallFilterHeader {
    line-height: 22px;
    font-weight: bold;
    padding: 10px;
    border-bottom: 1px solid #f2f2f2;
    text-align: center;
}

#mallFilterHeader .close {
    display: block;
    position: absolute;
    font-size: 24px;
    right: 5px;
    top: 7px;
}

.mall-filter-item {
    padding: 15px;
    border-bottom: 1px solid #f2f2f2;
}

.mall-filter-item > label {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}

.mall-filter-item .checkbox label {
    padding-left: 5px;
}

#mallMapContainer {
    position: relative;
    height: 700px;
    background-color: #f2f2f2;
}

ul.mall-map-discount-legend {
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    right: 0;
    top: 10px;
    z-index: 2;
}

ul.mall-map-discount-legend li {
    display: inline-block;
    color: #fff;
    line-height: 30px;
    margin-right: 20px;
}

ul.mall-map-discount-legend li i {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: #00e296;
    vertical-align: middle;
}

ul.mall-map-discount-legend li:first-child i {
    background-color: #ff3fcd;
}

ul.mall-map-discount-legend li:last-child i {
    background-color: #ffff00;
}

ul.mall-map-discount-legend li span {
    display: inline-block;
    line-height: 30px;
    vertical-align: middle;
}

.tooltip-white > .tooltip-inner {
    background-color: #fff;
    color: #333;
}

.tooltip-white.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #fff;
}

#mallBrandInfo,
#mallAdditionalInfo {
    left: 0;
    right: auto;
}

#mallBrandInfo {
    -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
}

#mallBrandInfo .votesBoxTitle.title {
    font-size: 14px;
}

#mallBrandInfo .addVoteLink {
    padding: 0;
    font-size: 14px;
    color: #6747e5 !important;
    text-decoration: underline;
    background: transparent;
}

#mallAdditionalInfo .all-filters-header {
    text-align: left;
    font-size: 18px;
    font-weight: normal;
}

.mall-details--top {
    padding-bottom: 5px;
    position: relative;
    z-index: 2;
}

.mall-details--top > * {
    display: block;
    margin-right: 20px;
}

.mall-details--top > div {
    position: absolute;
    background: #fff;
    width: 312px;
    top: 30px;
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.mall-details--top > div:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 8px;
    margin-left: -8px;
}

#mallFilter,
#mallFilter * {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}

.text-slivki {
    color: #6747E5;
}

.text-surfie-green {
    color: #0e7677;
}

.border-surfie-green {
    border: 1px solid #0e7677;
}

.text-danger {
    color: #f00;
}

.text-blue {
    color: #6992F7 !important;
}

.d-none {
    display: none;
}

.text-crt {
    color: #b19ebb;
}

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

.mall-pagination {
    padding: 0 0 0 10px;
    margin: 0;
    list-style: none;
    position: absolute;
    right: 0;
    background: #fff;
}

.mall-pagination li {
    display: inline-block;
}

.mall-pagination a.button {
    padding: 5px 8px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 14px;
    line-height: 14px;
}

.mapplic-container {
    background-color: #2C3140;
    cursor: url(/js/mapplic/images/openhand.cur), default;
}

.brand-teaser {
    display: block;
    float: left;
    position: relative;
    color: #333;
    border: 1px solid #f2f2f2;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0.5%;
    cursor: pointer;
    width: 32.33%;
}

.desktop-device .mall-content .brand-teaser {
    width: 24%;
}

.brand-teaser .image {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    height: 180px;
    /*background-color: #f2f2f2;*/
    margin-bottom: 5px;
}

.button-violet {
    background: #6747E5;
    color: white !important;
}

.brand-teaser .brand-discount-percent {
    position: absolute;
    color: white;
    width: 40px;
    text-align: center;
    right: 0;
    padding: 10px;
}

.brand-discount-percent.high {
    background-color: #ff3fcd;
}

.brand-discount-percent.medium {
    background-color: #6747E5;
}

.brand-discount-percent.low {
    background-color: #ffff00;
}

.brand-teaser .teaser-description-wrap {
    background: #f2f2f2;
    text-align: center;
    vertical-align: middle;
    padding: 8px 10px;
    position: relative;
}

.brand-teaser .teaser-description > p {
    display: block;
    max-height: 29px;
    font-size: 13.5px;
    line-height: 16px;
    overflow: hidden;
    font-family: Arial;
}

.brand-teaser .teaser-description > a {
    color: #6747e5;
}

.ellip {
    display: block;
    height: 100%;
}

.ellip-line {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    vertical-align: top;
}

.ellip,
.ellip-line {
    position: relative;
    overflow: hidden;
    max-width: 100%;
}

.offer-details-content .nav-tabs {
    margin-top: 1rem;
}

.offer-details-conditions a,
#descriptionText a {
    color: #6747e5 !important;
    font-weight: bold;
}

#offerDetailsNav {
    background: #fff;
    width: inherit;
}

#offerDetailsNav.fixed {
    position: fixed;
    top: 68px;
    z-index: 100;
}

#commentPhotoTabs.nav-tabs li,
.offer-details-content .nav-tabs li {
    display: inline-block;
    width: 32% !important;
    background-color: #fff;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    height: 40px;
    vertical-align: top;
    margin-right: 1%;
    border: 1px solid #6747e5;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    overflow: hidden;
}

.offer-details-content .nav-tabs li.buy-btn-li {
    background-color: #6747e5;
    border-color: #6747e5;
    float: none;
    margin-right: 1%;
    width: 49.5% !important;
    margin-top: 1rem;
}

.offer-details-content .nav-tabs li.buy-btn-li.by-with-credit-card-li.second {
    background-color: #fff;
    margin-top: 5px;
}

li.second #buyWithCreditCardBtn small,
li.second #buyWithCreditCardBtn i {
    color: #aaa;
}

#commentPhotoTabs.nav-tabs li a,
#buyWithCreditCardBtn,
.offer-details-content .nav-tabs li a {
    color: #333333;
    display: block;
    padding-top: 11px;
    font-size: 14px !important;
    line-height: normal;
    height: 40px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#buyWithCreditCardBtn small,
.offer-details-content .nav-tabs li a small {
    display: block;
    font-size: 12px;
    margin-top: 3px;
    color: #595959;
}

#buyWithCreditCardBtn {
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    background-color: transparent;
    vertical-align: middle;
}

#buyWithCreditCardBtn i {
    display: inline-block;
    font-size: 24px;
    color: #333;
    vertical-align: middle;
}

#buyWithCreditCardBtn span {
    display: inline-block;
    vertical-align: middle;
}

#buyWithCreditCardBtn small {
    color: #333;
    margin-top: 0;
}

#commentPhotoTabs.nav-tabs li.single-line a,
.offer-details-content .nav-tabs li.single-line a {
    padding-top: 11px;
}

#commentPhotoTabs.nav-tabs li.active a,
.offer-details-content .nav-tabs li.active {
    background-color: #E1DAFA;
    border-color: #6747e5;
}

.offer-details-content .tab-content i.fa-spin {
    display: block;
    text-align: center;
    font-size: 48px;
    padding: 20px;
}

.offer-details-content #buyCodeButtonFake img {
    height: 16px;
}

.offer-details-content #buyCodeButton {
    background-color: transparent;
}

.show-details-button-wrap {
    text-align: center;
}

#showOldDetails,
#showNewDetails {
    color: #6747e5;
    display: inline-block;
    text-decoration: underline;
    font-size: 18px;
    text-align: center;
    margin: 20px auto;
}

#dataFromCondition .offer-details-map {
    height: 60px;
}

#offerConditionLogo a img {
    display: none;
}

.offer-location-table {
    table-layout: fixed;
    width: 100%;
}

.offer-location-table tr > td {
    padding-left: 50px;
    vertical-align: top;
    padding-bottom: 30px;
    width: 50%;
}

.offer-location-table tr:last-child td {
    padding-bottom: 0;
}

.offer-location-table tr > td:first-child {
    padding-left: 0;
}

.stock.old-design .stock-price-wrapper .price {
    padding: 10px;
}

.stock.old-design .stock-timer .timer {
    padding: 0 10px 10px 10px;
}

.stock.old-design .codes-sale {
    padding: 10px;
}

#globalcard {
    width: 200px;
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
}

#globalcard strong {
    color: #3c6aa8;
    text-align: center;
    display: block;
}

#globalcard a.globalcard-btn {
    display: block;
    background: #3c6aa8;
    color: #fff;
    margin-top: 15px;
    line-height: 40px;
    text-align: center;
    width: 100%;
}

#globalcard p {
    text-align: center;
}

#globalcard img {
    margin-bottom: 15px;
}

#globalcard ul {
    margin: 0 0 15px 0;
    padding: 0 0 0 30px;
    list-style-type: disc;
}

#conditionAddress {
    width: 200px;
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
}

.search-result-tabs .nav {
    width: 100%;
}

#searchFilterBlock > b {
    float: left;
    line-height: 28px;
    margin-right: 19px;
    margin-left: 5px;
}

#searchFilterBlock.fixed {
    position: fixed;
    z-index: 99;
    background: #fff;
    padding: 10px 10px 6px;
    -webkit-box-shadow: 0px 3px 3px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 3px 3px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 3px 3px rgba(0, 0, 0, 0.2);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#searchFilterBlock.fixed .nav {
    margin-bottom: 0;
}

#searchFilterBlock.fixed #searchFilterDestinationBlock {
    margin: 0;
    line-height: 2.8em;
}

#searchResultAll .partner-offer-teaser {
    border: none;
}

.search-result-tabs .nav li {
    display: inline-block;
}

.search-result-tabs .nav li a {
    display: block;
    padding: 7px;
    text-align: center;
    font-size: 14px;
    color: #333;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

#searchResultSortBlock .sorting-menu li a {
    padding: 2px 8px;
}

#searchResultSortBlock:hover > .arrow-box {
    display: block;
}

#searchResultSortBlock .sorting-menu div:last-child:hover .show-location-box {
    top: 36px;
    display: block;
}

#searchResultSortBlock .sorting-menu div:last-child:hover .active .show-location-box {
    display: none;
}

.search-result-cities-nav.nav li a {
    background: #fff !important;
    border-bottom: 1px solid #fff;
    border-radius: 0;
    padding: 0 0 2px 0;
    margin-right: 10px;
    margin-bottom: 5px;
}

.search-result-cities-nav.nav li a span {
    margin-left: 4px;
}

.search-result-cities-nav.nav li.active a {
    border-color: #6747E5;
    color: black !important;
}

.search-result-tabs .nav li a span {
    color: #ccc;
}

.search-result-tabs .nav li.active a {
    background-color: #6747E5;
}

.search-result-tabs .nav li.active a span {
    color: rgba(0, 0, 0, .4);
}

.desktop-device .search-result-tabs .nav {
    display: inline-block;
    width: auto;
    vertical-align: top;
}

.headSortBlock {
    display: inline-block;
    vertical-align: top;
}

#searchFilterBlockContainer .nav li.active a,
#searchFilterBlockContainer .nav li.active a span {
    color: #fff !important;
}

.search-result-tabs.few-tabs .nav li {
    display: inline-block;
}

#underconstructionNotificationPopup {
    display: none;
    position: fixed;
    left: 30px;
    bottom: 30px;
    width: 440px;
    height: 275px;
    background: url("/images/ezh2.jpg");
    padding: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 100;
    color: #fff;
    font-size: 14px;
    font-family: Arial, sans-serif;
    text-align: center;
    border: 2px solid red;
}

#underconstructionNotificationPopup .close {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 22px;
    color: #fff;
}

#underconstructionNotificationPopup .text {
    width: 240px;
    float: right;
    line-height: 20px;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(100, 100, 100, 1);
}

.fb-follow-btn img.hover {
    display: none;
}

.fb-follow-btn:hover img {
    display: none;
}

.fb-follow-btn:hover img.hover {
    display: block;
}

.push-notification-subscribe {
    display: none;
}

.push-notification-box {
    position: fixed;
    background: #f2f2f2;
    top: 20px;
    left: 30px;
    z-index: 2000;
    width: 420px;
    -webkit-box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.5);
    padding: 40px 10px 10px 10px;
}

.push-notification-box:after {
    bottom: 100%;
    left: 80px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #f2f2f2;
    border-width: 15px;
    margin-left: -15px;
}

.push-notification-box .title {
    padding: 0 5px;
    font-size: 18px;
}

.push-notification-box .button {
    display: block;
    margin: 0 auto;
    text-transform: none;
    color: #333;
    background-color: #f2f2f2;
    border: 1px solid #B0B0B0;
}

.push-notification-box .button:hover {
    background-color: buttonface;
}

.push-notification-box .close {
    width: 18px;
    height: 18px;
    background-image: url(/images/close_2x.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    top: 8px;
    right: 8px;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.push-notification-box .close:hover {
    background-position: center bottom;
}

.push-notification-block {
    background: #fff;
    border: 2px solid #ddd;
    width: 100%;
    margin: 20px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.push-notification-block img {
    float: left;
}

.push-notification-block--content {
    height: 90px;
    padding: 5px 10px 5px 100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.push-notification-block--content strong {
    font-weight: normal;
    font-size: 15px;
}

.push-notification-block--content p {
    line-height: 15px;
    margin: 5px 0;
    font-size: 13px;
}

.push-notification-block--content em {
    font-style: normal;
    color: #aaa;
}

.cashback-informer {
    height: 113px;
    background-image: url(/images/cashback_bg.jpg);
    background-repeat: no-repeat;
    background-position: right center;
    background-color: #fbf8f3;
    font-size: 22px;
    text-align: center;
    padding: 28px 133px 0 0;
    line-height: 28px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* All filters */
a.all-filters-button {
    display: inline-block;
    border: 2px solid #6747e5;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    line-height: 23px;
    height: 25px;
    padding: 0 20px;
    color: #333;
    background: #fff;
    position: relative;
    float: right;
}

a.all-filters-button i {
    font-size: 18px;
}

.all-filters,
.all-filters * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition-duration: 0s !important;
    -moz-transition-duration: 0s !important;
    -o-transition-duration: 0s !important;
    transition-duration: 0s !important;
}

.all-filters {
    visibility: hidden;
    position: absolute;
    right: 0;
    width: 300px;
    background: #fff;
    overflow: hidden;
    text-align: left;
}

.all-filters.opened {
    visibility: visible;
}

.all-filters-scroll-pane {
    height: 550px;
    margin-bottom: 10px;
    outline: none;
}

.all-filters-header {
    line-height: 22px;
    font-weight: bold;
    padding: 10px;
    border-bottom: 1px solid #f2f2f2;
    text-align: center;
}

.all-filters-header .close {
    display: block;
    position: absolute;
    font-size: 24px;
    right: 5px;
    top: 7px;
}

.all-filters-header .share {
    display: block;
    position: absolute;
    font-size: 18px;
    right: 66px;
    top: 10px;
}

.all-filters-header .bookmark {
    display: block;
    position: absolute;
    font-size: 22px;
    right: 36px;
    top: 9px;
}

.all-filters-header a.reset {
    position: absolute;
    left: 10px;
    top: 15px;
    font-size: 12px;
    font-weight: normal;
}

.all-filters-item {
    padding: 10px 15px;
    border-bottom: 1px solid #f2f2f2;
}

.all-filters-item > label {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}

.all-filters-item .checkbox label {
    padding-left: 5px;
}

.all-filters-content {
    position: relative;
}

.all-filters-item.two-column .checkbox {
    width: 50%;
    float: left;
    white-space: nowrap;
    overflow: hidden;
}

.all-filters-content .button {
    display: block;
    margin: 10px auto;
}

.all-filters-content .comments-list {
    width: 270px;
    margin: 0 auto;
    overflow: hidden;
}

.all-filters-scroll-pane .comments-list-item .meta {
    padding-left: 0;
}

.all-filters-scroll-pane .comments-list-item .meta .avatar {
    position: static;
    float: left;
    margin-right: 10px;
}

.all-filters-scroll-pane .comments-list-item .meta .author {
    display: block;
    float: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.all-filters-scroll-pane .comments-list-item .meta .date {
    float: none;
    display: block;
    margin: -2px 0 0 0;
}

.all-filters-scroll-pane .comments-list-item .meta .rating-stars {
    margin: -2px 0 0 -5px !important;
}

.all-filters-scroll-pane .likes-box {
    margin-left: 0;
}

.all-filters-button.food-filter-button {
    visibility: hidden;
}

#filterControlsAndResults.fixed .all-filters-button.food-filter-button {
    visibility: visible;
}

.top-brand-image,
.top-mall-image {
    width: 92.5%;
    margin: 10px auto;
}

#mallBrandPage .field-upload-label,
.all-filters-content .field-upload-label,
#mallGallery .field-upload-label {
    height: auto;
    position: relative;
}

.images-list-loader {
    text-align: center;
    font-size: 32px;
    margin: 10px 0;
    color: #aaa;
}

#info_dialog .close {
    top: 10px;
    right: 10px;
}

#mallBrandAddPhotoInput {
    padding: 0;
    margin: 0;
    left: 0;
}

#mallBrandInfoContentScrollPane #mallPhotoAddLoader,
#mallBrandInfoContentScrollPane #mallBrandPhotoAddLoader {
    display: none;
}

#mallBrandInfoContentScrollPane .brand-description {
    margin: 6px 10px;
    padding-left: 5px;
    line-height: 18px;
    font-size: 14px;
}

#mallBrandInfoContentScrollPane .brand-description .more {
    color: #0cf092;
}

.placemark-global-div {
    z-index: -1;
}

.malls-map-placemark {
    position: relative;
    width: 56px;
    height: 61px;
    background-image: url("/images/maps/mall-map-marker.png?v=1");
    background-size: cover;
}

.malls-map-placemark > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 55px;
}

/* sort block */
.sort-block {
    display: inline-block;
}

.sort-block > a {
    display: inline-block;
    line-height: 30px;
    padding: 0 20px;
    color: #333;
    position: relative;
}

.sort-block > a:after {
    display: inline-block;
    float: right;
    font-family: Slivki-Icons;
    content: '\e812';
    margin-left: 10px;
}

.sort-block:hover > a:after {
    content: '\e813';
}

.sort-block > div {
    display: none;
    text-align: left;
    position: absolute;
    background: #fff;
    min-width: 200px;
    z-index: 2;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}

.sort-block > div:after {
    bottom: 100%;
    left: 30px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 10px;
    margin-left: -10px;
}

.sort-block:hover > div {
    display: block;
}

.sort-block > div a {
    display: block;
    padding: 10px 10px 10px 35px;
    position: relative;
}

.sort-block a.active:after {
    font-family: Slivki-Icons;
    content: '\e811';
    position: absolute;
    left: 10px;
}

#saleCategoryListLoader {
    visibility: hidden;
    font-size: 72px;
    text-align: center;
}

#saleCategoryListLoader.active {
    visibility: visible;
}

/********/
.desktop-device .food-main-content .breadcrumbs {
    position: absolute;
    padding-top: 4px;
}

.desktop-device .malls-main-content .breadcrumbs {
    position: absolute;
    padding-top: 4px;
}

.stock-group-header.with-search .breadcrumbs {
    position: absolute;
    padding-top: 4px;
}

.food-main-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.food-menu > li {
    display: inline-block;
    padding: 0;
    margin: 0 10px 0 0;
}

.food-menu > li.capsule-menu--expand-btn,
.food-menu > li.capsule-menu--collapse-btn {
    margin: 0;
}

.food-menu > li > a {
    display: block;
    border: 1px solid #6747e5;
    border-radius: 20px;
    line-height: 25px;
    padding: 0 10px;
    color: #333;
    background: #fff;
    position: relative;
}

.food-top-filter-block .food-menu > li > a {
    background-color: #f2f2f2;
}

#dinnerDeliveryButton {
    background-color: #a7f3cf;
}

.food-menu > li > a:hover,
.food-menu > li > a.active {
    background-color: #6747e5 !important;
    border: 1px solid #6747e5 !important;
}

.food-menu > li.all > a:after {
    display: inline-block;
    float: right;
    font-family: Slivki-Icons;
    content: '\e812';
    margin-left: 10px;
}

.food-menu > li.all:hover > a:after {
    content: '\e813';
}

.food-top-filter-block {
    padding: 10px 0;
}

.food-top-filter-block ul {
    display: inline-block;
}

.food-top-filter-block .food-menu li > a {
    border: 1px solid #fff;
}

.food-main-content ul.food-time-filter,
.food-main-content ul.food-free-filter {
    margin-left: 30px;
}

#foodMap {
    height: 220px;
    position: relative;
}

.category-map-wrapper {
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url('/images/slivki-rotate-100_0-20.png');
    background-size: 50px;
}

.category-map-wrapper #zoomIn,
.category-map-wrapper #zoomOut {
    cursor: pointer;
    position: absolute;
    width: 45px;
    height: 45px;
    padding: 0;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    right: 10px;
    left: auto;
    top: 50%;
    background-size: cover;
    background-color: rgba(255, 255, 255, 0.5);
    display: none;
    z-index: 2;
}

#offerMapCanvas #mapCollapseBtn {
    display: none;
    line-height: 29px;
    text-align: center;
    padding: 0 20px;
    top: auto;
    bottom: 10px;
    font-size: 14px;
}

.category-map-wrapper #zoomOut {
    background-image: url("/images/maps/minus.png");
}

.category-map-wrapper #zoomIn {
    background-image: url("/images/maps/plus.png");
}

.category-map-wrapper #zoomIn {
    margin-top: -50px;
}

#foodSortBox {
    background: transparent;
    position: absolute;
    top: 0;
    z-index: 10;
}

.food-filter-arrow-box {
    position: relative;
    top: 40px;
    background: #fff;
    min-width: 200px;
    z-index: 2;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}

.food-filter-arrow-box:after {
    bottom: 100%;
    left: 30px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 10px;
    margin-left: -10px;
}

#foodCategoriesBox a {
    display: block;
    padding: 10px;
}

#foodCategoriesBox {
    display: none;
    z-index: 11;
}

.food-categories .all:hover #foodCategoriesBox {
    display: block;
}

.food-categories li a {
    margin-bottom: 5px;
}

#filterControlsAndResults.fixed {
    background-color: #fff;
    position: fixed;
    z-index: 11;
    -webkit-box-shadow: 0px 6px 15px -3px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 6px 15px -3px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 6px 15px -3px rgba(0, 0, 0, 0.75);
    padding-top: 10px;
    padding-bottom: 10px;
}

.desktop-device .food-main-content .companies-ranking {
    width: 800px;
    margin: 0 auto;
}

.sorting-menu li.clear-food-filter {
    display: none;
}

#foodSort {
    position: relative;
    display: inline-block;
    float: left;
}

#foodSort > a {
    height: 25px;
    width: 120px;
    display: inline-block;
    border: 2px solid #6747e5;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    line-height: 25px;
    padding: 0 20px 0 10px;
    text-align: center;
    color: #333;
    background: #fff;
    position: relative;
}

#foodSort > span {
    display: block;
    text-align: center;
}

#foodSort > a > span {
    display: block;
    color: #aaa;
    font-size: 85%;
}

#foodSort > a:after {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 2px;
    font-family: Slivki-Icons;
    content: '\e812';
}

#foodSort:hover > a:after {
    content: '\e813';
}

#foodSortBox {
    display: none;
}

#foodSort:hover #foodSortBox {
    display: block;
}

#foodSortBox a {
    display: block;
    padding: 10px 10px 10px 30px;
    position: relative;
}

#foodSortBox a.active:after {
    font-family: Slivki-Icons;
    content: '\e811';
    position: absolute;
    left: 10px;
}

#foodFilterContentScrollPane {
    height: 550px;
    margin-bottom: 10px;
    outline: none;
}

#foodSearchResultCount {
    display: block;
    margin: 0 auto;
    text-align: center;
    line-height: 32px;
}

#resetFoodFilter {
    margin: 10px auto;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    display: none;
}

#foodMapWrapper {
    height: 220px;
    position: relative;
    margin-bottom: 10px;
}

.category-map-button {
    background-color: #8448b0;
    color: #fff;
    border: 2px solid #8448b0 !important;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    line-height: 25px;
    height: 25px;
    padding: 0 20px;
    position: absolute;
    top: 10px;
    left: 10px;
    display: none;
    z-index: 10;
}

.category-map-button:hover {
    color: #fff;
}

.category-map-button.active {
    display: inline-block;
}

.fullscreen {
    width: 100% !important;
    height: 100% !important;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.fullscreen > a,
.fullscreen #zoomIn,
.fullscreen #zoomOut,
.fullscreen .map-canvas {
    position: fixed !important;
    z-index: 99999 !important;
}

.category-map-wrapper.fullscreen .map-canvas {
    width: 100%;
    height: 100%;
}

.fullscreen #zoomIn,
.fullscreen #zoomOut {
    top: 50% !important;
}

.fullscreen #zoomIn {
    margin-top: -50px !important;
}

a.fullscreen-map-button {
    display: block;
    position: absolute;
    bottom: 10px;
    right: 10px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: white !important;
    background: #6747e5;
    padding: 0 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

#mapEnterFullscreen {
    display: none;
}

.fullscreen #mapEnterFullscreen,
.pseudo-fullscreen #mapEnterFullscreen,
#mapExitFullscreen {
    display: none !important;
}

.fullscreen #mapExitFullscreen,
.pseudo-fullscreen #mapExitFullscreen {
    display: block !important;
}

#setUserLocationBtn {
    display: none;
    position: absolute;
    bottom: 10px;
    right: 145px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    background: rgb(102 70 229);
    padding: 0 20px;
    color: white;
    z-index: 2;
}

.map-canvas {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    visibility: hidden;
    cursor: url('/images/pencil.cur') 0 30, auto;
}

.load-more-block {
    margin: 20px;
    text-align: center;
}

.load-more-loader {
    display: none;
    margin: 0 auto;
}

.director-info {
    margin-top: 5px;
    text-align: inherit;
    font-size: 14px;
    opacity: 0.55;
}

.sale-with-background.content--main {
    padding: 0 50px 10px !important;
}

.sale-with-background .saleBody {
    background: #fff;
}

.saleBody p {
    padding-left: 50px;
    padding-right: 50px;
}

#saleTitleBlock {
    color: #fff;
    display: block;
    position: relative;
    background: #000;
    margin: 0 auto 20px;
    border-radius: 12px;
    overflow: hidden;
}

#saleTitleBlock img {
    opacity: 0.8;
    width: 100%;
}

#saleTitleBlock > a {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 10px 20px;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 20px;
}

#saleTitleBlock > div {
    position: absolute;
    bottom: 10px;
    left: 10px;
}

#saleTitleBlock h1 {
    text-align: center;
    width: 100%;
    position: absolute;
    padding: 0;
    margin: 0;
    top: 50%;
    color: #fff;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.sale-with-background .saleBody table {
    max-width: 650px !important;
}

#saleFancyDescriptionBlock {
    background: #f6e65a;
    color: #333;
    padding: 50px 50px 0 50px;
    margin: 0 auto;
}

#saleCurledPage {
    height: 100px;
    position: relative;
    margin-top: -1px;
    margin-bottom: 20px;
}

#saleCurledPage span {
    display: block;
    background-color: #f6e65a;
    margin-right: 99px;
    height: 100px;
}

#saleCurledPage i {
    width: 100px;
    height: 100px;
    background: url(/images/main_idea_curl.png);
    float: right;
    position: absolute;
    right: 0;
    top: 0;
    background-size: cover;
}

.sale-main-idea {
    position: relative;
}

.sale-main-idea:after,
.sale-main-idea:before {
    content: "";
    background: #777;
    position: absolute;
    left: 50%;
    height: 1px;
    width: 40%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.sale-main-idea:after {
    bottom: 0;
}

.sale-main-idea:before {
    top: 0;
}

#showSaleCommentsButton {
    padding: 10px 20px;
    border-radius: 20px;
}

.saleBody img {
    height: auto;
}

#mallBrandInfo .all-filters-header {
    text-align: left;
    font-weight: normal;
}

.all-filters-capsule-btn {
    display: inline-block;
    line-height: 32px;
    padding: 0 10px;
    border: 1px solid #6747e5;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    text-align: center;
}

#brandGeoLocations {
    margin: 5px 10px;
}

#showCommentsBtn,
#mallShowCommentsBtn {
    display: block;
    margin: 10px auto;
    width: 150px
}

.all-filters-link {
    display: block;
    margin: 10px;
}

.all-filters-link i:before {
    margin-left: 0;
}

#brandGeoLocations .all-filters-link {
    margin-left: 0;
    margin-right: 0;
}

.brand-geo-location {
    margin-top: 15px;
    line-height: 18px;
}

.brand-geo-location .all-filters-link {
    margin: 0;
}

#mallBrandInfoContentScrollPane .jspVerticalBar,
#mallBrandInfoContentScrollPane .jspDrag {
    width: 10px;
}

#brandInfoSiteURL {
    color: #6747e5;
}

#brandInfoSiteURL:hover {
    text-decoration: underline;
}

#mallBrandButtons a {
    width: 90%;
    padding: 5px 0;
    background: #fff;
    border: 1px solid #6747e5;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

#mallPhoneBlock p {
    display: none;
}

#mallPhoneBlock {
    position: relative;
}

#mallPhoneBlock p.cut {
    display: block;
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#mallShowPhonesBtn {
    position: absolute;
    top: 2px;
    right: 60px;
    color: #bbb;
}

#mallBrandPhotoAdd i,
#mallPhotoAdd i {
    font-size: 16px;
    vertical-align: middle;
}

#brandGallery,
#mallGallery {
    position: relative;
    margin: 0 0 0 10px;
}

#brandGallery a.mall-video-teaser {
    position: relative;
    width: 90px;
    height: 90px;
    white-space: nowrap;
}

#brandGallery img.example-image {
    width: 90px;
    height: 90px;
}

.jspScrollable #brandGallery a.mall-video-teaser,
.jspScrollable #brandGallery img.example-image {
    width: 86px;
    height: 86px;
}

#brandGallery a.mall-video-teaser > .helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

#brandGallery a.mall-video-teaser > img {
    display: inline-block;
    vertical-align: middle;
    max-height: 90px;
    max-width: 90px;
}

#brandGallery a.mall-video-teaser:after {
    width: 25px;
    height: 25px;
    background-image: url('/images/play-video-icon.png');
    position: absolute;
    background-position: center center;
    content: '';
    top: 50%;
    left: 50%;
    margin-left: -13px;
    margin-top: -13px;
    background-size: 26px;
    cursor: pointer;
}

#mallAdditionalInfo .images-list-loader {
    display: none;
}

#mallLocation {
    display: block;
    width: 186px;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left;
    overflow: hidden;
    margin-left: 10px;
}

#mallDirection {
    display: block;
    float: right;
    width: 88px;
    margin-right: 12px;
    text-align: right;
}

#mallBrandGalleryGetMoreButton,
#mallGalleryGetMoreButton {
    background: rgba(0, 0, 0, 0.5);
    width: 90px;
    height: 90px;
    color: #fff;
    font-size: 22px;
    text-align: center;
    line-height: 94px;
    position: absolute;
    left: 192px;
    bottom: 7px;
}

.jspScrollable #mallBrandGalleryGetMoreButton,
.jspScrollable #mallGalleryGetMoreButton {
    width: 86px;
    height: 86px;
    left: 183px;
    bottom: 5px;
}

#commentListLoader,
#mallCommentListLoader {
    font-size: 32px;
    display: block;
    margin: 10px auto;
    text-align: center;
    color: #aaa;
    display: none;
}

#expandBrandLocations,
#collapseBrandLocations {
    color: #999;
}

#expandBrandLocations:hover,
#collapseBrandLocations:hover {
    text-decoration: underline;
}

#brandGeoLocations > div {
    display: none;
}

#brandGeoLocations > div:first-child {
    display: block;
}

.all-filters-content .images-list a {
    display: block;
    float: left;
    margin: 1px;
}

#addressCollapsibleBlock {
    width: 96%;
    margin: 0 auto;
}

#mallBrandInfoName {
    font-size: 24px;
    margin-bottom: 5px;
    margin-right: 30px;
}

.header-profile-menu .admin-menu-item {
    margin-left: 3px;
    margin-right: 8px;
}

.category-map-alert {
    display: none;
    position: absolute;
    top: 30px;
    text-align: center;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 10;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding: 0 20px;
}

.category-map-alert:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-top-color: rgba(0, 0, 0, 0.6);
    border-width: 10px;
    margin-left: -10px;
}

#saleMapWrapper {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
}

#categoryMapWrapper {
    position: relative;
    margin: 0 auto 10px;
}

#saleMap {
    height: 220px;
    position: relative;
}

#flierGoodsMapWrapArea #saleMap {
    height: 255px;
}

#categoryMap {
    height: 220px;
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    border: 1px solid #eee;
}

#categoryMapWrapper.pseudo-fullscreen #zoomIn,
#categoryMapWrapper.pseudo-fullscreen #zoomOut {
    display: block;
}

.category-map-placemark {
    display: table;
    height: 24px;
    line-height: 24px;
    width: auto !important;
    white-space: nowrap;
    background: rgba(255, 255, 255, 1);
    padding: 0 10px 0 30px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.category-map-placemark:after {
    height: 24px;
    width: 24px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #6646e5;
    border: 2px solid #ffffff;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.category-map-placemark.invisible-placemark {
    visibility: hidden !important;
}

.category-map-placemark.invisible-caption,
.category-map-placemark.no-caption,
.category-map-placemark.invisible-caption:after,
.category-map-placemark.no-caption:after {
    text-indent: -9999px;
    padding: 0;
    border-width: 1px;
    height: 8px !important;
    width: 8px !important;
    line-height: 8px;
}

#offerMapCanvas .category-map-placemark.always-caption {
    height: 24px !important;
    width: 24px !important;
    padding: 0;
}

#foodFilterForm .ms-options.ms-active {
    top: -1px;
}

.flier-total-visit-count {
    text-align: right;
    float: right;
    line-height: 16px;
}

.category-description {
    margin-top: 20px;
}

.top-sale-duration {
    float: left;
    display: block;
    padding-bottom: 5px;
}

.top-sale-duration > span {
    display: inline-block;
    color: #333;
}

.top-sale-duration.empty {
    height: 0;
    border-color: #fff;
    padding-bottom: 0;
}

.stock-group-item-sale.no-views {
    padding-bottom: 5px;
}

.stock-group-item-sale.no-views .bottom {
    display: none;
}

#favorite-tab-spinner {
    height: 40%;
    width: 40%;
    margin: 5% 50% 0% 50%;
}

#offerAcceptButton {
    display: flex;
}

#offerAcceptButtonPayMe {
    display: flex;
}

#offerAcceptButtonFake {
    margin: 0 auto;
    display: none;
}

#offerAcceptButtonFake img {
    margin: 0 auto;
    height: 20px;
}

.sale-lazy-spin {
    background: #fff url("/images/slivki-rotate-100_0-20.png") no-repeat 50% 50%;
    background-size: 50px;
}

.sale-lazy-wrap .sale-lazy-spin {
    background: none;
}

.search-result-filter {
    background: transparent;
    position: relative;
    display: inline-block;
    z-index: 10;
    margin: 0;
    padding-bottom: 10px;
}

.arrow-box {
    position: relative;
    background: #fff;
    z-index: 2;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    margin: 13px 0 0 70px;
}

.arrow-box:after {
    bottom: 100%;
    left: 30px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 10px;
    margin-left: -10px;
}

.search-result-filter > a {
    height: 25px;
    width: 120px;
    display: inline-block;
    border: 1px solid #00b0f0;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    line-height: 25px;
    padding: 0 20px 0 10px;
    text-align: center;
    color: #333;
    background: #fff;
    position: relative;
}

.search-result-filter > a:after {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 2px;
    font-family: Slivki-Icons;
    content: '\e812';
}

.search-result-filter:hover > a:after {
    content: '\e813';
}

.search-result-filter > div {
    position: absolute;
    top: 38px;
    left: 0;
    display: none;
    margin: 0;
}

.search-result-filter:hover > div {
    display: block;
}

.search-result-filter > div a {
    display: block;
    padding: 10px 10px 10px 30px;
    position: relative;
    white-space: nowrap;
}

.search-result-filter > div a.active:after {
    font-family: Slivki-Icons;
    content: '\e811';
    position: absolute;
    left: 10px;
}

#searchFilterDestinationBlock > a {
    width: 50px;
}

.share-block, .share-block * {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
    font-family: Helvetica, Arial, sans-serif;
}

.slivki-share-block-opener {
    display: block;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: none;
    width: 32px !important;
    height: 32px !important;
    -webkit-box-shadow: 0 0 2px #333;
    -moz-box-shadow: 0 0 2px #333;
    box-shadow: 0 0 2px #333;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
}

.slivki-share-block-opener:before {
    font-family: Slivki-Icons;
    content: '\e83c';
    color: #333;
    font-size: 16px !important;
    line-height: 32px !important;
}

.share-block.opened .slivki-share-block-opener:before {
    content: '\e841';
}

.share-block {
    position: absolute;
    top: 10px !important;
    right: 10px !important;
    left: auto !important;
    bottom: auto !important;
    z-index: 9;
    font-size: 14px;
    color: #333;
    font-style: normal;
    visibility: hidden;
    font-weight: normal;
}

.with-share-block:hover .share-block {
    visibility: visible;
}

.share-block.opened {
    z-index: 17;
    visibility: visible;
}

.share-block .slivki-share-block-popup {
    position: absolute;
    display: block;
    visibility: hidden;
    top: 42px;
    background: #fff;
    width: 145px;
    padding: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    right: 0;
    box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.4);
    border-radius: 10px;
}

.share-block.opened .slivki-share-block-popup {
    visibility: visible;
}

.desktop-device .share-block .slivki-share-block-popup:after {
    bottom: 99%;
    right: 8px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px;
}

.share-block .ya-share2__title {
    display: inline-block !important;
    color: #333 !important;
}

.share-block .slivki-share-block-popup p {
    font-size: 14px;
    line-height: 14px;
}

.share-block .ya-share2__item,
.share-block .share-copy {
    padding: 5px 10px;
    text-align: right;
    background-color: #f2f2f2;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 5px !important;
}

.share-block .ya-share2__badge {
    float: left;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.share-block .ya-share2__link {
    width: 100%;
}

.share-block .ya-share2__badge {
    background-color: transparent !important;
}

.share-block .ya-share2__container_size_m .ya-share2__icon {
    background-size: 24px 24px !important;
}

.share-block .ya-share2__item_service_viber .ya-share2__icon {
    background-image: url(/images/social/viber.png) !important;
}

.share-block .ya-share2__item_service_whatsapp .ya-share2__icon {
    background-image: url(/images/social/whatsapp.png) !important;
}

.share-block .ya-share2__item_service_facebook .ya-share2__icon {
    background-image: url(/images/social/fb.png) !important;
}

.share-block .ya-share2__item_service_vkontakte .ya-share2__icon {
    background-image: url(/images/social/vk.png) !important;
}

.share-block .ya-share2__item_service_skype .ya-share2__icon {
    background-image: url(/images/social/skype.png) !important;
}

.share-block .ya-share2__item_service_telegram .ya-share2__icon {
    background-image: url(/images/social/telegram.svg) !important;
}

.share-block .ya-share2__item_service_odnoklassniki .ya-share2__icon {
    background-image: url(/images/social/ok.png) !important;
}

.share-block .ya-share2__item_service_telegram .ya-share2__title {
    text-transform: capitalize;
}

.share-block .share-copy span {
    display: none;
}

.share-block .share-copy {
    background-image: url(/images/social/copy.png);
    background-size: 24px 24px;
    background-position: 3px center;
    background-repeat: no-repeat;
}

.share-block .share-copy a {
    color: #333 !important;
}

.sale-img-share-wrap {
    position: relative;
    margin: 0 auto;
}

.sale-lazy-wrap {
    position: relative;
    background: #f2f2f2 url("/images/slivki-rotate-100_0-20.png") no-repeat 50% 50%;
    background-size: 50px;
    margin: 0 auto;
}

.sale-lazy-wrap.loaded {
    background: none;
}

.sale-lazy-wrap .sale-img-share-wrap {
    position: unset;
}

.sale-lazy-wrap img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}

.ya-share2__input_copy {
    display: none !important;
}

#videoGuidePopup .modal-dialog {
    width: 660px;
    margin-top: 170px;
}

.video-guide .sale-block-image {
    position: relative;
}

.main-hot-feed-teaser.video-guide {
    position: relative;
}

.main-hot-feed-teaser.video-guide:after,
.sale-relations-block--item .video-guide:after,
.video-guide .sale-block-image .top-sale-duration:after {
    width: 50px;
    height: 50px;
    background-image: url('/images/play-video-icon.png');
    position: absolute;
    background-position: center center;
    content: '';
    bottom: 50px;
    left: 50%;
    margin-left: -25px;
    background-size: 50px;
    cursor: pointer;
}

.main-hot-feed-teaser.video-guide:after {
    bottom: auto;
    top: 55px;
}

.sale-relations-block--item .video-guide:after {
    bottom: auto;
    top: 40px;
}

#videoGuidePopup .modal-content {
    padding: 0;
    background-color: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#videoGuidePopup .close {
    top: 0;
    right: 0;
    background: none;
    color: #aaa;
    font-size: 24px;
}

#videoGuidePlayerContainer {
    background-color: #000;
    width: 640px;
    height: 360px;
}

.modal-backdrop {
    background-color: rgba(0, 0, 0, 0.9) !important;
}

.brand-location {
    display: inline-block;
    padding: 0 2.5%;
    width: 95%;
    height: 24px;
    overflow: hidden;
}

.brand-mall-list {
    display: inline-block;
}

.brand-mall-list-data {
    white-space: nowrap;
    display: none;
}

.brand-mall-list-view {
    float: left;
    display: none;
}

.brand-mall-list .ajaxLoader {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
}

.small-city {
    margin-top: 32px;
}

.breadcrumbs-footer {
    font-size: 14px;
    float: left;
    color: black !important;
    padding-top: 5px;
    padding-bottom: 0;
    position: relative;
    margin: 10px;
}

.breadcrumbs-footer a {
    color: black !important;
}

.sidebar-filter-form-search {
    margin-bottom: 10px;
    position: relative;
}

.sidebar-filter-form-search input {
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    border-color: #6747E5 !important;
    height: 32px;
    padding-right: 26px;
}

.sidebar-filter-form-search span {
    font-size: 12px;
    padding-left: 14px;
}

#allTradingNetworksFilter:after {
    top: 90px;
}

#flierCityFilter:after {
    top: 134px
}

#saleProductFilter:after {
    top: 178px;
}

#saleDateRangePicker:after {
    top: 222px;
}

.flier-goods-teaser.brand-teaser {
    display: inline-block;
    vertical-align: top;
    float: none;
}

.flier-goods-teaser.brand-teaser > a {
    color: #333 !important;
}

.flier-goods-teaser a.add-to-list {
    display: block;
    border: 2px solid #6747E5;
    background: transparent;
    color: #333;
    padding: 0;
    text-align: center;
    height: 30px;
    line-height: 30px;
    width: 170px;
    margin: 0 auto;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

.flier-goods-teaser.selected a.add-to-list {
    background-color: pink;
}

.link-with-loader {
    position: relative;
    overflow: hidden;
}

.link-with-loader.loading:after {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    color: #fff;
    content: "";
    background-image: url("/images/loading-4.gif");
    background-color: #f2f2f2;
    background-size: 24px;
    background-position: center;
    background-repeat: no-repeat;
}

#saleProductTeasers .title {
    font-size: 16px;
    padding-bottom: 10px;
}

#clearShopList {
    vertical-align: top;
}

#saleDateRangePickerContainer {
    position: relative;
}

#saleDateRangePickerInputFrom,
#saleDateRangePickerInputTo {
    width: 100px;
}

.flier-goods-teaser .teaser-description {
    background: #f2f2f2;
}

.teaser-description-footer {
    background: #f2f2f2;
    padding: 0 5px 5px 0;
    font-size: 14px;
}

.flier-goods-teaser .teaser-description > p {
    line-height: 14px;
    text-align: left;
    padding: 5px;
}

.flier-goods-teaser .price {
    float: left;
}

.flier-goods-teaser .price del {
    color: gray;
    display: inline-block;
    margin-left: 5px;
    font-size: 12px;
}

.flier-goods-teaser .brand-logo {
    float: left;
}

.flier-goods-teaser .brand-logo img {
    height: 24px;
}

.flier-goods-teaser .active-till {
    float: right;
}

.flier-goods-teaser .active-till.text-danger {
    color: #f00;
}

#shopListLink {
    background: #6747e5;
    padding: 0 20px;
}

#shopListLink.pink {
    background: pink;
}

.flier-goods-basket, .flier-goods-basket * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.flier-goods-basket {
    width: 100%;
}

.flier-goods-basket th {
    text-align: center;
}

.flier-goods-basket--item {
    margin: 0;
    padding: 5px 0 5px 10px;
    list-style: none;
    width: 100%;
    background: #f2f2f2;
    border-bottom: 5px solid #fff;
}

.flier-goods-basket--item td {
    padding: 5px;
}

.flier-goods-basket--item .remove {
    width: 35px;
    font-size: 16px;
}

.flier-goods-basket--item .total {
    width: 100px;
    text-align: center;
}

.flier-goods-basket--item .amount {
    width: 130px;
    text-align: center;
}

.flier-goods-basket--item .supplier-logo {
    width: 170px;
    text-align: center;
}

.flier-goods-basket--item .price {
    width: 80px;
    text-align: center;
}

.flier-goods-basket--item .volume {
    width: 75px;
    text-align: center;
}

.change-quantity,
.flier-goods-basket--item .change-amount {
    width: 17px;
    height: 17px;
    line-height: 17px;
    text-align: center;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #aaa;
    margin: 0 5px;
    font-size: 14px;
    display: inline-block;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    font-size: 12px;
    vertical-align: middle;
}

.sale-product-basket-total span {
    display: block;
    margin: 5px;
    padding: 2px 5px;
    border: 1px solid #ffd966;
    text-align: center;
}

.flier-goods-basket--item input[type=text] {
    width: 50px;
    margin: 0 auto;
    height: 24px;
    text-align: center;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
}

.flier-goods-basket tfoot td {
    font-size: 16px;
}

.flier-goods-basket tfoot td.hint {
    font-size: 12px;
    line-height: 12px;
}

.flier-goods-basket.flier-goods-total-basket {
    margin-top: 10px;
}

.flier-goods-basket.flier-goods-total-basket .flier-goods-basket--item {
    background-color: #fff;
    border-top: 2px solid #f2f2f2;
}

.flier-goods-basket.flier-goods-total-basket .flier-goods-basket--item .amount {
    text-align: left;
}

.sale-basket-hisory .title {
    padding: 10px 0;
}

.sale-basket-hisory .title a {
    float: right;
    background: #6747e5;
    color: #333;
    padding: 0 20px;
    text-align: center;
    height: 26px;
    line-height: 26px;
    margin: 0 auto;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border-radius: 13px;
    display: inline-block;
    border: 1px solid #6747e5;
}

.sale-basket-hisory .title a.remove-basket-link {
    margin-left: 10px;
    border-color: #aaa;
    background-color: #fff;
}

#saleBasketSaveButton {
    float: right;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    padding: 5px 20px;
    margin-right: 70px;
    display: none;
    border: 1px solid #aaa;
    background-color: #fff;
    margin-top: 15px;
}

.content--main.flier-goods-main-content {
    min-height: 600px;
}

#saleHistory {
    position: relative;
    display: inline-block;
    margin-left: 15%;
}

#saleHistory > a {
    height: 35px;
    width: 160px;
    display: inline-block;
    border: 2px solid #6747E5;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    line-height: 35px;
    padding: 0 20px 0 10px;
    text-align: center;
    color: #333;
    background: #fff;
    position: relative;
}

#saleHistory > span {
    display: block;
    text-align: center;
}

#saleHistory > a > span {
    display: block;
    color: #aaa;
    font-size: 85%;
}

#saleHistory > a:after {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 2px;
    font-family: Slivki-Icons;
    content: '\e812';
}

#saleHistory:hover > a:after {
    content: '\e813';
}

#saleHistoryBox {
    display: none;
    background: transparent;
    position: absolute;
    top: 0;
    z-index: 10;
    width: 200px;
    height: 108px;
}

#saleHistory:hover #saleHistoryBox {
    display: block;
}

#saleHistoryBox a {
    display: block;
    padding: 10px 10px 10px 30px;
    position: relative;
    color: black;
}

#saleHistoryBox a.active:after {
    font-family: Slivki-Icons;
    content: '\e811';
    position: absolute;
    left: 10px;
}

.sale-history-arrow-box {
    position: absolute;
    top: 50px;
    background: #fff;
    min-width: 165px;
    z-index: 2;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}

#saleHistoryBox a:hover {
    color: #3de2a0;
}

.sale-history-arrow-box:after {
    bottom: 100%;
    left: 30px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 10px;
    margin-left: -10px;
}

.mall-filter-block-content .parameter-list li.disabled {
    color: darkgrey;
}

#sortCategoryByPrice.active {
    padding-right: 25px;
    background-image: url(/images/arrow_down_icon.png);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: right 8px center;
}

#sortCategoryByPrice.active.desc {
    background-image: url(/images/arrow_up_icon.png);
}

.sorting-menu {
    padding: 0;
    margin: 10px 0;
    list-style: none;
    height: auto;
    position: relative;
}

.sorting-menu li {
    display: inline-block;
    float: left;
    padding: 4px;
    position: relative;
}

.sorting-menu li a {
    display: inline-block;
    height: 26px;
    padding: 2px 16px;
    line-height: 26px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    color: #333;
    font-size: 15px;
}

.sorting-menu li span {
    display: inline-block;
    padding: 2px 0;
    line-height: 26px;
}

.sorting-menu li a.active {
    background-color: #f2f2f2;
}

.sorting-menu li a:hover {
    color: #6747E5;
}

.slivki-pagination {
    text-align: center;
    display: none;
}

.slivki-pagination li {
    display: inline-block;
    margin-right: 10px;
    font-size: 16px;
    vertical-align: middle;
}

.slivki-pagination li .prev,
.slivki-pagination li .next {
    background: #6747E5;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: inline-block;
    line-height: 24px;
    color: #333;
}

.slivki-pagination li.disabled .prev,
.slivki-pagination li.disabled .next {
    display: none;
}

.slivki-pagination a.current,
.slivki-pagination li.active {
    color: #6747e5;
}

#foodLoadMoreLoader {
    display: block;
}

#foodAggregatorPagination {
    margin-top: 30px;
}

#categoryLoadMoreLoader {
    display: block;
}

#categoryPagination {
    margin-top: 20px;
    display: none;
}

#searchFilterDestinationBlock {
    vertical-align: top;
    width: 220px;
    line-height: 38px;
}

.saleFooterDetail {
    margin: 10px;
}

#categorSortMenu li {
    margin: 0;
}

#profileFriends .top-block {
    width: 100%;
    height: 290px;
    color: #fff;
    background-image: url("/images/friends_top_bg.jpg");
    background-position: center center;
    line-height: 290px;
    text-align: center;
    font-size: 32px;
    border-radius: 15px;
}

#profileFriends p {
    font-size: 16px;
    text-align: center;
    margin: 10px 0px;
}

.profile-share-block {
    position: relative;
    width: 600px;
    margin: 0 auto;
}

.profile-share-block .ya-share2__title {
    display: inline-block !important;
    font-size: 1px;
    float: right;
    position: relative;
    visibility: hidden;
    line-height: 32px;
    overflow: hidden;
}

.profile-share-block .ya-share2__title:after {
    display: inline-block !important;
    font-size: 16px;
    line-height: 32px;
    float: right;
    margin-right: 12px;
    visibility: visible;
    color: #333;
}

.profile-share-block .ya-share2__item_service_viber .ya-share2__title:after {
    content: 'Отправить в Viber';
}

.profile-share-block .ya-share2__item_service_whatsapp .ya-share2__title:after {
    content: 'Отправить в WhatsApp';
}

.profile-share-block .ya-share2__item_service_skype .ya-share2__title:after {
    content: 'Отправить в Skype';
}

.profile-share-block .ya-share2__item_service_viber .ya-share2__title:after {
    content: 'Отправить в Viber';
}

.profile-share-block .ya-share2__item_service_telegram .ya-share2__title:after {
    content: 'Отправить в Telegram';
}

.profile-share-block .ya-share2__item_service_facebook .ya-share2__title:after {
    content: 'Поделиться в Facebook';
}

.profile-share-block .ya-share2__item_service_vkontakte .ya-share2__title:after {
    content: 'Поделиться в ВКонтакте';
}

.profile-share-block .ya-share2__item_service_odnoklassniki .ya-share2__title:after {
    content: 'Через Одноклассники';
}

.profile-share-block .ya-share2__list_direction_horizontal > .ya-share2__item {
    float: right;
}

.profile-share-block .ya-share2__link {
    display: flex;
    align-items: center;
    width: 250px;
    background: #f2f2f2;
    margin: 10px;
    padding: 10px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
}

.profile-share-block .ya-share2__badge {
    background-color: transparent !important;
}

.profile-share-block .ya-share2__container_size_m .ya-share2__icon {
    width: 32px;
    height: 32px;
    background-size: 24px 24px !important;
}

.profile-share-block .ya-share2__item_service_viber .ya-share2__icon {
    background-image: url(/images/social/viber.png) !important;
}

.profile-share-block .ya-share2__item_service_whatsapp .ya-share2__icon {
    background-image: url(/images/social/whatsapp.png) !important;
}

.profile-share-block .ya-share2__item_service_facebook .ya-share2__icon {
    background-image: url(/images/social/fb.png) !important;
}

.profile-share-block .ya-share2__item_service_vkontakte .ya-share2__icon {
    background-image: url(/images/social/vk.png) !important;
}

.profile-share-block .ya-share2__item_service_skype .ya-share2__icon {
    background-image: url(/images/social/skype.png) !important;
}

.profile-share-block .ya-share2__item_service_telegram .ya-share2__icon {
    background-image: url(/images/social/telegram.png) !important;
}

.profile-share-block .ya-share2__item_service_odnoklassniki .ya-share2__icon {
    background-image: url(/images/social/ok.png) !important;
}

.profile-share-block a.share-by-email {
    justify-content: center;
    display: flex !important;
    align-items: center;
    width: 240px;
    line-height: 32px;
    padding: 10px 20px 10px 10px;
    font-size: 16px;
    background-color: #f2f2f2;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    color: #333;
    text-align: right;
    background-image: url(/images/social/email.png);
    background-size: 32px 32px;
    background-position: 10px 10px;
    background-repeat: no-repeat;
    display: block;
    margin-left: 22px;
}

.profile-share-block .ya-share2_inited + a.share-by-email {
    position: absolute;
    display: block;
    left: 22px;
    top: 229px !important;
    margin-left: 0;
}

.profile-share-block .share-copy {
    padding: 10px 20px 10px 20px;
    font-size: 16px;
    background-color: #f2f2f2;
    line-height: 32px;
    margin-top: 10px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    width: 538px;
    margin-left: 22px;
}

.profile-share-block .share-copy a {
    float: right;
    line-height: 32px;
    color: #6747e5;
    font-weight: bold;
}

.friends-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.friends-list li {
    padding: 10px 20px;
    margin: 0 0 10px 0;
    font-size: 16px;
    background-color: #f2f2f2;
    line-height: 32px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
}

.friends-list li strong {
    vertical-align: top;
    max-width: 230px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
}

#deliveryDetailsModal .modal-header {
    border: none !important;
}

.friends-list li em {
    float: right;
    font-style: normal;
}

.friends-list li.__2 {
    background-color: #6747e5;
}

#inviteFriendPopup .modal-content {
    padding: 0;
}

#inviteFriendPopup .modal-header {
    padding: 20px;
    background: #f2f2f2;
}

#inviteFriendPopup .modal-body {
    padding: 20px 20px 0 20px;
}

#inviteFriendPopup .modal-footer {
    padding: 0 20px 20px 20px;
    text-align: center;
}

#inviteFriendPopup .modal-footer a.button {
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
}

#inviteFriendPopup .modal-title {
    margin: 0;
    font-size: 16px;
    font-weight: normal;
}

#inviteFriendPopup .field label {
    width: 60px;
    display: inline-block;
    vertical-align: top;
    padding-top: 10px;
}

#inviteFriendPopup .modal-dialog {
    width: 446px;
}

#inviteFriendPopup .form-element {
    width: 340px;
}

#inviteTo {
    height: 60px;
    min-height: 60px;
}

#inviteText {
    height: 100px;
}

#petrolConfirmBoxText {
    text-align: left;
    margin-bottom: 15px;
    padding-right: 40px;
    font-size: 14px;
}

#slivkiConfirmPopup .modal-dialog,
#slivkiConfirmPopupUnscribed .modal-dialog {
    width: 500px;
}

#slivkiConfirmPopup .close,
#slivkiConfirmPopupUnscribed .close {
    width: 30px;
    height: 30px;
    top: 5px;
    right: 5px;
}

#slivkiConfirmPopupUnscribed .modal-content {
    padding: 0;
}

#slivkiConfirmPopup .modal-body,
#slivkiConfirmPopupUnscribed .modal-body {
    padding: 10px;
    font-size: 14px;
}

#slivkiConfirmPopupUnscribed .modal-title {
    padding: 10px;
    font-size: 18px;
    margin: 0;
    background: #f2f2f2;
}

#slivkiConfirmPopup .modal-footer,
#slivkiConfirmPopupUnscribed .modal-footer {
    text-align: center;
    padding-bottom: 10px;
}

#slivkiConfirmPopup .modal-footer button,
#slivkiConfirmPopupUnscribed .modal-footer button {
    display: inline-block;
    min-width: 100px;
    margin-right: 10px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

#slivkiConfirmPopup .modal-footer button:last-child,
#slivkiConfirmPopupUnscribed .modal-footer button:last-child {
    margin-right: 0;
}

#supplierLogoInfoBlock {
    text-align: center;
    position: relative;
}

#supplierLogo {
    display: inline-block;
}

#supplierLogoInfoBlock h1 {
    font-size: 20px;
    font-weight: normal;
}

#supplierRating {
    float: right;
    margin-right: 10px;
}

#supplierRating .rating-value {
    float: left;
}

.desktop-device .supplier-category-tabs.capsule-menu > li > a {
    padding: 5px 15px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    margin-bottom: 10px;
}

#supplierPhotoSlider {
    display: none;
    margin-bottom: 10px;
}

#supplierPhotoSlider img {
    margin-right: 5px;
}

#supplierPhotoSlider .slick-arrow {
    top: 50%;
    background: transparent;
    margin-top: -15px;
    border-radius: 50%;
    position: absolute;
    z-index: 2;
    font-size: 28px;
    color: #6747e5;
    border: 0;
    padding: 0;
    cursor: pointer;
}

#supplierPhotoSlider .slick-arrow i:after {
    content: '';
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    background: #fff;
    top: 50%;
    margin-top: -7px;
    left: 50%;
    margin-left: -7px;
    z-index: -1;
}

#supplierPhotoSlider .slick-arrow i:before {
    margin: 0;
}

#supplierPhotoSlider .slick-prev {
    left: 5px;
}

#supplierPhotoSlider .slick-next {
    right: 5px;
}

#supplierPhotoSlider .slick-disabled {
    display: none !important;
}

.supplier-category-tabs {
    overflow: visible;
}

.supplier-category-tabs .share-block {
    visibility: visible;
    top: 6px !important;
    left: 38px !important;
    right: auto !important;
    bottom: auto !important;
}

.supplier-category-tabs > li {
    position: relative;
    overflow: visible;
}

.supplier-category-tabs > li:last-child > a {
    padding-left: 34px;
}

.supplier-category-tabs .slivki-share-block-opener {
    background: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

i.category-tab-loader {
    font-size: 48px;
    display: block;
    margin: 0 auto;
    text-align: center;
    color: #aaa;
}

.supplier-location-item {
    margin-bottom: 10px;
}

.supplier-photoguide-list .sale-list-box-table .table-item .table-item-list li {
    width: 32%;
}

#supplierShareOpener {
    padding-left: 30px;
}

.related-offers-title {
    font-size: 18px;
    line-height: 30px;
    margin-top: 10px;
}

.stock-group-item.category-per-day-teaser {
    background: #fff;
    overflow: hidden;
    font-size: 12px;
    z-index: 4;
}

.stock-group-item.category-per-day-teaser.opened {
    height: 600px;
}

.category-per-day-teaser .title {
    display: block;
    text-align: center;
    line-height: 16px;
    font-size: 12px;
    font-weight: bold;
}

.category-per-day-teaser table th {
    font-size: 8px;
    color: #aaa;
    padding: 2px;
    text-align: center;
}

.category-per-day-teaser table tr td {
    text-align: right;
    padding: 0;
}

.category-per-day-teaser table tr td a {
    display: inline-block;
    white-space: nowrap;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.category-per-day-teaser table tr td:first-child {
    text-align: left;
}

.category-per-day-teaser table tr td.more-popular-categories-per-day-btn {
    text-align: right;
}

td.more-popular-categories-per-day-btn a {
    display: inline-block;
    position: relative;
    padding-right: 14px;
}

td.more-popular-categories-per-day-btn a:after {
    position: absolute;
    right: 0;
    font-family: Slivki-Icons;
    content: '\e812';
}

.opened td.more-popular-categories-per-day-btn a:after {
    content: '\e813';
}

#flierCitySelectBox > ul {
    display: block;
    padding: 0;
    margin: 0 0 20px 0;
    list-style: none;
}

#flierCitySelectBox > ul > li {
    display: inline-block;
}

#flierCitySelectBox .title {
    font-size: 18px;
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 20px;
    line-height: 36px;
}

#flierFirstLetterCityFilters li {
    margin-right: 5px;
}

#flierFirstLetterCityFilters a {
    background: #f2f2f2;
    padding: 7px 12px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 5px;
    color: #333;
}

#flierFirstLetterCityFilters a:hover,
#flierFirstLetterCityFilters a.active {
    background: #6747E5;
}

#flierCitySelectList {
    margin-bottom: 20px;
}

#flierCitySelectBox #flierCitySelectList ul {
    width: 16.66%;
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block;
    vertical-align: top;
}

.char-div {
    display: none;
}

#flierCitySelectList a {
    padding-left: 25px;
}

#flierOtherCities {
    color: #6747e5;;
}

#flierCitySelectList li.active:after {
    font-family: 'Slivki-Icons';
    position: absolute;
    content: '\e811';
    left: 0;
    color: #6747e5;
}

.default-city-li span {
    color: #aaa;
}

.new-modal .modal-content {
    padding: 0;
}

.new-modal .modal-header {
    padding: 15px;
    background: #f2f2f2;
}

.new-modal .modal-title {
    padding: 0;
    margin: 0;
    font-size: 18px;
}

.modal.new-modal .close {
    width: 30px;
    height: 30px;
    top: 10px;
    right: 10px;
}

.new-modal .modal-body {
    padding: 15px 15px 0 15px;
}

.new-modal .modal-footer {
    text-align: center;
    padding: 15px;
}

.new-modal .modal-footer .button {
    display: inline-block;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

.new-modal .modal-footer .button.cancel {
    background: #f2f2f2;
}

#selectCardPopup .modal-dialog,
#selectCreditCardPaymentPopup .modal-dialog {
    width: 380px;
}

#selectCardPopup .modal-dialog {
    margin-top: 0;
    margin-bottom: 0;
    height: 100vh;
    width: 100vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    align-items: center;
}

#selectCardPopup .modal-header {
    border-radius: 12px;
}

#selectCardPopup .modal-body #selectCardFooter {
    border-radius: 12px;
}

#selectCardForm label {
    display: block;
    margin-bottom: 10px;
}

#selectCardForm .card-btn {
    position: relative;
    padding: 10px;
    font-size: 18px;
    background-color: #f2f2f2;
    border: 2px solid #fff;
    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;
    border-radius: 24px;
    text-align: center;
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: 10px;
}

.card-btn-visa {
    background-image: url(/images/visa_logo.svg);
}

.card-btn-master {
    background-image: url(/images/mastercard_logo.svg);
}

#selectCardForm .card-btn:last-child {
    margin-bottom: 0;
}

#selectCardForm input[type="radio"] {
    display: none;
}

#selectCardForm input[type="radio"]:checked + .card-btn {
    border-color: #6747e5;
}

.card-btn .remove-card {
    position: absolute;
    right: 10px;
}

#selectCardConfirmPopup .modal-dialog {
    width: 320px;
}

#selectCardConfirmPopup .modal-body {
    font-size: 16px;
    text-align: center;
}

#selectCardConfirmPopup .modal-footer .button {
    width: 80px;
}

#selectCardConfirmPopup .modal-footer .button:first-child {
    margin-right: 20px;
}

#profileCardList table td {
    padding: 5px;
}

#profileCardList a {
    color: #fd4a9e;
}

#creditCardLi {
    width: 160px;
}

#paymentInProcess {
    display: none;
    width: 300px;
    margin: 0 auto;
    text-align: center;
    font-size: 18px;
}

#paymentInProcess img {
    margin: 10px auto;
}

.vote-entity-block {
    text-align: center;
    color: #aaa;
    margin: 10px 0;
    font-size: 16px;
    vertical-align: middle;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.vote-entity-block * {
    vertical-align: middle;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.vote-entity-block .star-ratings-css {
    float: none;
    font-size: 24px;
    display: inline-block;
    margin: 0 auto;
    height: 25px;
    overflow: hidden;
    position: relative;
}

.vote-entity-block .star-ratings-css-bottom,
.vote-entity-block .star-ratings-css-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: left;
}

.vote-entity-block .star-ratings-css-bottom {
    position: relative;
}

.vote-entity-block .star-ratings-css span {
    margin-right: 5px;
    margin-top: 2px;
    cursor: pointer;
}

.your-vote {
    position: absolute;
    top: -50px;
    left: 50%;
    margin-left: -50px;
    background: #51575c;
    padding: 10px 20px;
    color: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 12px;
}

.your-vote:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(81, 87, 92, 0);
    border-top-color: #51575c;
    border-width: 5px;
    margin-left: -5px;
}

#showMoreAddressInDetailsLink {
    background: #6747e5;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    font-size: 14px;
    margin: 0 0 10px 0;
}

.past-offers-page .pagination a {
    padding: 10px;
    border: 1px solid #6747e5;
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #333;
}

.past-offers-page .pagination a.active {
    background-color: #6747e5;
}

#saleDateRangePicker {
    padding: 0;
    height: 350px;
    width: 684px;
}

#saleDateRangePicker h3 {
    font-weight: normal;
}

#saleDateRangePicker a.close {
    color: #333;
}

#saleDateRangePicker .mall-filter-block-header {
    background: #f2f2f2;
    -moz-border-top-left-radius: 16px;
    -moz-border-top-right-radius: 16px;
    -webkit-border-top-left-radius: 16px;
    -webkit-border-top-right-radius: 16px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
}

#saleDateRangePicker .mall-filter-block-footer {
    text-align: center;
}

#saleDateRangePickerClear {
    background-color: #f2f2f2;
    margin-left: 20px;
}

#saleDateRangePicker .date-picker-wrapper .footer {
    display: none;
}

#saleDateRangePicker .date-picker-wrapper {
    background: transparent;
    border: none;
    width: 100%;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #333;
}

#saleDateRangePicker .drp_top-bar {
    display: none;
}

#saleDateRangePicker .mall-filter-block-content {
    overflow: visible;
}

.sidebar-filter-search-hint {
    position: absolute;
    top: 40px;
    right: -93px;
    background: #fff;
    width: 200px;
    z-index: 2;
    padding: 10px;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    text-align: center;
    display: none;
}

.sidebar-filter-search-hint:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 5px;
    margin-left: -5px;
}

#flierGoodsContinuePopup .modal-dialog {
    width: 450px;
}

#flierGoodsContinuePopup .modal-content {
    padding: 45px 20px 20px 20px;
    background-color: rgba(0, 0, 0, 0.7);
    text-align: center;
    color: #fff;
}

#flierGoodsContinuePopup .modal-content .close {
    background: none;
    color: #fff;
}

.desktop-device #flierGoodsContinuePopup .modal-content .close {
    font-size: 20px;
    top: 10px;
    right: 10px;
}

#flierGoodsContinuePopup .modal-content .button {
    display: inline-block;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    width: auto;
    margin: 5px 0;
    border: 2px solid #6747e5;
}

#createSaleProductNewListLink {
    color: #fff !important;
    background: transparent;
}

#saleDateRangePicker .date-picker-wrapper .month-wrapper table td,
#saleDateRangePicker .date-picker-wrapper .month-wrapper table th {
    padding: 0 5px;
    font-size: 14px;
    text-transform: capitalize;
}

#saleDateRangePicker .date-picker-wrapper .month-wrapper table .day {
    font-size: 14px;
    padding-left: 8px;
    padding-right: 8px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
}

#saleDateRangePicker .date-picker-wrapper .month-wrapper table .week-name {
    border-bottom: 1px solid #aaa;
    color: #aaa;
}

#saleDateRangePicker .date-picker-wrapper .month-wrapper table .week-name th {
    padding-bottom: 2px;
}

#saleDateRangePicker .date-picker-wrapper .first-date-selected,
#saleDateRangePicker .date-picker-wrapper .last-date-selected {
    background-color: #6747e5 !important;
    color: #333 !important;
}

#saleDateRangePicker .date-picker-wrapper .month-wrapper table .day.checked {
    background-color: #BAFAE5;
}

#saleDateRangePicker .date-picker-wrapper .month-wrapper table .day.toMonth.hovering {
    background-color: #D9FDF1;
}

#saleDateRangePicker .date-picker-wrapper .date-range-length-tip {
    background-color: #fff;
    text-transform: lowercase;
}

#saleDateRangePicker .date-picker-wrapper .date-range-length-tip:after {
    border-top-color: #fff;
}

#flier-goods-suggest-result {
    list-style: none;
    margin: 0;
    padding: 0;
}

#flier-goods-suggest-result li {
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    padding: 5px;
}

#flier-goods-suggest-result li:hover, #flier-goods-suggest-result li.selected {
    border-top: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
    background-color: whitesmoke;
}

.flier-goods-suggest-hidden {
    display: none;
    width: 100%;
    position: absolute;
    top: 40px;
    left: 0px;
    border: 1px solid #aaaaaa;
    background: #ffffff;
    color: #222222;
    z-index: 100;
    font-size: 1.1em;
    text-align: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 3px 1em 3px 0.4em;
    line-height: 28px;
}

.flier-goods-suggest {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
    top: auto !important;
}

.flier-goods-suggest-hidden {
    position: absolute;
    top: 30px;
    padding: 10px 0 0 0;
    background: transparent;
    border: none;
}

.sidebar-filter-form-search .search-equalizer {
    width: 140px;
    position: absolute;
    left: 50%;
    margin-left: -70px;
    top: 6px;
}

.sidebar-filter-form-search .voice-search-btn {
    width: 34px;
    height: 34px;
}

/* Slivki smiles */
.slivki-comment-editor {
    position: relative;
}

.slivki-comment-editor * {
    outline: none !important;
}

.slivki-smile-block {
    height: 36px;
    position: relative;
    text-align: center;
    padding-right: 36px;
    margin-top: 19px;
}

.slivki-smile-block img {
    display: inline-block;
    height: 41px;
    cursor: pointer;
    margin-right: 5px;
}

img.slivki-smile {
    display: inline-block;
    height: 24px;
    vertical-align: middle;
}

img.slivki-smile.big-slivki-smile {
    height: 32px;
}

.live-comments-item img.slivki-smile.big-slivki-smile {
    height: 16px;
}

.more-smile-btn {
    position: absolute;
    right: 0;
    top: 0;
    background: 0;
    color: #999;
    height: 36px;
    line-height: 36px;
    font-size: 24px;
}

.slivki-additional-smile-block {
    position: absolute;
    right: 0;
    top: 0;
}

.slivki-additional-smiles {
    visibility: hidden;
    width: 170px;
    height: 260px;
    position: absolute;
    bottom: 0;
    right: 0;
    margin-right: -79px;
    background: #fff;
    text-align: left;
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
    -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
    padding: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    z-index: 3;
}

.slivki-additional-smiles.opened {
    visibility: visible;
}

.slivki-additional-smiles:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 10px;
    margin-left: -10px;
}

.slivki-additional-smiles-pane {
    height: 260px;
}

.slivki-comment-editor-textarea {
    position: absolute;
    top: 0;
    height: 240px;
    overflow-y: scroll;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #f2f2f2;
    padding: 10px;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 2;
}

.slivki-comment-editor-textarea img {
    display: inline-block;
    height: 25px;
}

.slivki-comment-editor textarea {
    visibility: hidden;
}

.modal-backdrop-light .modal-backdrop {
    opacity: 0.2;
}

@media (max-width: 768px) {
    .breadcrumbs-footer {
        font-size: 32px;
        margin: 10px 0 10px 0;
    }
}

@media (max-width: 375px) {
    .breadcrumbs-footer {
        font-size: 36px;
    }
}

#videoguideCategoryMenu {
    background-color: #fff;
    padding: 8px 16px;
    margin-bottom: 5px;
    white-space: nowrap;
    visibility: hidden;
    position: relative;
}

#videoguideCategoryMenu a img {
    width: 64px;
    height: 64px;
    -moz-border-radius: 50%;
    -wekit-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    padding: 3px;
    border: 1px solid #ccc;
}

#videoguideAutorsCategoryMenu .active img,
#videoguideCategoryMenu .active img {
    border: 2px solid #6747E5;
}

#videoguideAutorsCategoryMenu {
    background-color: #fafafa;
    padding: 8px 16px;
    white-space: nowrap;
    overflow-y: scroll;
    margin-top: 10px;
    visibility: hidden;
    position: relative;
}

a.videoguide-author-category,
#videoguideCategoryMenu a,
#videoguideAutorsCategoryMenu a {
    display: inline-block;
    text-decoration: none;
    color: #333;
    vertical-align: top;
    white-space: nowrap;
}

#videoguideCategoryMenu a {
    text-align: center;
}

a.videoguide-author-category img,
#videoguideAutorsCategoryMenu a img {
    width: 64px;
    height: 64px;
    -moz-border-radius: 50%;
    -wekit-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    padding: 3px;
    border: 1px solid #ccc;
    vertical-align: top;
    margin-right: 10px;
    float: left;
}

a.videoguide-author-category {
    line-height: 18px;
    margin-top: 10px;
}

a.videoguide-author-category img {
    width: 48px;
    height: 48px;
}

a.videoguide-author-category div,
#videoguideAutorsCategoryMenu a div {
    float: left;
}

a.videoguide-author-category span,
#videoguideAutorsCategoryMenu a span {
    color: #aaa;
}

#videoguideCategoryMenu .swiper-button-disabled,
#videoguideAutorsCategoryMenu .swiper-button-disabled {
    display: none;
}

#videoguideAutorsCategoryMenu .swiper-button,
#videoguideCategoryMenu .swiper-button {
    position: absolute;
    z-index: 2;
    font-size: 18px;
    width: 30px;
    height: 30px;
    top: 50%;
    color: #666;
    margin-top: -15px;
    border: 0;
    padding: 0;
    cursor: pointer !important;
    cursor: hand !important;
    background: transparent;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    line-height: 30px;
    outline: none !important;
}

#videoguideCategoryMenu .swiper-button-prev,
#videoguideAutorsCategoryMenu .swiper-button-prev {
    left: 0;
    text-align: left;
}

#videoguideCategoryMenu .swiper-button-next,
#videoguideAutorsCategoryMenu .swiper-button-next {
    right: 0;
    text-align: right;
}

#videoguideAutorsCategoryMenu .swiper-button:after,
#videoguideCategoryMenu .swiper-button:after {
    font-family: Slivki-Icons;
    content: '\e818';
    margin: 0;
}

#videoguideAutorsCategoryMenu .swiper-button-next:after,
#videoguideCategoryMenu .swiper-button-next:after {
    content: '\e817';
}

.video-guide-block .sale-list-box-table .table-item .table-item-list {
    padding: 0;
    margin-top: -5px;
}

#productNotFound {
    color: #c00000;
    display: none;
}

#productNotFound span {
    color: #333;
}

#saleDateRangePicker .date-picker-wrapper .month-wrapper {
    border: none;
}

.no-padding {
    padding: 0 !important;
}

#brandGallery div {
    position: relative;
    display: inline-block;
}

#brandGallery .brand-download-link {
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    background-color: white;
    padding: 3px;
}

.food-extension-teaser {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    display: inline-block;
    padding: 2px;
    position: relative;
}

.food-extension-teaser-inner {
    margin: 0 auto 5px;
    width: 98%;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    position: relative;
}

.food-extension-teaser del {
    font-size: 85%;
}

.food-extension-teaser img {
    width: 100%;
    margin-bottom: 5px;
}

.d-block {
    display: block !important;
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

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

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

.text-muted {
    color: #aaa !important;
}

.button.food-extension-add-btn {
    background-color: #fff;
    line-height: 14px;
    font-size: 15px;
    padding: 4px 20px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    border: 1px solid #aaa;
    font-size: 14px;
}

.button.food-extension-add-btn i {
    float: left;
    color: #aaa;
    font-size: 22px;
    margin-right: 5px;
    margin-top: 2px;
}

.button.food-extension-composition-btn {
    position: relative;
    background-color: #fff;
    font-size: 14px;
}

.button.food-extension-composition-btn:after {
    font-family: Slivki-Icons;
    content: ' \e812';
    color: #aaa;
    margin-left: 5px;
}

.expanded .button.food-extension-composition-btn:after {
    content: ' \e813';
}

.food-extension-composition-block {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    z-index: 2;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #f2f2f2;
    padding: 5px;
    -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

.food-extension-teaser-bottom {
    position: relative;
}

.expanded .food-extension-composition-block {
    display: block;
}

.food-extension-composition-block ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

#addFoodExtensionForm table {
    width: 100%;
    font-size: 16px;
}

.food-extension-form-select-item .dec,
.food-extension-form-select-item .inc {
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #aaa;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 21px;
    height: 21px;
    line-height: 21px;
    text-align: center;
    font-size: 16px;
}

.food-extension-form-select-item {
    line-height: 36px;
    vertical-align: middle;
}

.food-extension-form-select-item .amount {
    margin: 0 10px;
}

#addFoodExtensionPopup .modal-dialog {
    width: 460px;
}

.food-extension-form-select-item .name {
    text-align: left;
    min-width: 130px;
}

.food-extension-form-select-item .remove {
    width: 26px;
    text-align: center;
}

.food-extension-form-select-item .total {
    width: 80px;
    text-align: center;
}

.food-extension-form-select-item .amount {
    width: 100px;
    text-align: center;
}

.side-block {
    position: absolute;
    width: 380px;
    background-color: #fff;
    -moz-box-shadow: 0 0 10px #666;
    -webkit-box-shadow: 0 0 10px #666;
    box-shadow: 0 0 10px #666;
    text-align: left;
    display: none;
}

.side-block.opened {
    display: block;
}

.side-block-header {
    background-color: #f2f2f2;
    padding: 5px;
    position: relative;
}

.side-block-header small {
    display: block;
}

.side-block-header .close {
    position: absolute;
    right: 5px;
    top: 14px;
    font-size: 24px;
}

.text-green {
    color: #70ad47;
}

.side-block-content tr.total {
    border-top: 1px dashed #70ad47;
    line-height: 16px;
}

.side-block-content tr.total td {
    padding-top: 5px;
}

tr.food-extension-form-select-item.total small {
    display: block;
}

.sum-total {
    margin: 5px 0;
    padding: 10px;
    background-color: #F2F2F2;
    text-align: right;
}

.sum-total strong {
    font-size: 18px;
}

#foodExtensionOrder .info {
    text-align: center;
}

#foodExtensionOrder .info strong {
    font-size: 18px;
}

.side-block .button {
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    margin: 5px 0;
    font-size: 14px;
}

.food-ext-buy-now-btn {
    position: relative;
    line-height: 14px;
    background-color: #fff;
    border: 1px solid #6747e5;
    text-align: left;
    padding: 5px 10px 5px 40px;
}

.food-ext-buy-now-btn:after {
    position: absolute;
    left: 10px;
    top: 12px;
    font-family: Slivki-Icons;
    content: '\e805';
    font-size: 20px;
    color: #777;
}

.food-ext-buy-now-btn small {
    display: block;
    font-size: 70%;
    color: #777;
}

#foodExtensionOrderConfirm .side-block-header {
    padding: 15px 5px;
}

#foodExtensionOrder form,
#foodExtensionOrderConfirm form {
    padding: 5px 15px;
}

#foodExtensionOrderConfirm label {
    display: inline-block;
    vertical-align: top;
}

#foodExtensionOrderConfirm .field {
    margin-bottom: 5px;
}

#foodExtensionOrderConfirm .form-element {
    width: 100%;
}

.desktop-device #foodExtensionOrderConfirm .form-element {
    height: 32px;
}

.desktop-device #foodExtensionOrderConfirm textarea.form-element {
    min-height: 54px;
}

#foodExtensionOrderConfirm .submit-block {
    display: none;
    text-align: center;
}

#foodExtensionOrderConfirm .submit-block.__1 {
    display: block;
}

#foodExtensionOrderConfirm .form-element[type=radio] {
    width: auto;
    height: 14px;
}

#foodExtensionOrderConfirm .sum-total {
    background-color: #fff;
    border-top: 1px dashed #70ad47;
    border-bottom: 1px dashed #70ad47;
    text-align: left;
    font-size: 18px;
    padding: 20px 5px;
}

.food-extension-form-select-item.total {
    border-top: 1px dashed #70ad47;
    padding: 5px;
}

#foodExtensionOrderConfirm .total small {
    line-height: 12px;
    display: inline-block;
}

.delivery-check {
    text-align: center;
}

.delivery-check a {
    display: inline-block;
    background: #f2f2f2;
    padding: 10px;
    margin: 5px 0 10px 0;
    color: #333;
}

.delivery-check a.active {
    background: #6747e5;
}

.delivery-check a.first {
    border-radius: 20px 0 0 20px;
}

.delivery-check a.last {
    border-radius: 0 20px 20px 0;
}

.food-order-info-icon {
    width: 18px;
    float: right;
    margin-left: 5px;
    margin-top: 2px;
}

.videoguide-details h1 {
    display: block;
    font-size: 16px;
}

.videoguide-details-info {
    position: relative;
    color: #aaa;
}

.videoguide-details-info .share-block-container {
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid #aaa;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    padding: 5px 10px 5px 30px;
    color: #333;
}

.videoguide-details-info .share-block {
    visibility: visible;
    width: 100%;
}

.videoguide-details-info .slivki-share-block-opener {
    left: 10px;
    right: auto;
    top: -10px;
    border: none;
    background: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100% !important;
    padding-left: 10px;
    text-align: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
}

.desktop-device .videoguide-details-info .share-block .slivki-share-block-popup {
    left: -10px;
    -moz-box-shadow: 0 0 5px 5px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 0 5px 5px rgba(0, 0, 0, .1);
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, .1);
    top: 32px;
}

.videoguide-details .vote-entity-block {
    font-size: 14px;
    margin-top: 33px;
    float: right;
}

.videoguide-details-info .fa {
    padding-left: 3px;
    padding-right: 3px;
}

.videoguide-details .vote-entity-block .star-ratings-css {
    font-size: 18px;
    height: 22px;
}

.videoguide-details .vote-entity-block .your-vote {
    padding: 2px 15px;
    top: -28px;
    white-space: nowrap;
}

.videoguide-visit-count {
    color: #aaa;
    font-size: 14px;
}

.videoguide-details .total-votes {
    margin-top: -5px;
}

.videoguide-details .vote-entity-block .vote-pls {
    margin-top: -22px;
}

.subscribe-on-youtube {
    background: #f2f2f2;
    text-align: center;
    line-height: 18px;
    padding: 10px 0;
    margin-top: 10px;
}

.subscribe-on-youtube > * {
    display: inline-block;
    vertical-align: middle;
}

.subscribe-on-youtube a {
    background: #ed2223;
    color: #fff;
    padding: 10px 15px;
    margin-left: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

#videoGuideDetailsContent {
    width: 63%;
    float: left;
    position: relative;
}

#videoGuideDetailsSidebar {
    width: 35%;
    float: right;
    margin-left: 0.6%;
    margin-right: 0;
    font-size: 14px;
}

a.videoguide-sidebar-item {
    position: relative;
    padding-left: 155px;
    line-height: 16px;
    display: block;
    margin-bottom: 5px;
    min-height: 84px;
    overflow: hidden;
}

.videoguide-sidebar-item .image {
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    width: 150px;
    height: 84px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.videoguide-sidebar-item time {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #fff;
    background: rgba(0, 0, 0, 0.7);
    font-size: 10px;
    font-weight: bold;
    line-height: normal;
    padding: 5px;
}

#sidebarVideoguideLoader {
    width: 100%;
    height: 40px;
    background: url('/images/loading-animation.gif') no-repeat center center;
    background-size: contain;
}

.parameter-list.by-column {
    display: inline-block;
    vertical-align: top;
}

.parameter-list.by-column.__5 {
    width: 20%;
}

.parameter-list.by-column.__3 {
    width: 33.33%;
}

.parameter-list.by-column li {
    display: block;
    width: 100%;
}

.products-not-found {
    margin-top: 20px;
}

.capsule-statistics {
    display: none;
}

.statistics-visible .capsule-statistics {
    color: #0b5ab2 !important;
    display: inline;
}

.flier-goods-basket-continue-button {
    height: 70px;
}

.flier-goods-basket-continue-button a {
    font-size: 12px;
    background-color: #6747e5;
    padding: 10px 10px;
    border-radius: 50px;
}

.flier-goods-basket-continue-button a:hover {
    color: black;
}

.videoguide-category-teaser-block > .title {
    vertical-align: middle;
    font-size: 16px;
    margin-top: 2rem;
    margin-bottom: 1rem;
    font-weight: bold;
}

.videoguide-category-teaser-block > .title a.all-link {
    color: #aaa;
    font-weight: normal;
    float: right;
    margin-top: 8px;
}

.videoguide-category-teaser-block > .title img {
    width: 32px;
    height: 32px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    vertical-align: -10px;
}

.videoguide-category-teaser-block > .title span {
    color: #aaa;
    font-weight: normal;
}

#popularVideoguideSlider {
    padding: 10px 0;
}

#popularVideoguideSlider .stock-group-item-sale {
    width: 1px;
    visibility: hidden;
}

#popularVideoguideSlider.swiper-container-horizontal .stock-group-item-sale {
    visibility: visible;
    width: 100%;
}

#popularVideoguideSlider .stock-group-item-sale .title {
    height: 50px;
    overflow: hidden;
}

#popularVideoguideSlider .swiper-button {
    position: absolute;
    z-index: 2;
    font-size: 18px;
    width: 30px;
    height: 30px;
    top: 50%;
    color: white;
    margin-top: -15px;
    border: 0;
    padding: 0;
    cursor: pointer !important;
    cursor: hand !important;
    background: #6747E5;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    visibility: hidden;
    line-height: 30px;
}

#popularVideoguideSlider .swiper-button:after {
    font-family: Slivki-Icons;
    content: '\e818';
    margin: 0;
}

#popularVideoguideSlider .swiper-button-next:after {
    content: '\e817';
    left: auto;
}

#popularVideoguideSlider .swiper-button-disabled {
    display: none;
}

#popularVideoguideSlider .sale-block-image a img {
    width: 100%;
}

img.sale-lazy-spin {
    display: block;
    width: 50px !important;
    height: 50px !important;
    margin: 20px auto;
    color: #fff;
}

.hyper-shop .button--green {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

#flierSlider {
    margin-bottom: 10px;
    display: none;
}

#flierSlider.slick-initialized {
    display: block;
}

#flierProductBlock {
    background: #E1DAFA;
    padding: 20px 10px 20px 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 10px;
}

#flierProductBlock .flier-goods-teaser {
    width: 19.2%;
    margin: 0 1% 10px 0;
    background: #fff;
}

#flierProductTeaserList .flier-goods-teaser:last-child {
    margin-right: 0;
}

.gift-certificates-steps {
    list-style: none;
    margin: 0;
    padding: 30px 0;
    background-color: #f4f4f4;
    text-align: center;
    font-size: 18px;
    color: #ebebeb;
}

.gift-certificates-steps li {
    display: inline-block;
}

.gift-certificates-steps li.active {
    color: #333;
}

.gift-certificates-steps li span {
    color: #ed7d31;
}

.gift-certificates {
    margin-right: 310px;
}

.gift-certificate-offer-location {
    width: 300px;
    margin-right: -310px;
    padding: 0 10px;
    float: right;
    border-left: 2px solid #f4f4f4;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.gift-certificate-select {
    float: left;
    width: 100%;
}

.gift-certificate-select ul {
    margin: 10px 0 0 0;
    padding: 0;
    list-style: none;
}

.gift-certificate-select ul li {
    background-color: #f4f4f4;
    margin-bottom: 10px;
    line-height: 16px;
    display: table;
    position: relative;
    width: 100%;
}

.gift-certificate-select ul li:first-child {
    padding-top: 0;
    margin-bottom: 0;
    background-color: #fff;
}

.gift-certificate-select ul li > div.certificate-checkbox {
    width: 75px;
}

.gift-certificate-select ul li > div.certificate-price {
    width: 100px;
    color: #6747e5;
    line-height: 16px;
}

.gift-certificate-select ul li > div.certificate-amount {
    width: 100px;
}

.gift-certificate-select ul li > div {
    text-align: center;
    display: table-cell;
    vertical-align: top;
    padding: 10px;
    position: relative;
}

.gift-certificate-select ul li > div:first-child {
    text-align: left;
}

.gift-certificates .star-ratings-css {
    margin-right: 5px;
}

.gift-certificates .title {
    font-size: 20px;
}

.gift-certificate-select .checkbox input[type=checkbox] {
    visibility: hidden;
}

.gift-certificate-select .checkbox {
    width: 30px;
    height: 30px;
    position: relative;
    margin: 0 auto;
}

.gift-certificate-select .checkbox label {
    display: block;
    cursor: pointer;
    position: absolute;
    width: 30px;
    height: 30px;
    top: 0;
    left: 0;
    border: 1px solid #ddd;
    background-color: #fff;
}

.gift-certificate-select .checkbox label:after {
    opacity: 0;
    content: '';
    position: absolute;
    width: 14px;
    height: 6px;
    background: transparent;
    top: 9px;
    left: 8px;
    border: 2px solid #333;
    border-top: none;
    border-right: none;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.gift-certificate-select .checkbox input[type=checkbox]:checked + label:after {
    opacity: 1;
}

.gift-certificate-select select.form-element {
    text-indent: 1px;
    text-overflow: '';
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: white;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAADuElEQVR4Xu3bSarVQBQG4P+BLkAQH9hgM3HkBmxX48SZO3HsYgS7twBnTmywAUVwAw7kYAIxpDlJqk79lfyZOHh1b538X53UTe71BDqoEjihqkbFQCBki0AgAiFLgKwcdYhAyBIgK0cdIhCyBMjKUYcIhCwBsnLUIQIhS4CsHHWIQMgSICtHHSIQsgTIylGHCIQsAbJy1CECIUuArBx1iEDIEiArRx0iELIEyMpRhwiELAGyctQhAiFLgKwcdYhAyBIgK0cdIhCyBMjKWdshFwD8JjsXtnJWZbQG5DmAhwDuA/jFlgJJPRcBvAHwAsCTJTUtBTGMx80E74UyGPUpgJcAbjd/fQbgqRdlCUgXo31/Q3kE4Id3wp2PM4wzALd65+lG8YIMYbRzfgBwVygYw2hzcqF4QGyidwAuTazuo3dK/zI1FNVPAHcA2L+jhwfEXmwtaK1oE48dR+2Uuc6wvOySblcRy2jy8IIIZTjGpBg2xRIQofyPkhxjDYhQ/qFkwVgLcnSUbBhbQI6KkhVjK8jRULJjpAA5CkoIRiqQvaOEYaQE2StKKEZqkL2hhGPkANkLyhUArwae2nZvDd2PQ+Yel3T/vvRO3fveNT/7Moy3AK5PnGwWjFwd0p5HjShFMXKD1Hb5Ko4RAbIExb6n/+a9JiYeR4ERBdKi2CZpJz52fAZwrwCKB8MWii2Y2e8zti6UXJv6UF22SdpmyYTixbCFYgsm+xEJYifDhEKHEXnJ6q4sBhRKjFIgpTuFFqMkSCkUaozSINEo9BgMIFEoVWCwgORGqQaDCSQXSlUYbCCpUezjtf0Kfeqprd2Bh930ee4qo28MPTWluE/xvAcdBmOHtGCeQMeefXleS4nBDLL28lU1BjvIUpRzjoeXtJ3RXhoY95D+PnOjCfryxAb0EcB5AFcnxnxvNvBPno2s1JgaQLydMpUhfWfU1CFLNvohlGowathD+gF7Nu3ua6rCqBGkvXzN3fDZOPtYbP9DOOSbvlR7Ti17SP985x6JlPp+frNLrSB24mMo1WLUesnqrsJrzU8+7aOxHfaR1n4d8mXzUi30BjV3SBuZYbwG8AfAAwBfC2WZZNo9gFgQNxuQajujxvuQJCuQ/U320iHsObvrE4g7qpiBAonJ2T2LQNxRxQwUSEzO7lkE4o4qZqBAYnJ2zyIQd1QxAwUSk7N7FoG4o4oZKJCYnN2zCMQdVcxAgcTk7J5FIO6oYgYKJCZn9ywCcUcVM1AgMTm7ZxGIO6qYgQKJydk9y1/OIPJldl+k8gAAAABJRU5ErkJggg==');
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-position: right 8px center;
    border: 1px solid #dfdfdf;
    border-radius: 0;
    height: 32px;
    color: #7f7f7f;
    padding: 0 8px;
    line-height: 30px;
    outline: none;
    width: 50px;
}

.gift-certificate-select .certificate-description {
    max-height: 18px
}

.certificate-price del {
    display: block;
    color: #333;
}

.certificate-name {
    font-size: 18px;
    padding-bottom: 5px;
}

.certificate-description {
    color: #a6a6a6;
    position: relative;
    overflow: hidden;
}

.certificate-description.expanded {
    max-height: none;
}

.certificate-description span.open {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #F2F2F2;
}

.certificate-description .close {
    display: none;
}

.certificate-description.expanded .close {
    display: inline-block;
}

.certificate-description.expanded span.open {
    display: none;
}

.gift-certificate-customization-page {
    padding: 0 !important;
    background: #fff;
}

.gift-certificate-customization-page h1 {
    text-align: center;
    font-size: 18px;
}

.gift-certificate-customization {
    padding: 0 10px 10px 10px;
}

#crtCustomBlock {
    height: calc(100vh - 250px);
    overflow: hidden;
    position: relative;
}

#crtCustomBlock > .left {
    margin-left: 495px;
    height: 100%;
    overflow: hidden;
    position: relative;
}

#crtCustomBlock > .right {
    float: left;
    width: 485px;
    height: 100%;
    overflow: hidden;
    position: relative;
}

#crtCustomBlock .jspVerticalBar {
    z-index: 10;
}

#crtCustomBlock .jspVerticalBar {
    width: 24px;
}

#crtCustomBlock .jspDrag {
    width: 12px;
    left: 6px;
}

.crt-scrollpane {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#crtCustomBlock select::-ms-expand {
    display: none;
}

.gift-certificate-customization .block {
    padding: 0;
    margin-bottom: 10px;
    position: relative;
    -moz-box-shadow: 0 0 3px 3px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 0 3px 3px rgba(0, 0, 0, .1);
}

.gift-certificate-customization .right.text-center {
    margin-bottom: 10px;
}

.shadow-0 {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.gift-certificate-customization .with-textarea-block {
    margin-bottom: 10px;
}

#crtDesignTypeSelector input[type="radio"] {
    display: none;
}

#crtDesignTypeSelector .radio {
    display: block;
    margin-bottom: 5px;
}

#crtDesignTypeSelector .radio label {
    cursor: pointer;
    width: 100%;
    height: 100%;
    display: block;
    background-color: #f2f2f2;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    padding: 5px 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#crtDesignTypeSelector .radio:last-child {
    margin-bottom: 0;
}

#crtDesignType {
    position: relative;
    display: inline-block;
}

a#crtDesignTypeBtn {
    border: 2px solid #6747e5;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    padding: 10px 20px;
    display: inline-block;
    margin-bottom: 10px;
    position: relative;
}

a#crtDesignTypeBtn:after {
    font-family: Slivki-Icons;
    content: ' \e812';
}

#crtDesignTypeSelector {
    position: absolute;
    display: none;
    top: 50px;
    left: 0;
    width: 260px;
    -moz-box-shadow: 0 0 5px 5px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 0 5px 5px rgba(0, 0, 0, .1);
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, .1);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 10px;
    background-color: #fff;
    z-index: 3;
}

#crtDesignTypeSelector:after {
    bottom: 100%;
    left: 115px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px;
}

#crtDesignType.opened #crtDesignTypeSelector {
    display: block;
}

#crtDesignType.opened a#crtDesignTypeBtn:after {
    content: ' \e813';
}

#crtDesignTypeSelector .radio em {
    display: block;
    padding-left: 20px;
    color: #ccc;
    font-style: normal;
    margin-top: -8px;
}

#crtDesignTypeSelector input[type="radio"] + .label-text:before {
    content: "\f111";
    font-family: "FontAwesome";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    width: 1em;
    display: inline-block;
    margin-right: 5px;
    color: #fff;
}

#crtDesignTypeSelector input[type="radio"]:checked + .label-text:before {
    color: #6747e5;
}

.certificate-background-picker-slider {
    height: 80px;
    overflow: hidden;
    visibility: hidden;
}

.certificate-background-picker-slider * {
    outline: none;
}

.certificate-background-picker-slider .slick-slide {
    width: 133px;
    height: 80px;
    margin-right: 5px;
}

.certificate-background-picker-slider .slick-slide:first-child {
    border: 1px dashed #333;
    text-align: center;
    height: 78px;
    padding-top: 16px;
    box-sizing: border-box;
}

.certificate-background-picker-slider .slick-arrow {
    position: absolute;
    top: 50%;
    z-index: 2;
    margin-top: -14px;
    font-size: 16px;
    line-height: 28px;
    width: 28px;
    height: 28px;
    text-align: center;
    color: #333;
    cursor: pointer;
    background-color: #6747e5;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.certificate-background-picker-slider .slick-prev {
    left: 0px;
}

.certificate-background-picker-slider .slick-next {
    right: 0px;
}

.certificate-background-picker-slider .slick-disabled {
    display: none !important;
}

.certificate-rating .star-ratings-css {
    font-size: 14px;
    margin-right: 5px;
}

.certificate-more-btn {
    position: absolute;
    right: 10px;
    top: 13px;
}

.certificate-title {
    max-width: 320px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.certificate-more-btn {
    color: #a6a6a6;
}

.crt-color-picker {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    margin-right: 20px;
}

.crt-color-picker span.crt-cp-bg {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #0b5ab2;
    vertical-align: middle;
    margin-right: 6px;
}

.certificate-rating {
    display: inline-block;
    white-space: nowrap;
}

.gift-certificate-customization .block.with-textarea-block {
    padding: 0;
    background: transparent;
}

.certificate-text-block {
    border: 1px solid #ccc;
    background: #fff;
}

.certificate-text-block--top {
    background-color: #f2f2f2;
    border-top: 1px solid #ccc;
    padding: 5px;
}

textarea.form-element#textOnCrt,
textarea.form-element#textOnCrtImage {
    min-height: 120px;
    width: auto;
    visibility: hidden;
}

textarea.form-element#textOnCrtImage {
    min-height: 60px;
}

.gift-certificate-customization .slivki-comment-editor-textarea {
    border: none;
}

.crt-color-picker .colorPicker {
    position: absolute;
    left: 0;
    border: 0;
    background: none !important;
    outline: none !important;
    width: 100%;
    height: 100%;
}

.certificate-text-block select.font-family {
    outline: none !important;
    border: none !important;
    background: #fff !important;
    margin: -1px 0 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: auto;
    width: auto;
    padding: 0 0 0 5px;
}

.crt-font-select-label {
    position: relative
}

.crt-font-select-label:after {
    font-family: 'Slivki-Icons';
    content: '\f107';
    font-size: 16px;
    right: -16px;
    top: -2px;
    position: absolute;
    pointer-events: none;
}

.crt-font-select-label:before {
    content: '';
    right: -20px;
    top: -1px;
    width: 23px;
    height: 20px;
    background: #fff;
    position: absolute;
    pointer-events: none;
    display: block;
}

.certificate-text-block .emojionearea {
    height: 100px;
    border: none;
    margin-bottom: 10px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.text-for-image.block {
    width: 300px;
}

.text-for-image .certificate-text-block .emojionearea {
    height: 50px;
}

.certificate-text-block .font-family {
    width: 150px;
    height: 25px;
    vertical-align: middle;
    outline: 1px solid silver;
    border: 4px solid white;
}

#certificateTextBlock {
    margin: 10px 20px 0;
}

#certificateBottomText {
    text-align: center;
    color: #d9a5c4;
    border-top: 1px solid #d9a5c4;
    padding: 10px 30px;
    font-size: 10px;
    line-height: 14px;
}

#certificateUserText {
    font-size: 16px;
    text-align: center;
    padding: 10px 0;
}

#certificateConditionText .left {
    width: 50%;
    float: left;
    padding-right: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#certificateConditionText .right {
    width: 50%;
    float: right;
    padding-left: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.certificate-text-block .font-size {
    width: 50px;
}

.certificate-background-block img,
.certificate-background-block .add-more {
    width: 130px;
    display: block;
    float: right;
    margin-left: 5px;
}

.certificate-background-block .add-more {
    height: 93px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px dashed #aaaaaa;
    color: #aaaaaa;
    text-align: center;
    line-height: 90px;
    font-size: 28px;
}

.certificate-background-block .title {
    font-size: 18px;
    padding-top: 24px;
    float: left;
}

.send-crt-block .radio {
    vertical-align: top;
    padding-right: 10px;
}

.send-crt-block .radio:last-child {
    padding-right: 0;
}

.border-box {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#readyMadeCongratulations {
    position: absolute;
    bottom: 10px;
    left: 5px;
    z-index: 3;
}

.certificate-text-block--wrap {
    position: relative;
}

#readyMadeCongratulations > a {
    background-color: #f2f2f2;
    color: #333;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    padding: 10px 20px;
}

#readyMadeCongratulations > div {
    display: none;
    position: absolute;
    bottom: 30px;
    left: 0;
    z-index: 3;
    -moz-box-shadow: 0 0 5px 5px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 0 5px 5px rgba(0, 0, 0, .1);
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, .1);
    padding: 20px 10px 10px 10px;
    width: 500px;
    background: #fff;
    border-radius: 10px;
}

#certificateSaveButton {
    margin: 10px 0;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

#readyMadeCongratulations > div.opened {
    display: block;

}

#congratulationPopupHeader {
    position: relative;
}

#congratulationPopupHeader a.close {
    font-size: 18px;
    position: absolute;
    top: -17px;
    right: -7px;
}

#congratulationPopupContent {
    height: 200px;
    outline: none !important;
}

#congratulationPopupHeader .nav-tabs li {
    display: inline-block;
    border: 2px solid #f2f2f2;
    background: #f2f2f2;
    padding: 2px 10px;
    margin-bottom: 3px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

#congratulationPopupHeader .nav-tabs li.active {
    border-color: #6747e5;
}

.greetings-item {
    border-bottom: 1px solid #aaa;
    padding: 5px 0;
}

select[data-type="font-picker"] {
    padding: 0px 12px;
}

input[data-type="background-uploader-input"] {
    display: none;
}

.oval-menu-item {
    height: 1em;
    display: inline-block;
    padding: 0;
    border: 0;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 4pt;
    vertical-align: middle;
}

.crt-design-type-item {
    display: inline-block;
    text-align: center;
    margin: 10px;
    outline: none;
}

.crt-design-type-item img {
    margin: 10px 0;
    -moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, .6);
    -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, .6);
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, .6);
}

.crt-design-type-item .button {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

#selectCrtDesignSlick {
    display: none;
    margin-bottom: 10px;
}

#selectCrtDesignSlick .slick-arrow {
    position: absolute;
    z-index: 2;
    font-size: 20px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    top: 50%;
    color: #333;
    margin-top: -20px;
    border: 0;
    padding: 0;
    cursor: pointer !important;
    cursor: hand !important;
    background: #6747e5;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

#selectCrtDesignSlick .slick-prev {
    left: 10px;
}

#selectCrtDesignSlick .slick-next {
    right: 10px;
}

#selectCrtDesignSlick .slick-disabled {
    display: none !important;
}

#selectCrtDesignPopup {
    display: block;
    visibility: hidden;
    overflow-y: hidden;
}

#selectCrtDesignPopup.in {
    visibility: visible;
}

#giftCrtHowTo h1 {
    text-align: center;
    font-size: 22px;
}

.gift-crt-how-to-item {
    display: block;
    float: left;
    width: 33.33%;
    text-align: center;
    padding: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
}

.gift-crt-how-to-item img {
    margin: 30px auto;
}

.gift-crt-how-to-item .button {
    margin-top: 30px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

.crt-success-item {
    margin-bottom: 20px;
}

.crt-success .button {
    margin-top: 10px;
    margin-right: 10px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    background-color: #fff;
    border: 2px solid #6747e5;
}

.crt-success .button:hover {
    background-color: #6747e5;
}

#crtImgTextBlock .slivki-smile-block {
    display: none;
}

#greetengTextBlock .slivki-comment-editor-textarea {
    height: 120px;
}

#crtImgTextBlock .slivki-comment-editor-textarea {
    height: 60px;
}

#certificateTextBlock .offer-details-legal-info {
    font-size: 12px;
    color: #aaa;
}

#сrtSuccessPopup .modal-dialog {
    width: 400px;
    font-size: 16px;
}

#сrtSuccessPopup img {
    margin: 10px auto;
    -moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, .6);
    -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, .6);
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, .6);
}

#сrtSuccessPopup .button {
    display: inline-block;
    margin-bottom: 10px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    border: 2px solid #6747e5;
}

#сrtSuccessPopup p {
    margin-bottom: 10px;
}

#closeCrtSuccessPopup {
    background-color: #fff;
}

#modalCertificatesImage .modal-dialog {
    width: 1155px;
}

#modalCertificatesImage .button {
    margin-top: 15px;
}

#certificatesImageEdit {
    margin-right: 20px;
    width: 528px;
    height: 375px;
    margin-bottom: 20px;
    float: left;
}

#certificatesImagePreview {
    overflow: hidden;
}

#certificatesImagePreview img {
    max-width: none;
}

.certificate-background-picker-slider .slick-slide img {
    width: 133px;
    height: 80px;
}

#selectGiftCertificateButton {
    position: absolute;
    z-index: 100;
    width: 270px;
    bottom: 0px;
    right: 0px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}

#selectGiftCertificateButton.fixed {
    position: fixed;
    top: 80px;
    right: auto;
    bottom: auto;
    margin-left: -270px;
}

#selectGiftCertificateButton.fixed.fixed-bottom {
    top: auto;
    bottom: 10px;
}

#productDetailsBlock {
    margin-bottom: 10px;
    position: relative;
}

#productDetailsBlock > img {
    float: left;
    width: 35%;
}

#productDetailsBlockInfo {
    width: 64%;
    float: right;
}

#productDetailsBlockInfo p {
    padding: 10px;
}

.sale-product-details .title h1 {
    font-size: 18px;
    padding: 0;
    margin: 0 0 10px 0;
}

#productDetailsBlock .button {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    margin-top: 10px;
    background: #6747E5 !important;
}

.director-title h1 {
    line-height: 50px;
    padding: 0;
    margin: 0 0 0 10px;
    font-size: 18px;
}

.directors-page .nav-tabs {
    margin: 10px 0;
}

.directors-page .nav-tabs > li {
    display: block;
    float: left;
    margin-right: 10px;
    position: relative;
}

.directors-page .nav-tabs > li > div,
.directors-page .nav-tabs > li > a {
    display: block;
    height: 30px;
    padding: 2px 20px;
    border: 2px solid #6747e5;
    color: #333;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    line-height: 30px;
    overflow: hidden;
    text-align: center;
}

.directors-page .nav-tabs > li > div {
    overflow: visible;
    padding-left: 30px;
}

.directors-page .nav-tabs > li.active > a {
    background-color: #6747e5;
}

.directors-page .nav-tabs a.two-rows {
    line-height: 15px;
}

.directors-page .nav-tabs > li > a > span {
    color: #aaa;
}

.directors-page .nav-tabs > li.active > a > span {
    color: #fff;
}

.directors-page .nav-tabs .share-block {
    position: absolute;
    display: inline-block;
    visibility: visible;
    top: 0 !important;
    left: 0 !important;
    bottom: auto !important;
    right: auto !important;
    width: 100%;
}

.directors-page .nav-tabs .slivki-share-block-opener {
    width: 100% !important;
    height: 38px !important;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    text-align: left;
    background-color: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.directors-page .nav-tabs .slivki-share-block-opener:before {
    padding-left: 10px;
    line-height: 36px !important;
}

.directors-page .nav-tabs .slivki-share-block-popup {
    left: -20px;
}

.director-location-block {
    display: inline-block;
    width: 33.33%;
    padding: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#directorMapWrapper {
    position: relative;
}

#directorMap {
    height: 220px;
    position: relative;
}

.director-offers-list {
    border-bottom: 1px solid #aaa;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.director-offers-list > .title {
    font-size: 18px;
    padding-bottom: 5px;
}

.director-sale-product-list .flier-goods-teaser {
    width: 24%;
}

.director-flier-list .flier {
    width: 19%;
    margin: 0 .5%;
}

#cityLocationTabs a {
    background: #f2f2f2;
    border-color: #f2f2f2;
    margin-bottom: 5px;
}

#cityLocationTabs .active a {
    border-color: #6747e5;
    background: #6747e5;
}

.offer-item-wrapper {
    font-size: 14px;
}

.offer-item {
    background-color: #f2f2f2;
    margin: 5px 0;
    padding: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.offer-item-wrapper.opened .offer-item:after {
    top: 100%;
    left: 50px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(242, 242, 242, 0);
    border-top-color: #f2f2f2;
    border-width: 10px;
    margin-left: -10px;
}

.offer-item > div {
    display: inline-block;
    width: 25%;
    text-align: center;
    vertical-align: top;
}

.offer-item > div.offer-item--name {
    text-align: left;
    width: 30%;
}

.offer-item > div.offer-item--btn {
    width: 20%;
}

.offer-item > div.offer-item--quantity,
.offer-item > div.offer-item--price {
    padding-top: 10px;
}

.offer-item .button {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

.offer-item--description {
    display: none;
}

.offer-item--more {
    color: #aaa;
    display: block;
}

.offer-item--less {
    color: #6747e5;
    display: none;
}

.offer-item-wrapper.opened .offer-item--more {
    display: none;
}

.offer-item-wrapper.opened .offer-item--description,
.offer-item-wrapper.opened .offer-item--less {
    display: block;
}

.offer-ticket {
    color: #8a6d3b;
}

.offer-item-ticket {
    width: 100% !important;
    text-align: right !important;
}

.offer-item-ticket small {
    margin-right: 22px;
    color: #595959;
}

#selectCardPopup .modal-content,
#selectCreditCardPaymentPopup .modal-content {
    width: 500px;
    border-radius: 12px;
}

#selectCardPopup .modal-body,
#selectCreditCardPaymentPopup .modal-body {
    padding: 15px 0 0 0;
    font-size: 20px;
}

#selectCreditCardPaymentPopup .add-credit-card-link {
    display: block;
    margin: 0 auto;
    border-radius: 30px;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border: 1px solid #dee2e6 !important;
    cursor: pointer;
}

#currentCreditCard {
    padding: 1rem !important;
    margin-bottom: 1rem !important;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    border-radius: .25rem !important;
    background-color: #f8f9fa !important;
}

#creditCardBody {
    width: 400px;
    margin-left: auto;
    margin-right: auto;
}

#selectCardFooter {
    text-align: center;
    margin-top: 15px;
    background: #f2f2f2;
    width: 100%;
}

#cardSelect {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    padding: 15px 0 35px 0;
}

#cardSelect p {
    padding-bottom: 15px;
}

#cardTitle {
    padding-bottom: 15px;
}

.card-list {
    border-radius: 30px !important;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    border-color: #dee2e6 !important;
    background-color: #fff !important;
    margin-bottom: 10px;
}

#cardSelectSubmit {
    font-size: inherit;
    width: 50%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: 40px;
    padding: 15px 20px 15px 20px;
}

.credit-sim-card {
    padding-top: 15px;
}

.credit-card-number {
    padding: 20px 0 20px 0;
}

.credit-card-logo {
    margin-left: 70%;
    padding-bottom: 10px;
}

.card-number {
    margin-right: 30px;
}

.card-list:hover {
    border-color: #6747e5 !important;
}

.credit-card-logo-item {
    margin-top: 2px;
}

#add-credit-card-link {
    display: block;
    margin: 0 auto;
    border-radius: 30px;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border: 1px solid #dee2e6 !important;
    cursor: pointer;
}

.food-extension-teaser-head {
    height: 46px;
}

.food-extension-teaser-title {
    width: 100%;
}

.food-extension-teaser-description {
    height: 46px;
}

#certificateCanvasWrapper {
    position: relative;
}

#certificateCanvasLoader {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #f2f2f2 url('/images/slivki-rotate-100_0-20.png') no-repeat scroll center center;
    background-size: 50px;
    z-index: 2;
}

.crt-order-btn.loading {
    color: #6747e5 !important;
    background-image: url('/images/loading-4.gif');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 24px;
    -moz-transition-property: none;
    -webkit-transition-property: none;
    -o-transition-property: none;
    transition-property: none;
}

.crt-order-btn.loading:hover {
    color: #8AD09A !important;
}

#bookingOfferForm {
    margin-top: 10px;
}

#bookingOfferForm * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#bookingOfferForm .left {
    width: 58%;
    float: left;
    padding: 5px 5px 5px 0;
}

#bookingOfferForm .right {
    width: 42%;
    float: right;
    padding: 5px;
    text-align: center;
}

#bookingOfferForm label {
    display: inline-block;
    width: 75px;
}

#bookingOfferForm .form-element {
    width: 250px;
}

#bookingSummary {
    background-color: #f2f2f2;
    padding: 20px;
    text-align: left;
}

#bookingPayBtn {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    margin-top: 10px;
}

#bookingSelector {
    margin: 10px 0 20px 0;
}

.booking-selector {
    display: inline-block;
    position: relative;
}

.booking-selector > a {
    padding: 10px;
    border: 2px solid #6747e5;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

.booking-selector > div {
    display: none;
    position: absolute;
    top: 40px;
    background: #fff;
    left: 0;
    padding: 15px;
    -moz-box-shadow: 0 2px 16px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 2px 16px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.15);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    z-index: 5;
}

.booking-selector.book-opened > div {
    display: block;
}

#bookingSelectDetails p {
    margin-bottom: 10px;
}

#bookingSelectDetails p:last-child {
    margin-bottom: 0;
}

#bookingSelectDetails label {
    width: 100px;
}

#bookingSelectDetails .form-element {
    width: 40px;
}

#bookingSelectDetails select.form-element {
    -webkit-appearance: none;
    background-image: url('/images/arrow-down-32.png');
    background-repeat: no-repeat;
    background-size: 8px;
    background-position: right 5px center;
    padding-left: 5px;
}

#bookingPhoneWarning {
    font-size: 12px;
}

.slivki-booking-daterangepicker {
    position: absolute;
    top: 40px;
    z-index: 5;
}

.mx-auto {
    margin: 0 auto;
}

.text-white {
    color: #fff !important;
}

.text-red {
    color: #FF1D45 !important;
}

.m-0 {
    margin: 0;
}

.p-0 {
    padding: 0;
}

.width-50 {
    width: 50%;
}

.width-33 {
    width: 33.33%
}

.width-100 {
    width: 100%
}

.a-content-block * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.a-content-block {
    position: relative;
    margin-bottom: 10px;
    height: 481px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    font-size: 18px;
    text-align: center;
}

.a-content-block.__1 {
    background-image: url('/images/pages/a_bg1.jpg');
}

.a-content-block.__2 {
    background-image: url('/images/pages/a_bg2.jpg');
}

.a-content-block.__3 {
    background-image: url('/images/pages/a_bg3.jpg');
}

.a-content-block.__4 {
    background-image: url('/images/pages/a_bg4.jpg');
}

.a-content-block.__5 {
    background-image: url('/images/pages/a_bg5.jpg');
}

.a-content-block.__6 {
    background-image: url('/images/pages/a_bg6.jpg');
    min-height: 481px;
    height: auto;
}

.a-content-block.__7 {
    background-image: url('/images/pages/collage.png');
    background-color: #333;
    background-size: 570px;
    background-position: 0 0;
}

.a-content {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 10px;
}

.a-content h2 {
    font-size: 36px;
    margin: 0;
}

.a-content .why-slivki {
    padding-left: 10px;
    border-left: 5px solid #6747E5;
    text-align: left;
    position: absolute;
    bottom: 15px;
    left: 50px;
}

.a-content-bg {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    height: 100%;
    width: 100%;
    display: block;
    opacity: 0.4;
}

.a-content .social-icon {
    font-size: 64px;
}

.a-comment {
    position: relative;
    font-size: 12px;
    line-height: 13px;
    text-align: left;
    margin-bottom: 15px;
}

.a-comment-img {
    width: 100px;
    height: 100px;
    background-color: #fff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
}

.a-comment-img .helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.a-comment-img img {
    display: inline-block;
    vertical-align: middle;
    max-height: 80%;
    max-width: 80%;
}

.a-comment .a-comment-text {
    padding-left: 110px;
}

.a-comment .text-slivki {
    font-size: 14px;
    line-height: 16px;
    padding-bottom: 5px;
}

.manager-phone {
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
    border-bottom: 1px solid #6747E5;
}

.a-content-block.__7 .a-content > div {
    background-color: #333;
    padding: 20px;
    height: 100%;
    width: 250px;
    color: #fff;
    font-size: 14px;
    position: absolute;
    right: 0;
    top: 0;
    padding-top: 100px;
}

.infoPageBody {
    font-family: 'SF Pro Rounded', sans-serif !important;
}

.infoPageBody .bonus-page-description tr:nth-child(odd) {
    border-radius: 25px;
    box-shadow: 0px 0px 10px -9px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 0px 24px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 10px -9px rgba(0,0,0,0.1);
}

.insta-page-block {
    margin-bottom: 15px;
    -moz-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    -webkit-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

.insta-page-block .bg-dark {
    background: #333;
    padding: 10px 0;
    text-align: center;
}

.insta-page-block .bg-violet {
    background: #6747E5;
    padding: 10px 0;
    text-align: center;
}

.insta-block {
    font-size: 22px;
    padding: 10px;
}

.insta-block .amount {
    font-size: 64px;
    font-weight: bold;
    padding: 50px 0 10px 0;
}

.insta-page-block.__5 p {
    font-size: 18px;
}

#confirmPhone {
    width: 74%;
}

#confirmPhone input,
#confirmPhone button {
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
}

#confirmPhone #userPhone {
    width: 160px;
}

#confirmPhone #smsCode {
    display: none;
    width: 106px;
}

.alert {
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

input.is-invalid {
    border-color: #dc3545;
}

#productDetailsBlock > img.director-teaser-logo {
    position: absolute;
    width: auto;
    float: none;
    top: 2px;
    left: 2px;
}

.second-buy-btn {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    font-size: 14px !important;
    margin-top: 18px;
}

a.sale-offer-link-btn {
    display: block;
    position: absolute;
    top: 0;
    right: 130px;
    padding: 9px 20px;
    background: #6747E5;
    color: white;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    border-radius: 18px;
}

.booking-type-item {
    background: #f2f2f2;
    padding: 10px;
    margin: 5px 0;
}

.booking-type-item a.button {
    float: right;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

.booking-type-description small {
    font-size: 12px;
    line-height: 14px;
    display: none;
    margin-top: 10px;
}

.supplier-photo-swiper {
    margin: 20px 0;
}

.supplier-photo-swiper .swiper-slide {
    width: 240px;
    height: 150px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.offer-supplier-photo-block .swiper-button {
    position: absolute;
    z-index: 2;
    font-size: 18px;
    width: 30px;
    height: 30px;
    top: 50%;
    color: #333;
    margin-top: -15px;
    border: 0;
    padding: 0;
    cursor: pointer !important;
    cursor: hand !important;
    background: #6747e5;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    line-height: 30px;
}

.offer-supplier-photo-block .swiper-button:after {
    font-family: Slivki-Icons;
    content: '\e818';
    margin: 0;
}

.offer-supplier-photo-block .swiper-button-next:after {
    content: '\e817';
    left: auto;
}

.offer-supplier-photo-block .swiper-button-disabled {
    display: none;
}

.d-inline-block {
    display: inline-block !important;
}

.codes-amount-input {
    text-align: center;
    padding: 5px;
    border: 1px solid #6747e5;
    width: 50px;
    border-radius: 5px;
}

#saleDetailsMapWrapper {
    position: relative;
}

#saleDetailsMap {
    height: 220px;
    position: relative;
}

.geo-location-block {
    display: none;
}

.buy-no-reg-btn {
    display: block;
    width: 350px;
    border: 1px solid #6747e5;
    margin: 0 auto;
    border-radius: 4px;
}

.buy-no-reg-btn.reg {
    background: #fff;
    border: 1px solid #aaa;
    margin-top: 10px;
}

.show-location-box {
    padding: 10px 20px;
    position: absolute;
    right: 0;
    top: 38px;
    margin: 0;
    display: none;
    z-index: 10;
}

.show-location-box .button {
    font-size: 14px;
    line-height: 10px;
    display: block;
}

.show-location-box.arrow-box:after {
    left: auto;
    right: 30px;
}

.capsuled {
    -moz-border-radius: 50rem !important;
    -webkit-border-radius: 50rem !important;
    border-radius: 50rem !important;
}

#searchFilterDestinationBlock div.show-location-box {
    padding: 10px 20px;
    top: 50px;
    right: 74px;
}

li:hover .show-location-box {
    display: block;
}

#lastVisitedOrPurchased {
    font-size: 14px;
}

.last-offers-list {
    margin: 5px 0 20px;
    font-size: 14px;
}

.last-offers-item {
    display: inline-block;
    vertical-align: top;
    background-color: #fff;
    width: 24.5%;
    margin: 0 .1%;
    line-height: 16px;
    position: relative;
    height: 71px;
}

.last-offers-item img {
    margin-right: 5px;
    float: left;
}

.last-offers-item .discount {
    position: absolute;
    bottom: 0;
    left: 115px;
}

.last-offers-item .title {
    display: block;
    position: absolute;
    top: 0;
    left: 115px;
    height: 48px;
    overflow: hidden;
}

.payment-ticket-table td {
    padding: 0;
    white-space: nowrap;
}

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

#loadMoreSaleDescriptionBtn {
    margin: 10px auto;
}

.strikethrough {
    position: relative;
}

.strikethrough:before {
    position: absolute;
    content: "";
    left: -5px;
    top: 50%;
    right: -5px;
    border-top: 1px solid;
    border-color: red;
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg);
}

#dreamLandBlockNewPrice {
    margin-left: 30px;
}

.modal-billing.codes-cost-amount .payment-top-contant {
    text-align: center;
    margin-top: 20px;
}

.modal-billing.codes-cost-amount .payment-top-contant .field {
    display: inline-block;
    vertical-align: middle;
}

.modal-billing.codes-cost-amount .choose-payment-method {
    text-align: center;
    margin-top: 20px;
}

.modal-billing.codes-cost-amount .payment-sum-block--sum {
    background-color: #fff;
}

.change-amount-capsule {
    height: 40px;
    line-height: 40px;
    width: 150px;
    background-color: #6747e5;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

.change-amount-capsule .codes-amount-input {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 0 5px;
}

.change-amount-capsule .plusUnit, .change-amount-capsule .minusUnit {
    color: #fff;
    font-size: 26px;
}

.dreamland-promo-table {
    margin: 20px auto;
}

.dreamland-promo-table thead {
    color: #aaa;
    font-weight: normal;
    font-size: 12px;
}

.dreamland-promo-table tbody {
    background-color: #f4f4fb;
    border-right: 5px solid #f4f4fb;
    border-left: 5px solid #f4f4fb;
    border-bottom: 5px solid #f4f4fb;
}

.dreamland-promo-table tr.even {
    background-color: #fff;
}

.dreamland-promo-table td {
    padding: 2px 10px;
}

.bg-white {
    background-color: #fff !important;
}

#pastOffersSearchForm {
    text-align: center;
}

#pastOffersSearchForm input {
    width: 350px;
}

#pastOffersSearchForm .button {
    line-height: 22px;
}

.o-d-r,
.o-m-n {
    display: none;
    position: absolute;
    top: 50px;
    width: 100%;
    background: rgba(255, 0, 0, .5);
    color: #fff;
    text-align: center;
    font-size: 32px;
    padding: 10px 0;
    font-weight: bold;
    line-height: normal;
    word-wrap: break-word;
    z-index: 3;
}

.a-u .o-m-n {
    display: block !important;
}

.s-u .o-d-r {
    display: block !important;
    padding: 4px 0;
    font-size: 18px;
}

.director-worst-rating,
.manager-worst-rating {
    margin: 10px auto;
}

.a-u .manager-worst-rating {
    display: block !important;
}

.s-u .director-worst-rating {
    display: block !important;
}

.director-worst-rating td, .director-worst-rating th,
.manager-worst-rating td, .manager-worst-rating th {
    border: 1px solid #777;
    padding: 2px 5px;
}

.compliment-details-page {
    line-height: 1.5rem;
}

#mogilevMailingPopup .modal-dialog {
    max-width: 400px;
}

#mogilevMailingPopup .modal-content {
    padding: 0;
    background-color: transparent;
}

#mogilevMailingPopup .modal-body img {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.offer-details-content.with-delivery .nav-tabs li {
    width: 32.6% !important;
}

.offer-details-content.with-delivery .offer-comments-li {
    margin-right: 0;
}

.offer-details-content.with-delivery .nav-tabs li.buy-btn-li {
    float: none;
    margin-right: 1%;
    width: 49.5% !important;
    margin-top: 1rem;
}

.offer-details-content.with-delivery .nav-tabs li.delivery-btn {
    background-color: #6747e5 !important;
    border-color: #6747e5 !important;
    width: 49.5% !important;
    margin-right: 0;
    margin-top: 1rem;
    vertical-align: middle;
    padding: 0;
}

.offer-details-content.with-delivery .nav-tabs li.delivery-btn img {
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    margin-top: 4px;
}

.offer-details-content.with-delivery .nav-tabs li.delivery-btn a {
    color: #fff !important;
    padding-top: 2px;
}

.remove-card {
    cursor: pointer;
}

.profile-codes-item-sushi {
    border: none;
    cursor: pointer;
    min-height: 159px;
}

.sushi-item {
    border: 0.0625rem solid #EEEEEE;
    border-radius: 0.625rem;
}

.sushi-item-img {
    background-color: #000000;
    display: flex;
    justify-content: center;
    align-items: center;
    height: fit-content;
    padding: 0 !important;
}

.profile-codes-item .sushi-icon {
    position: absolute;
    right: 0;
    top: 10px;
    width: 3rem;
    height: 3rem;
    background-image: url(/images/arrow-gray.svg);
    transform: rotate(180deg);
    background-repeat: no-repeat;
}

.profile-codes-item.collapsed .sushi-icon {
    background-image: url(/images/arrow-gray.svg);
}

.sushi-additional-item {
    width: 33.33%;
    display: inline-flex;
    margin-bottom: 1rem;
    align-items: flex-start;
}

.sushi-additional-item--img-wrap {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}

.sushi-additional-item--img {
    width: 81px;
    height: 81px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}

.offer-details-content.with-delivery .nav-tabs li {
    width: 32.6% !important;
}

.offer-details-content.with-delivery .offer-comments-li {
    margin-right: 0;
}

.offer-details-content.with-delivery .nav-tabs li.buy-btn-li {
    float: none;
    margin-right: 1%;
    width: 49.5% !important;
    margin-top: 1rem;
}

.offer-details-content.with-delivery .nav-tabs li.delivery-btn {
    background-color: #6747e5 !important;
    border-color: #6747e5 !important;
    width: 49.5% !important;
    margin-right: 0;
    margin-top: 1rem;
    vertical-align: middle;
    padding: 0;
}

.offer-details-content.with-delivery .nav-tabs li.delivery-btn img {
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    margin-top: 4px;
}

.offer-details-content.with-delivery .nav-tabs li.delivery-btn a {
    color: #fff !important;
    padding-top: 2px;
}

.remove-card {
    cursor: pointer;
}

.profile-codes-item-sushi {
    border: none;
    cursor: pointer;
    min-height: 159px;
}
.sushi-item {
    border: 0.0625rem solid #EEEEEE;
    border-radius: 0.625rem;
}

.sushi-item-img {
    background-color: #000000;
}

.profile-codes-item.collapsed .sushi-icon {
    background-image: url(/images/arrow-gray.svg);
    background-position: right center;
    transform: rotate(0deg);
}

.sushi-additional-item {
    width: 33.33%;
    display: inline-flex;
    margin-bottom: 1rem;
    align-items: flex-start;
}

.sushi-additional-item--img-wrap {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}

.sushi-additional-item--img {
    width: 81px;
    height: 81px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}

/*subscribe start*/
.subscribe-wrapp {
    padding: 20px;
}

.subscribe-title,
.subscribe-subtitle,
.subscribe-descr {
    font-size: 18px;
    font-weight: bold;
    line-height: 143.21%;
    color: #000000;
}

.title-big {
    font-size: 24px;
}

.subscribe-subtitle-two {
    font-weight: 500;
    line-height: 21px;
}

.subscribe-btn {
    width: 287px;
    font-weight: 800;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    letter-spacing: -0.434118px;
    text-transform: uppercase;
    background-color: #6747E5;
    border-radius: 15px;
    padding-top: 14px;
    padding-bottom: 14px;
    color: #FFFFFF;
    cursor: pointer;
}

.subscribe-btn:hover,
.subscribe-btn:focus,
.subscribe-btn:active {
    color: #FFFFFF;
}

.subscribe-crumbs {
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    color: #000000;
    padding-top: 25px;
    padding-bottom: 30px;
    opacity: 0.5;
}

.subscription-title {
    position: relative;
    margin-bottom: 44px;
}

.subscribe-block {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    max-width: 414px;
    min-height: 333px;
    background-color: #F2EFFF;
    border-radius: 33px;
    text-align: center;
    padding: 45px;
}

.subscribe-block-subtitle {
    margin-bottom: 20px;
}

.subscribe-info-wrapp {
    max-width: 558px;
}

.subscribe-info-wrapp .btn {
    width: 100%;
}

.subscribe-info {
    position: relative;
    width: 100%;
    min-height: 240px;
    padding: 35px 200px 35px 33px;
    background-color: #47008D;
    background-image: url(/images/subscription/subscribe-info.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    border-radius: 18px;
    margin-bottom: 34px;
}

.subscribe-info:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 350px;
    height: 100%;
    background: linear-gradient(87.15deg, #47008D 57.85%, rgba(71, 0, 141, 0) 98.02%);
    border-radius: 18px 0px 0px 18px;
}

.subscription-step-2 {
    display: none;
}

.subscribe-info-title,
.subscribe-info-txt {
    position: relative;
    z-index: 1;
}

.subscribe-info-title {
    font-size: 28px;
    font-weight: bold;
    line-height: 143.21%;
    color: #FFFFFF;
    margin-bottom: 11px;
}

.subscribe-info-title span {
    text-transform: uppercase;
}

.subscribe-info-txt {
    font-size: 18px;
    line-height: 143.21%;
    color: #FFFFFF;
}

.sf-font {
    font-family: 'SF Pro Rounded', sans-serif;
}

.sf-bold-font {
    font-family: 'SF Pro Rounded Bold', sans-serif;
}

.sf-text-font {
    font-family: 'SF Pro Text', sans-serif;
}

.magenta-link {
    font-size: 16px;
    line-height: 143.21%;
    text-align: center;
    text-decoration-line: underline;
    color: #6747E5;
}

.magenta-link:hover,
.magenta-link:focus,
.magenta-link:active {
    color: #42329c;
}

.subscribe-block-two {
    padding-top: 32px;
    padding-bottom: 32px;
}

.subscribe-block-three {
    max-width: 539px;
    min-height: 448px;
    padding: 48px;
    margin: 0 auto;
}

.subscribe-block-two .subscribe-block-subtitle {
    margin-bottom: 52px;
}

.subscribe-block-radio-wrapp {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 32px;
    padding-left: 25px;
}

.subscribe-block-input-wrapp {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
}

.subscribe-block-input-wrapp:last-child {
    margin-bottom: 0;
}

.subscribe-block-radio-input {
    display: none;
}

.subscribe-block-radio-label {
    font-size: 17px;
    line-height: 24px;
    color: #000000;
    cursor: pointer;
}

.subscribe-block-radio-label:before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 2px solid #6747E5;
    border-radius: 50%;
    margin-right: 8px;
}

.subscribe-block-radio-input:checked + .subscribe-block-radio-label:before {
    background-image: url(/images/subscription/point.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.unsubscribe {
    font-size: 17px;
    line-height: 143.21%;
    text-decoration-line: underline;
    color: rgba(0, 0, 0, 0.3);
    padding-top: 16px;
    cursor: pointer;
}

.subscribe-wrapp .modal-dialog {
    width: 834px;
    height: 473px;
}

.subscribe-wrapp .modal-content {
    height: 100%;
    padding: 0;
    background-color: initial;
}

.subscribe-popup {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    background: linear-gradient(180deg, #F2EFFF 0%, #FFFFFF 100%);
    border-radius: 16px;
    text-align: center;
    padding-top: 72px;
    padding-bottom: 72px;
}

.subscribe-popup .subscribe-descr {
    color: #6747E5;
}

#subscribe-popup-one .subscribe-subtitle {
    margin-bottom: 68px;
}

#subscribe-popup-one .subscribe-descr {
    max-width: 280px;
    margin-bottom: 94px;
}

#subscribe-popup-two {
    display: none;
}

#subscribe-popup-two .subscribe-subtitle {
    max-width: 320px;
    margin-bottom: 32px;
}

#subscribe-popup-two .subscribe-descr {
    margin-bottom: 14px;
}

.subscription-txt {
    font-size: 16px;
    line-height: 143.21%;
    color: #000000;
}

.management-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-right: 75px;
}

.management-item > :first-child {
    margin-bottom: 12px;
}

.subscription-form-wrapp {
    width: 539px;
    height: 448px;
    background-color: #F2EFFF;
    border-radius: 33px;
    padding: 48px;
    margin: 0 auto;
}

.subscription-form {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.subscription-description {
    font-size: 14px;
    line-height: 143.21%;
    color: #C4C4C4;
    text-align: left;
}

.subscription-form-subtile {
    margin-top: 0 !important;
    margin-bottom: 32px !important;
}

.subscription-form-label {
    margin-bottom: 25px;
}

.subscription-form .select-credit-card-control {
    margin-bottom: 10px;
}

.subscription-form #addNewCard {
    margin-bottom: 30px;
}

.subscription-form .subscribe-btn {
    margin-bottom: 40px;
}

/*subscribe end*/
.select-credit-card-control {
    padding: .5rem 1rem .5rem 1rem;
}

.select-credit-card-control.active {
    background-color: #f5f7ff;
}

.select-credit-card-control img {
    margin: 0 1rem 0 .25rem;
    height: .875rem;
    display: inline;
    vertical-align: middle;
    border-style: none;
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
    display: inline-block;
}

#applyTermsOfUse.custom-control-input:checked ~ .custom-control-label::before,
#applyTermsOfUse.custom-control-input .custom-control-label::before,
#applyTermsOfUseSubscriptionConfirmBox.custom-control-input:checked ~ .custom-control-label::before,
#applyTermsOfUseSubscriptionConfirmBox.custom-control-input .custom-control-label::before,
#applyTermsOfUsePopup.custom-control-input:checked ~ .custom-control-label::before,
#applyTermsOfUsePopup.custom-control-input .custom-control-label::before {
    background-color: #ffffff !important;
    border-radius: 2px;
    border-color: #007bff !important;
    color: #fff !important;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='hsla(211, 100%, 50%, 1)' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e") !important;
}

#soon.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after,
#intervalTimeForDeliveryCheck.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%236748e5' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e") !important;
}

.new-checkbox {
    display: none;
}

.new-checkbox + .new-checkbox-label {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
}

.new-checkbox + .new-checkbox-label:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #6747e5;
    border-radius: 3px;
    background-color: #ffffff;
}

.new-checkbox-label:after {
    content: "";
    position: absolute;
    top: 11px;
    left: 4px;
    width: 9px;
    height: 6px;
    background-color: #ffffff;
    background-image: url('/images/check-tab.svg');
    background-size: cover;
    opacity: 0;
}

.new-checkbox:checked ~ .new-checkbox-label:after {
    content: "";
    opacity: 1;
}

.custom-control-label::after {
    position: absolute;
    top: .25rem;
    left: -1.2rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: no-repeat 50%/50% 50%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.custom-control-label-two::before, .custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: -1.2rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.custom-radio .custom-control-label-two::before, .custom-radio .custom-control-label::before {
    border-radius: 50%;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='darkviolet'/%3e%3c/svg%3e");
}

.js-subscribed .hide-if-subscribed {
    display: none !important;
}

/*brandbox dominos*/
.content-brandbox {
    position: absolute;
    top: 0;
    margin: 1vw;
    width: -webkit-fill-available;
}

.content-brandbox .brandbox-teaser {
    border-radius: 12px;
    cursor: pointer;
    width: 67%;
    margin: 0 auto;
}

.brandbox-style-p {
    width: fit-content;
    border-radius: 1rem;
    background: red;
    color: white;
    text-align: center;
}

.content-brandbox .brandbox-teaser img {
    position: absolute;
    right: 0;
    top: 0;

    height: 9.4rem;

    width: auto;
    border-radius: 12px;
}

.content-brandbox .brandbox-teaser li {
    list-style: none;
}

.content-brandbox .brandbox-teaser li:first-child::before {
    content: "•";
    color: red;
    padding-right: 0.5rem;
    font-size: 1.5rem;
}

.content-brandbox .brandbox-teaser li::before {
    content: "•";
    color: blue;
    padding-right: 0.5rem;
    font-size: 1.5rem;
}

#popupBrandbox {
    top: 5%;
    width: 80%;
    border-radius: 15px;
    margin: 0 auto;
    overflow-y: auto;
    overflow-x: hidden;
}

.border-red {
    border: 1px solid red !important;
}

.border-radius-12 {
    border-radius: 12px;
}

.b-sh-block {
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.15);
}

.b-sh {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.stars-img {
    position: absolute;
    max-width: 75px;
    right: 0;
    top: 0;
}

.bnb-img {
    position: absolute;
    max-width: 70px;
    padding: 7px;
    right: 0;
    top: 0;
}

.font-size-1400 {
    font-size: 1.4rem;
}
.br-04 {
    border-radius: 8px;
}

.text-decoration-line-through {
    text-decoration: line-through;
    text-decoration-color: rgba(242, 70, 70, 0.7);
}

.color-red {
    color: rgba(242, 70, 70, 0.7);
}

.color-violet {
    color: #6747E5 !important;
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem;
}

.js-subscribe-btn.disabled,
.js-subscribe-for-legal-btn.disabled,
.js-pay-subscription-btn.disabled {
    opacity: 0.5;
    cursor: auto;
}

.justify-content-center {
    justify-content: center
}

.text-yellow {
    color: #ffc11f !important;
}

.hr-dotted {
    margin: 20px 0;
    padding: 0;
    height: 0;
    border: none;
    border-top: 2px dotted #ddd;
}

.min-height {
    min-height: 3rem;
}

#popupSubscribe {
    padding: 6rem !important;
    width: 64rem;
    margin: auto;
    height: fit-content;
    border-radius: 12px;
}

#popupSubscribe li {
    color: #FFCC00;
    font-size: 1.3rem;
    line-height: 2.5rem;
}

.button-violet {
    color: white !important;
    border: none !important;
    background: #6747E5 !important;
}

.subscription-bonus {
    margin-bottom: 140px;
}

.subscription-bonus-title {
    margin-bottom: 30px;
}

.subscription-bonus-img {
    height: 100px;
    object-fit: none;
    margin: 0 auto;
}

.subscription-bonus-txt {
    width: 275px;
    min-height: 100px;
    margin: 0 auto;
}

.subscription-bonus-link {
    text-decoration: underline;
    cursor: pointer;
}

.subscription-popup-bonus {
    width: 160px;
    height: 50px;
    font-size: 22px;
    line-height: 26px;
    text-align: center;
    background-color: #FFFFFF;
    border: 1px solid rgba(103, 71, 229, 0.2);
    box-sizing: border-box;
    border-radius: 3px;
    padding: 10px;
    color: #000000;
}

.subscription-popup-descr {
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: rgba(0, 0, 0, 0.7);
}

.subscription-close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 15px;
    height: 15px;
    background-image: url('../images/close_icon.png');
    background-size: cover;
    cursor: pointer;
}

.curent-subscribed {
    border: 3px solid rgba(103, 71, 229, 0.3) !important;
}

#slivkiConfirmPopupBtnNoFree {
    background-color: #fff !important;
    color: #6747e5 !important;
    border: 2px solid #6747e5;
}

.tittle-popup-brandbox {
    text-align: center;
    margin: 2rem auto;
    width: 32rem;
}

.tittle-popup-brandbox-p {
    font-size: 1.2rem;
    width: 32rem;
    text-align: center;
    line-height: 1.4rem;
    margin: 1.5rem auto;
    color: #8F8F8F;
}

.popup-brandbox-block {
    width: 8rem;
    font-weight: bolder;
    border-radius: 1rem;
    font-size: 3.9vw;
    padding: 2rem !important;
}

.popup-brandbox-block-small-font {
    font-weight: bolder;
    font-size: 1rem;
}

.bg-violet-light {
    background-color: #F0EDFC !important;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label-two::after,
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='darkviolet'/%3e%3c/svg%3e");
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label-two::after,
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='darkviolet' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

.custom-radio .custom-control-label-two::before,
.custom-radio .custom-control-label::before {
    border-radius: 50%;
}


.accordion > .card:first-of-type {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.accordion > .card {
    border: none;
    margin-bottom: .25rem;
}

.accordion > .card {
    overflow: hidden;
}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
}

.accordion > .card .card-header {
    position: relative;
    padding: 0;
    border: none;
}

.accordion > .card .card-header {
    margin-bottom: -1px;
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125);
}

.accordion > .card .card-header a {
    padding: 1.2rem 0;
    display: block;
    width: 100%;
    height: 100%;
    color: #333;
    text-align: center;
    font-size: 16px;
    outline: none;
}

#countBalancePhone {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4rem !important;
    height: auto !important;
    margin-top: 0;
    text-align: center;
    border: none;
    z-index: 1 !important;
    color: #6747e5;
    font-weight: bold;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #ffffff;
}

.align-items-center {
    align-items: center;
}

.collapse:not(.in) {
    display: none;
}

.flex-end {
    justify-content: flex-end !important;
}

.food-court-order-btn, .food-court-order-btn-modal {
    border: 3px solid #6747E5;
    border-radius: 14px;
}

.button-popups {
    font-weight: bolder;
    font-size: 1.2rem;
}

.button-popups-p {
    font-weight: bolder;
    font-size: 1rem;
}

.span-old-price {
    text-decoration-line: line-through;
    display: flex;
    font-weight: 100;
}

.d-contents {
    display: contents;
}

.qr-code-modal {
    width: 80%;
    margin: 0 auto;
}

.filter-blur {
    filter: blur(3px);
}

.max-height-25 {
    max-height: 25rem;
}

.overflow-y-auto {
    overflow-y: auto;
}

.button-delivery,
.button-tab {
    width: 11rem;
    align-self: center;
    display: flex !important;
    justify-content: center;
    font-family: 'SF Pro Rounded', sans-serif !important;
    height: 41px !important;
    border: none !important;
    border-radius: 15px !important;
    background: #F0EDFC;
    padding: 0 10px;
    line-height: 17px !important;
    flex-direction: column;
}

.button-tab-pickup {
    border-radius: 15px 15px;
}

.button-tab-delivery {
    border-radius: 15px 15px;
}

.br-15 {
    border-radius: 15px
}

.button-delivery.active,
.button-tab.active {
    color: #fff !important;
    background-color: #6747E5 !important;
}

.button-delivery.active:before,
.button-tab.active:before {
    content: '✓';
    align-self: center;
    margin-right: 0.6rem;
    position: absolute;
    top: 11px;
    left: 10px;
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg) rotateY(0) scale(1)
    }
    50% {
        -webkit-transform: rotate(180deg) rotateY(0) scale(1.5)
    }
    100% {
        -webkit-transform: rotate(360deg) rotateY(0) scale(1)
    }
}

@-moz-keyframes rotate {
    0% {
        -moz-transform: rotate(0deg) rotateY(0) scale(1)
    }
    50% {
        -webkit-transform: rotate(180deg) rotateY(0) scale(1.5)
    }
    100% {
        -moz-transform: rotate(360deg) rotateY(0) scale(1)
    }
}

@-ms-keyframes rotate {
    0% {
        -ms-transform: rotate(0deg) rotateY(0) scale(1)
    }
    50% {
        -webkit-transform: rotate(180deg) rotateY(0) scale(1.5)
    }
    100% {
        -ms-transform: rotate(360deg) rotateY(0) scale(1)
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0deg) rotateY(0) scale(1)
    }
    50% {
        -webkit-transform: rotate(180deg) rotateY(0) scale(1.5)
    }
    100% {
        transform: rotate(360deg) rotateY(0) scale(1)
    }
}

.loading-popup-loader {
    -webkit-animation: rotate 2s linear infinite;
    -moz-animation: rotate 2s linear infinite;
    -ms-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
}

.social-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 205px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    padding: .375rem .75rem;
    background-color: #f8f9fa;
    border-radius: 20px;
    margin-bottom: 10px;
}

.social-btn:last-child {
    margin-bottom: 0;
}

.contact-form-success {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 657px;
    background-color: rgba(103, 71, 229, 0.05);
    border-radius: 6px;
    padding: 60px 100px;
}

.iti--allow-dropdown .iti__flag-container .iti__selected-flag,
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag,
.iti--separate-dial-code .iti__selected-flag {
    font-size: 20px;
    background-color: initial;
}

.pack-item {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 290px;
    padding: 10px 37px 20px 37px;
    border-radius: 12px;
    cursor: pointer;
}

.pack-item:hover {
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.15);
}

#jvlabelWrap {
    display: none;
}

.jivo-site-buttons {
    position: fixed;
    right: 30px;
    bottom: 35px;
    z-index: 9999;
}

.jivo-messengers {
    position: absolute;
    bottom: 62px;
    right: 12px;
    background: #ffffffbd;
    box-shadow: 0 17px 14px rgba(0, 0, 0, .37);
    border-radius: 12px;
}

.jivo-messengers img {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    padding: 7px 0;
}

.pin-maps-header {
    background-color: #F0EDFC;
    border-radius: 8px;
}


.pin-maps-header a {
    color: #674EE1 !important;
}

.pin-maps-header img {
    left: 9px;
    position: absolute;
    bottom: 5px;
}

#mapsModal .modal-xl {
    max-width: 800px !important;
    margin: 6vh auto;
}

#mapsModal .close {
    z-index: 9999;
    position: absolute;
    right: 10px;
    width: 41px;
    height: 41px;
    align-content: center;
    display: flex;
    top: 19px;
    background: white;
    opacity: 0.9;
    box-shadow: 0px 4px 9px rgb(0, 0, 0, 0.15);
    border-radius: 29px;
    align-items: center;
    justify-content: center;
}

#mapsModal .close span {
    font-size: 21px;
    align-self: center;
    opacity: 0.6;
    font-family: 'Slivki-Icons';
    font-weight: 100;
    display: flex;
    align-self: center;
    height: 23px;
}

#mapsModal .bg-violet {
    background: #4E4084E5;
}

#mapsModal .bg-white {
    background: rgb(255, 255, 255, 0.94) !important;
}

#mapsModal .bg-yellow {
    background: #FCC100;
}

#mapsModal .br-14 {
    border-radius: 14px;
}

#mapsModal .br-30 {
    border-radius: 30px;
}

#mapsModal .right-10 {
    right: 10px;
}

#mapsModal .b-sh {
    box-shadow: 0px 4px 22px rgba(0, 0, 0, 0.25);
}

#mapsModal .category-menu-more {
    overflow: auto;
    height: -webkit-fill-available;
    max-height: 300px;
}

#mapsModal .category-menu-more::-webkit-scrollbar {
    height: 6px !important;
    width: 12px !important;
}

#mapsModal .category-menu-more::-webkit-scrollbar-thumb {
    border-radius: 10px !important;
    -webkit-box-shadow: inset 0 0 20px 2px #faf8ff !important;
}

#mapsModal .category-menu-more::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(102 70 229 / 64%) !important;
    border-radius: 10px !important;
}

#search_category_menu .category-item {
    font-size: 14px !important;
    cursor: pointer;
}

#mapsModal .category-item a {
    color: white;
    display: flex;
    align-items: center;
}

#mapsModal .category-item-all-top a {
    color: white;
    display: flex;
    align-items: center;
}

#mapsModal .name-offer {
    min-height: 56px;
}

#more_categories {
    font-size: 12px;
    cursor: pointer;
}

#mapsModal .category-item {
    font-size: 12px;
    line-height: initial;
    cursor: pointer;
}

#mapsModal .category-item-all-top {
    font-size: 12px;
    line-height: initial;
    cursor: pointer;
}

#mapsModal .top-category-items img {
    margin: 0 auto;
}

#mapsModal .opened {
    display: block !important;
    height: 335px;
    right: 0;
    position: absolute;
    bottom: 25px;
    padding: 0px 0 30px 0;
    width: 46.8%;
    z-index: 9999;
}

.ymaps-2-1-79-b-cluster-content {
    width: 240px !important;

}

.ymaps-2-1-79-b-cluster-content {
    height: 260px !important;
}

.ymaps-2-1-79-b-cluster-carousel__content {
    height: 280px !important;
}

.category-item-active .active {
    border: 4px solid #a68ffb !important;
    width: 12px !important;
    height: 12px !important;
    object-fit: none;
}

#mapsModal .active {
    border: 3px solid #a68ffb;
    border-radius: 27px;
    padding: 0px 0px;
    object-fit: fill;
    margin-left: 0;
}

.modal-category-item-search-opened {
    height: 40px;
    position: absolute;
    top: 20px;
    width: 92% !important;
}

#mapsModal .ymaps-2-1-79-balloon {
    font-family: 'SF Pro Rounded' !important;
}

#mapsModal .position-absolute {
    position: absolute;
}

#mapsModal .bottom-0 {
    bottom: 0;
}

#mapsModal .right-0 {
    right: 0;
}

.desktop-device #mapsModal .desc-rigth,
.desktop-device #beautyMapWrapper .desc-rigth{
    right: 20px!important;
}

#mapsModal .right-50 {
    right: 50px;
}

#mapsModal .h-100 {
    height: 100%;
}

.baloon-maps {
    width: 225px;
}

#mapsModal .bg-violet {
    background: #4E4084E5 !important;
}

#mapsModal .justify-content-end {
    justify-content: flex-end;
}

#beautyMapWrapper {
    min-height: 220px;
}

#mapsModal ymaps,
#beautyMapWrapper ymaps {
    border-radius: 8px;
}

.bg-white-light {
    background: #ffffffb0;
    box-shadow: 0 17px 14px rgba(0, 0, 0, .37);
}

#jivosite_button div {
    border-radius: 50px;
}

#jivosite_button img {
    padding: 6px;
}

.jivosite-button-img {
    height: 38px !important;
    width: 38px !important;
}

.button_4aae {
    display: none !important;
}

.button_200e {
    display: none !important;
}

.ymaps-2-1-79-copyrights-pane {
    display: none;
}

.ymaps-2-1-79-islets_balloon_layout_panel {
    display: none !important;
}

.img-offer {
    width: 240px;
    height: 156px;
}

.offers-modal-buttons {
    position: absolute;
    bottom: 5px;
}

.link-to-offer-modal {
    max-width: 110px;
}

.rating-modal-offer {
    float: left;
    min-width: 57px;
}

.lh-initial {
    line-height: initial;
}

.bottom-9 {
    bottom: 23px !important;
}

.ymaps-2-1-79-balloon__close + .ymaps-2-1-79-balloon__content {
    margin-right: 0 !important;
    padding-right: 12px !important;
}

.ymaps-2-1-79-balloon__content {
    height: 280px !important;
}

.ymaps-2-1-79-balloon__close {
    background: white;
    box-shadow: 0px 4px 9px rgb(0 0 0 / 15%);
    border-radius: 29px !important;
    right: 6px;
    top: 8px;
}

.ymaps-2-1-79-balloon__close-button {
    height: 30px !important;
}

.ymaps-2-1-79-pie-chart {
    font-family: 'SF Pro Rounded' !important;
    font-size: 10px !important;

}

.tooltip__box {
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 16px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    color: #fff;
    line-height: 1.5;
    top: 12px;
    margin-left: 71px;
    text-align: left;
    font-size: 12px;
    background: rgba(32, 36, 56, .8);
    max-width: 280px;
}

.tooltip__box:before {
    content: ' ';
    position: absolute;
    width: 0;
    left: -24px;
    top: 7px;
    height: 0;
    border-top: 1px solid transparent;
    border-right: 24px solid rgba(32, 36, 56, .8);
    border-bottom: 16px solid transparent;
}

.violet-menu-item-header {
    background-color: #F0EDFC;
    border-radius: 8px;
}

.violet-light-color {
    color: #674EE1 !important;
}

.ymaps-2-1-79-b-cluster-carousel__nav {
    filter: brightness(0.5);
}

.sf-bold-font {
    font-family: 'SF Pro Rounded Bold', sans-serif !important;
}

#meOnMapVoiceSearchBtn {
    position: absolute;
    top: 2px;
    right: 46px;
    background: transparent;
    border: 3px solid transparent;
    display: none;
}

#meOnMapVoiceSearchBtn.active {
    border-color: #674EE1;
}
.delivery-btn:hover {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    background-color: #F0EDFC!important;
    color: #333!important;
    transition: box-shadow 3ms;
}
.delivery-btn:active {
    transform: translateY(2px);
    transition: transform 3ms;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
}
.btn-promocodes-item {
    margin: 0!important;
    width: 300px;
    transition: transform 3ms;
    border-radius: 12px!important;
}
.btn-promocodes-item:hover {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    background-color: #F0EDFC!important;
    color: #333!important;
    transition: box-shadow 3ms;
}
.btn-promocodes-item:active {
    transform: translateY(2px);
    transition: transform 3ms;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
}
jdiv {
    right: 0px !important;
}

#deliveryStreetInput {
    text-transform: capitalize;
}

#boughtCodesPopup .modal-dialog {
    max-width: 500px !important;
}

.location-more-info-toggle {
    font-family: 'SF Pro Rounded Regular';
}

.store-block {
    display: flex;
    flex-flow: column;
    margin-top: 26px;
}

.store-block img {
    margin: 0 auto;
    width: 162px;
}

.subcategories {
    display: none;
    margin-left: 2px;
}

.category-item-parent {
    border: none !important;
    margin-left: 0 !important;
    cursor: pointer;
    position: relative;
}

.category-name.active {
    border: none !important;
    margin-left: 0 !important;
    cursor: pointer;
}

.category-item-parent a {
    color: white;
}

.category-name:after {
    content: '';
    position: absolute;
    top: 7px;
    left: -16px;
    display: block;
    width: 0.5rem;
    height: 0.3rem;
    background-image: url(/images/arrow-dropdown.svg);
    background-size: cover;
    filter: invert(1);
    transform: rotate(270deg);
}

.arrowRight:after {
    transform: rotate(1deg) !important;
}

#statisticsButton {
    color: #6747E5;
    cursor: pointer;
}

/*time fires*/
.left-0 {
    left: 0;
}

.right-0 {
    right: 0;
}
.right-20 {
    right: 20px;
}

.block-fire-time img {
    border-radius: 8px;
}
.button--map-collapse-beauty {
    position: absolute;
    right: 10px;
    text-transform: none;
    z-index: 2;
    bottom: 9px;
    font-size: 14px;
    padding: 4px 17px;
}
.position-absolute {
    position: absolute;
}

.block-fire-time {
    position: relative;
    margin: 20px 0;
}
#tireFilterForm,
#fireTireFilterForm{
    font-family: 'SF Pro Rounded';
    font-weight: 500;
    font-size: 16px;
    padding: 20px 0 0 0;
    display: none;
}

#tireFilterForm.active,
#fireTireFilterForm.active {
    display: flex!important;
}

#tireFilterForm #time {
    height: 30px !important;
}

#fireTireFilterForm #fireTime {
    height: 30px !important;
}

#tireFilterForm select,
#fireTireFilterForm select {
    border: none;
    min-width: 120px;
    width: 100%;
    border-radius: 15px;
    padding: 5px 35px 5px 34px;
    margin-right: 5px;
    max-width: 275px;
}

#tireFilterForm .caret,
#fireTireFilterForm .caret {
    top: 12px!important;
    margin-top: 0!important;
}

#btn-group-offerCategory,
#btn-group-fireOfferCategory {
    min-width: 200px!important;
}
#tireFilterForm .multiselect .fire-time-icon:after,
#fireTireFilterForm .multiselect .fire-time-icon:after{
    content: "";
    position: absolute;
    height: 16px;
    width: 15px;
    background: url(/images/fire.gif) 0 2px/14px 14px no-repeat;
}

#tireFilterForm .multiselect .vsb-menu ul,
#fireTireFilterForm .multiselect .vsb-menu ul {
    min-width: 105px!important;
}

#tireFilterForm .data-icon .vsb-menu ul,
#fireTireFilterForm .data-icon .vsb-menu ul {
    min-width: 105px!important;
}

.block__tittle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 20px 0 20px 0;
}

.block__subtittle {
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 20px;
}

.tittle__text {
    position: relative;
    font-size: 20px;
    margin-right: 10px;
}

.tittle__shilda {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: center;
    align-self: center;
    padding: 8px 15px;
    background-color: #dc4597;
    color: white;
    border-radius: 50px;
}

.block-time {
    padding: 20px 20px;
    background: #f0f1f5;
    border-radius: 8px;
    background: -webkit-linear-gradient(45deg, rgb(240, 237, 252), rgb(216, 170, 251), rgb(122, 89, 251));
    background: -moz-linear-gradient(45deg, rgb(240, 237, 252), rgb(216, 170, 251), rgb(122, 89, 251));
    background: linear-gradient(45deg, rgb(240, 237, 252), rgb(216, 170, 251), rgb(122, 89, 251));
}

.block-time_fire {
    background: url('/images/new-fire-time.svg'), -webkit-linear-gradient(45deg, rgb(240, 237, 252), rgb(216, 170, 251), rgb(122, 89, 251));
    background: url('/images/new-fire-time.svg'), -moz-linear-gradient(45deg, rgb(240, 237, 252), rgb(216, 170, 251), rgb(122, 89, 251));
    background: url('/images/new-fire-time.svg'), linear-gradient(45deg, rgb(240, 237, 252), rgb(216, 170, 251), rgb(122, 89, 251));
    background-size: cover;
    background-position: center;
}

.block-fire-time-tittle {
    font-family: 'SF Pro Rounded';
    font-weight: 700;
    font-size: 18px;
}

#clearButtonForm,
#clearButtonFireForm {
    justify-content: flex-end;
    padding-left: 5px;
}

#tireFilterForm button,
#fireTireFilterForm button {
    color: white;
    height: 30px;
    width: 120px;
    background-color: #6747E5;
    border-radius: 20px!important;
    border: 0;
    -webkit-box-shadow: inset 0 0 #f1f1f1, inset 0 0 #f1f1f1, 0 1px 2px rgb(0 0 0 / 10%);
    -moz-box-shadow: inset 0 0 #f1f1f1, inset 0 0 #f1f1f1, 0 1px 2px rgb(0 0 0 / 10%);
    box-shadow: inset 0 0 #f1f1f1, inset 0 0 #f1f1f1, 0 1px 2px rgb(0 0 0 / 10%);
}

#clearButtonForm button,
#clearButtonFireForm button {
    color: white;
    height: 30px;
    width: 136px;
    background-color: #6747E5;
    border-radius: 50px;
    border: 0;
    -webkit-box-shadow: 0px 3px 3px -1px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 3px 3px -1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 3px -1px rgb(0 0 0 / 10%);
}

#tireFilterForm button:hover,
#fireTireFilterForm button:hover {
    background-color: rgb(156, 113, 237);
    -webkit-box-shadow: 0px 3px 3px -1px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0px 3px 3px -1px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 3px 3px -1px rgb(0 0 0 / 30%);
}

#clearButtonForm button:hover,
#clearButtonFireForm button:hover {
    background-color: rgb(156, 113, 237);
    -webkit-box-shadow: 0px 3px 3px -1px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0px 3px 3px -1px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 3px 3px -1px rgb(0 0 0 / 30%);
}

#tireFilterForm button:active,
#fireTireFilterForm button:active {
    box-shadow: inset 1px 1px 3px #ddd;
}

#clearButtonForm button:active,
#clearButtonFireForm button:active {
    box-shadow: inset 1px 1px 3px #ddd;
}
.toggle-switch-container.fire-time {
    display: flex;
    justify-content: start;
    font-family: 'SF PRO DISPLAY';
}
.toggle-switch-container.fire-time .toggle-switch {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    background-color: #F0EDFC;
    border-radius: 25px;
    box-sizing: border-box;
    position: relative;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
}
.toggle-switch-container.fire-time .toggle-label {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000000;
    height: 100%;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    padding: 0 10px;
    z-index: 2;
}
.toggle-switch-container.fire-time .toggle-label span {
    display: inline-block;
    text-align: center;
    max-width: 100%;
}
.toggle-switch-container.fire-time .toggle-label.active {
    color: white;
}
.toggle-flag {
    width: 50%;
    height: 100%;
    background-color: #6747E5;
    border-radius: 25px;
    position: absolute;
    z-index: 1;
    transition: transform 0.3s ease-in-out;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
}
.toggle-switch-container.fire-time .toggle-label:not(.active):hover {
    color: #674EE1;
}
.category-icon,
.data-icon,
.time-icon {
    position: relative;
    margin-right: 5px;
}

.user-new-icon {
    background: #FFFF url(/images/family-sub-member.svg) no-repeat 7px 0px/17px 17px;
    color: transparent !important;
}

#tireFilterForm .category-icon .vsb-js-search-zone,
#fireTireFilterForm .category-icon .vsb-js-search-zone {
    z-index: 1 !important;
    border-radius: 12px;
    font-size: 14px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 12%, rgba(250, 250, 250, 0.8464635854341737) 100%);
    padding: 5px;
}

#tireFilterForm .category-icon .vsb-js-search-zone input,
#fireTireFilterForm .category-icon .vsb-js-search-zone input {
    border: 1px solid #D5D5D5;
    padding-left: 6px;
    -webkit-box-shadow: inset 0 0 #f1f1f1, inset 0 0 #f1f1f1, 0 1px 2px rgb(0 0 0 / 10%);
    -moz-box-shadow: inset 0 0 #f1f1f1, inset 0 0 #f1f1f1, 0 1px 2px rgb(0 0 0 / 10%);
    box-shadow: inset 0 0 #f1f1f1, inset 0 0 #f1f1f1, 0 1px 2px rgb(0 0 0 / 10%);
}

#tireFilterForm .category-icon .vsb-js-search-zone input:hover,
#fireTireFilterForm .category-icon .vsb-js-search-zone input:hover {
    -webkit-box-shadow: 0px 3px 3px -1px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0px 3px 3px -1px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 3px 3px -1px rgb(0 0 0 / 30%);
}

#tireFilterForm .category-icon p,
#fireTireFilterForm .category-icon p {
    padding-bottom: 17px;
}

.category-icon:before {
    content: url("/images/list.svg");
    position: absolute;
    top: 6px;
    left: 7px;
    z-index: 1;
}

.data-icon:before {
    content: url("/images/list_alt.svg");
    position: absolute;
    top: 6px;
    left: 7px;
    z-index: 1;
}

.time-icon:before {
    content: url("/images/access_time.svg");
    position: absolute;
    top: 6px;
    left: 7px;
    z-index: 1;
}

.tire-items {
    min-width: -webkit-fill-available;
}

.goog-te-banner-frame {
    display: none !important;
    visibility: hidden !important;
}

.close-violet {
    padding: 6px;
    background: white;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
    opacity: 0.9;
    border-radius: 18px;
    right: 13px;
    top: 13px;
    position: absolute;
    cursor: pointer;
    filter: none;
    z-index: 9;
}

.language {
    position: absolute;
    right: 10px;
    bottom: 5px;
    z-index: 999;
    height: 33px;
    overflow: hidden;
}

.language:hover {
    height: auto;
    bottom: -30px;
    background: rgba(124, 124, 124, 0.3);
    border-radius: 18px;
}

.language__img {
    padding: 4px 0;
    cursor: pointer;
}

.language-tooltip {
    padding: 6px 0;
    position: relative;
    z-index: 3;
    font-family: 'SF Pro Rounded';
    font-size: 14px;
    color: #000000;
}

.fa-question-button {
    margin-left: auto;
}

.telegram-massage-tooltip {
    padding: 0;
    position: relative;
    z-index: 2;
    font-family: 'SF Pro Rounded';
    font-size: 14px;
    color: #000000;
}

.telegram-massage-tooltip a{
    display: inline;
    cursor: pointer;
}

.telegram-massage-tooltip a span {
    font-size: 16px;
    color: #6747E5;
}

.language-tooltip a {
    display: block;
    width: 25px!important;
    height: 25px!important;
    cursor: pointer;
    opacity: 1!important;
}
.language-tooltip span img {
    width: 100%;
}

.language-tooltip .tooltip-content,
.telegram-massage-tooltip .tooltip-content {
    visibility: hidden;
    width: max-content;
    height: auto;
    font-size: 14px;
    color: #141415;
    background-color: #FFFFFF;
    box-shadow: 0px 4px 22px rgba(0, 0, 0, 0.25);
    border-radius: 7px;
    padding: 5px 10px;
    position: absolute;
    top: 110%;
    right: -19px;
}

.telegram-massage-tooltip .tooltip-content {
    padding: 10px;
    width: 250px;
    text-align: center;
    font-size: 15px;
}

.telegram-massage-btn {
    display: block!important;
    padding: 5px 10px;
    background: #6747E5;
    color: white!important;
    border-radius: 12px;
    margin-top: 5px;
    transition: none!important;
}

.telegram-massage-tooltip-description {
    white-space: break-spaces;
    line-height: 25px;
}

.skiptranslate {
    display: none!important;
    visibility: hidden!important;
    height: 0;
}

#goog-gt-tt {
    display: none!important;
    visibility: hidden!important;
}

.language-tooltip .tooltip-content::after,
.telegram-massage-tooltip .tooltip-content::after {
    content: "";
    position: absolute;
    top: -8px;
    left: 71%;
    margin-left: -10px;
    border-width: 10px;
    border-style: solid;
    border-radius: 7px;
    border-color: white transparent transparent white;
    transform: rotate(45deg);
}

.language-tooltip:hover .tooltip-content,
.telegram-massage-tooltip:hover .tooltip-content {
    visibility: visible;
}

.language-tooltip .custom-radio {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.language-tooltip .custom-radio + label {
    display: inline-flex;
    align-items: center;
    user-select: none;
}

.language-tooltip .custom-radio + label::before {
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    background: no-repeat url('../images/radio-icon.svg') center center;
    border-radius: 50%;
    margin-right: 0.5em;
}
.language-tooltip .custom-radio+label:hover::before,
.language-tooltip .custom-radio:hover+label::before {
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
}
.language-tooltip .custom-radio:focus + label::before {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.language-tooltip .custom-radio:checked + label::before {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.language-radio {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.container-branding {
    width: 13em;
    height: 25em;
    transform-style: preserve-3d;
    animation: rotateBanner 10s infinite linear;
    z-index: 9;
    margin: 21px auto;
    left: 48px;
    top: 343px;
}

.right-block {
    right: 48px !important;
    left: auto;
}

.container-branding:before,
.container-branding:after {
    content: "";
    display: block;
    position: absolute;
    width: 13em;
    height: 25em;
}

.container-branding:before {
    transform: rotateX(90deg);
}

.container-branding:after {
    transform: rotatey(90deg);
}

.container-branding .side {
    position: absolute;
    width: 13em;
    height: 25em;
}

.container-branding .front {
    transform: translateZ(6.3em);
    background-image: url("/images/branding_new/2_new.jpg");
    background-size: contain;

}

.container-branding .left {
    transform: translateX(-6.3em) rotateY(90deg);
    background-image: url("/images/branding_new/3_new.jpg");
    background-size: contain;
}

.container-branding .right {
    transform: translateX(6.3em) rotateY(90deg);
    background-image: url("/images/branding_new/1_new.jpg");
    background-size: contain;
}

.container-branding .back {
    transform: translateZ(-6.3em);
    background-image: url("/images/branding_new/4_new.jpg");
    background-size: contain;
}

.btn-border-violet {
    font-size: 1.125rem;
    display: inline-block;
    line-height: 1.3125rem;
    padding: 10px 20px;
    white-space: nowrap;
    border-radius: 0.875rem;
    background-color: #fff;
    border: 2px solid #6747E5;
    margin-bottom: 0;
    color: #6747E5 !important;
    width: -webkit-fill-available;
}

#language__img_active .custom-radio + label::before {
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
}

@keyframes rotateBanner {
    100% {
        transform: rotateY(360deg);
    }
}

.close-violet {
    padding: 6px;
    background: white;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
    opacity: 0.9;
    border-radius: 18px;
    right: 8px;
    top: 8px;
    position: absolute;
    cursor: pointer;
}

#modal_step_buy_certificate p {
    font-family: 'SF Pro Rounded';
    font-weight: 400;
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    margin-bottom: 22px;
}

#modal_step_buy_certificate .modal-content {
    padding: 40px 20px 12px;
}

#modal_step_buy_certificate .modal-dialog {
    max-width: 395px !important;
    width: -webkit-fill-available;
    margin: 30px auto;
}

.bold-font {
    font-family: 'SF Pro Rounded';
    font-weight: bold !important;
    color: black;
}

#modal_step_buy_certificate .button-buy-certificate-modal {
    background: #6747E5;
    border-radius: 14px;
    padding: 17px;
    text-align: center;
    color: white !important;
    font-size: 16px;
    font-family: "SF Pro Rounded";
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 12px;
    width: 315px;
    cursor: pointer;
}

#modal_step_buy_certificate .button-buy-certificate-modal:focus {
    text-decoration: none !important;
}

#modal_step_buy_certificate .buttons-container {
    margin-top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#modal_step_buy_certificate.fade.in {
    display: flex;
    align-items: center;
}

.delivery-btn-modal {
    padding: 10px !important;
}

.delivery-btn-modal p {
    line-height: 16px;
}

.button-gift-item {
    width: 100%;
    border: 1px solid black;
    border-radius: 10px;
    text-align: left;
    padding: 10px 0;
    margin: 10px 0;
    cursor: pointer;
}

.button-gift-item h5 {
    font-family: "SF Pro Rounded Bold";
    padding-left: 10px;
    font-size: 16px;
}

.button-gift-item p {
    font-family: "SF Pro Rounded";
    padding-left: 10px;
    font-size: 12px;
    line-height: 13px;
}

.button-with-border {
    color: #6747E5 !important;
    border: 1px solid #6747E5 !important;
    background: white !important;
}

.m-purple {
    background-color: #F5EFFF;
}

.m-blue {
    background-color: #EFF9FF;
}

.m-orange {
    background-color: #FFEFEF;
}

.fw-400 {
    font-weight: 400 !important;
}

.fw-600 {
    font-weight: 600 !important;
}

.mr-orange {
    color: #E86005;
}

.b-radius-10 {
    border-radius: 10px;
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg);
    }
}

.icon-profile {
    justify-content: center;
    padding: 7px;
    display: flex;
    background: white;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    border-radius: 28px;
    align-items: center;
    cursor: pointer;
}

.icon-profile:hover {
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
}

#shareCertificateInMessengerModal .modal-dialog {
    max-width: 400px !important;
    margin: auto auto;
}

#shareCertificateInMessengerModal.fade.in {
    display: flex !important;
}

#shareCertificateInMessengerModal .share-gift-img {
    width: 326px;
    margin: 10px auto;
}

.button-share-gift p,
.button-share-gift-profile p {
    margin: 0;
    color: white !important;
    font-size: 16px !important;
}

.button-share-gift,
.button-share-gift-profile {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px 0;
    padding: 11px 0 !important;
    cursor: pointer;
    background: #6747E5;
    border-radius: 14px;
    text-transform: uppercase;
    font-family: 'SF Pro Rounded';
}

#myFavouriteActions .stock-group-item {
    min-height: 400px;
}

#myFavouriteActions .stock-group-item .image {
    width: 100% !important;
    height: 210px !important;
    overflow: hidden;
}

#myFavouriteActions div.info-line {
    bottom: 5px;
}

#myFavouriteActions .new-offer-watermark {
    top: 13px;
    left: -142px;
}

.label-online-booking {
    text-align: center;
    padding: 4px 8px;
    color: black;
    background: #F0EDFC;
    border-radius: 7px;
    margin-bottom: 0;
    font-size: 13px;
    position: absolute;
    top: 7px;
    left: 7px;
}

.profile-booking-item {
    border-bottom: 1px solid #eee;
    min-height: 176px;
    position: relative;
}

.profile-booking-item .preview img {
    width: 100%;
    height: 100%;
}

.date-online-booking {
    position: absolute;
    right: 0px;
    top: 49px;
}

#familySubscriptionLandingBtn {
    position: relative;
    color: white !important;
    text-decoration: none !important;
    padding: 9px 20px;
    border-radius: 8px;
    background: linear-gradient(40deg, #6747E5, #bdaef8, #6747E5, #bdaef8);
    background-size: 400% 400%;
    animation: gradient 3s ease infinite;
    width: fit-content;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    25% {
        background-position: 50% 50%;
    }
    100% {
        background-position: 100% 50%;
    }
}

#familySubscriptionLandingBtn span {
    position: absolute;
    display: inline-block;
    background-color: #FFCC00;
    text-decoration: none;
    font-size: 12px;
    border-radius: 12px;
    top: -9px;
    padding: 0px 10px;
    color: white;
}

#familySubscriptionLanding.family-landing-wrapper {
    height: 600px;
    margin: 15px 10px;
    padding: 30px;
    font-family: 'SF Pro Rounded';
    color: #FFFFFF;
    border-radius: 10px;
    background: #6747E6 url("../images/family-landing-img.svg") center bottom /contain no-repeat;
}

#familySubscriptionLanding .family-landing-title {
    font-weight: 700;
    font-size: 40px;
    margin-bottom: 30px;
}

#familySubscriptionLanding .family-landing-subtitle {
    font-weight: 500;
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 30px;
}

#familySubscriptionLanding .family-landing-subtitle span {
    display: inline-block;
    margin-bottom: 5px;
}

#familySubscriptionLanding .family-landing-btn {
    width: 422px;
    height: 73px;
    background: #FFFFFF;
    border-radius: 20px;
    color: #6747E6;
    font-weight: 700;
    font-size: 30px;
    border: none;
}

#familySubscriptionLanding .family-landing-btn:hover {
    box-shadow: 2px 5px 10px rgba(246, 241, 241, 0.25);
}

#addSubscriptionFamilyMemberModal .modal-dialog,
#familySubscriptionMassageModal .modal-dialog {
    pointer-events: none;
}

#addSubscriptionFamilyMemberModal .modal-content,
#familySubscriptionMassageModal .modal-content {
    pointer-events: auto;
}

#addSubscriptionFamilyMemberModal .modal-body {
    margin-bottom: 20px;
}

#addSubscriptionFamilyMemberModal .modal-tittle,
#familySubscriptionMassageModal .modal-tittle {
    font-size: 25px;
    font-family: 'SF Pro Rounded';
    color: #030303;
}

#addSubscriptionFamilyMemberModal .family-sub-member-icon,
#familySubscriptionMembers .family-sub-member-icon,
#familySubscriptionInfoModal .family-sub-member-icon {
    width: 45px;
    height: 45px;
    border-radius: 5px;
    background: #F0EDFC url("../images/family-sub-member.svg") center no-repeat;
    margin-right: 5px;
}

#addSubscriptionFamilyMemberModal .family-input-wrapper {
    padding-right: 7rem;
    margin-right: 5px;
}

#addSubscriptionFamilyMemberModal .add-family-sub-btn,
#familySubscriptionMembers .add-family-sub-btn {
    background: #6747E6 url("../images/add-family-sub-member.svg") center 11px no-repeat;
    width: 43px;
    height: 43px;
    border: none;
    border-radius: 5px;
}

#addSubscriptionFamilyMemberModal .add-family-sub-btn:hover,
#familySubscriptionMembers .add-family-sub-btn:hover {
    background-color: #765be2;
}

#familySubscriptionMassageModal .modal-dialog {
    width: 450px;
}

#familySubscriptionMassageModal .modal-body {
    text-align: center;
    margin-bottom: 40px;
}

#familySubscriptionMassageModal .modal-subtittle {
    display: inline-block;
    margin-top: 10px;
    font-weight: 500;
    font-size: 20px;
    color: #000000;
}

#familySubscriptionMassageModal .family-sub-massage-btn {
    background: #6747E6;
    border-radius: 10px;
    font-weight: 700;
    font-size: 22px;
    font-family: 'SF Pro Rounded';
    border: none;
    padding: 7px 100px;
    color: white;
}

#familySubscriptionMassageModal .family-sub-massage-btn:hover {
    background-color: #765be2;
}

#familySubscriptionMembers {
    margin-bottom: 65px;
}

#familySubscriptionMembers .family-members-title {
    font-family: 'SF Pro Rounded';
    font-weight: 700;
    font-size: 20px;
}

#familySubscriptionMembers .family-member {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #F0EDFC url("../images/family-sub-member.svg") 5px center no-repeat;
    border-radius: 5px;
    padding: 10px 10px 10px 50px;
    width: 435px;
    margin-top: 10px;
    cursor: pointer;
}

#familySubscriptionMembers .family-member-tel {
    font-family: 'SF Pro Rounded';
    font-weight: 700;
    font-size: 16px;
    color: #000000;
    margin-left: 10px;
}

#familySubscriptionMembers .family-member-count {
    background-color: #FFFFFF;
    font-family: 'SF Pro Rounded';
    font-weight: 500;
    font-size: 10px;
    border-radius: 10px;
    text-align: center;
    line-height: 12px;
    padding: 2px 25px;
    color: #000000;
}

#familySubscriptionMembers .family-member-count span {
    display: block;
    font-weight: 500;
    font-size: 10px;
    color: #6F6969;
}

#familySubscriptionMembers .family-input-wrapper {
    padding-right: 15rem;
    margin-right: 5px;
}

#collapseAddFamilySubMember {
    margin-top: 10px;
}

#collapseAddFamilySubMemberBtn {
    margin: 5px 0 0 15px;
    border: none;
    background-color: #ffff;
    color: #6747E5;
}

#familySubscriptionInfoModal .modal-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 1rem;
}

#familySubscriptionInfoModal .modal-tittle {
    font-size: 20px;
}

#familySubscriptionInfoModal .modal-footer {
    font-family: 'SF Pro Rounded';
    border-top: 1px solid #dee2e6;
    padding-top: 20px;
}

#familySubscriptionInfoModal .family-sub-member-icon {
    margin-right: 0;
    margin-bottom: 10px;
}

#familySubscriptionInfoModal .family-sub-info,
#familySubscriptionInfoModal .family-sub-delete-modal-btn {
    background-color: #F0EDFC;
    color: #5F5A5A;
    font-size: 15px;
}

#familySubscriptionInfoModal .family-sub-info {
    margin-right: 0;
    margin-bottom: 7px;
    padding: 7px;
    border-radius: 10px;
}

#familySubscriptionInfoModal .family-sub-info span {
    color: #000000;
    font-weight: 700;
}

#familySubscriptionInfoModal .family-sub-delete-modal-btn {
    margin-left: 0;
    border: none;
    outline: none;
    padding: 10px;
    border-radius: 10px;
    margin-right: 0;
    background: #6747e5;
    color: white;
    text-align: center;
    font-family: 'SF Pro Rounded Bold';
    text-transform: uppercase;
}

#collapseDeleteFamilySubMember {
    width: 100%;
    padding: 21px 0 0;
}

#familySubscriptionInfoModal .confirm-delete-tittle {
    font-weight: 600;
    font-size: 17px;
    color: #141414;
    text-align: center;
    padding: 0 0 6px;
}

#familySubscriptionInfoModal .confirm-delete-tittle span {
    font-weight: 500;
    font-size: 15px;
    color: #565050;
}

#collapseDeleteFamilySubMember .family-sub-delete-modal-btn {
    width: 100%;
    text-align: center;
    color: white;
    font-weight: 700;
}

#familySubDeleteBtn {
    margin: 10px 0 10px 0;
}

.background-white {
    background-color: white!important;
}

.no-boostrap {
    margin-top: 0;
    margin-bottom: 0;
    height: 100vh;
    width: 100vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.marquee-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}
.loading-skeleton:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background-image: linear-gradient(-90deg, #f3f3f3 0%, #dfdddd 50%, #f3f3f3 100%);
    background-size: 200% 100%;
    animation: loading 2s linear infinite;
}
@keyframes loading {
    0% {
        background-position: -100% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 200% 50%;
    }
}
#marquee {
    width: 100%;
    height: 56px;
    overflow: hidden;
    text-decoration: none;
    margin-top: 10px;
    color: #0c0c0c;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: inset 2px 2px 5px rgba(154, 147, 140, 0.5), 1px 1px 5px rgba(255, 255, 255, 1);
    box-shadow: inset 2px 2px 5px rgba(154, 147, 140, 0.5), 1px 1px 5px rgba(255, 255, 255, 1);
}
#marquee p {
    font-family: "SF Pro Rounded";
    line-height: 56px;
    font-size: 16px;
    text-align: center;
    color: #000;
    margin-bottom: 0!important;
}

#marquee img {
    width: 10%;
    padding-bottom: 2px;
    vertical-align: middle;
}
#examplesOfWorksBlock .examples-works-header {
    display: flex;
    align-items: center;
    height: 50px;
}
#examplesOfWorksBlock .examples {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 0 7px 0 0!important;
    padding: 12px 13px;
    background: -webkit-linear-gradient(45deg, rgb(240, 237, 252), rgb(216, 170, 251), rgb(122, 89, 251));
    background: -moz-linear-gradient(45deg, rgb(240, 237, 252), rgb(216, 170, 251), rgb(122, 89, 251));
    background: linear-gradient(45deg, rgb(240, 237, 252), rgb(216, 170, 251), rgb(122, 89, 251));
}
#examplesOfWorksBlock .examples .tittleBlockCategory {
    font-weight: 600;
}
.tittleBlockCategory {
    position: relative;
}
#examplesOfWorksBlock .examples-works-filter {
    position: relative;
    width: 17px;
    height: 17px;
    background: url(/images/filter-icon.svg) no-repeat;
}
#examplesOfWorksBlock .show-more-examples-btn {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 10px 0 15px;
    height: 100%;
    justify-content: center;
    width: 15%;
    background: rgb(122, 89, 251);
    color: white;
    border-radius: 10px;
}
#examplesOfWorksBlock .examples-arrow {
    transform: rotate(270deg);
    background-image: url(/images/drop-down-fire.svg);
    background-position: center;
    margin-top: 0!important;
}
#examplesOfWorksSlider {
    visibility: hidden;
    margin-top: 7px;
    background: -webkit-linear-gradient(45deg, rgb(240, 237, 252), rgb(216, 170, 251), rgb(122, 89, 251));
    background: -moz-linear-gradient(45deg, rgb(240, 237, 252), rgb(216, 170, 251), rgb(122, 89, 251));
    background: linear-gradient(45deg, rgb(240, 237, 252), rgb(216, 170, 251), rgb(122, 89, 251));
    border-radius: 10px;
    padding: 10px;
}
#examplesOfWorksSlider .swiper-slide {
    width: 150px;
}
.category-works-photos-info {
    position: absolute;
    top: 10px;
    right: 7px;
    text-align: center;
}
.category-works-photos-info span{
    background-color: #6747e5c2;
    color: white;
    border-radius: 5px;
    padding: 3px 7px 5px 7px;
}
#examplesOfWorksSlider a .example-slider-img {
    height: 226px;
    width: 100%;
    object-fit: cover;
    transition-duration: 200ms;
}
#examplesOfWorksSlider .swiper-button,
#beautyMastersSlider .swiper-button {
    position: absolute;
    z-index: 2;
    font-size: 18px;
    width: 50px;
    height: 50px;
    top: 50%;
    color: white;
    margin-top: -25px;
    border: 0;
    padding: 0;
    cursor: pointer !important;
    cursor: hand !important;
    background: #6747E5;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    visibility: hidden;
    line-height: 30px;
}
#examplesOfWorksSlider .swiper-button:after,
#beautyMastersSlider .swiper-button:after {
    font-family: Slivki-Icons;
    content: '\e818';
    margin: 0;
}
#examplesOfWorksSlider .swiper-button-next:after,
#beautyMastersSlider .swiper-button-next:after {
    content: '\e817';
}
.desktop-device #examplesOfWorksSlider .swiper-button,
.desktop-device #beautyMastersSlider .swiper-button {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    color: black;
    font-size: 16px;
    background: #F0EDFC;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.desktop-device #examplesOfWorksSlider .swiper-button:hover,
.desktop-device #beautyMastersSlider .swiper-button:hover {
    color: #7e7474;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.70);
    -moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.70);
    -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.70);
}
#examplesOfWorksSlider .swiper-button-next,
#beautyMastersSlider .swiper-button-next {
    right: 10px;
}
#examplesOfWorksSlider .swiper-button-prev,
#beautyMastersSlider .swiper-button-prev {
    left: 10px;
}
#examplesOfWorksSlider .swiper-button-disabled,
#beautyMastersSlider .swiper-button-disabled {
    opacity: 0;
}
#examplesOfWorksHovers.hover_float_img {
    position: fixed;
    top: 0;
    left: 0;
    pointer-events: none;
    opacity: 1;
    z-index: 11;
    font-family: "SF Pro Rounded";
    transition: opacity .5s;
    background: #FFFFFF;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0px 4px 4px #DBD5F2;
}
#examplesOfWorksHovers.hover_float_img.hover_float_img-gallery {
    position: absolute;
    top: 0;
    left: 50%;
    pointer-events: all;
    transform: translateX(-50%);
    padding: 8px;
    opacity: 1;
    z-index: 11;
    font-family: "SF Pro Rounded";
    transition: opacity .5s;
    background: #FFFFFF;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, .12), 0 15px 25px -4px rgba(0, 0, 0, .32);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .12), 0 15px 25px -4px rgba(0, 0, 0, .32);
    color: black;
    border: 0.5px solid #dbdbdb69;
}
#beautyMastersHovers.hover_float_img {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    z-index: 11;
    font-family: "SF Pro Rounded";
    transition: opacity .5s;
    background: #FFFFFF;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0px 4px 4px #DBD5F2;
}
#examplesOfWorksHovers.hover_float_img img {
    width: 100%;
}
#examplesOfWorksHovers.hover_float_img.hover_float_img-gallery .examples-of-works-img-gallery {
    object-fit: cover;
    max-width: none !important;
    width: 100%;
    border-radius: 12px;
    border: 0.5px solid #dbdbdb69;
}
#examplesOfWorksHovers .hover_float_img__title,
#beautyMastersHovers .hover_float_img__title {
    padding: 10px 7px;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
}
#examplesOfWorksHovers .hover_float_img__description,
#beautyMastersHovers .hover_float_img__description {
    font-size: 14px;
    padding: 0 7px 7px 7px;
}
#examplesOfWorksHovers .hover_float_img__description_item,
#beautyMastersHovers .hover_float_img__description_item {
    display: flex;
    justify-content: space-between;
    position: relative;
    align-items: center;
    margin-bottom: 5px;
}
.description_location {
    padding-left: 5px;
    font-size: 12px;
    display: flex;
    align-items: center;
    white-space: nowrap;
}
.work-example-slider-location {
    font-size: 12px;
    display: inline-flex;
    float: right;
    border-radius: 12px;
    padding: 0 5px 0 5px;
    background: #80808026;
}
.work-examples-address {
    border-bottom: 1px solid #F0EDFC;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
.description_location:before {
    content: "";
    width: 13px;
    height: 13px;
    padding-right: 5px;
    background: url("/images/geo-location-arrow.svg") no-repeat;
}
#examplesOfWorksBlock .examples-works-tooltip-filter {
    background-color: #ffff;
    border-radius: 12px;
    padding: 5px 10px;
}
#examplesOfWorksBlock .examples-works-tooltip-filter .tooltip-content {
    visibility: hidden;
    opacity: 0;
    width: 200px;
    font-family: "SF Pro Rounded";
    height: auto;
    font-size: 14px;
    color: #141415;
    background-color: #FFFFFF;
    box-shadow: 0px 4px 22px rgb(0 0 0 / 50%);
    border-radius: 10px;
    padding: 10px;
    position: absolute;
    z-index: 11;
    top: 70%;
    margin-left: -78px;
    transition: visibility 0.3s linear,opacity 0.3s linear;
    -webkit-transition: visibility 0.3s linear,opacity 0.3s linear;
    -moz-transition: visibility 0.3s linear,opacity 0.3s linear;
    -o-transition: visibility 0.3s linear,opacity 0.3s linear;
}
#examplesOfWorksBlock .examples-works-tooltip-filter:hover .tooltip-content {
    visibility: visible;
    opacity: 1;
}
#examplesOfWorksBlock .examples-works-tooltip-filter:hover .examples-works-filter {
    color: rgb(103, 71, 229);
}
#examplesOfWorksBlock .examples-works-tooltip-filter .tooltip-content .tooltip-title {
    font-size: 15px;
    font-weight: 600;
    border-bottom: 1px solid #F0EDFC;
}
#examplesOfWorksBlock .examples-works-tooltip-filter .tooltip-content label::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background: #F0EDFC;
    border-radius: 50%;
    margin-right: 0.5em;
}
#examplesOfWorksBlock .examples-works-tooltip-filter .tooltip-content input[type="radio"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
#examplesOfWorksBlock .examples-works-tooltip-filter .tooltip-content input[type="radio"]:checked+label::before {
    background: #F0EDFC url(../images/radio-icon.svg) center center no-repeat;
}
#examplesOfWorksBlock .examples-works-tooltip-filter .tooltip-content input[type="radio"]+label:hover::before,
#examplesOfWorksBlock .examples-works-tooltip-filter .tooltip-content input[type="radio"]:hover+label::before {
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
}
#examplesOfWorksBlock .examples-works-tooltip-filter .range-slider .range-labels {
    justify-content: center;
}
#examplesOfWorksBlock .examples-works-tooltip-filter .range-slider .range-labels .range-label {
    align-self: center;
    padding: 0 5px;
}
#examplesOfWorksBlock .examples-works-tooltip-filter .range-slider .track-wrapper {
    margin: 0px 7px 22px;
}
#examplesOfWorksBlock .examples-works-tooltip-filter .range-slider .track-wrapper .thumb {
    background: #FFFFFF;
    border: 0.5px solid #F0EDFC;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
#examplesOfWorksBlock .examples-works-tooltip-filter .range-slider {
    --_height: 3px;
}
#examplesOfWorksBlock .examples-works-tooltip-filter .buttonFilterBox {
    margin-top: 10px;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 8%);
}
#examplesOfWorksBlock .examples-works-tooltip-filter .buttonFilterBox:hover {
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
}
#examplesOfWorksGallery {
    position: relative;
    margin: 15px 0 13px 0;
}
.hover_img__animate {
    animation: animateThis 0.7s linear;
    animation-fill-mode: forwards;
    -webkit-animation: animateThis 0.7s linear;
    -webkit-animation-fill-mode: forwards;
}
.hover_img__animate_revert {
    animation: animateThisRevert 0.3s linear;
    animation-fill-mode: forwards;
    -webkit-animation: animateThisRevert 0.3s linear;
    -webkit-animation-fill-mode: forwards;
}
.hover_img__animate_gallery {
    animation: animateThis 0.3s ease-in-out, animateThisGallery 0.15s ease-in-out;
    animation-fill-mode: forwards;
    transition: transform 0.3s;
    -webkit-animation: animateThis 0.3s ease-in-out, animateThisGallery 0.15s ease-in-out;
    -webkit-animation-fill-mode: forwards;
}
.hover_img__animate_gallery_revert {
    animation: animateThisRevertGallery 0.3s ease-in-out, animateThisGalleryRevert 0.15s ease-in-out;
    animation-fill-mode: forwards;
    transition: transform 0.3s;
    -webkit-animation: animateThisRevertGallery 0.3s ease-in-out, animateThisGalleryRevert 0.15s ease-in-out;
    -webkit-animation-fill-mode: forwards;
}
@-webkit-keyframes animateThis {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes animateThisRevertGallery {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@-webkit-keyframes animateThisGallery {
    0% {
        scale: 0.95;
    }
    100% {
        scale: 1;
    }
}
@-webkit-keyframes animateThisGalleryRevert {
    0% {
        scale: 1;
    }
    100% {
        scale: 0.95;
    }
}
:root {
    --gallery-row-height: 100px;
    --gallery-gap: 1em;
}
.gallery-grid {
    display: flex;
    overflow: hidden;
    flex-wrap: wrap;
    margin-bottom: calc(-1 * var(--gallery-gap, 1em));
    margin-left: calc(-1 * var(--gallery-gap, 1em));
}
.gallery-grid:after {
    content: '';
    flex-grow: 999999999;
    min-width: var(--gallery-row-height);
    height: 0;
}
.gallery-grid > * {
    display: block;
    position: relative;
    height: var(--gallery-row-height);
    flex-grow: 1;
    margin-bottom: var(--gallery-gap, 1em);
    margin-left: var(--gallery-gap, 1em);
}
.gallery-grid > * > img {
    height: var(--gallery-row-height);
    object-fit: cover;
    max-width: 100%;
    min-width: 100%;
    vertical-align: bottom;
}
.gallery-item-img {
    border-radius: 12px;
}
#showMoreWorksExamplesBtn {
    display: block;
    font-family: "SF Pro Rounded";
    text-align: center;
    font-size: 16px;
    padding: 10px;
    background: #F0EDFC;
    border-radius: 10px;
    margin-top: 17px;
}
#showMoreWorksExamplesOfferBtn {
    position: absolute;
    font-family: "SF Pro Rounded";
    right: 0.5rem;
    bottom: 3.5rem;
    color: #fff;
    padding: 10px 15px 10px 10px;
    background: rgba(102, 70, 229, 0.9);
    border-radius: 20px;
}
#showMoreWorksExamplesOfferBtn:after {
    content: '\e817';
    font-family: Slivki-Icons;
    padding-left: 10px;
    color: white;
}
#showMoreWorksExamplesBtn:hover {
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
}
#showMoreWorksExamplesOfferBtn:hover {
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
}
.offer-titles {
    position: relative;
    font-weight: 600;
    font-family: 'SF PRO ROUNDED';
    font-family: 'SF PRO ROUNDED'!important;
    color: black!important;
    font-size: 16px;
}
.offer-titles h2 {
    font-size: 24px;
    font-family: 'SF Pro Rounded Regular';
    padding-left: 10px;
    margin: 0!important;
}
.offer-titles h5 {
    font-size: 24px;
    font-family: 'SF Pro Rounded Regular';
    padding-left: 10px;
    margin-bottom: 8px!important;
}
.offer-titles:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 2px;
    background: #6747E5;
    top: 0;
    left: 0;
}
.category-works-photos-info.examples-location {
    top: unset;
    right: unset;
    bottom: 6px;
    left: 50%;
    transform: translate(-45%, 0);
}
.category-works-photos-info.examples-location span{
    padding-left: 25px;
    display: block;
    width: 40px;
}
.category-works-photos-info.examples-time {
    top: unset;
    right: unset;
    bottom: 10px;
    left: 50%;
    transform: translate(-40%, 0);
}
.block-preloader {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 20;
}

.block-preloader .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background-color: #6747e5;
    border-radius: 50%;
    opacity: 0;
    animation: fadeInOut 1.6s infinite;
}

.block-preloader .dot:nth-child(2) {
    animation-delay: 0.2s;
}

.block-preloader .dot:nth-child(3) {
    animation-delay: 0.4s;
}
#mainHotFeedSlider {
    padding: 4px 0 4px 0;
}
.promo-qr-code {
    position: relative;
    max-width: 100px;
    min-width: 100px;
    overflow: hidden;
    place-self: flex-end;
    transition-duration: 300ms;
}
.promo-qr-code.filter-blur {
    cursor: default;
}
.promo-qr-code.filter-blur:before {
    display: none!important;
}
.promo-qr-code:before{
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #8f91975c;
    border-radius: 6px;
}
.promo-qr-code:hover:before {
    background-image: url('/images/scale-qr.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 35px;
    transition-duration: 300ms;
}
.promo-qr-code.filter-blur:hover:before {
    display: none!important;
}
.profile-history-indeficator {
    position: absolute;
    top: 7px;
    left: 7px;
    border-radius: 7px!important;
    font-family: 'SF PRO DISPLAY';
}
.copy-promo {
    background: #FFFFFF url(/images/icon_copy.svg) no-repeat center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
}
.copy-promo:hover {
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
}
.bonus-item {
    position: relative;
}
.bonus-item .date {
    position: absolute;
    top: 17px;
    right: 17px;
}
.promo-changer-container {
    display: flex;
    background-color: #F0EDFC !important;
    padding: 10px;
    align-items: center;
    border-radius: 26px;
    margin-left: 5px;
    overflow: hidden;
    width: fit-content;
}
.cert-changer-container {
    display: flex;
    background-color: #F0EDFC !important;
    padding: 4px;
    align-items: center;
    border-radius: 26px;
    overflow: hidden;
}
#newAlertPopup.fade.in{
    display: flex!important;
    justify-content: center;
}
#newAlertPopup .modal-dialog {
    margin: auto auto!important;
    min-width: 400px;
}
.booking-time-indicator {
    position: absolute;
    top: 15px;
    right: 15px;
}
.profile-booking-item .tittle {
    font-size: 1rem;
}
.preview img {
    min-height: 194px;
    max-height: 195px;
    object-fit: cover;
    width: 100%;
    border-radius: 8px!important;
}
.category-sorting-menu {
    margin: 5px;
}
#categorSortMenuButton {
    padding-left: 35px!important;
}
#categorSortMenuButton::before {
    content: '';
    display: block;
    width: 16px;
    height: 13px;
    position: absolute;
    top: 10px;
    left: 12px;
    background-image: url('/images/filter-cat.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.category-tittle {
    font-family: 'SF Pro Rounded';
    font-weight: 700;
    font-size: 18px;
}
.side-bar-menu-icons {
    width: 21px;
    height: 21px;
    padding-right: 5px;
}
.bnb-block {
    border-radius: 0.8rem;
    padding: 20px;
    box-shadow: 0 1px 3px #0000001f, 0 1px 2px #0000003d !important;
    background: hsl(220deg 14% 97%) !important;
    background-color: #fff !important;
    transition: 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    border: 1px solid #eee !important;
}
.bnb-block-title {
    display: flex;
    align-items: center;
    font-family: 'SF Pro Rounded';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    color: #FF661C;
}
.bnb-block-description p {
    font-family: 'SF Pro Rounded';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
    margin-top: 16px;
}
.bnb-block-description a {
    color: #6747E5;
}
.bnb-block-description-links {
    margin-left: 10px;
}
.bonus-title {
    color: #6747E5;
    text-transform: uppercase;
    font-family: 'SF Pro Rounded Bold';
}
#offersDescription iframe {
    border-radius: 12px;
    border: none;
}
.pencil-icon {
    width: 22px;
    height: 22px;
    padding-right: 4px;
}
.statistic-block {
    justify-content: flex-end;
}
.beauty-map-wrapper {
    height: 220px;
    width: 100%;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
 }
.search-button--beauty {
    right: 6px;
    top: 4px;
    padding: 6px;
    width: 17px;
}
.beauty-search-block {
    height: 40px;
    position: absolute !important;
    top: 10px;
    z-index: 9;
    background: #FFFFFF;
    box-shadow: inset 4px 0px 8px rgba(0, 0, 0, 0.15);
    border-radius: 17px;
    max-width: 255px !important;
    left: 10px;
}
.beauty-search-block input {
    width: 100% !important;
    background: #FFFFFF;
    box-shadow: inset 4px 0px 8px rgba(0, 0, 0, 0.15);
    border-radius: 17px;
}
.category-menu-beauty-map {
    position: absolute;
    z-index: 9;
    right: 10px;
    top: 10px;
    box-shadow: inset 4px 0px 8px rgba(0, 0, 0, 0.15);
    border-radius: 17px;
}
.category-menu-beauty-work-examples {
    right: 60px !important;
}
#menuBeautyMap {
    height: 24px;
    width: 170px;
    box-shadow: inset 4px 0px 8px rgba(0, 0, 0, 0.15);
    border-radius: 17px;
}
#menuBeautyWorkExample {
    height: 17px;
    width: 170px;
    box-shadow: inset 4px 0px 8px rgba(0, 0, 0, 0.15);
    border-radius: 17px;
}
.category-menu-beauty-map ul {
    max-height: 200px;
    overflow: auto !important;
}
.category-menu-beauty-map img {
    box-shadow: inset 4px 0px 8px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    margin-right: 8px;
}
.category-item-active.active {
    position: relative;
    overflow: hidden;
    width: 13px !important;
    object-fit: none;
    border-radius: 17px;
    margin-right: 5px;
}
.category-item-active.active:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 14px;
    height: 14px;
    background: #F0EDFC url(../images/radio-icon.svg) center center no-repeat;
}

.category-item--beauty:hover img,
.category-menu-beauty-map img:hover {
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
}

.category-menu-beauty-map .dropdown-menu::-webkit-scrollbar-thumb {
    border-radius: 10px !important;
    -webkit-box-shadow: inset 0 0 20px 2px #6747e5 !important;
}
.category-menu-beauty-map .dropdown-menu::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(102 70 229 / 64%) !important;
    border-radius: 10px !important;
}
.category-menu-beauty-map .dropdown-menu::-webkit-scrollbar {
    height: 6px !important;
    width: 6px !important;
}

.category-menu-beauty-map.dropdown-menu .active {
    text-decoration: none;
    background-color: transparent !important;
    outline: 0;
}
.teaser-working-time-delivery {
    font-size: 12px;
    line-height: 15px;
    color: #595555;
    margin-top: 7px;
}
.open-delivery:before {
    content: '🟢';
    font-size: 5px;
    margin-right: 5px;
}
.closed-delivery:before {
    content: '🔴' !important;
    font-size: 5px;
    margin-right: 5px;
}
.open-delivery-info {
    position: absolute;
    top: 50%;
    font-size: 10px;
    white-space: nowrap;
    color: #6848E0;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 7px 3px;
    border-radius: 60px;
    background: rgba(245, 245, 245, 0.90);
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}
.sticky-left-sidebar {
    position: sticky;
    top: 9vh;
}
.sticky-left-sidebar img {
    margin: 0 auto !important;
    border-radius: 12px;
    width: 92%
}
.top-img-banner-uz {
    height: 182px;
    width: 100%;
    border-radius: 10px;
}
#profile-form .input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}
#profile-form .input-group.inputs {
    flex-wrap: nowrap;
    margin-bottom: 17px;
}
#profile-form .form-field {
    display: block;
    width: 100%;
    padding: 8px 16px;
    font-family: inherit;
    -webkit-appearance: none;
    border: 1px solid #CDD9ED;
    background: #fff;
    transition: border 0.3s ease;
    margin-top: 0!important;
}
#profile-form .input-group.inputs .pre-img {
    display: flex;
    align-items: center;
    padding: 0 10px;
    justify-content: center;
    font-size: 14px;
    line-height: 25px;
    color: #F0EDFC;
    background: #F0EDFC;
    border: 1px solid #CDD9ED;
    transition: background 0.3s ease, border 0.3s ease, color 0.3s ease;
}
#profile-form .side-bar-menu-icons {
    padding: 0;
}
#profile-form .input-group > .pre-img:first-child, .form-control.form-field:first-child {
    border-radius: 6px 0 0 6px;
}
#profile-form .input-group > .pre-img:not(:first-child), .form-control.form-field:not(:first-child) {
    margin-left: -1px;
}
#profile-form .input-group > .pre-img:last-child, .form-control.form-field {
    border-radius: 0 6px 6px 0;
}
#profile-form .form-field:focus {
    outline: none;
    border-color: #6747e5;
}
#profile-form .input-group:focus-within > .pre-img {
    background: #F0EDFC;
    border-color: #6747e5;
}
#profile-form .readonly-input:focus-within > .pre-img {
    background: #F0EDFC;
    border: 1px solid #CDD9ED;
}
#profile-form h4 {
    margin-top: 0;
}
.button-link:hover, .button-link:focus {
    color: #6747E5;
}
#profile-form .vsb-menu {
    font-size: 16px;
    right: 0;
}
#profile-form .vsb-menu ul {
    min-width: 290px!important;
}
#profile-form .vsb-main {
    width: 100%;
}
#profile-form .vsb-js-search-zone {
    border-radius: 6px;
    width: 92%;
}
#profile-form .vsb-js-search-zone input {
    width: 100%;
}
#profile-form .vsb-main button {
    display: block;
    width: 100%;
    padding: 8px 16px;
    font-family: inherit;
    -webkit-appearance: none;
    border: 1px solid #CDD9ED;
    background: #fff;
    transition: border 0.3s ease;
    max-width: unset!important;
    border-radius: 0 6px 6px 0!important;
    margin-left: -1px;
    padding-left: 0.5rem!important;
    font-size: 16px;
}
#profile-form .vsb-menu li {
    font-size: 16px;
}
#profile-form .vsb-main button:focus-visible {
    outline: none!important;
}
#profile-form .vsb-main button:focus {
    outline: none!important;
    border-color: #6747e5;
}
#profile-form .readonly-input input {
    background: #F0EDFC!important;
    border-radius: 0 6px 6px 0;
    color: grey;
}
.click_logo {
    padding: 9px 10px;
    cursor: pointer;
    color: #fff;
    line-height: 190%;
    text-transform: uppercase;
    width: 100%;
    font-size: 16px;
    font-family: 'SF Pro Rounded', sans-serif;
    text-align: center;
    margin-top: 9px;
    border: 0;
    text-shadow: 0px -1px 0px #037bc8;
    border-radius: 13px !important;
    background: #27a8e0;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI3YThlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYzhlZDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#27a8e0), to(#1c8ed7));
    background: -webkit-linear-gradient(#27a8e0 0%, #1c8ed7 100%);
    background: -moz-linear-gradient(#27a8e0 0%, #1c8ed7 100%);
    background: -o-linear-gradient(#27a8e0 0%, #1c8ed7 100%);
    background: linear-gradient(#27a8e0 0%, #1c8ed7 100%);
    box-shadow:  inset    0px 1px 0px   #45c4fc;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27a8e0', endColorstr='#1c8ed7',GradientType=0 );
    -webkit-box-shadow: inset 0px 1px 0px #45c4fc;
    -moz-box-shadow: inset  0px 1px 0px  #45c4fc;
    -webkit-border-radius:4px;
    -moz-border-radius: 4px;
}
.click_logo i {
    background: url(https://m.click.uz/static/img/logo.png) no-repeat top left;
    width:30px;
    height: 25px;
    display: block;
    float: left;
}
.footer-uz {
    justify-content: flex-start!important;
}
.share-block-desc .ya-share2__item_service_telegram .ya-share2__icon {
    background-image: url(/images/social/telegram.svg) !important;
}
.share-block-desc .ya-share2__item_service_viber .ya-share2__icon {
    background-image: url(/images/social/viber.svg) !important;
}
.share-block-desc .share-copy {
    display: flex;
    align-items: center;
}
.share-block-desc .ya-share2__container_size_m .ya-share2__badge {
    background: white!important;
}
.share-block-desc .ya-share2__item_service_viber .ya-share2__badge {
    margin-right: 7px!important;
}
.contact-container a {
    display: flex;
    background: #6747E5;
    align-items: center;
    color: white;
    border-radius: 12px;
    padding: 3px 7px;
    margin: 5px;
    width: 50%;
}
.contact-container a img {
    width: 35px;
    height: 35px;
}
.contact-container a:hover {
    opacity: 0.85;
}
.stock-group-list.loading{
    opacity: 0.3;
}
.examples-block-offer-header {
    width: 100%!important;
    padding: 0!important;
}
#workExamplePriceRangeInputs.price-range-inputs {
    gap: 5px;
    margin: 5px 0;
}
#workExamplePriceRangeInputs .price-range-input {
    border-radius: 17px;
    border: 1px solid #E7E7E7;
    background: #FFF;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.07);
    width: 50%;
    padding: 5px 10px;
}
#workExamplePriceRangeInputs .price-range-input input {
    width: 100%;
    border: none!important;
}
.border-bottom-f {
    border-bottom: 1px solid #F0EDFC;
}
.border-top-f {
    border-top: 1px solid #F0EDFC;
}
.work-example-item {
    border-radius: 14px;
    display: flex;
    width: 150px;
    height: 226px;
    background: white;
    transition: 0.5s;
}
.work-example-item-link {
    position: absolute;
    display: block;
    height: 226px;
    width: 150px;
}
.work-example-item-link .example-slider-img {
    position: absolute;
    width: 100%;
    height: 100%;
}
.work-example-item-description-container {
    display: flex;
    width: 100%;
    justify-content: flex-end;
}
.works-example-slider-tittle {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}
.works-example-slider-details {
    font-size: 14px;
    padding-bottom: 5px;
    color: black;
    border-bottom: 1px solid #F0EDFC;
}
.work-example-item-description {
    margin: 10px;
    padding: 5px;
    width: 175px;
    overflow-y: auto;
}
.work-example-item-description-master {
    display: flex;
    align-items: center;
}
.work-example-item-description-master img {
    object-fit: cover;
    width: 60px;
    height: 60px;
    border-radius: 8px;
}
.work-example-item-description-master span {
    padding-left: 10px;
}
.work-example-item-description::-webkit-scrollbar {
    height: 2px !important;
    width: 6px !important;
}
.work-example-item-description::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(102 70 229 / 64%) !important;
    border-radius: 10px !important;
}
.work-example-item-description::-webkit-scrollbar-thumb {
    border-radius: 10px !important;
    -webkit-box-shadow: inset 0 0 20px 2px #6747e5 !important;
}
.work-example-item:hover {
    width: 350px!important;
    transition: 0.5s;
}
.work-example-item:hover .example-slider-img {
    border-radius: 14px 0 0 14px;
}
.work-example-item-description-master-tittle {
    padding-top: 5px;
    margin-bottom: 10px;
}
.work-example-item-description-master {
    padding-bottom: 10px;
}
.work-example-item-description-address-tittle {
    padding-top: 5px;
}
#examplesOfWorksGalleryItem {
    overflow: inherit;
}
#foodBlock .delivery-quantity-select-wrapp {
    display: none;
}
#foodBlock .col-4 {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 33% !important;
    flex: 0 0 33% !important;
    max-width: 33% !important;

}
#foodBlock .js-price-per-kilogram {
    justify-content: center;
    display: none !important;
}
.nutrients {
    margin-top: 20px;
}
.nutrients > div {
    margin-bottom: 10px;
}
.nutrients > div > div:first-child {
    color: #777;
}
#foodBlock #dataMenu_options {
    margin-bottom: 0 !important;
}
#foodBlock .price-block {
    margin: 0 auto;
}
.yandex-bonus-container {
    margin: 17px 0 3px;
    border-radius: 8px;
    box-shadow: 0px 0px 10px -9px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 0px 24px 1px rgba(0,0,0,0.1);
}
.text-decoration-underline {
    text-decoration: underline;
}
.offers-master-block .stock-group-item {
    width: 24.4% !important;
}
.activeBtnViolet {
    border: none !important;
    background: #f1edfc !important;
}
.waiting-payment {
    background: rgba(131, 224, 254, 0.3);
    padding: 18px;
    text-align: center;
    width: 300px;
    border-radius: 10px;
    margin: 12px auto !important;
}
.beauty-masters-item-name {
    font-size: 16px !important;
}
.success-payment {
    background: rgba(210, 240, 205, 1) !important;
}
#qrCodeOplati {
    border: 1px solid #0000001c;
    border-radius: 20px;
}
.qr-code-not-active {
    filter: blur(4px);
}

.bg-red-light {
    background-color: #FFCCC9;
}
.color-white {
    color: #ffffff !important;
}
.related-offers-list .stock-group-item {
    width: 25.05% !important;
}
.offer-phone-mob {
    width: 200px !important;
    border-radius: 22px;
    font-style: normal;
    font-family: 'SF Pro Rounded';
    color: white !important;
    background-color: #6747E5 !important;
}
@keyframes fadeInOut {
0%, 100% {
    opacity: 0;
}
50% {
    opacity: 1;
}
}
@media only screen and (min-width: 768px) {
:root {
    --gallery-row-height: 260px;
}
}
@media only screen and (min-width: 1280px) {
:root {
    --gallery-row-height: 208px;
}
}