/*@font-face {*/
/*    font-family: 'Futura PT';*/
/*    src: url('../fonts/site/FuturaPT-Medium.eot');*/
/*    src: local('Futura PT Medium'), local('FuturaPT-Medium'),*/
/*    url('../fonts/site/FuturaPT-Medium.eot?#iefix') format('embedded-opentype'),*/
/*    url('../fonts/site/FuturaPT-Medium.woff') format('woff'),*/
/*    url('../fonts/site/FuturaPT-Medium.ttf') format('truetype');*/
/*    font-weight: 500;*/
/*    font-style: normal;*/
/*}*/

/*@font-face {*/
/*    font-family: 'Futura PT';*/
/*    src: url('../fonts/site/FuturaPT-Medium.eot');*/
/*    src: local('Futura PT Medium'), local('FuturaPT-Medium'),*/
/*    url('../fonts/site/FuturaPT-Medium.eot?#iefix') format('embedded-opentype'),*/
/*    url('../fonts/site/FuturaPT-Medium.woff2') format('woff2'),*/
/*    url('../fonts/site/FuturaPT-Medium.woff') format('woff'),*/
/*    url('../fonts/site/FuturaPT-Medium.ttf') format('truetype');*/
/*    font-weight: 500;*/
/*    font-style: normal;*/
/*}*/

@font-face {
    font-family: 'Futura PT Book';
    src: url('../fonts/site/FuturaPT-Book.eot');
    src: local('../fonts/site/Futura PT Book'), local('FuturaPT-Book'),
    url('../fonts/site/FuturaPT-Book.eot?#iefix') format('embedded-opentype'),
    url('../fonts/site/FuturaPT-Book.woff2') format('woff2'),
    url('../fonts/site/FuturaPT-Book.woff') format('woff'),
    url('../fonts/site/FuturaPT-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Futura PT';
    src: url('../fonts/site/FuturaPT-Medium.eot');
    src: local('../fonts/site/Futura PT Medium'), local('FuturaPT-Medium'),
    url('../fonts/site/FuturaPT-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/site/FuturaPT-Medium.woff2') format('woff2'),
    url('../fonts/site/FuturaPT-Medium.woff') format('woff'),
    url('../fonts/site/FuturaPT-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Futura PT Demi';
    src: url('../fonts/site/FuturaPT-Demi.eot');
    src: local('../fonts/site/Futura PT Demi'), local('FuturaPT-Demi'),
    url('../fonts/site/FuturaPT-Demi.eot?#iefix') format('embedded-opentype'),
    url('../fonts/site/FuturaPT-Demi.woff2') format('woff2'),
    url('../fonts/site/FuturaPT-Demi.woff') format('woff'),
    url('../fonts/site/FuturaPT-Demi.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Futura PT';
    src: url('../fonts/site/FuturaPT-Bold.eot');
    src: local('../fonts/site/Futura PT Bold'), local('FuturaPT-Bold'),
    url('../fonts/site/FuturaPT-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/site/FuturaPT-Bold.woff2') format('woff2'),
    url('../fonts/site/FuturaPT-Bold.woff') format('woff'),
    url('../fonts/site/FuturaPT-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Futura PT Extra';
    src: url('../fonts/site/FuturaPT-ExtraBold.eot');
    src: local('../fonts/site/Futura PT Extra Bold'), local('FuturaPT-ExtraBold'),
    url('../fonts/site/FuturaPT-ExtraBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/site/FuturaPT-ExtraBold.woff2') format('woff2'),
    url('../fonts/site/FuturaPT-ExtraBold.woff') format('woff'),
    url('../fonts/site/FuturaPT-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

.uk-text-light {

}

.uk-text-book {
    font-family: 'Futura PT Book', sans-serif;
}

.uk-text-demi {
    font-family: 'Futura PT Demi', sans-serif;
}

.uk-text-medium {
    font-family: 'Futura PT', sans-serif;
    font-weight: 500;
}

.uk-text-bold {
    font-family: 'Futura PT', sans-serif;
    font-weight: bold;
}

.uk-text-extrabold {
    font-family: 'Futura PT Extra', sans-serif;
    font-weight: 800;
}

.uk-text-black {
    color: #242C2C;
}

.uk-text-gray {
    color: #898989;
}

.uk-text-orange {
    color: #F4784D;
}

.uk-text-red {
    color: #DB0000;
}






/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

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

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

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
    border: 0;
    border-top: 1px solid rgba(215, 215, 215, .1);
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

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

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

a {
    background-color: transparent;
}

a, button {
    cursor: pointer;
    transition: all .3s;
}

body ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
    font-weight: bolder;
    font-family: 'Futura PT', sans-serif;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

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

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

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

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url(/images/site/ajax-loader.gif?c5cd7f5300576ab4c88202b42f6ded62) center center no-repeat;
}

/* Icons */
/*@font-face*/
/*{*/
    /*font-family: 'slick';*/
    /*font-weight: normal;*/
    /*font-style: normal;*/
    /*src: url('./fonts/slick.eot');*/
    /*src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');*/
    /*font-display: swap;*/
/*}*/
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 44px;
    height: 44px;
    padding: 0;
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: #fff;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -69px;
}
[dir='rtl'] .slick-prev
{
    right: -69px;
    left: auto;
}
.slick-prev:before
{
    content: '\2039';
}
[dir='rtl'] .slick-prev:before
{
    content: '\203A';
}

.slick-next
{
    right: -69px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -69px;
}
.slick-next:before
{
    content: '\2039';
}
[dir='rtl'] .slick-next:before
{
    content: '\203A';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 54px;
}

.slick-dots
{
    position: absolute;
    top: calc(100% + 12px);
    display: inline-flex;
    left: 50%;
    transform: translateX(-50%);
    padding: 8px;
    margin: 0 auto;
    list-style: none;
    text-align: center;
    background-color: #fff;
    border-radius: 50px;
}
.slick-dots li
{
    position: relative;
    display: inline-block;
    margin: 0 4px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 8px;
    height: 8px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: #D7D7D7;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}

.slick-dots li.slick-active button
{
    background: #F4784D;
}

.slide-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    border: none;
    padding: 0;
    background-color: #EDF1F1;
    border-radius: 12px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slide-arrow:hover {
    background-color: #242C2C;
}

.slide-arrow:hover svg path {
    stroke: #F4784D;
}

.prev-arrow {
    left: 20px;
}

.next-arrow {
    right: 20px;
}

/* Basic settings */

*,
*:after,
*:before {
    box-sizing: border-box;
}

body {
    background: #EDF1F1;
    color: #242C2C;
    font-family: 'Futura PT Book', sans-serif;
}

button:hover,
input:hover,
a:hover {
    /*box-shadow: 0 0 0 1px lightskyblue;*/
    outline: none;
}

input:focus,
button:focus {
    outline: none;
    /*box-shadow: 0 0 0 1px #f4784e;*/
    /*text-align: center; */
}

.os-button {
    margin: 0;
    border: none;
    overflow: visible;
    color: inherit;
    -webkit-appearance: none;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 0 20px;
    vertical-align: middle;
    font-size: 1em;
    line-height: 39px;
    text-align: center;
    text-decoration: none;
    transition: .1s ease-in-out;
    transition-property: color, background-color, border-color;
    font-family: 'Futura PT', sans-serif;
    font-weight: 500;
    white-space: nowrap;
}

.os-button.os-button-large {
    line-height: 42px;
    font-size: 1.125em;
}

.os-button.os-button-xlarge {
    line-height: 62px;
    font-size: 1.125em;
}

.os-button-primary {
    background-color: #F47C53;
    color: #fff;
    border: 1px solid transparent;
}

.os-button-default {
    color: #F47C53;
    border: 1px solid #F47C53;
}

.os-button-secondary {
    background: linear-gradient(180deg, #475361 0%, #1D1D1D 99.26%);
    color: #fff;
    border: 1px solid transparent;
}

.os-app-content-icons .os-button {
    padding: 6px 15px 6px 6px;
}

.os-button:hover {
    text-decoration: none;
}

.os-button-primary:hover {
    background-color: #242C2C;
    color: #fff;
}

.os-button-primary:hover svg {
    fill: #fff;
}

.os-button-default:hover {
    background-color: #242C2C;
    border: 1px solid #242C2C;
}

.os-button:not(:disabled) {
    cursor: pointer;
}

.os-button svg {
    margin-left: 10px;
}

a.os-button.os-button-default svg {
    margin-left: 0;
    margin-right: 10px;
}

.os-post-item a.os-button.os-button-default svg {
    margin-left: 10px;
    margin-right: 0;
}

.os-position-cover {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

/* Hide placeholder at click */

input:focus::-webkit-input-placeholder {
    color: transparent;
}

input:focus:-moz-placeholder {
    color: transparent;
}

input:focus::-moz-placeholder {
    color: transparent;
}

input:focus:-ms-input-placeholder {
    color: transparent;
}

.os-h4 {
    font-size: 1.313em;
}

.os-h3 {
    font-size: 1.5em;
}

.os-h2 {
    font-size: 2em;
}

.os-h1 {
    font-size: 2.5em;
    letter-spacing: -1px;
}

.uk-logo-type {
    position: relative;
    display: inline-flex;
    overflow: hidden;
}

.uk-logo-type a {
    display: inline-flex;
}

.uk-delivery-time {
    position: fixed;
    right: 10px;
    bottom: 10px;
    border-radius: 12px;
    min-width: 171px;
    z-index: 11;
    transition: all .6s;
}

.uk-delivery-time.hidden {
    bottom: -100%;
}

.uk-delivery-time-link {
    display: block;
    background-color: #1E6D72;
    box-shadow: 3px 4px 8.6px 0 #FFC75A40;
    border-radius: 12px;
}

.uk-delivery-time-link:hover {
    background-color: #FFC75A;
}

.uk-delivery-time-link:hover>*, .uk-delivery-time-link:hover .uk-delivery-btn {
    color: #242C2C;
}

.uk-delivery-time-link:hover .uk-delivery-icon {
    fill: #E4A831;
}

.uk-delivery-time-link:hover .uk-delivery-btn {
    border-color: #242C2C;
}

.uk-delivery-time-link:hover .uk-delivery-btn svg path {
    stroke: #242C2C;
}

.uk-delivery-time-link:hover .uk-delivery-clock {
    background-color: #1E6D72;
}

.uk-delivery-time-link:hover .uk-delivery-clock>* {
    color: #fff;
}

.uk-delivery-icon {
    position: absolute;
    top: -6px;
    right: -12px;
    z-index: -1;
}

.uk-delivery-time>* {
    overflow: hidden;
    padding: 20px 10px;
    color: #fff;
    border-radius: 12px;
}

.uk-delivery-clock {
    padding: 0 10px;
    background-color: #FFC75A;
    border-radius: 6px;
    margin: 5px 0;
}

.uk-delivery-timing {
    font-size: 4em;
    line-height: 1em;
}

.uk-delivery-minute {
    font-size: 2em;
}

.uk-delivery-btn {
    font-size: .813em;
    color: #D7D7D7;
    padding: 3px 5px;
    border-bottom: 1px solid #D7D7D7;
}

.uk-delivery-btn svg {
    margin-left: 5px;
}

.uk-delivery-time-over {
    background: #FF3B30;
    box-shadow: 3px 4px 8.6px 0 #E8150940;
}

.uk-delivery-time-title {
    font-size: 1.375em;
    padding-top: 10px;
}

/* Left side of page */

.left-top {
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.24);
    padding: 13px 0;
}





/* TOP menu */

.uk-header-top {
    background-color: #fff;
    border-radius: 15px;
    min-height: 100px;
}

.uk-header-top>*:not(.os-flex-1) {
    padding: 10px;
}

.uk-header-top>*:not(:first-child){
    border-left: 2px solid #EDF1F1;
}

.uk-header-top>*:not(.os-flex-1, .goods-counter)>div {
    background: #EDF1F1;
    border-radius: 12px;
    padding: 10px;
}

.uk-menu-category-box {
    background: #EDF1F1;
}

.uk-menu-category {
    padding: 10px 140px;
}

.uk-menu-category>* {
    flex: 0 1 130px;
    margin: 0 2px;
}

.uk-menu-category>*>* {
    flex-direction: column;
    min-height: 80px;
    height: 100%;
    padding: 6px 12px;
    border-radius: 12px;
    box-shadow: 5px 2px 8px 0 #6C6C6C1A;
    background-color: #fff;
}

.uk-menu-category>*>*:hover {
    color: #f4784d;
    box-shadow: 0 0 0 1px #f4784d;
}

.uk-menu-category>*>*.active {
    color: #f4784d;
    background: #FEF4EE;
    box-shadow: 0 0 0 1px #f4784d;
    cursor: default;
    pointer-events: none;
}

.uk-menu-icon {
    width: 40px;
    height: 40px;
    margin-bottom: 4px;
}

.uk-button-menu {
    min-height: 80px;
    width: 119px;
    transition: all .3s;
    border: none;
    border-radius: 12px;
    font-size: 1.125em;
    background-color: #EDF1F1;
}

.uk-button-menu:hover,
header.active .uk-button-menu:hover {
    color: #fff;
    background-color: #f4784d;
}

svg path {
    transition: all .3s;
}

.uk-button-menu:hover svg path,
header.active .uk-button-menu:hover svg path {
    fill: #fff;
}

.uk-button-menu svg {
    margin-right: 6px;
}

.uk-button-callback {
    min-height: 80px;
    min-width: 332px;
    padding: 10px;
    transition: all .3s;
    border: none;
    border-radius: 12px;
    background-color: #EDF1F1;
    font-size: inherit;
}

.uk-button-callback>*>*:not(.uk-button-phone) {
    font-size: .813em;
    color: #898989;
}

.uk-button-callback b {
    color: #242C2C;
}

.uk-button-icon {
    width: 60px;
    height: 60px;
    box-shadow: 5px 2px 8px 0 #6C6C6C1A;
    background-color: #fff;
    border-radius: 12px;
    margin-right: 8px;
}

.uk-button-phone {
    font-family: 'Futura PT Extra', sans-serif;
    font-weight: 800;
    font-size: 1.5em;
    color: #242C2C;
}

.uk-button-phone span {
    color: #f4784d;
}

.uk-button-callback:hover {
    box-shadow: inset 0 0 0 1px #f4784d;
}

.uk-button-callback:hover svg path {
    fill: #f4784d;
}

header.active .uk-button-menu {
    transform: translateY(100px);
    background-color: #fff;
}

header.active .uk-button-menu {
    color: #1E6D72;
    box-shadow: 5px 2px 8px 0 #6C6C6C1A;
}

header.active .uk-button-menu svg path {
    fill: #1E6D72;
}

.goods-counter>* {
    min-height: 80px;
    width: 119px;
    border-radius: 12px;
}

.uk-basket-box {
    min-height: 80px;
    width: 119px;
    border-radius: 12px;
    border: none;
    font-size: 1.25em;
    background-color: #EDF1F1;
    transition: all .3s;
}

.uk-basket-box span {
    padding-left: 15px;
    font-size: 1.25em;
    color: #fff;
}

.uk-basket-box.empty span {
    color: #898989;
}

.uk-basket-box:not(.empty) {
    background-color: #F4784D;
}

.uk-basket-box:not(.empty):hover {
    background-color: #242C2C;
}

.uk-basket-box:not(.empty) svg {
    stroke: #fff;
}

header.active .uk-basket-box {
    transform: translateY(100px);
    box-shadow: 5px 2px 8px 0 #6C6C6C1A;
}

header.active .uk-basket-box.empty {
    background-color: #fff;
}

.uk-modal {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1010;
    overflow-y: auto;
    padding: 30px;
    background: #242C2C80;
    opacity: 0;
    transition: opacity .15s linear;
}

.uk-modal-dialog {
    position: relative;
    box-sizing: border-box;
    margin: 0 auto;
    width: 375px;
    max-width: 100% !important;
    background: #f2f2f2;
    opacity: 0;
    transition: .3s linear;
    transition-property: opacity, transform;
    border-radius: 12px;
    overflow: hidden;
    height: 100%;
    overflow-y: auto;
}

.uk-modal-callback-content.uk-modal-dialog {
    height: auto;
}

.os-app-mobile .uk-modal-callback-content.uk-modal-dialog{
    height: 100%;
    overflow-y: hidden;
}

.uk-modal-menu-content .uk-modal-body {
    max-height: 66vh;
    overflow-y: auto;
    scrollbar-width: thin;
}

.uk-modal.is-open {
    display: block;
    animation: modal .5s linear;
    animation-fill-mode: forwards
}

.uk-modal.is-open>.uk-modal-dialog {
    animation: modal .5s linear;
    animation-fill-mode: forwards
    /*opacity: 1;*/
    /*transform: translateY(0);*/
}

@keyframes modal {
    0%, 50% {
        opacity: 0;
    }
    50%, 100% {
        opacity: 1;
    }
}

.uk-modal-dialog.uk-modal-menu-content {
    margin: 0;
    height: auto;
    overflow: hidden;
}

.uk-modal-dialog.uk-modal-menu-content#modal-menu-dialog-mobile {
    height: 100%;
}

.uk-modal-dialog.uk-modal-callback-content {
    margin-top: 90px;
}

.uk-modal-dialog.uk-modal-callback-content {
    width: 332px;
    padding: 20px 10px 10px 10px;
}

.uk-modal-dialog.uk-modal-card-order-content {
    width: 629px;
    padding: 20px 0 0 0;
    margin: 0 0 0 auto;
    height: 100%;
    overflow: initial;
}

.uk-modal-button-close {
    position: absolute;
    top: 16px;
    left: -22px;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background-color: #F4784D;
    box-shadow: 5px 2px 8px 0 #6C6C6C1A;
    border: none;
    z-index: 1;
}

.uk-modal-button-close:hover {
    background-color: #242C2C;
}

.uk-modal-button-close:hover svg {
    stroke: #F4784D;
}

.uk-modal-button-static-close {
    width: 100%;
    line-height: 44px;
    border: 1px solid #F4784D;
    border-radius: 12px;
    color: #F4784D;
    font-size: 1em;
    margin-top: 5px;
}

.uk-modal-button-static-close span {
    padding-left: 10px;
}

.uk-modal-button-static-close:hover {
    background-color: #F4784D;
    color: #fff;
}

.uk-modal-button-static-close:hover svg path {
    fill: #fff;
}

.uk-modal-title {
    font-size: 1.313em;
    padding: 0 10px;
}

.uk-modal-card-order .uk-modal-title {
    padding: 0 70px;
    min-height: 66px;
}

.uk-min-basket-sum {
    padding: 10px;
    background-color: #242C2C;
    color: #BBEDDF;
    font-size: .875em;
}

.uk-min-basket-sum span {
    font-size: 1.25em;
}

.uk-min-basket-sum sup {
    font-size: 70%;
}

.os-link-order-box {
    margin: 10px;
    padding: 20px 10px;
    background-color: #fff;
    border-radius: 8px;
}

.os-link-order {
    padding: 10px;
    height: 71px;
    background-color: #F4784D;
    border-radius: 10px;
}

.os-link-order:hover {
    background-color: #242C2C;
}

.os-link-order:hover .uk-modal-price-total {
    color: #F4784D;
}

.os-link-order svg {
    margin-left: 10px;
}

.os-link-order span {
    font-size: 1.125em;
    color: #F7F0F0;
}

.uk-modal-price-total {
    font-size: 1.5em;
    color: #fff;
    min-width: 130px;
    padding: 0 25px 0 10px;
    border-right: 1px solid #fff;
}

body.push, body.blur {
    overflow: hidden;
    overflow-y: hidden;
    touch-action: none;
    padding-right: 17px;
}

.uk-modal-head {
    padding: 20px 10px;
    background-color: #fff;
}

.uk-lang-modal>*>* {
    padding: 0 10px;
}

.uk-lang-modal>*>*+*{
    border-left: 1px solid #D7D7D7;
}

.uk-lang-modal>*>*>* {
    color: #898989;
}

.uk-lang-modal>*>*>a:hover {
    color: #242C2C;
}

.uk-lang-modal>*>*>*.active-lang {
    color: #F4784D;
}

.menu-button-close {
    background-color: transparent;
    border: none;
    cursor: pointer;
    font-size: 1.063em;
    color: #242C2C;
}

.menu-button-close span {
    padding-right: 10px;
}

.menu-button-close:hover {
    color: #F4784D;
}

.menu-button-close:hover svg {
    stroke: #F4784D;
}

.uk-modal-body {
    padding: 10px 0;
}

.uk-modal-body>* {
    padding: 0 10px;
}

.uk-modal-menu-items>*+* {
    margin-top: 8px;
}

.uk-modal-menu-items>*>* {
    font-size: 1.125em;
    height: 60px;
    box-shadow: 0 8px 24px -4px #00000014;
    padding: 0 20px;
    border-radius: 14px;
    background-color: #fff;
    color: #242C2C;
}

.uk-modal-menu-items>*>a:hover {
    color: #fff;
    background: #F4784D;
}

.os-app-mobile .uk-modal-menu-items>*>a:hover span, .os-app-mobile .uk-modal-menu-items>*>a:hover {
    color: inherit;
}

.uk-modal-menu-items>*>a:hover span {
    color: #fff;
}

.uk-modal-menu-items>*>a.is_active span svg path {
    stroke: #F4784D;
}

.uk-modal-menu-items>*>a:hover svg path {
    stroke: #fff;
}

.uk-modal-menu-items>*>.is_active {
    color: #F4784D;
    box-shadow: inset 0 0 0 1px #F4784D;
}

.uk-modal-menu-items>*>.is_active svg path {
    stroke: #F4784D;
}

.uk-modal-menu-items img, .uk-modal-menu-items span svg {
    margin-right: 8px;
}

.uk-modal-menu-items>*>*.uk-tg-game {
    height: 72px;
    padding: 5px 20px;
    background-color: #8BADA3;
    border: 1px solid #fff;
}

.uk-modal-menu-items>*>*.uk-tg-game svg path, .uk-modal-menu-items>*>*.uk-link-review svg path {
    stroke: #f2f2f2;
}

.uk-modal-menu-items>*>*.uk-link-review {
    color: #fff;
    background: #F4784D;
}

.uk-modal-menu-items>*>*.uk-link-review:hover {
    background: #242C2C;
}

/*.left-menu-item.active img {*/
/*    transform: scale(-1, 1);*/
/*}*/


/* Left bottom section */

.left-bottom {
    margin: 19px 40px;
    text-align: center;
}

.left-bottom-text {
    font-size: 13px;
    font-weight: normal;
}

.app-link {
    margin-top: 12px;
    border: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    padding: 0;
    background-color: transparent;
}

.social {
    margin-top: 23px;
    margin-bottom: 23px;
}

.social-link {
    margin: 13px;
}

.social-link .img-hover {
    display: none;
}

.social-link:hover img {
    display: none;
}

.social-link:hover img.img-hover {
    display: inline-block;
}

.inst-text,
.subscribe-text {
    /*height: 18px;*/
    font-size: 13px;
    text-align: center;
    margin-bottom: 12px;
    font-weight: normal;
}

.rools-image {
    width: 183px;
    height: 183px;
    margin: 0px 35px;
}

.subscribe-text {
    margin: 15px 0px;
}

.subscribe-text a {
    color: #f4784e;
}

/* Header */

header {
    position: sticky;
    left: 0;
    top: 10px;
    right: 0;
    z-index: 1000;
    transition: all .3s;
    background-color: #EDF1F1;
}

header.active {
    transform: translateY(-110px);
}

.widget {
    border: none;
}


/* Location block */

.location {
    margin: 8px 0px;
    position: relative;
    display: flex;
    align-items: center;
    width: 155px;
}

header .location,
header .select {
    width: 170px;
}

.select {
    display: inline-block;
    height: 22px;
    width: 155px;
    font-size: 15px;
    font-weight: 400;
    outline: none;
    border: none;
    color: #252526;
    cursor: pointer;
}

.select-icon {
    background: no-repeat url(/images/site/local.svg?22e862d28048452b31bebc8c0d978e6d) 0px 0px;
    padding: 0 0 0 23px;
}


/* Select arrow styling */

.myarrow {
    width: 13px;
    height: 20px;
    position: absolute;
    display: inline-block;
    top: 1px;
    right: 3px;
    background: url(/images/site/arrow.svg?88359148bd040b4fd4eeac5af3008d8c) right / 90% no-repeat #fefefe;
    pointer-events: none;
}

.link-location .myarrow {
    position: static;
    display: inline-block;
    margin-left: 5px;
}

.menu-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.menu-link {
    font-size: 16px;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.8);
    text-decoration: none;
    margin: 0 7px;
    border: solid 1px transparent;
    transition: all .2s;
    height: 38px;
    padding: 0 15px;
    border-radius: 22.5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.menu-list .menu-link:hover {
    box-shadow: 0 13px 13px -7px rgba(244, 120, 78, 0.48);
    border: solid 1px #f3783f;
    transition: all .2s;
    color: rgba(0, 0, 0, 0.8);
}

.menu-list .menu-link.active {
    box-shadow: 0 13px 13px -7px rgba(244, 120, 78, 0.48);
    border: solid 1px #f3783f;
    transition: all .2s;
    color: rgba(0, 0, 0, 0.8);
}

.search-input {
    width: 310px;
    border: none;
    height: 60px;
    padding: 0 70px 0 40px;
    font-size: 1em;
    border-radius: 14px;
    background-color: #fff;
}

.search-input:focus {
    box-shadow: inset 0 0 0 1px #f3783f;
}

.search-button {
    border: none;
    width: 56px;
    height: 48px;
    background-color: #242C2C;
    border-radius: 10px;
    position: absolute;
    top: 6px;
    right: 6px;
}

.search-button:hover {
    background-color: #f3783f;
}

.search-icon {
    position: absolute;
    left: 6px;
    top: 13px;
}

body.blur .box-search-input.focus,
body.blur .os-filter-sort-drop.open {
    z-index: 999;
}

.uk-box-search:before, #app:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #242C2C80;
    opacity: 0;
    transition: all .3s;
    z-index: -1;
}

body.blur .uk-box-search:before,
body.blur #app:before {
    opacity: 1;
    z-index: 998;
}

/* Order indicator */

@-webkit-keyframes os-fade-scale {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0;
        transform: scale(.2);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes os-fade-scale {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0;
        transform: scale(.2);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.login-button {
    margin-right: 14px;
}


/* Main */

.order-title {
    border-bottom: 1px solid #a2a2a4;
    margin: 0px 29px;
    padding: 40px 0 25px 0;
    font-size: 20px;
}

#app {
    min-width: 320px;
    width: 100%;
    /* overflow: hidden; */
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
}

header {
    order: 1;
    -webkit-order: 1;
}

main {
    order: 2;
    -webkit-order: 2;
    flex-grow: 1;
    -webkit-flex-grow: 1;
    padding-top: 30px;
}

footer {
    order: 3;
    -webkit-order: 3;
}

.footer {
    background-color: #fff;
    border-radius: 15px;
}

.footer>.os-grid .os-grid:not(.os-social-block)>*{
    padding: 10px;
}

.footer>.os-grid:not(.os-footer-bottom) .os-grid:not(.os-social-block)>*+* {
    border-left: 2px solid #EDF1F1;
}

.os-grid.os-grid-collapse.os-social-block {
    margin: 10px;
}

.footer>.os-grid>*+*{
    border-left: 2px solid #EDF1F1;
}

.footer>.os-grid:not(.os-footer-bottom) {
    border-bottom: 2px solid #EDF1F1;
}

.os-oleus {
    margin: 10px;
    width: 150px;
}

.os-oleus>* {
    padding: 5px 0;
}

.os-oleus a:hover img {
    filter: brightness(15) invert(1);
}

.os-navbar {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}

.os-navbar>* {
    padding: 0 12px;
}

.os-navbar>*:first-child {
    padding-left: 0;
}

.os-navbar>*>*:hover {
    color: #f3783f;
}

.os-navbar>*>* img {
    margin-right: 6px;
}

.os-footer-bottom .os-navbar>* {
    border-left: 1px solid #D7D7D7;
}

.os-footer-bottom .os-navbar>*>* {
    min-height: auto;
}

.os-footer-bottom .os-navbar>*:first-child {
    padding-left: 12px;
}

.os-navbar-box {
    padding: 0 15px;
}

.os-navbar-box>div {
    padding-bottom: 5px;
}

footer .os-navbar>*>* {
    min-height: 35px;
}

.os-social-block {
    padding: 6px;
    border-radius: 8px;
    background-color: #EDF1F1;
}

.os-social-block a {
    padding: 10px;
    border-radius: 8px;
    background-color: #fff;
    min-height: 45px;
    margin: 4px;
    color: #242C2C;
}

.os-social-block a span {
    padding-left: 5px;
}

.os-social-block a:hover {
    color: #fff;
    background-color: #f3783f;
}

.os-social-block a:hover img {
    filter: invert(1);
    mix-blend-mode: plus-lighter;
}

footer .uk-lang-modal {
    background: #EDF1F1;
    border-radius: 12px;
    width: 150px;
}

.os-icon-visa {
    padding: 15px 25px;
    border: 1px solid #D7D7D7;
    border-radius: 12px;
}

/* Order */

.sauce-title {
    text-align: center;
    font-size: 18px;
}

.sauce-wrap {
    padding-bottom: 15px;
}

.sauce-description {
    font-size: 12px;
    color: #f3783f;
    margin-right: 50px;
}

.sauce-br {
    display: none;
}

.sauce-counter {
    font-size: 12px;
    color: #7a7a7c;
    margin: 0px 8px;
}

.carry-over {
    display: none;
}

input[type="radio"],
input[type="checkbox"] {
    display: none;
}

input:checked+label {
    color: #464648;
}

.myradio+label {
    cursor: pointer;
}

.balance {
    width: 131px;
    height: 32px;
    border-radius: 3px;
    border: solid 1px #e5e8f2;
    padding: 8px 13px;
    font-size: 12px;
    margin-left: 40px;
    color: #464648;
}

.input-hidden {
    width: 0;
    transition: all .3s;
    display: inline-block;
    overflow: hidden;
}

input[type="radio"]:checked+span+.input-hidden {
    width: 171px;
    transition: all .3s;
}

input[type="radio"]:checked+span {
    color: #464648;
}


/* Adress */

.user-name,
.location-wrap {
    width: 223px;
    height: 2rem;
    border-radius: 3px;
    border: solid 1px #e5e8f2;
    padding: 0 10px;
    font-size: 15px;
    color: #252526;
}

.user-street {
    width: 223px;
    height: 2rem;
    border-radius: 3px;
    border: solid 1px #f4784e;
    padding: 0 10px;
    font-size: 15px;
    color: #252526;
}


.street-text {
    width: 223px;
    display: inline-block;
}

.city-street-wrap {
    display: flex;
}

.location-wrap {
    display: flex;
    align-items: center;
    padding-left: 12px;
    margin-right: 26px;
    height: 32px;
    border-radius: 3px;
    border: solid 1px #e5e8f2;
}

.wrap-info2 {
    margin-top: 14px;
}

.text-info2 {
    font-weight: 400;
    font-size: .75em;
    color: #a3a1a3;
    padding-bottom: 2px;
}

.floor,
.intercom,
.flat,
.persons {
    width: 98px;
    height: 32px;
    border-radius: 3px;
    padding: 8px 12px;
    border: solid 1px #e5e8f2;
}

.home {
    width: 98px;
    height: 32px;
    border-radius: 3px;
    padding: 8px 12px;
    border: solid 1px #f4784e;
}

.text-min-order {
    font-size: 12px;
    color: #f3783f;
    margin-right: 51px;
}

.button-text {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}

.preorder-button-wrap {
    /*margin-top: 20px;*/
    display: none;
}

.order-button-wrap {
    display: inline-block;
    /*margin: 0 25px;*/
}


/*.time::-webkit-datetime-edit { padding: 0 1em; }*/

.time::-webkit-datetime-edit-fields-wrapper {
    background: transparent;
}

.time::-webkit-datetime-edit-text {
    color: #252526;
}

.time::-webkit-datetime-edit-month-field {
    color: #252526;
}

.time::-webkit-datetime-edit-day-field {
    color: #252526;
}

.time::-webkit-datetime-edit-year-field {
    color: #252526;
}

.time::-webkit-inner-spin-button {
    display: none;
}

.time::-webkit-calendar-picker-indicator {
    background: transparent;
}

form input[type="date"] {
    box-shadow: none;
    line-height: 2rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    background-color: transparent;
}

form input[type="date"]::-webkit-datetime-edit-fields-wrapper {
    background: transparent;
}

form input[type="date"]::-webkit-datetime-edit-text {
    color: #252526;
}

form input[type="date"]::-webkit-datetime-edit-month-field {
    color: #252526;
}

form input[type="date"]::-webkit-datetime-edit-day-field {
    color: #252526;
}

form input[type="date"]::-webkit-datetime-edit-year-field {
    color: #252526;
}

form input[type="date"]::-webkit-inner-spin-button {
    display: none;
}

form input[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
}

.wrap-comment {
    padding-top: 25px;
}

.preorder-button {
    width: 157px;
    height: 46px;
    margin-top: 20px;
    border-radius: 23px;
    cursor: pointer;
    border-style: none;
    background-color: #a2a2a4;
}

.download-app {
    display: none;
}


/* Cards of goods */

.card {
    display: flex;
    margin: 25px 10px 0px 10px;
    width: 310px;
    height: 127px;
    margin-right: 10px;
    border-radius: 12px;
    color: #3c3c3b;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.24);
}

.card-image {
    transform: translateX(-10%);
    width: 126px;
}

.card-text {
    width: 190px;
}

.card-heading {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.card-title {
    font-size: 16px;
    line-height: 18px;
    width: 165px;
    height: 40px;
    margin: 0;
    margin-top: 10px;
}

.close {
    position: absolute;
    right: -10px;
    top: -10px;
    background-color: transparent;
    border: none;
    margin: 0;
    cursor: pointer;
}

.card-price {
    display: flex;
    justify-content: space-between;
    margin-top: 11px;
    width: 190px;
    height: 24px;
}

.food-price {
    font-size: 18px;
    margin-right: 20px;
    max-width: 65px;
}

.money-sign {
    color: #7a7a7c;
    margin-left: 3px;
    font-size: 16px;
    font-weight: bolder;
}

.food-counter {
    margin-right: 10px;
}

.counter-button {
    width: 22px;
    height: 22px;
    padding: 0;
    background-color: #ff4725;
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
    border: none;
    border-radius: 50%;
    margin: 0px 5px;
    cursor: pointer;
}

.counter {
    font-size: 18px;
    margin: 0;
}


/* Text down */

.text-down {
    width: 95%;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.79;
    margin: 60px 35px 35px 35px;
}

/* OLEUS START */

body a {
    text-decoration: none;
}

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

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

.os-flex {
    display: flex;
}

.os-flex-inline {
    display: inline-flex;
}

.os-flex-wrap {
    flex-wrap: wrap;
}

.os-flex-column {
    flex-direction: column;
}

.os-flex-row-reverse {
    flex-direction: row-reverse;
}

.os-flex-around {
    justify-content: space-around;
}

.os-flex-middle {
    align-items: center;
}

.os-flex-center {
    justify-content: center;
}

.os-flex-between {
    justify-content: space-between;
}

.os-flex-bottom {
    align-items: flex-end;
}

.os-flex-top {
    align-items: flex-start;
}

.os-flex-1 {
    flex: 1;
}

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

.os-overflow-hidden {
    overflow: hidden;
}

.os-display-inline-block {
    display: inline-block;
}

.os-grid {
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
}

.os-grid>div {
    padding-left: 30px;
}

.os-grid.os-grid-collapse {
    margin-left: 0;
}

.os-grid.os-grid-collapse>* {
    padding-left: 0;
}

.os-grid.os-grid-small {
    margin-left: -10px;
}

.os-grid.os-grid-small>* {
    padding-left: 10px;
}

.os-grid.os-grid-large {
    margin-left: -80px;
}

.os-grid.os-grid-large>* {
    padding-left: 80px;
}

[class*='os-width'] {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
}

.os-grid.os-child-width-1-2>div {
    width: 50%;
}

.os-grid.os-child-width-1-3>div {
    width: 33.333%;
}

.os-grid.os-child-width-1-4>div {
    width: 25%;
}

.os-width-1-3 {
    width: calc(100% * 1 / 3.001);
}

.os-width-2-3 {
    width: calc(100% * 2 / 3.001);
}

.os-width-1-1 {
    width: 100%;
}

.os-width-1-2 {
    width: 50%;
}

.os-width-auto {
    width: auto;
}

.os-width-expand {
    flex: 1;
    min-width: 1px;
}

.os-width-medium {
    width: 500px;
}

.os-width-400 {
    width: 400px;
}

.os-width-300 {
    width: 300px;
}

.os-width-200 {
    width: 200px;
}

.os-width-100 {
    width: 100px;
}

.os-background-cover {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.os-background-white {
    background-color: #fff;
}

.os-background-grey {
    background-color: #EDF1F1;
}

.uk-border-circle {
    border-radius: 50%;
}

.os-position-relative {
    position: relative;
}

.os-position-relative-z-index {
    z-index: 1;
}

.uk-advantages {
    margin-top: 60px;
}

.uk-advantage-item-icon {
    padding: 10px;
    min-height: 160px;
    background-color: #fff;
    border-radius: 20px;
}

.uk-advantage-item-title {
    font-size: 1.125em;
    color: #F4784D;
    padding-top: 8px;
}

.uk-advantage-item-sub-title {
    font-size: .875em;
    padding-top: 8px;
}

.os-seo-content h1, .os-seo-content h2 {
    font-family: 'Futura PT', sans-serif;
    font-weight: bold;
    font-size: 1.313em;
}

.os-seo-content h3 {
    font-family: 'Futura PT', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: .938em;
}

.os-seo-content {
    line-height: 1.25em;
}

.os-seo-content a {
    color: #F4784D;
    border-bottom: 1px solid #F4784D;
}

.os-seo-content a:hover {
    border-bottom: 1px solid transparent;
}

.os-seo-text, .os-post-last {
    padding-top: 30px;
    margin-top: 50px;
    border-top: 1px solid #D7D7D7;
}

.os-seo-text-short.more .os-seo-content:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 161px;
    background: linear-gradient(180deg, rgba(237, 241, 241, 0) -19.6%, #EDF1F1 62.86%);
    z-index: 1;
}

.os-seo-content-learn-more {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    z-index: 2;
}

.os-post-last .os-grid {
    margin-top: 20px;
}

.os-post-item-image {
    height: 261px;
    border-radius: 10px;
    margin-bottom: 10px;
}

.os-post-item-date {
    font-size: .875em;
    padding: 4px 8px;
    background-color: #fff;
    border-radius: 4px;
}

.os-post-item-title {
    padding-top: 5px;
}

.os-post-item-description {
    font-size: .938em;
    color: #898989;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    padding-top: 5px;
}

.os-post-item .os-button {
    margin-top: 10px;
}



.description p {
    font-weight: 400;
    font-size: 1em;
    margin: 15px 0;
}

.description.ck-content a {
    margin: 5px 0;
}

.front-slider {
    height: 500px;
    overflow: hidden;
}

.front-slider .slick-list {
    border-radius: 25px;
    background-color: #fff;
}

.bestsellers {
    /*width: 50%;*/
    padding: 0 84px 0 20px;
}

.uk-slider-title {
    font-size: 3.313vw;
    letter-spacing: -2px;
}

.uk-slider-description {
    font-size: 1.125em;
    padding-top: 5px;
}

.uk-slider-link {
    padding-top: 35px;
}

.cards-last {
    padding-top: 30px;
}

.slider-hit {
    padding: 0 52px;
}

.cards-last .slide-arrow {
    background-color: #fff;
}

.cards-last .slide-arrow:hover {
    background-color: #242C2C;
}

.cards-last .prev-arrow {
    left: 0;
}

.cards-last .slide-arrow {
    right: 0;
}

.cards-last .os-card-item {
    margin: 7px;
}

.os-card-item {
    padding: 20px;
    border-radius: 20px;
    min-height: 430px;
    transition: all .3s;
    border: 1px solid #fff;
    background-color: #fff;
}

.os-card-item:hover {
    border-color: #F47C53;
}

.os-card-item-name {
    font-size: 1.313em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    padding-top: 5px;
}

.os-card-item-params {
    color: #434242;
    padding-top: 3px;
}

.os-card-item-consist {
    font-size: .938em;
    color: #898989;
    padding-top: 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    min-height: 57px;
}

.os-card-item-consist+div {
    padding-top: 10px;
}

.os-card-item-mark {
    min-height: 19px;
    margin-top: 5px;
}

.uk-mark-vegan-hot {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 5px 2px 8px rgba(108, 108, 108, .1);
    position: absolute;
    right: 0;
    bottom: -19px;
}

.os-card-item-price {
    font-size: 2.25em;
    line-height: .875em;
}

.os-card-item-price.uk-text-red {
    color: #FF0000;
}

.os-card-item-price sup {
    top: -0.7em;
    font-size: 50%;
}

.os-card-item-old-price {
    text-decoration: line-through;
}

.os-toast>* {
    padding: 10px;
}

.os-toast>*+* {
    border-left: 1px solid #D7D7D7;
}

.os-toast>*+*>*:nth-child(1) {
    color: #242C2C;
    font-size: 1.5em;
    text-align: left;
    padding-bottom: 10px;
    line-height: 1em;
}

.os-toast>*+*>*+*>*:nth-child(1) {
    font-size: .938em;
    color: #898989;
    padding: 4px 8px;
    border: 1px solid #D7D7D7;
    border-radius: 10px;
    margin-right: 6px;
}

.os-mark {
    padding: 0 8px;
    border-radius: 4px;
    background-color: #AB2400;
    color: #F7F0F0;
    font-size: 0.75em;
    line-height: 1em;
}

.uk-btn-promo-info {
    font-size: .813em;
    color: #242C2C;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #F4784D;
    padding: 0;
}

.uk-btn-promo-info:hover {
    color: #F4784D;
}

.uk-btn-promo-info svg {
    vertical-align: top;
}

.os-mark.os-mark-top {
    color: #242C2C;
    background-color: #FFAF02;
}

.os-mark.os-mark-new {
    color: #fff;
    background-color: #FF0000;
}

.os-mark.os-mark-rec {
    color: #FEE6D5;
    background-color: #065D63;
}


main .slick-dots li button {
    padding: 0;
    border-radius: 50%;
}

main .slick-dots li button:before {
    font-size: 0;
    color: rgba(14, 79, 66, 0.61);
    opacity: 1;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    line-height: 12px;
    background-color: rgba(14, 79, 66, 0.61);
}

main .slick-dots li.slick-active button:before {
    opacity: 1;
    box-shadow: 0 0 3px 0 #0e4f42;
    border: solid 1px #0e4f42;
    color: #0e4f42;
    background-color: rgba(14, 79, 66, 0.61);
}

main .slick-slide {
    outline: none;
}

body .mCSB_inside>.mCSB_container {
    margin-right: 0;
}

body .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #e3e3e1;
}

body .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #c1c1c4;
    width: 6px;
}

input[type='search']::-webkit-search-decoration,
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-results-button,
input[type='search']::-webkit-search-results-decoration {
    display: none;
}

/*.card-sm-items {*/
/*    max-height: calc(100vh - 317px);*/
/*}*/

.os-help-additionally {
    padding: 8px;
    border-radius: 8px;
    background-color: #fff;
}

.os-help-additionally svg {
    margin-right: 10px;
}

.card-sm-items:before, .card-sm-items:after {
    display: block;
    content: "";
    position: sticky;
    left: 0;
    right: 0;
    height: 10px;
    z-index: 1;
}

.card-sm-items:before {
    top: 0;
    background: linear-gradient(to bottom, #f2f2f2, rgba(242, 242, 242, 0));
}

.card-sm-items:after {
    bottom: 0;
    background: linear-gradient(to top, #f2f2f2, rgba(242, 242, 242, 0));
}


.card-sm {
    padding: 20px 10px;
    background-color: #fff;
    border-radius: 20px;
    margin-top: 10px;
}

.os-basket-products>.card-sm:first-child {
    margin-top: 0;
}

.card-sm.card-sm-additionally {
    background-color: transparent;
    border-radius: 0;
    padding: 10px;
    margin: 0;
}

.card-sm:not(.card-sm-additionally):before {
    display: block;
    content: "";
    position: absolute;
    top: -6px;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #fff;
}

.os-basket-products>.card-sm:first-child:before {
    display: none;
}

.card-top {
    padding-right: 35px;
}

.card-sm-remove {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid #D7D7D7;
    background-color: #fff;
    transition: all 200ms ease-out;
    position: absolute;
    top: 14px;
    right: 10px;
}

.card-sm-remove span {
    position: absolute;
    top: 8px;
    right: 0;
    color: #c91b1e;
    font-size: .875em;
    opacity: 0;
    visibility: hidden;
    transition: all 200ms ease-out;
}

.card-sm-remove:hover {
    background: #c91b1e;
    border-color: #c91b1e;
}

.card-sm-remove:hover span {
    right: 40px;
    opacity: 1;
    visibility: visible;
}

.card-sm-remove svg {
    transition: all 200ms ease-out;
}

.card-sm-remove:hover svg {
    stroke: #fff;
    /*transform: rotate(-90deg);*/
}

.os-app-mobile .card-sm-remove:hover svg {
    stroke:#898989;
}

.card-sm-image {
    width: 152px;
}

.card-sm-title {
    font-size: 1.313em;
    padding-bottom: 5px;
}

.os-basket-additionally .card-sm-title {
    font-size: 1.125em;
}

.os-basket-additionally .card-sm-title span {
    font-size: .75em;
    color: #434242;
    padding-left: 8px;
}

.os-basket-additionally div.uk-text-book {
    font-size: .938em;
}

body .count-button {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background-color: transparent;
    border: 1px solid #242C2C;
    color: #242C2C;
    line-height: 34px;
    text-align: center;
    padding: 0;
    cursor: pointer;
}

body .count-button:hover {
    background-color: #f25b27;
    border-color: #f25b27;
    color: #f25b27;
}

body .count-button:hover svg {
    stroke: #fff;
}

body .count {
    width: 36px;
    font-size: 1.063em;
    color: #242C2C;
    border-radius: 0;
    border: 0;
    cursor: default;
    background-color: transparent;
    padding: 0 6px;
}

.card-sm-price {
    font-size: 1.5em;
}

.card-account {
    display: none;
    position: absolute;
    top: 100%;
    right: 110px;
    z-index: 999;
    border-radius: 0 0 16px 16px;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.12);
    background-color: #fff;
    overflow: hidden;
    padding: 15px 28px 28px 28px;
    width: 288px;
}

.card-registration {
    display: none;
    position: absolute;
    top: 100%;
    right: 110px;
    z-index: 999;
    border-radius: 0 0 16px 16px;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.12);
    background-color: #fff;
    overflow: hidden;
    padding: 15px 28px 28px 28px;
    width: 288px;
}

.card-registration .title-account {
    margin-bottom: 30px;
}

.title-account {
    font-weight: 800;
    font-size: 1em;
    color: #0e4f42;
    margin: 5px 0;
}

.sub-title-account {
    font-weight: 400;
    font-size: .875em;
    color: #a2a2a4;
    margin: 5px 0 15px 0;
}

.os-basket-form .os-input-submit {
    margin-top: 30px;
}

.form .os-input {
    height: 49px;
    border-radius: 12px;
    border: solid 1px #D7D7D7;
    background-color: #fff;
    font-family: 'Futura PT Book', sans-serif;
    font-weight: normal;
    font-size: 1em;
    color: #242C2C;
    padding: 0 12px;
    margin-bottom: 20px;
}

.form .os-input::placeholder {
    color: #7C7C7C;
}

.form label:not(.os-padding-remove) {
    padding-bottom: 5px;
}

.form .os-input.error {
    border-color: red;
}

/* Hide placeholder at click */

.form .os-input:focus::-webkit-input-placeholder {
    color: transparent;
}

.form .os-input:focus:-moz-placeholder {
    color: transparent;
}

.form .os-input:focus::-moz-placeholder {
    color: transparent;
}

.form .os-input:focus:-ms-input-placeholder {
    color: transparent;
}

form .link-form {
    font-weight: 400;
    font-size: .875em;
    color: #a2a2a4;
    text-decoration: underline;
    margin: 5px 0;
    display: inline-block;
    transition: color .3s;
}

form .link-form:hover {
    color: #f4784e;
    transition: color .3s;
}

form b {
    font-size: .875em;
    color: red;
    font-weight: 400;
}

.card-account .description a {
    margin: 15px 0;
}

.os-modal {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1010;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 80px;
    background-color: rgba(0, 0, 0, 0.43);
    opacity: 0;
    transition: opacity .15s linear;
}

.os-modal.open {
    opacity: 1;
}

.modal-content {
    position: relative;
    box-sizing: border-box;
    margin: 0 auto;
    width: 450px;
    max-width: calc(100% - 0.01px) !important;
    background: #242C2C;
    opacity: 0;
    transform: translateY(-100px);
    transition: .3s linear;
    transition-property: opacity, transform;
    display: flow-root;
    padding: 75px 30px 30px 30px;
    border-radius: 22px;
}

.os-modal.open>.modal-content {
    opacity: 1;
    transform: translateY(0);
}

.modal-content h3 {
    font-size: 1.5em;
    color: #0e4f42;
    margin-bottom: 5px;
}

.swal2-container .swal2-popup {
    padding: 30px;
}

.swal2-modal h2 {
    font-family: 'Futura PT', sans-serif;
    font-weight: bold;
    font-size: 2.25em;
    color: #f2f2f2;
    text-transform: uppercase;
    margin: 0 0 0.4em;
}

.os-app-mobile .swal2-modal h2 {
    font-size: 1.5em;
}

.os-modal-swal .os-modal-swal-name {
    font-size: 1.313em;
    color: #F7F0F0;
}

.os-modal-swal .os-modal-swal-description {
    font-size: 1.125em;
    color: #f2f2f2;
}

.uk-promo-form {
    text-align: left;
    padding: 4px 4px 4px 12px;
    background-color: #fff;
    border-radius: 12px;
}

.uk-promo-form button {
    line-height: 51px;
}

.uk-promo-form input {
    border: none;
    padding: 0;
    cursor: default;
    font-weight: bold;
    font-size: 1.5em;
    width: 100%;
}

.os-app-mobile .uk-promo-form input {
    font-size: 1.25em;
}

.os-app-mobile .uk-promo-form button {
    line-height: 42px;
}

.modal-content p {
    font-weight: 600;
    font-size: 1.125em;
    margin-top: 0;
}

.modal-content p {
    font-weight: 600;
    font-size: 1.125em;
    margin-top: 0;
}

.swal2-modal .swal2-actions button {
    font-size: 1em;
    font-weight: 500;
    text-align: center;
    color: #fff;
    height: 50px;
    border-radius: 10px;
    background: #F47C53;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 30px;
    border: none;
    cursor: pointer;
    outline: none;
    box-shadow: none;
}

.swal2-modal .swal2-actions:not(.os-flex)>* {
    width: 100%;
}

.swal2-modal .swal2-actions.os-flex {
    justify-content: space-between;
}

.swal2-modal .swal2-actions.os-flex>* {
    width: 49%;
}

.swal2-modal .swal2-actions button:hover {
    color: #242C2C;
    background-color: #fff;
}

.modal-content .select {
    height: 32px;
    width: 199px;
    font-size: .938em;
    font-weight: 400;
    color: #252526;
    border-radius: 3px;
    border: solid 1px #e5e8f2;
    background-color: #fff;
    padding: 0 20px 0 10px;
}

.modal-content .location {
    margin: 40px auto 0;
    width: 199px;
}

.modal-content .myarrow {
    top: 6px;
    right: 6px;
}

.modal-content>*:not(button) {
    font-size: 1.125em;
    color: #fff;
}

.modal-content .os-modal-title {
    font-size: 2.25em;
    padding: 15px 0;
}

.modal-content .link-modal {
    font-size: .875em;
    font-weight: 400;
    color: #7a7a7c;
    text-decoration: underline;
    background-color: transparent;
    border: none;
    cursor: pointer;
}

.modal-icon-close, .swal2-close.modal-icon-close {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #3C4545;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    padding: 10px;
    font-size: .875em;
    color: #D7D7D7;
    font-family: inherit;
    width: auto;
    height: auto;
}

.modal-icon-close span {
    padding-right: 10px;
}

.modal-icon-close:hover,
.swal2-close.modal-icon-close:hover {
    color: #F4784D;
    background: #fff;
}

.modal-icon-close:hover svg path {
    stroke: #F4784D;
}

.os-link-modal {
    font-family: 'Futura PT', sans-serif;
    font-weight: 500;
    color: #fff;
    height: 51px;
    padding: 0 30px;
    border-radius: 10px;
    background: #F47C53;
}

.os-link-modal:hover {
    color: #F47C53;
    background: #fff;
}

.radar {
    overflow: hidden;
    z-index: 1;
}

.radar:before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 675px;
    height: 675px;
    border-radius: 50%;
    animation: radar 2s linear infinite;
    z-index: -1;
    background: conic-gradient(from 180deg at 50% 50%, #0D0D0D 0deg, rgba(13, 13, 13, 0) 360deg);
}

.radar.radar-lg:before {
    width: 775px;
    height: 775px;
}

@keyframes radar  {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

.swal2-modal.radar {
    background: #242C2C;
    width: 450px;
}

.radar .swal2-content {
    font-size: inherit;
    padding: 0;
}

.radar .swal2-input {
    display: none!important;
}

.radar .os-input-code {
    border: none;
    background-color: rgba(255, 255, 255, .15);
    border-radius: 12px;
    height: 56px;
    text-align: center;
    color: #fff;
    font-size: 1em;
}

.radar .swal2-validation-message {
    margin-top: 20px;
}

.radar .os-ajax-verification-code {
    height: 56px;
    border: 1px solid #F4784D;
    border-radius: 12px;
    font-size: 1em;
    color: #F4784D;
}

.radar .os-ajax-verification-code:hover {
    background-color: #F4784D;
    color: #fff;
}

#os-code-timer-box>*>*:not(.os-code-icon-clock) {
    text-align: left;
    font-size: 1.125em;
}

.os-code-icon-clock {
    padding: 3px 12px 3px 4px;
    background: #333C3C;
    border-radius: 10px;
    font-family: 'Futura PT Demi', sans-serif;
    font-weight: 600;
    font-size: 1.125em;
    color: #F4784D;
    width: 106px;
}

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

.swal2-modal .swal2-actions button.swal2-confirm-default {
    background-color: transparent;
    color: #F4784D;
    box-shadow: 0 0 0 1px #F4784D;
}

.swal2-modal .swal2-actions button.swal2-confirm-default:hover{
    background-color: #F4784D;
    color: #fff;
}

.uk-phone-info {
    background-color: #333C3C;
    border-radius: 10px;
    padding: 5px 0;
}

.uk-phone-info span, .uk-phone-order-info {
    padding-left: 2px;
    font-family: 'Futura PT Demi', sans-serif;
    font-weight: 600;
    font-size: 1.125em;
    color: #F4784D;
}

.uk-phone-order-info input {
    pointer-events: none;
    border: none;
    background: none;
    font-family: 'Futura PT Demi', sans-serif;
    font-weight: 600;
    font-size: 1.125em;
    color: #F4784D;
    width: 155px;
}

.catalog-sort {
    padding: 6px 0 0 0;
    border-top: solid 1px #fff;
    margin-top: 15px;
}

.os-filter-sort-drop {
    position: absolute;
    right: 0;
    top: calc(100% + 20px);
    background-color: #EDF1F1;
    border-radius: 12px;
    padding: 10px;
    display: none;
    opacity: 0;
    transition: opacity .3s;
    width: 270px;
}

.os-filter-sort-drop.open {
    display: block;
    opacity: 1;
}

.os-filter-sort-drop label, .filter-marks label {
    cursor: pointer;
}

.os-filter-sort-drop label.active {
    cursor: default;
}

.os-filter-sort-drop label+label span {
    margin-top: 2px;
}

.os-filter-sort-drop label span {
    font-size: 1.125em;
    min-height: 59px;
    padding: 10px 30px 10px 18px;
    border-radius: 14px;
    transition: all .3s;
}

.os-filter-sort-drop label span:before {
    display: block;
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid #898989;
}

.os-filter-sort-drop label.active span:before,
.os-radio-check input:checked+span:before,
.os-input-checkbox:checked+span:before {
    border-color: #006A1E;
    background-color: #01A72F;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgNyA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNi44MzUyNSAwLjQxNDc1MkM3LjA1NDkyIDAuNjM0NDIyIDcuMDU0OTIgMC45OTA1NzcgNi44MzUyNSAxLjIxMDI1TDMuMDg1MjUgNC45NjAyNUMyLjg2NTU4IDUuMTc5OTIgMi41MDk0MiA1LjE3OTkyIDIuMjg5NzUgNC45NjAyNUwwLjc4OTc1MiAzLjQ2MDI1QzAuNTcwMDgzIDMuMjQwNTggMC41NzAwODMgMi44ODQ0MiAwLjc4OTc1MiAyLjY2NDc1QzEuMDA5NDIgMi40NDUwOCAxLjM2NTU4IDIuNDQ1MDggMS41ODUyNSAyLjY2NDc1TDIuNjg3NSAzLjc2N0w2LjAzOTc1IDAuNDE0NzUyQzYuMjU5NDIgMC4xOTUwODMgNi42MTU1OCAwLjE5NTA4MyA2LjgzNTI1IDAuNDE0NzUyWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.os-filter-sort-drop label:hover span,
.os-filter-sort-drop label.active span {
    background-color: #fff;
    color: #F47C53;
}

.os-filter-sort-drop label.active span {
    font-family: 'Futura PT Demi', sans-serif;
    font-weight: 600;
    box-shadow: 0 8px 24px -4px #00000014;
}

.filter-mark {
    min-height: 45px;
    padding: 10px 25px;
    background-color: #fff;
    border-radius: 12px;
    transition: all .3s;
}

.filter-mark svg {
    margin-right: 12px;
}

.filter-marks label:hover .filter-mark,
.filter-marks label input:checked+.filter-mark {
    color: #fff;
    background-color: #F47C53;
}

.filter-marks label:hover .filter-mark svg,
.filter-marks label input:checked+.filter-mark svg{
    fill: #fff;
}

.filter-marks label input:checked+.filter-mark.uk-mark-hot {
    background-color: #E90C00;
}

.filter-marks label input:checked+.filter-mark.uk-mark-vegan {
    background-color: #1D9974;
}

.os-app {
    border-bottom: 1px solid #D7D7D7;
    padding-top: 80px;
}

.os-app-content {
    width: 394px;
    padding: 30px 20px 40px 20px;
    background: #F4784D;
    border-radius: 20px;
}

.os-app-content-title {
    font-size: 1.313em;
    color: #F7F0F0;
}

.os-app-content-subtitle {
    font-size: .938em;
    color: #F8F8F8BF;
    padding-top: 10px;
}

.os-app-content-icons {
    padding-top: 15px;
}

.os-app-content-icons a:hover img {
    mix-blend-mode: multiply;
}

.catalog-items {
    margin: 15px 0;
}

.catalog-items>.os-grid>*{
    margin-bottom: 10px;
}

.os-product-mark .os-mark {
    position: absolute;
    left: 0;
    top: -40px;
    display: inline-block;
    padding: 5px 9px 4px 9px;
    border-radius: 2px;
    border: solid 1px #f3783f;
    min-width: 94px;
    font-size: .75em;
    background: #fff;
}

.top-modal-form {
    text-align: left;
    font-size: 1.25em;
    color: #7a7a7c;
    padding: 0 20px 20px 0;
    border-bottom: 2px solid #e2e2e0;
    margin-bottom: 30px;
}

.os-modal .title-form {
    font-weight: 800;
    font-size: 1.063em;
    color: #0e4f42;
    margin-bottom: 24px;
}

.os-modal-callback form .os-input {
    width: 295px;
    font-size: .938em;
    color: #252526;
}

/*.os-modal-callback form .os-input::-moz-placeholder, .os-modal-callback form .os-textarea::-moz-placeholder {*/
/*    font-size: 12px;*/
/*    color: #a3a1a3;*/
/*}*/

/*.os-modal-callback form .os-input:-ms-input-placeholder, .os-modal-callback form .os-textarea:-ms-input-placeholder {*/
/*    font-size: 12px;*/
/*    color: #a3a1a3;*/
/*}*/

/*.os-modal-callback form .os-input::placeholder,*/
/*.os-modal-callback form .os-textarea::placeholder {*/
/*    font-size: 12px;*/
/*    color: #a3a1a3;*/
/*}*/

.form .os-textarea {
    border-radius: 12px;
    border: solid 1px #D7D7D7;
    background-color: #fff;
    font-size: 1em;
    color: #242C2C;
    padding: 12px;
    outline: none;
    resize: none;
}

.modal-content form .location {
    width: 295px;
    margin: 0 auto 20px auto;
}

.modal-content .select {
    width: 295px;
}

.os-modal-callback .modal-content {
    width: 550px;
}

.os-container {
    display: flow-root;
    box-sizing: content-box;
    max-width: 1420px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.os-container-small {
    max-width: 1230px;
}

.os-container-xsmall {
    max-width: 940px;
}

.front-product-top {
    margin: 0 15px;
    padding: 10px 0;
}

.front-product-top .catalog-item .media {
    height: 90px;
    width: 125px;
    margin-top: -14px;
    overflow: hidden;
}

.front-product-top .catalog-item .media img {
    height: 90px;
}

.front-product-top .catalog-item .name {
    font-size: .938em;
}

.front-product-top .catalog-item .params {
    font-size: .625em;
}

.front-product-top .catalog-item .count-button {
    width: 17px;
    height: 17px;
    line-height: 17px;
    font-size: 1.125em;
}

.front-product-top .right-item {
    padding-left: 15px;
}

.front-product-top .catalog-item {
    margin: 35px 0 20px 0;
}

.mtb-1 {
    margin: 10px 0;
}

.pt-80 {
    padding-top: 80px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-30 {
    padding-top: 30px;
}

.lang-mobile {
    display: none;
}

button,
a {
    outline: none!important;
    -webkit-tap-highlight-color: transparent;
}

.lang-mobile a {
    color: #a2a2a4;
}

.lang-mobile a.active-lang {
    color: #f4784e;
}

.copyright {
    font-weight: 400;
    font-size: .688em;
    color: #7a7a7c;
}

.os-filter-sort {
    display: none;
}

.os-btn-sort.open img {
    transform: rotate(180deg);
}

.filter-consist {
    padding-top: 4px;
}

.filter-consist label {
    cursor: pointer;
}

.filter-consist label span {
    padding: 10px 25px;
    border-radius: 12px;
    border: 1px solid #89898959;
    margin: 2px 0;
}

.filter-consist label:first-child span {
    margin-left: 0;
}

.filter-consist label span:hover,
.filter-consist label input[checked="checked"]+span {
    background-color: #f4784e;
    color: #fff;
    border-color: #f4784e;
}

.catalog-sort-btns button {
    border: 1px solid #fff;
    line-height: 48px;
    font-size: 1em;
    padding: 0 25px;
    border-radius: 8px;
    background-color: #fff;
    color: #242C2C;
}

.catalog-sort-btns button:hover,
.catalog-sort-btns button.open {
    color: #f4784e;
}

.catalog-sort-btns button svg {
    margin-right: 5px;
}

.catalog-sort-btns button:hover svg path,
.catalog-sort-btns button.open svg path{
    stroke: #f4784e;
}

.catalog-sort-btns button.os-btn-sorting:hover svg path:last-of-type,
.catalog-sort-btns button.os-btn-sorting.open svg path:last-of-type{
    fill: #f4784e;
    stroke: none;
}

.catalog-sort-btns button.open {
    background-color: #FEF4EE;
    border-color: #f4784e;
}

.os-description p {
    font-weight: 400;
    font-size: .875em;
    line-height: 1.79;
}

.catalog-item.bowles-item .params>div {
    padding: 0;
}

.catalog-items .middle-item .params {
    display: none;
}

.catalog-item.bowles-item .media {
    height: 177px;
    width: 177px;
}

.catalog-item.bowles-item .media img {
    height: 177px;
}

.item-check-bowle {
    border-radius: 12px;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.12);
    padding: 18px;
    margin-bottom: 20px;
    border: solid 2px transparent;
}

.item-check-bowle.hide:hover {
    border-color: transparent;
}

.item-check-bowle:hover {
    border: solid 2px #f3783f;
}

.item-check-bowle .step {
    font-weight: 400;
    font-size: 1em;
    color: #7a7a7c;
    margin-bottom: 16px;
}

.item-check-bowle .step>div:first-child {
    font-weight: 700;
}

.item-check-bowle label::before {
    display: none;
}

.item-check-bowle label {
    font-size: 1em;
    color: #464648;
    padding: 0;
    margin: 0;
    display: block;
}

.step-input>div {
    margin: 0 30px;
}

.item-check-bowle input[type="radio"],
.item-check-bowle input[type="checkbox"] {
    display: block;
    width: 12px;
    height: 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: solid 1px #fff;
    box-shadow: 0 0 0 1px #e3e3e1;
    border-radius: 50%;
    margin: 0 auto 9px;
}

.item-check-bowle input[type="radio"]:checked,
.item-check-bowle input[type="checkbox"]:checked {
    box-shadow: 0 0 0 1px #f4784e;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: #f4784e;
}

.step-consist {
    font-weight: 400;
    font-size: .688em;
    color: #7a7a7c;
}

.os-modal-bowles .modal-content {
    width: 675px;
}

.total-bowle-sum span:nth-child(1) {
    font-size: .938em;
}

.total-bowle-sum span:nth-child(2) {
    font-size: 1.063em;
    color: #0e4f42;
}

.total-bowle .count-button {
    width: 17px;
    height: 17px;
    border-radius: 50%;
    box-shadow: 0 2px 4px -1px rgba(244, 120, 78, 0.58);
    background-color: #f4784e;
    border: 0;
    color: #fff;
    line-height: 17px;
    text-align: center;
    font-family: 'Nunito', sans-serif;
    font-weight: 300;
    font-size: 1.063em;
    padding: 0;
    cursor: pointer;
}

.total-bowle .count-button:hover {
    background-color: #f25b27;
}

.total-bowle .count {
    width: 30px;
    font-size: .688em;
    color: #7a7a7c;
    border-radius: 0;
    border: 0;
    cursor: default;
    background-color: transparent;
}

.total-bowle {
    padding-top: 10px;
}

.item-check-bowle.hide .step,
.item-check-bowle.hide label,
.total-bowle.hide span,
.total-bowle.hide .count {
    color: #e3e3e1;
}

.description-bowle.hide button,
.total-bowle.hide .count-button {
    pointer-events: none;
    cursor: default;
    background: #e3e3e1;
    box-shadow: none;
}

.os-breadcrumb {
    padding: 0 10px 15px 10px;
    margin: 0;
    list-style: none;
}

.os-breadcrumb>*>* {
    display: inline-block;
    font-size: .875em;
    color: #868686;
}

.os-breadcrumb>*>*:hover {
    color: #f25b27;
}

.os-breadcrumb>:last-child>span,
.os-breadcrumb>:last-child>a:not([href]) {
    font-weight: 700;
    color: #323232;
}

.os-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before {
    content: "|";
    display: inline-block;
    font-size: .875em;
    color: #D7D7D7;
    margin: 0 10px;
}

.card-product .os-h1 {
    padding-bottom: 13px;
}

.card-product .uk-mark-vegan-hot {
    bottom: auto;
    right: auto;
    top: 30px;
    left: 30px;
}

.card-product .card-media>* {
    border-radius: 50px;
    background-color: #fff;
    padding: 30px 0;
    box-shadow: 5px 2px 8px 0 #6C6C6C1A;
}

.os-app-mobile .card-product .card-media>* {
    padding: 15px 0;
    box-shadow: none;
    z-index: 1;
    border-radius: 0;
}

.os-app-mobile .card-product .card-media>*:before {
    display: block;
    content: "";
    position: absolute;
    left: -15px;
    right: -15px;
    top: 0;
    bottom: 0;
    background-color: #fff;
    z-index: -1;
}

.os-prod-amount {
    font-size: 1.5em;
}

.os-ingredients-product {
    padding: 10px;
    background-color: #fff;
    border-radius: 12px;
}

.os-ingredients-product:hover span {
    color: #f25b27;
}

.grid-subproducts>*{
    width: 160px;
}

.slider-subproducts {
    height: 113px;
    overflow: hidden;
}

.slider-subproducts .os-ingredients-product {
    width: 150px;
    min-height: 113px;
    margin: 0 5px;
}

/*.slider-subproducts:before {*/
/*    display: block;*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    width: 74px;*/
/*    background: linear-gradient(270deg, #EDF1F1 0%, rgba(237, 241, 241, 0) 100%);*/
/*    z-index: 1;*/
/*}*/

.slick-slider-sm .slide-arrow {
    width: 24px;
    height: 24px;
    border-radius: 7px;
    background-color: #fff;
}

.slick-slider-sm .slide-arrow:hover {
    background-color: #242C2C;
}

.slick-slider-sm .prev-arrow {
    left: 4px;
}

.slick-slider-sm .next-arrow {
    right: 4px;
}

.os-ingredients-product span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.os-prod-params {
    padding-top: 15px;
}

.os-prod-param-name {
    padding-bottom: 10px;
}

.os-prod-params>*+* {
    padding-top: 20px;
}

.os-prod-price {
    min-height: 187px;
    border: 10px solid #fff;
    background-color: #EDF1F1;
    border-radius: 16px;
    margin-top: 20px;
    max-width: 534px;
    padding: 20px;
}

.os-prod-price .active-btn button {
    margin-top: 15px;
}

.os-prod-item-price >*+* {
    padding-left: 10px;
}

.os-slick-arrow[aria-disabled="true"] {
    display: none!important;
}

.os-slick-arrow[aria-disabled="false"]:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 74px;
    right: 0;
    background: linear-gradient(270deg, #EDF1F1 0%, rgba(237, 241, 241, 0) 100%);
    z-index: 1;
}

.os-slick-arrow.os-prev-arrow[aria-disabled="false"]:after {
    right: auto;
    left: 0;
    background: linear-gradient(-270deg, #EDF1F1 0%, rgba(237, 241, 241, 0) 100%);
}

.os-radio-check label {
    cursor: pointer;
}

.os-radio-check span {
    font-size: 1.125em;
    min-height: 50px;
    padding: 10px 10px 10px 38px;
    background-color: #fff;
    box-shadow: 5px 2px 8px 0 #6C6C6C1A;
    border-radius: 10px;
}

.os-radio-check span:before {
    display: block;
    content: "";
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid #898989;
}

.os-step-name {
    font-size: 1.125em;
    padding-bottom: 10px;
    border-bottom: 1px solid #fff;
    margin-bottom: 10px;
}

.os-step-name ~ .os-step-name {
    padding-top: 30px;
}

.os-radio-check label:hover span {
    color: #464648;
}

.os-radio-check label:hover span:before {
    border-color: #464648;
}

.os-input-submit button {
    position: absolute;
    right: 4px;
    bottom: 4px;
}

.os-basket-form .os-input-submit .os-input {
    margin-bottom: 0;
}

.os-radio-tab {
    background-color:  #7676801F;
    padding: 4px;
    border-radius: 12px;
    margin-bottom: 20px;
}

.os-radio-tab>*{
    width: 50%;
}

.os-radio-tab input+span {
    min-height: 40px;
    padding: 10px;
    border-radius: 10px;
}

.os-radio-tab label {
    cursor: pointer;
}

.os-radio-tab label:hover input+span {
    color: #F4784D;
}

.os-radio-tab input:checked+span {
    color: #F4784D;
    background-color: #fff;
}

.os-basket-city>div {
    font-size: .875em;
}

.os-basket-city input {
    border: none;
    background: none;
    padding: 0;
    font-size: 1.125em;
}

.os-radio-check span i {
    display: block;
    font-style: normal;
    font-size: .813em;
    padding-top: 4px;
}

.os-basket-city {
    padding-bottom: 20px;
}

.delivery-pickup {
    margin-bottom: 20px;
}

.delivery-pickup>*:first-child {
    padding-bottom: 5px;
}

label sup {
    color: red;
}

.os-pre-order-item {
    padding: 10px;
    background-color: #fff;
    border-radius: 12px;
}

.os-pre-order-item>*:first-child {
    width: 56px;
    height: 56px;
    border-radius: 10px;
    background-color: #EDF1F1;
    margin-right: 10px;
}

.os-pre-order-item>*+*>*:first-child {
    font-size: .813em;
}

.os-pre-order-item>*+*>*+* {
    color: #F4784D;
}

.fl-input-button {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 12px;
    z-index: 1;
}

.os-pre-order-item input {
    font-size: 1em;
    border: none;
    padding: 0;
    margin: 0;
    color: #F4784D;
}

.os-basket-form {
    padding-top: 30px;
}

.os-basket-products .card-sm:first-child, .os-basket-additionally .card-sm {
    border-top: none;
}

.os-basket-additionally .card-sm+.card-sm {
    border-top: 1px solid #fff;
}

.os-basket-products .card-sm:last-of-type {
    border-bottom: 1px solid #fff;
}

.os-basket-additionally {
    padding: 10px;
    border-radius: 20px;
    background-color: #DEE9E5;
    margin-top: 4px;
}

.os-additionally-title {
    padding: 8px;
    background-color: #EDF1F1;
    border-radius: 15px;
}

.os-card-sticks .card-bottom>*+* {
    margin-top: 10px;
}

.os-basket-bottom {
    margin-top: 20px;
    padding: 20px 0;
    background-color: #fff;
    border-radius: 20px;
}

.os-basket-coin svg {
    vertical-align: sub;
}

.os-basket-coin {
    padding: 0 10px;
}

.os-basket-coin+*, .os-basket-bottom .uk-min-basket-sum {
    margin-top: 20px;
}

.os-basket-coin>*+*{
    padding-top: 10px;
}

.os-basket-coin .os-grid>*+*:before {
    display: block;
    content: "";
    position: absolute;
    left: 15px;
    top: 0;
    bottom: 0;
    border-left: 1px solid #D9D9D9;
}

.os-icon-bot {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background-color: #F4784D;
    box-shadow: 5px 2px 8px 0 #6C6C6C1A;
    padding: 6px;
    margin-left: 10px;
}

.os-icon-bot>* {
    background: linear-gradient(180deg, #475361 0%, #1D1D1D 99.26%);
    border-radius: 50%;
}

.os-basket-coin .uk-text-orange {
    padding-top: 5px;
    display: inline-block;
}

.os-app-mobile .os-basket-coin .uk-text-orange {
    display: block;
}

.os-basket-btns {
    padding: 10px;
    background-color: #EDF1F1;
    border-radius: 12px;
}

.os-basket-btns .os-button {
    padding: 0 50px;
}

.os-basket-total-wrap>*+*{
    font-size: 1.5em;
    line-height: .875em;
    padding-left: 10px;
}

.os-basket-agree {
    padding: 10px;
}

.os-input-checkbox+span {
    padding-left: 28px;
    font-size: .813em;
}

.os-input-checkbox+span:before {
    display: block;
    content: "";
    position: absolute;
    left: 4px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    border-radius: 6px;
    border: 1px solid #898989;
}

label[for="agree"] {
    cursor: pointer;
}

.os-icon-method {
    width: 112px;
    height: 64px;
    border-radius: 10px;
    background-color: #fff;
    margin: 0 auto;
}

.os-grid-method .os-grid {
    margin-top: 10px;
}

.os-grid-method .os-grid>*>* {
    background-color: #EDF1F1;
    border-radius: 12px;
    font-size: .938em;
    padding: 20px;
}

.os-grid-method .os-grid>*>*>*+*{
    margin-top: 8px;
}

.os-grid-method>*>* {
    padding: 20px 30px;
    border-radius: 20px;
    background-color: #fff;
}

.os-title-method {
    font-size: 1.5em;
    padding-bottom: 10px;
}

.os-delivery-paid {
    margin: 10px;
    padding: 10px;
    border-radius: 12px;
    background-color: #EDF1F1;
}

.os-delivery-paid>*:first-child{
    width: 60px;
    height: 60px;
    background-color: #fff;
    border-radius: 12px;
    margin-right: 8px;
}

.os-delivery-zones>* {
    padding: 4px 10px 4px 4px;
    border-radius: 12px;
    background-color: #F1FEE9;
    margin-bottom: 4px;
}

.os-delivery-icon {
    position: absolute;
    top: -17px;
    right: -11px;
    z-index: -1;
}

.os-icon-zone {
    min-width: 105px;
    height: 100%;
    padding: 9px;
    font-size: .875em;
    background-color: #D3E1CA;
    border-radius: 10px;
    margin-right: 8px;
}

.os-icon-zone>*:first-child {
    width: 55px;
    height: 55px;
    padding: 5px;
    background-color: #fff;
    border-radius: 12px;
    margin-bottom: 5px;
}

.os-delivery-zones>*>*+* {
    font-size: .875em;
}

.os-delivery-zones>*>*+*>*:first-child>*+* {
    color: #fff;
    padding: 4px 8px;
    border-radius: 6px;
    background-color: #78A35C;
}

.os-delivery-zones>*>*+* .uk-text-demi {
    font-size: 1.5em;
}

.os-delivery-zones>*>*+*>*+*{
    margin-top: 7px;
}

.os-delivery-zones>*.os-delivery-zone-2 {
    background-color: #FFF3E5;
}

.os-delivery-zone-2 .os-icon-zone {
    background-color: #FFD9AC;
}

.os-delivery-zones>*.os-delivery-zone-2>*+*>*:first-child>*+* {
    background-color: #F69E43;
}

.os-delivery-zones>*.os-delivery-zone-3 {
    background-color: #FFE9E5;
}

.os-delivery-zone-3 .os-icon-zone {
    background-color: #E7C2BC;
}

.os-delivery-zones>*.os-delivery-zone-3>*+*>*:first-child>*+* {
    background-color: #B14938;
}

.os-delivery-zones>*.os-delivery-zone-4 {
    background-color: #EBEEFF;
}

.os-delivery-zone-4 .os-icon-zone {
    background-color: #CBD1F3;
}

.os-delivery-zones>*.os-delivery-zone-4>*+*>*:first-child>*+* {
    background-color: #4F5CB0;
}

.os-page-delivery iframe, .os-google-map {
    border-radius: 12px;
    overflow: hidden;
}

.os-google-map iframe{
    margin-top: -59px;
}

.os-page:not(.os-page-catcoin) .os-h2 {
    padding-bottom: 20px;
}

.os-catcoin-box {
    border-radius: 20px;
    padding: 20px 50px;
}

.os-catcoin-box>.os-grid>*:first-child {
    padding-top: 30px;
    padding-bottom: 30px;
}

.os-catcoin-box>.os-grid>*+*{
    border-left: 1px solid #EDF1F1;
}

.uk-icon-warning {
    width: 30px;
    height: 30px;
    margin-right: 5px;
}

.os-page-catcoin .os-input {
    margin: 0;
}

.os-page-catcoin .os-button {
    height: 49px;
    padding: 0 40px;
}

.os-page-info {
    padding: 10px;
    border-radius: 12px;
    margin: 2px 0 0 0;
}

.os-page-image {
    border-radius: 17px;
    padding-bottom: 28px;
}

.os-page-image img {
    border-radius: 17px;
}

.os-image-blur {
    position: absolute;
    bottom: 0;
    left: 12px;
    right: 12px;
    filter: blur(40px);
    z-index: -1;
}

.os-image-blur img {
    width: 100%;
}

.os-delivery-points>.os-grid>*>* {
    padding: 10px;
    border-radius: 12px;
}

.os-point-name {
    font-size: 1.125em;
}

.os-page-content h2, .os-page-content h3 {
    text-transform: uppercase;
    font-family: 'Futura PT Demi', sans-serif;
    font-weight: 600;
    font-size: 2em;
}

.os-delivery-points-info {
    padding: 20px 10px;
    border-radius: 15px;
    box-shadow: 0 4px 6px 0 #101B4F34;
    margin-top: 8px;
}

.os-delivery-points-info ol, .os-seo-content ol {
    padding: 0 0 0 20px;
    margin: 0;
    list-style: none;
    counter-reset: heading;
}

.os-seo-content ol {
    padding: 0;
}

.os-delivery-points-info ol li, .os-seo-content ol li {
    padding-left: 37px;
    position: relative;
    font-weight: bold;
    font-size: .875em;
}

.os-delivery-points-info ol li+li, .os-seo-content ol li+li {
    margin-top: 5px;
}

.os-delivery-points-info ol li:before, .os-seo-content ol li:before {
    display: flex;
    counter-increment: heading;
    content: counter(heading);
    position: absolute;
    left: 0;
    top: 2px;
    font-weight: 400;
    color: #F4784D;
    min-width: 26px;
    align-items: center;
    line-height: 1em;
    border-right: 1px solid #D7D7D7;
}

.os-delivery-points-info ol li:nth-child(-n + 9):before, .os-seo-content ol li:nth-child(-n + 9):before {
    content: '0' counter(heading);
}

.os-delivery-points-info ol li:not(:last-of-type):after {
    display: flex;
    content: "....";
    flex-direction: column;
    color: #D7D7D7;
    font-size: 2em;
    transform: rotate(90deg);
    transform-origin: 0 -11px;
    padding: 0 17px 0;
}

.os-grid-list>* {
    margin-bottom: 40px;
}

.os-node-image {
    margin: 10px 0;
}

.os-node-image picture {
    border-radius: 10px;
}

.uk-post-last .os-h3 {
    padding: 20px 0;
    border-top: 1px solid #fff;
}

.uk-post-last .os-post-item {
    margin-bottom: 20px;
}

.os-page-error {
    padding: 50px 0 100px 0;
}

.os-error-img {
    padding: 0 100px;
}

.os-error-img .os-h2 {
    position: absolute;
    right: 0;
    top: 20px;
}

.os-page-error .os-button {
    padding: 0 50px;
    margin-top: 30px;
}

.callback-button-close, .uk-order-button-close {
    border: none;
    margin-bottom: 20px;
    padding: 5px 10px;
    background-color: transparent;
    font-size: .875em;
    color: #242C2C;
}

.uk-order-button-close {
    margin-bottom: 10px;
}

.callback-button-close span, .uk-order-button-close span {
    padding-left: 10px;
}

.os-app-mobile .uk-modal-callback-content {
    background: #fff;
}

.os-app-mobile .box-icon-manager a {
    background-color: #EDF1F1;
    margin: 5px 0;
}

.uk-menu-icon-modal {
    width: 60px;
    height: 60px;
    margin-right: 40px;
}

.uk-menu-category-modal>*>* {
    padding: 10px 20px;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 5px 2px 8px 0 #6C6C6C1A;
    margin: 1px 0;
}

.uk-menu-category-modal>*>*.active {
    color: #f4784d;
    background: #FEF4EE;
    box-shadow: inset 0 0 0 1px #f4784d;
    cursor: default;
    pointer-events: none;
}

.uk-menu-category-modal .active svg path {
    stroke: #f4784d;
}

.uk-menu-category-modal {
    padding-bottom: 15px;
}

.uk-menu-category-box-modal+nav {
    background-color: #fff;
    padding: 15px 10px;
}

.uk-menu-category-box-modal+nav .uk-modal-menu-items>*>*:not(.uk-tg-game, .uk-link-review) {
    height: 60px;
    box-shadow: none;
    background-color: #EDF1F1;
}

.uk-menu-category-box-modal+nav .uk-modal-menu-items>*+* {
    margin-top: 2px;
}

/*.os-app-mobile .uk-modal-card-order .uk-modal-title,*/
/*.os-app-mobile .uk-modal-products-list,*/
/*.os-app-mobile .uk-modal-button-static-close {*/
/*    background-color: #ffff;*/
/*}*/

.os-app-mobile .uk-modal-button-static-close {
    color: #F4784D;
}

.os-app-mobile .uk-modal-button-static-close:hover svg path {
    fill: #F4784D;
}

/*.os-app-mobile .card-sm-items:before {*/
/*    background: linear-gradient(to bottom, #fff, rgba(255, 255, 255, 0));*/
/*}*/

/*.os-app-mobile .card-sm-items:after {*/
/*    background: linear-gradient(to top, #fff, rgba(255, 255, 255, 0));*/
/*}*/

.os-contacts-box {
    border-radius: 20px;
}

.os-contacts-top {
    padding: 20px 30px;
}

.uk-button-contact {
    min-height: 80px;
    padding: 10px;
    transition: all .3s;
    border-radius: 12px;
    background-color: #EDF1F1;
}

.uk-button-contact:hover {
    box-shadow: inset 0 0 0 1px #f4784d;
}

.uk-button-contact:hover svg path {
    stroke: #f4784d;
}

.os-contacts-bottom>* {
    padding: 10px 10px 25px 10px;
    border-top: 2px solid #EDF1F1;
    flex: 1 1 50%;
}

.os-map-description>*:first-child{
    font-size: .875em;
    padding: 4px 8px;
    border-radius: 4px;
    background-color: #EDF1F1;
}

.os-map-description>*+*{
    padding-top: 5px;
}

.os-contacts-bottom iframe {
    width: 100%;
}

.os-contacts-bottom>*+*{
    border-left: 2px solid #EDF1F1;
}

.os-map-description>*:first-child {
    margin: 10px 0 4px 0;
}

.os-basket-coins {
    font-size: .875em;
}

.os-basket-coins span {
    font-weight: 700;
}

.os-basket-coins>*>*+* {
    margin-left: 10px;
}

.os-app-mobile .os-basket-coins {
    width: 100%;
    flex: auto;
    margin-bottom: 20px;
}

.os-promo-message>*+*>*:first-child {
    font-size: 1.313em;
}

.os-promo-message>*+*>*+* {
    font-size: .875em;
    color: #242C2C;
    text-align: left;
}

.uk-basket-sticks-cost {
    border-right: 1px solid #fff;
}

.uk-basket-sticks-cost>*+* {
  margin-left: 15px;
}




.gm-style .place-card-large {
    display: none!important;
}

.description-name {
margin: 15px 25px 15px 0;
}

.mod-improved {
padding-top: 8px;
}

.mod-improved u {
display: block;
font-weight: 400;
font-size: .875em;
color: #a3a1a3;
text-decoration: underline;
margin-top: 2px;
margin-left: 25px;
}

.modification>div {
margin-bottom: 15px;
}

.modification label {
font-size: 1em;
color: #464648;
padding: 0;
margin: 0;
display: inline-block;
cursor: pointer;
}

.modification label:before {
display: none;
}

.modification input[type="radio"] {
display: inline-block;
width: 12px;
height: 12px;
-webkit-appearance: none;
-moz-appearance: none;
border: solid 1px #fff;
box-shadow: 0 0 0 1px #e3e3e1;
border-radius: 50%;
margin-right: 10px;
}

.modification input[type="radio"]:checked {
box-shadow: 0 0 0 1px #f4784e;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
background-color: #f4784e;
}

h1.title-page {
font-size: 1.25em;
margin: 0 0 15px 0;
}

.os-modal-manager form .os-input {
width: 295px;
font-size: .938em;
color: #252526;
}

.os-modal-manager .menu-button-close {
display: none;
}

.os-page-track .os-h2 {
padding-bottom: 40px;
}

.os-tracker-bar {
background-color: #fff;
border-radius: 15px;
box-shadow: 0 4.2px 5.6px 0 #101B4F34;
padding: 20px 10px;
}

.os-tracker-down {
background-color: #EDF1F1;
border-radius: 10px;
min-width: 110px;
height: 56px;
padding: 10px;
font-size: 1.125em;
}

.os-tracker-bar-title {
font-size: 1.5em;
padding-top: 8px;
}

.os-steps-time {
max-width: 290px;
padding-top: 14px;
border-top: 1px solid #D7D7D7;
margin-top: 10px;
}

.os-step-time {
min-height: 72px;
padding-left: 28px;
}

.os-step-time>* {
font-size: .875em;
}

.os-step-time>*>* {
width: 18px;
height: 18px;
border-radius: 50%;
border: 1px solid #898989;
margin-bottom: 5px;
}

.os-step-time:before {
display: block;
content: "";
width: 4px;
height: 100%;
border-radius: 50px;
background-color: #E6E6E6;
margin: 0 5px;
position: absolute;
left: 0;
top: 0;
bottom: 0;
}

.os-step-time.active:before {
background-color: #1D9974;
}

.os-step-time.active:not(.activetime)>*>* {
margin-right: 10px;
margin-bottom: 0;
}

.os-step-time.active>*>* svg path {
fill: #fff;
}

.os-step-time.active.activetime>*>* svg path {
fill: #01A72F;
}

.os-step-time.active.activetime>* {
color: #242C2C;
}

.os-step-time.active>*>* {
background-color: #01A72F;
border-color: #006A1E
}

.os-step-time.active.activetime>*>* {
background-color: transparent;
border-color: #01A72F
}

.os-step-time.active:not(.activetime)>*:first-child {
font-weight: bold;
color: #242C2C;
font-size: 1.5em;
display: flex;
}

.os-step-time.active:not(.activetime)>*:first-child:after{
display: block;
content: 'LIVE';
font-weight: 500;
font-size: .563em;
color: #fff;
padding: 2px 4px;
background-color: #FF3B30;
border-radius: 3px;
position: absolute;
bottom: 100%;
left: 0;
}

.os-step-time+.os-step-time {
margin-top: 4px;
}

.os-step-dots {
position: absolute;
left: 14px;
bottom: 13px;
color: #D7D7D7;
font-size: 2em;
line-height: 0;
}

.os-bot-game {
max-width: 90%;
color: #fff;
background-color: #242C2C;
padding: 30px 20px;
border-radius: 20px;
box-shadow: 1.66px 59.98px 80px 0 #D64D1F40;
margin-top: 30px;
}

.os-bot-game-title {
font-size: 2em;
}

.os-bot-game>*+*{
margin-top: 20px;
}

.os-button .os-icon-bot {
width: 50px;
height: 50px;
margin: 0 10px 0 0;
background-color: #fff;
}

.os-bot-game .os-button {
line-height: 76px;
}

.os-bot-game .os-button:hover {
background-color: #fff;
color: #F4784D;
}

.item-banner {
margin-bottom: 35px;
text-align: right;
}

.os-pagination div>* {
    width: 44px;
    height: 44px;
    border-radius: 12px;
}

.os-pagination div>a:hover {
    background-color: #242C2C;
}

.os-pagination div>a:hover svg path {
    stroke: #fff;
}

.os-pagination ul {
    padding: 10px;
    border-radius: 10px;
    margin: 0 30px;
}

.os-pagination ul>*>* {
height: 25px;
padding: 5px;
min-width: 32px;
font-size: .875em;
color: #646464;
transition: color .1s ease-in-out;
border-radius: 8px;
}

.os-pagination ul>*>a:hover {
    color: #F4784D;
}

.disabled, .os-disabled {
pointer-events: none;
}

.os-pagination .disabled>*,
.os-pagination .os-disabled>*  {
opacity: .3;
}

.os-pagination ul>.active>* {
color: #EBEBF2;
background-color: #F4784D;
}

.pagination-next svg {
transform: scale(-1);
vertical-align: middle;
}

.form-content {
margin: 35px 0 20px 0;
}

.form-content .text {
font-size: .938em;
}

main .link-page {
font-weight: 400;
font-size: .875em;
color: #7a7a7c;
text-decoration: underline;
display: inline-block;
margin: 30px 0;
background-color: transparent;
border: none;
cursor: pointer;
}

main .link-page:hover {
text-decoration: none;
}

.description-form {
font-weight: 400;
font-size: .875em;
margin: 35px 0;
}

.os-modal-statistic .modal-content,
.os-modal-delivery .modal-content {
width: 320px;
}

.item-static {
margin-bottom: 16px;
}

.item-static label:before {
display: none;
}

.item-static .icon {
width: 31px;
height: 32px;
background-image: url(/images/site/thumb.svg?f98c56a1966479d27b8e6ac01dec5168);
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 50%;
display: block;
cursor: pointer;
}

.static-down .icon {
transform: rotate(180deg);
}

.static-down .os-input:checked+.icon {
background-image: url(/images/site/thumb-down.svg?c62fb77f2c774129c1f4123d90730d86);
transform: rotate(0deg);
}

.static-up .os-input:checked+.icon {
background-image: url(/images/site/thumb-up.svg?9c2890ed0413e695ba88089023a20116);
}

.os-modal-statistic .item-static {
justify-content: space-around;
}

.os-modal-statistic .description-form {
padding-top: 50px;
font-weight: 600;
}

.os-modal-statistic label {
font-weight: 400;
font-size: 14px;
color: #464648;
}

.os-modal-statistic .icon {
margin: 0 auto 10px;
}

.modal-content .delivery-select {
margin-top: 15px;
position: relative;
}

.modal-content .select {
width: 100%;
}

.label-text {
margin-top: 15px;
}

.label-text label {
padding: 0 0 10px 0;
margin: 0;
text-align: left;
font-weight: 400;
font-size: .75em;
color: #a3a1a3;
display: block;
}

.label-text label:before {
display: none;
}

.label-text input[type="text"] {
width: 116px;
height: 32px;
border-radius: 3px;
border: solid 1px #e5e8f2;
text-align: left;
padding: 0 15px;
}

.catuser {
width: 112px;
height: 112px;
margin-right: 15px;
}

.last-see {
font-size: .938em;
margin: 30px 0 15px 0;
}

form .btn-link {
font-weight: 600;
font-size: 1em;
color: #f3783f;
border: 0;
background-color: transparent;
cursor: pointer;
}

form .btn-link:hover {
text-decoration: underline;
}

.location-content {
display: none;
position: absolute;
left: 0;
top: 44px;
border-radius: 0 0 16px 16px;
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.12);
background-color: #fff;
padding: 8px 16px 16px 16px;
min-width: 165px;
}

.location-content ul {
list-style: none;
margin: 0;
padding: 0 0 0 9px;
}

.location-content ul li {
padding: 7px 0;
border-top: solid 1px #e3e3e1;
}

.location-content ul li a {
font-weight: 700;
font-size: 1em;
color: rgba(0, 0, 0, 0.8);
}

.location-content ul li a:hover {
color: #f3783f;
}

.location-content ul li:first-child {
border-top: none;
}

.arrow-controls img {
display: none;
margin-right: 20px;
}

.mobile-bowl {
position: fixed;
top: 0;
bottom: 0;
z-index: 1000;
left: -100%;
transition: left .3s ease-out;
width: 100%;
background-color: #fff;
}

.mobile-bowl.is-open {
left: 0;
transition: left .3s ease-out;
}

.bowl-content-mb {
margin: 20px 15px;
}

.os-btn-bowles.mb {
display: none;
}

.bowl-content-mb .title-form {
font-size: .938em;
font-weight: 800;
text-align: center;
color: #0e4f42;
}

.os-float-right {
float: right;
}

.login-btn-active {
display: none;
}

.login-button.active img {
display: none;
}

.login-button.active img.login-btn-active {
display: block;
}

.description .btn-manager.btn-green {
box-shadow: 0 13px 13px -7px rgba(14, 79, 66, 0.49);
background-image: linear-gradient(to top, #0e4f42 200%, #41a994);
}

.oleus {
margin: 15px 0;
padding: 0 15px;
text-align: center;
display: block;
}

.modal-info {
display: none;
}

.slider-main .image {
    display: flex;
}

/*.slider-main .image>div {*/
/*width: 50%;*/
/*}*/

.box-icon-manager {
margin-top: 10px;
}

.box-icon-manager a {
margin: 1px 0;
padding: 10px;
background-color: #fff;
border-radius: 12px;
font-size: 1.125em;
}

.box-icon-manager a:hover {
color: #fff;
background-color: #F4784D;
}

.box-icon-manager div {
width: 60px;
height: 60px;
border-radius: 12px;
box-shadow: 5px 2px 8px 0 #6C6C6C1A;
background: #F4784D;
margin-right: 8px;
}

.box-icon-manager div.uk-icon-viber {
background: #7360F2;
}

.box-icon-manager div.uk-icon-telegram {
background: linear-gradient(0deg, #1D93D2 0%, #38B0E3 100%);
}

.box-icon-manager div.uk-icon-instagram {
background: radial-gradient(60.82% 20.72% at 13.57% 4.07%, #780CFF 0%, rgba(130, 11, 255, 0) 100%), radial-gradient(37.17% 28.55% at 52.53% 98.59%, #FFCC00 0%, rgba(255, 204, 0, 0) 100%), radial-gradient(84.69% 79.82% at 26.56% 107.7%, #FFCC00 0%, #FFCC00 12.42%, #FE4A05 56.72%, #FF0F3F 69.42%, rgba(254, 6, 87, 0) 100%), radial-gradient(61.5% 44.3% at 96.77% 46.87%, #FF005F 0%, #FC01D8 100%);
}

.preorder-mobile {
display: none;
}

.description a.link-green {
box-shadow: 0 13px 13px -7px rgba(14, 79, 66, 0.49);
background-image: linear-gradient(to top, #0e4f42 200%, #41a994);
}

.search-btn {
display: none;
border: none;
margin: 0;
padding: 10px;
}

@-webkit-keyframes dash {
0% {
    stroke-dasharray: 0 340
}
100% {
    stroke-dasharray: 340 0;
}
}

@keyframes dash {
0% {
    stroke-dasharray: 0 340
}
100% {
    stroke-dasharray: 340 0;
}
}

#omega {
position: absolute;
}

.game-img {
text-align: center;
margin: 20px;
}

.game-img div {
width: 26px;
height: 38px;
border: 2px solid transparent;
margin: 10px;
display: inline-block;
}

.game-img div:nth-child(1) {
border-color: #ea112e;
}

.game-img div:nth-child(2) {
border-color: #f4784e;
transform: rotate(30deg);
margin-left: 5px;
}

.game-img div:nth-child(3) {
border-color: #7e7712;
transform: rotate(60deg);
}

.game-img div:nth-child(4) {
border-color: #0e4f42;
transform: rotate(90deg);
margin-bottom: 5px;
}

.description-page a {
color: #f4784e;
text-decoration: underline;
}

.description-page a:hover {
color: #f4784e;
text-decoration: none;
}

.search-button-close {
display: none;
    background: #3C4545;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    padding: 10px;
    font-size: .875em;
    color: #D7D7D7;
    font-family: inherit;
    margin: 20px auto;
}

.search-button-close:hover {
    background: #242C2C;
}

.search-button-close span {
    padding-right: 10px;
}

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

.store-links {
padding: 40px 0 20px 0;
text-align: left!important;
}

.store-links .left-bottom-text {
font-size: 15px;
font-weight: bold;
padding-bottom: 10px;
}

.uk-delivery-time-close {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #242C2C;
    border: none;
    padding: 0;
    margin: 0 0 4px auto;
}

.uk-delivery-time-close:hover {
    background-color: #F47C53;
}

.os-app-mobile .uk-modal {
    padding: 0;
}

.os-app-mobile .uk-modal-dialog.uk-modal-callback-content {
    margin-top: 0;
}

.os-app-mobile .uk-modal-dialog {
    width: 100%;
    border-radius: 0;
}

.uk-modal .uk-button-callback {
    min-width: 100%;
    margin-top: 30px;
}

.uk-modal-callback.uk-modal {
    z-index: 1011;
}

.os-app-mobile .cards-last .os-card-item {
    margin: 0;
    min-height: 375px;
}

.os-app-mobile .os-card-item {
    padding: 12px 20px;
    border-radius: 10px;
    min-height: auto;
    border: 1px solid #fff;
}

.slider-hit-mobile>*+* {
    margin-top: 20px;
}

.slider-hit-mobile .os-card-item-params {
    font-size: .875em;
}

.slider-hit-mobile .os-card-item-consist {
    -webkit-line-clamp: 10;
    overflow: inherit;
    min-height: auto;
}

.grid-slider .slick-list {
    padding-right: 12%;
}

.grid-slider .uk-advantage-item,
.grid-slider .os-post-item {
    margin: 10px 15px;
}

.os-app-mobile .uk-advantages .os-container,
.os-app-mobile .os-post-last .os-container+.os-container {
    padding-left: 0;
    padding-right: 0;
}

.os-app-mobile .os-grid-title {
    padding-bottom: 10px;
    border-bottom: 1px solid #fff;
}

.os-app-mobile .os-post-last {
    border-top: none;
}

.os-app-mobile .os-post-item-title {
    min-height: 42px;
}

.os-app-mobile .os-post-item-description {
    min-height: 40px;
}

.os-app-mobile .footer {
    background-color: transparent;
    border-radius: 0;
}

.os-app-mobile .footer>.os-grid .os-grid:not(.os-social-block)>* {
    padding: 0;
}

.os-app-mobile .os-grid.os-grid-collapse.os-social-block {
    margin: 0;
    padding: 0;
}

.os-app-mobile footer .os-width-medium {
    width: 100%;
}

.os-app-mobile .os-footer-bottom>*, .os-app-mobile .os-footer-bottom .os-grid>* {
    width: 100%;
}

.os-app-mobile .os-footer-bottom {
    margin: 20px 0;
}

.os-app-mobile footer .uk-lang-modal, .os-app-mobile .os-oleus {
    width: auto;
    margin: 0;
}

.os-app-mobile .os-copyright, .os-app-mobile .os-oleus {
    text-align: center;
    margin-top: 15px;
}

.os-app-mobile .os-oleus a {
    padding-left: 10px;
}

.os-app-mobile .footer>.os-grid>*+* {
    border-left: none;
}

.os-app-mobile footer .uk-button-phone {
    font-size: 1em;
}

.os-app-mobile .uk-modal-dialog.uk-modal-card-order-content {
    padding: 10px 0 0 0;
}

.os-app-mobile .uk-modal-card-order .uk-modal-title {
    padding: 20px 15px 10px 15px;
    min-height: auto;
    justify-content: flex-start;
}

.os-app-mobile .card-sm-image {
    width: 100px;
}

.os-app-mobile .card-sm-image img {
    width: 100%;
}

.os-app-mobile .uk-modal-title {
    font-size: 1.125em;
}

.os-app-mobile .card-sm-title {
    font-size: 1em;
}

.os-app-mobile .card-sm-amount {
    font-size: .875em;
}

.os-app-mobile .card-sm-additionally>.os-grid>* {
    width: 100%;
}

.os-app-mobile .card-sm-additionally>.os-grid>*:first-child {
    display: flex;
    justify-content: space-between;
}

.os-app-mobile .card-sm-remove {
    border: none;
    background-color: transparent;
    padding: 0;
}

.os-app-mobile .card-sm {
    padding: 10px;
    /*border-top: none;*/
    border-radius: 12px;
    /*background-color: #EDF1F1;*/
    /*margin-bottom: 4px;*/
}

.os-app-mobile .os-link-order-box {
    margin: 0;
    border-radius: 0;
}

.os-app-mobile .uk-modal-price-total {
    min-width: 110px;
    padding: 0 15px;
}

.os-app-mobile .catalog-items>.os-grid>*:first-child .os-card-item {
    border-top: none;
}

.mobile-filter .os-filter-sort {
    display: block;
}

.uk-modal-filter>* {
    background-color: #121414;
    border-radius: 10px 10px 0 0;
    padding: 15px;
}

.uk-modal-filter .modal-icon-close {
    position: relative;
    top: 0;
    right: 0;
}

.os-filter-top {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(215, 215, 215, .1);
}

.uk-modal-filter .filter-mark {
    min-height: 41px;
    background-color: #1D2020;
    margin: 6px 0;
    color: #D7D7D7;
}

.uk-modal-filter .filter-consist label span {
    color: #D7D7D7;
    margin: 6px 0;
}

.uk-modal-filter .os-h4 {
    color: #D7D7D7;
}

.mobile-filter form {
    overflow-y: scroll;
    overflow-x: hidden;
    scrollbar-width: thin;
    max-height: calc(100vh - 130px);
}

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

.os-card-product {
    padding-top: 30px;
}

.os-card-product .uk-btn-promo-info {
    font-size: .875em;
}

.os-link-back {
    position: absolute;
    left: 0;
    top: -15px;
    right: 0;
    background-color: #fff;
    padding: 14px 0;
}

.os-link-back a {
    font-size: .875em;
    color: #242C2C;
}

.os-link-back a span {
    padding-left: 10px;
}

.os-app-mobile .slider-subproducts .os-ingredients-product {
    width: 185px;
    display: flex;
    align-items: center;
    padding: 6px;
    min-height: 52px;
}

.os-app-mobile .slider-subproducts {
    height: 52px;
}

.os-app-mobile .slider-subproducts .os-ingredients-product img {
    width: 66px;
}

.os-app-mobile .os-ingredients-product span {
    flex: 1;
    font-size: .813em;
}

.os-app-mobile .os-prod-price {
    min-height: auto;
    border: none;
    border-radius: 0;
    padding: 0;
}

.os-app-mobile .os-button.os-button-xlarge {
    line-height: 52px;
}

.os-app-mobile .search-result {
    padding: 20px 0;
}

.os-app-mobile .search-result:before {
    display: block;
    content: "";
    position: absolute;
    left: -15px;
    top: 0;
    right: -15px;
    bottom: 0;
    background-color: #fff;
    z-index: -1;
}

.os-app-mobile .os-basket-form>*>.os-grid {
    flex-wrap: wrap-reverse;
}

.os-app-mobile .os-basket-products {
    z-index: 1;
    padding-bottom: 10px;
}

.os-app-mobile .order-content .os-h2 {
    position: relative;
    z-index: 2;
}

.os-app-mobile .os-basket-products:before {
    display: block;
    content: "";
    position: absolute;
    left: -15px;
    bottom: 0;
    right: -15px;
    top: -100px;
    background-color: #fff;
    z-index: -1;
}

.os-app-mobile .os-basket-additionally {
    position: relative;
    z-index: 1;
    padding: 10px 0;
    margin: 0;
}

.os-app-mobile .os-basket-additionally:before {
    display: block;
    content: "";
    position: absolute;
    left: -15px;
    bottom: 0;
    right: -15px;
    top: 0;
    background-color: #DEE9E5;
    z-index: -1;
}

.os-app-mobile .os-basket-form {
    padding-top: 10px;
}

.os-app-mobile .os-basket-products .card-sm {
    background-color: #fff;
    border: 1px solid #EDF1F1;
}

.os-app-mobile .os-basket-products .card-sm .os-grid {
    align-items: center;
}

.os-app-mobile .card-sm-additionally .os-grid .os-grid>* {
    width: 100%;
}

.os-app-mobile .card-sm-additionally .os-grid .os-grid.os-child-width-1-2>*+* {
    margin-top: 6px;
}

.os-app-mobile .card-sm.card-sm-additionally {
    padding: 10px 0;
    border-radius: 0;
    background-color: transparent;
}

.os-app-mobile .os-additionally-title {
    border-radius: 8px;
}

.os-app-mobile .card-sm-additionally .card-bottom {
    padding-top: 5px;
}

.os-app-mobile .card-sm-additionally.os-card-sticks .card-bottom>*+* {
    margin-top: 4px;
}

.os-app-mobile .card-sm-additionally.os-card-sticks .card-bottom>*>* {
    padding: 10px;
    background-color: #F5F8F7;
    border-radius: 12px;
}

.os-app-mobile .card-sm-additionally:not(.os-card-sticks) .card-bottom>*+* {
    padding-top: 5px;
}

.os-app-mobile .os-card-sticks .card-bottom>*+* {
    margin-top: 0;
}

.os-app-mobile .card-sm-additionally .card-sm-title+* {
    font-size: .875em;
}

.os-basket-total-wrap-only {
    padding: 20px 0;
    margin-bottom: 40px;
}

.os-basket-total-wrap-only:before {
    display: block;
    content: "";
    position: absolute;
    left: -15px;
    right: -15px;
    top: 0;
    bottom: 0;
    background-color: #fff;
    z-index: -1;
}

.os-basket-total-wrap-only>*:first-child {
    font-size: 1.125em;
}

.os-basket-total-wrap-only>*+* {
    font-size: 1.5em;
}

.os-sticky-basket-box {
    margin-top: 20px;
}

.os-sticky-basket {
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 -3px 21px 0 #6C6C6C33;
    padding: 20px;
}

.os-app-mobile .os-sticky-basket {
    padding: 10px;
}

.os-sticky-basket.sticky {
    position: fixed;
    left: 15px;
    bottom: 10px;
    right: 15px;
    z-index: 1000;
    max-width: 1420px;
    margin: 0 auto;
}

.os-app-mobile .os-sticky-basket.sticky {
    bottom: 0;
}

.os-app-mobile .os-sticky-basket.sticky:before {
    display: block;
    content: "";
    position: absolute;
    left: -15px;
    top: 0;
    bottom: 0;
    right: -15px;
    background-color: #fff;
    z-index: -1;
}

.os-app-mobile .os-basket-btns>.os-grid>* {
    width: 100%;
}

.os-app-mobile .os-basket-total-wrap {
    justify-content: space-between;
    margin-bottom: 5px;
}

.os-app-mobile .os-basket-payments.os-grid.os-child-width-1-3>div {
    width: 100%;
}

.os-app-mobile .os-basket-form .os-grid.os-child-width-1-2>div {
    width: 100%;
}

/*.os-app-mobile .delivery-courier>*:nth-child(-1n+2), .os-app-mobile .delivery-courier>.os-width-1-2 {*/
/*    width: 100%;*/
/*}*/

.os-app-mobile .os-pre-order-item {
    margin-bottom: 4px;
}

.os-app-mobile .os-basket-btns .os-button {
    padding: 0 10px;
    line-height: 49px;
    width: 100%;
}

.os-app-mobile .os-basket-btns sup {
    font-size: 50%;
    top: -0.4em;
}

.os-app-mobile .main-order-button .uk-modal-price-total {
    min-width: 100px;
    padding: 0 10px;
}

.os-app-mobile .os-page-track .os-h2 {
    padding-bottom: 10px;
}

.os-app-mobile .os-pagination ul {
    padding: 0;
    margin: 0;
    background-color: transparent;
}

.os-app-mobile .os-pagination ul>*>* {
    min-width: 25px;
}

input[type="search"] {
    -webkit-appearance: none;
}

.os-button-active {
    background-color: #01A72F;
}

.os-app-mobile .uk-basket-sticks-cost {
    justify-content: space-between;
    border: none;
}


@media (max-width: 1600px) {

}

@media (max-width: 1440px) {
    .uk-menu-category>* {
        flex: 0 1 110px;
    }
    .uk-menu-category>*>* {
        font-size: .875em;
    }
    .front-slider .slick-slide img {
        width: 100%;
        height: auto;
    }
    .front-slider {
        height: auto;
    }
    footer .uk-button-callback {
        min-width: auto;
    }
    footer .os-width-medium {
        width: 400px;
    }
    footer .uk-button-phone {
        font-size: 1.188em;
    }
    footer .uk-lang-modal, .os-oleus {
        width: 100px;
    }
    .os-basket-form>*>.os-grid.os-grid-large {
        margin-left: -20px;
    }
    .os-basket-form>*>.os-grid.os-child-width-1-2>div {
        padding-left: 20px;
    }
    .os-page-track .os-width-medium {
        width: 400px;
    }
    .os-page-track .os-grid.os-grid-large, .os-node-news .os-grid.os-grid-large {
        margin-left: -40px;
    }
    .os-page-track .os-grid.os-grid-large>*, .os-node-news .os-grid.os-grid-large>* {
        padding-left: 40px;
    }


}

@media (max-width: 1330px) {
    .catalog-items>.os-grid.os-child-width-1-4>div {
        width: calc(100% / 3);
    }
    .uk-basket-sticks .os-grid>* {
       width: 100%;
    }
    .uk-basket-sticks .os-grid {
        margin-top: 10px;
    }
}

@media (max-width: 1280px) {
    .uk-menu-category>* {
        flex: 0 1 100px;
    }
    .uk-menu-category>*>* {
        font-size: .75em;
    }
    .os-contacts-top .os-grid.os-child-width-1-3>div {
        width: 100%;
        margin-bottom: 4px;
    }

}

@media (max-width: 1200px) {

}

@media (max-width: 1199px) {
    header .uk-button-callback>span+span {
        display: none;
    }
    header .uk-button-callback {
        min-width: auto;
    }
    header .uk-button-callback .uk-button-icon {
        margin: 0;
    }
    .search-btn {
        display: block;
    }
    .box-search-input {
        display: none;
        position: absolute;
        right: 0;
        top: 100px;
    }
    .box-search-input.open {
        display: block;
        z-index: 1111;
    }
    .box-search-input.open .search-button-close {
        display: flex;
    }
    header.active .uk-button-menu {
        transform: translateY(0);
        background-color: #EDF1F1;
        color: #242C2C;
        box-shadow: none;
    }
    header.active .uk-basket-box {
        transform: translateY(0);
        box-shadow: none;
    }
    header.active {
        transform: translateY(0);
    }
    .uk-menu-category>* {
        flex: 1 1 auto;
        margin: 0 2px;
    }
    .os-basket-form>*>.os-grid.os-child-width-1-2>div {
        width: 100%;
    }
    .os-page-track .os-grid.os-grid-large>* {
        width: 100%;
    }
    .os-page-track .os-grid.os-grid-large>*+* {
        margin-top: 30px;
    }
    .os-delivery-points .os-grid.os-child-width-1-2>div {
        width: 100%;
        margin-bottom: 8px;
    }
    .os-catcoin-box .os-grid.os-child-width-1-2>div{
        width: 100%;
        padding-top: 0;
        padding-bottom: 0;
    }
    .os-catcoin-box>.os-grid>*:first-child {
        text-align: center;
        padding-bottom: 20px;
    }
    .os-catcoin-box {
        padding: 20px 15px;
        border-radius: 0;
    }
    .os-page-catcoin>*:first-child {
        padding-left: 0;
        padding-right: 0;
    }
    .os-contacts-top {
        padding: 10px;
    }
    .os-contacts-bottom  {
        display: block;
    }
    .os-contacts-bottom>*+* {
        border-left: 0;
    }

}

@media (max-width: 992px) {
    .catalog-items>.os-grid.os-child-width-1-4>div {
        width: 50%;
    }
    .os-app .os-grid>* {
        width: 100%;
    }
    .os-app {
        border-bottom: none;
    }
    .os-app .os-container,
    .catalog-items .os-seo-text .os-container,
    .os-card-product .os-container .os-container {
        padding-left: 0;
        padding-right: 0;
    }
    .os-app-content {
        width: 100%;
        padding: 20px 15px;
        border-radius: 0;
    }
    .os-page-pickup .os-grid>div {
        width: 100%;
    }
    .os-page-content h2, .os-page-content h3 {
        text-transform: none;
        font-size: 1.5em;
    }
    .os-catcoin-box {
        padding: 20px;
    }
    .os-page-news .os-grid.os-child-width-1-3>div {
        width: 50%;
    }
    .os-page-track .os-grid.os-grid-large>*, .os-node-news .os-grid.os-grid-large>* {
       width: 100%;
    }
    .os-review-menu.os-grid.os-child-width-1-2>div {
        width: 100%;
    }
    .os-review-menu>*+*{
        margin-top: 70px;
        justify-content: center;
    }


}

@media (max-width: 768px) {


}

@media (max-width: 767px) {
    main {
        padding-top: 15px;
    }
    header {
        top: 0;
        background-color: #fff;
    }
    .uk-button-menu {
        min-height: 40px;
        width: auto;
        font-size: 1.063em;
        background-color: #fff;
        padding: 0;
    }
    .uk-header-top>*:not(.os-flex-1, .goods-counter)>div {
        background: #fff;
        padding: 0;
    }
    .goods-counter>* {
        min-height: 36px;
        width: 77px;
        border-radius: 10px;
    }
    .uk-basket-box {
        min-height: 36px;
        width: 100%;
        border-radius: 10px;
        background-color: #fff;
        border: 1px solid #D7D7D7;
        padding: 0 12px;
        justify-content: space-between;
    }
    .uk-basket-box span {
        padding-left: 5px;
    }
    .uk-basket-box:not(.empty) {
        border-color: #F4784D;
    }
    .uk-header-top {
        min-height: 70px;
        align-items: center;
    }
    .uk-header-top>*:not(:first-child) {
        border-left: none;
    }
    header .search-btn {
        box-shadow: none;
        width: auto;
        height: auto;
        margin-right: 5px;
    }
    .uk-header-top>*:not(.os-flex-1) {
        padding: 0;
    }
    .uk-header-top .uk-logo-type {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .uk-menu-category {
        flex-wrap: wrap;
        padding: 0 0 20px 0;
        margin-left: -8px;
    }
    .uk-menu-category>*  {
        width: 25%;
        padding-left: 8px;
        box-sizing: border-box;
        margin: 8px 0 0 0;
    }
    .slider-main .image {
        display: block;
        margin-left: 15px;
    }
    .slider-main .image>div {
        width: 100%;
    }
    .main-block .os-container, .os-grid-method .os-container {
        padding-left: 0;
        padding-right: 0;
    }
    .front-slider .slick-list {
        padding-right: 8%;
        background-color: transparent;
        border-radius: 0;
    }
    .bestsellers {
        padding: 0;
    }
    .uk-menu-category>*>* {
        min-height: 80px;
        padding: 5px;
        font-size: .938em;
        line-height: 1em;
    }
    .uk-menu-category>*:first-child>* {
        margin-left: 0;
    }
    .uk-menu-category .uk-menu-icon {
        margin: 0 4px 0 0;
    }
    .uk-slider-title {
        font-size: 1.125em;
        letter-spacing: -1px;
        margin-top: 10px;
    }
    .uk-slider-description {
        font-size: .938em;
    }
    .slider-main .image img {
        border-radius: 12px;
    }
    .uk-slider-link {
        padding-top: 10px;
    }
    main .slick-dots li button {
        width: 8px;
        height: 8px;
    }
    .slick-dots {
        top: calc(100% + 30px);
    }
    header.active .uk-button-menu svg path {
        fill: #242C2C;
    }
    header.active .uk-button-menu {
        background-color: #fff;
    }
    .uk-button-menu:hover, header.active .uk-button-menu:hover {
        color: #242C2C;
        background-color: #fff;
    }
    .uk-button-menu:hover svg path, header.active .uk-button-menu:hover svg path {
        fill: #242C2C;
    }
    body.push, body.blur {
        padding-right: 0;
    }
    .os-h2.os-text-center {
        text-align: left;
    }
    .os-h2 {
        font-size: 1.125em;
    }
    .card-product>*>.os-grid.os-child-width-1-2>div {
        width: 100%;
    }
    .os-page-track .os-grid .os-grid>*{
        width: 100%;
    }
    .os-page-delivery .os-grid>div {
        width: 100%;
    }
    .os-page-delivery .os-grid>div+div {
        margin-top: 4px;
    }
    .os-delivery-zones {
        margin-bottom: 15px;
    }
    .os-grid-method>*>* {
        padding: 20px 15px;
        border-radius: 0;
    }
    .os-grid-method .os-grid>*>* {
        padding: 4px;
        display: flex;
        align-items: center;
    }
    .os-grid-method .os-grid>*>*>*+* {
        margin-top: 0;
        flex: 1;
        text-align: left;
        padding-left: 10px;
    }
    .box-search-input {
        top: 70px;
        right: 15px;
    }

}

@media (max-width: 639px) {
    .os-modal {
        padding: 20px;
    }
    .modal-content .os-modal-title {
        font-size: 1.75em;
    }
    .catalog-items>.os-grid.os-child-width-1-4>div {
        width: 100%;
    }
    .pt-80 {
        padding-top: 40px;
    }
    .os-breadcrumb {
        justify-content: center;
    }
    .os-category>*>.os-grid>* {
        width: 100%;
    }
    .os-app img {
        max-width: 100%;
        height: auto;
    }
    .os-category .os-h2 {
        padding-bottom: 15px;
    }
    .catalog-sort-btns {
        display: flex;
        margin-left: -4px;
    }
    .catalog-sort-btns>* {
        width: 50%;
        padding-left: 4px;
        box-sizing: border-box;
    }
    .catalog-sort-btns button {
        width: 100%;
        justify-content: center;
    }
    .os-h1 {
        font-size: 1.313em;
    }
    .os-prod-amount, .os-prod-param {
        font-size: .875em;
    }
    .slider-hit {
        padding: 0;
    }
    .slick-slider-sm:after {
        display: block;
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        width: 36px;
        right: 0;
        background: linear-gradient(270deg, #EDF1F1 0%, rgba(237, 241, 241, 0) 100%);
        z-index: 1;
    }
    .cards-last .os-container {
        padding-left: 0;
        padding-right: 0;
    }
    .cards-last .os-h2 {
        padding: 0 15px;
    }
    .cards-last .slick-slider .slick-list {
        padding-right: 20%;
    }
    .cards-last .slider .os-card-item {
        margin: 10px 15px;
        padding: 12px;
    }
    .cards-last .os-card-item .os-button span:not(.os-button-active) {
        display: none;
    }
    .cards-last .os-card-item .os-button {
        height: 42px;
    }
    .cards-last .os-card-item .os-button svg {
        margin-left: 0;
    }
    .os-h4 {
        font-size: 1.125em;
    }
    .os-page-news .os-grid.os-child-width-1-3>div {
        width: 100%;
    }
    .os-h3 {
        font-size: 1.25em;
    }
    .os-page-catcoin>*>.os-grid>* {
        width: 100%;
    }
    .os-catcoin-box {
        padding: 20px 15px;
    }

}

@media (max-width: 480px) {
    .box-search-input {
        left: 15px;
    }
    .box-search-input .search-input {
        width: 100%;
    }
    .os-page-catcoin .os-button {
        padding: 0 20px;
    }
    .os-contacts-top .uk-button-phone {
        font-size: 1.125em;
    }
    .os-contacts-top .uk-button-callback {
        min-width: auto;
    }

}

.os-height-1-1 {
height: 100%;
}


/* OLEUS FINISH */

.text-info {
    display: none;
}

.order-button-mobile {
    display: none;
}

.btn-expedite {
    display: none;
}

.input-mobile {
    display: none;
}

.sauce-mobile {
    display: none;
}








.game-page {
    margin: 0;
    padding: 15px 0;
}

#game-score {
    padding: 10px 20px;
    background: #564e47;
    border-radius: 0;
    color: #E0E0D5;
}

#game-wrap {
    width: 608px;
    height: 320px;
    margin: 0 auto;
    background: transparent url(/images/site/game-bg.jpg?336fb086abb700c330b79068c675b58d) center center no-repeat;
    position: relative;
}


/*
 * Basket
 */

#game-wrap .basket {
    width: 80px;
    height: 80px;
    position: absolute;
}

#game-wrap[data-bx="0"][data-by="1"] .basket {
    width: 189px;
    height: 229px;
    background: transparent url(/images/site/basket-p-0-1.png?0805a74fb4d6453f9ff6d9b8ddd8d39f) center center no-repeat;
    top: 60px;
    left: 200px;
}

#game-wrap[data-bx="1"][data-by="1"] .basket {
    width: 189px;
    height: 229px;
    background: transparent url(/images/site/basket-p-1-1.png?f80d6f19262b13e1db5067277cb2b96a) center center no-repeat;
    top: 60px;
    right: 200px;
}

#game-wrap[data-bx="0"][data-by="0"] .basket {
    width: 189px;
    height: 229px;
    background: transparent url(/images/site/basket-p-0-0.png?5a19745cc7a1602454970cfaa95db24a) center center no-repeat;
    top: 60px;
    left: 200px;
}

#game-wrap[data-bx="1"][data-by="0"] .basket {
    width: 189px;
    height: 229px;
    background: transparent url(/images/site/basket-p-1-0.png?2d7ce71e250667d1859146bf05e183f8) center center no-repeat;
    right: 200px;
    top: 60px;
}


/*
 * Wolf
 */

#game-wrap .wolf {
    width: 50px;
    height: 140px;
    position: absolute;
}

#game-wrap[data-bx="0"] .wolf {
    width: 98px;
    height: 152px;
    top: 164px;
    left: 179px;
    background: transparent url(/images/site/wolf-p-0.png?febe2aec515ff80a22632eaef9fc668c) center center no-repeat;
}

#game-wrap[data-bx="1"] .wolf {
    width: 90px;
    height: 146px;
    top: 166px;
    right: 186px;
    background: transparent url(/images/site/wolf-p-1.png?976a6ee706341019b6116621a88b4677) center center no-repeat;
}


/*
 * Egg
 */

#game-wrap .egg {
    width: 21px;
    height: 21px;
    background: transparent url(/images/site/egg.png?15e65ad16a1a9ab5f370191c4591f33c) center center no-repeat;
    position: absolute;
}

#game-wrap[data-egg-0="0"] .egg.e-0,
#game-wrap[data-egg-1="0"] .egg.e-1,
#game-wrap[data-egg-2="0"] .egg.e-2,
#game-wrap[data-egg-3="0"] .egg.e-3 {
    display: none;
}


/* Egg bottom-left */

#game-wrap[data-egg-0="1"] .egg.e-0 {
    top: 121px;
    left: 63px;
    transform: rotate(65deg);
}

#game-wrap[data-egg-0="2"] .egg.e-0 {
    top: 133px;
    left: 87px;
    transform: rotate(118deg);
}

#game-wrap[data-egg-0="3"] .egg.e-0 {
    top: 144px;
    left: 122px;
    transform: rotate(162deg);
}

#game-wrap[data-egg-0="4"] .egg.e-0 {
    top: 158px;
    left: 143px;
    transform: rotate(-93deg);
}

#game-wrap[data-egg-0="5"] .egg.e-0 {
    top: 176px;
    left: 184px;
    transform: rotate(-7deg);
}


/* Egg top-left */

#game-wrap[data-egg-1="1"] .egg.e-1 {
    top: 58px;
    left: 66px;
    transform: rotate(56deg);
}

#game-wrap[data-egg-1="2"] .egg.e-1 {
    top: 73px;
    left: 93px;
    transform: rotate(108deg);
}

#game-wrap[data-egg-1="3"] .egg.e-1 {
    top: 81px;
    left: 123px;
    transform: rotate(192deg);
}

#game-wrap[data-egg-1="4"] .egg.e-1 {
    top: 94px;
    left: 144px;
    transform: rotate(-62deg);
}

#game-wrap[data-egg-1="5"] .egg.e-1 {
    top: 115px;
    left: 185px;
}


/* Egg top-right */

#game-wrap[data-egg-2="1"] .egg.e-2 {
    top: 58px;
    right: 66px;
    transform: rotate(-10deg);
}

#game-wrap[data-egg-2="2"] .egg.e-2 {
    top: 69px;
    right: 93px;
    transform: rotate(-56deg);
}

#game-wrap[data-egg-2="3"] .egg.e-2 {
    top: 85px;
    right: 123px;
    transform: rotate(-128deg);
}

#game-wrap[data-egg-2="4"] .egg.e-2 {
    top: 90px;
    right: 144px;
    transform: rotate(140deg);
}

#game-wrap[data-egg-2="5"] .egg.e-2 {
    top: 115px;
    right: 185px;
    transform: rotate(58deg);
}


/* Egg bottom-right */

#game-wrap[data-egg-3="1"] .egg.e-3 {
    top: 121px;
    right: 63px;
    transform: rotate(-14deg);
}

#game-wrap[data-egg-3="2"] .egg.e-3 {
    top: 130px;
    right: 87px;
    transform: rotate(-53deg);
}

#game-wrap[data-egg-3="3"] .egg.e-3 {
    top: 147px;
    right: 122px;
    transform: rotate(-96deg);
}

#game-wrap[data-egg-3="4"] .egg.e-3 {
    top: 154px;
    right: 143px;
    transform: rotate(152deg);
}

#game-wrap[data-egg-3="5"] .egg.e-3 {
    top: 176px;
    right: 184px;
    transform: rotate(68deg);
}

#game-wrap .more-info .how-to-play {
    padding-bottom: 44px;
    background: transparent url(/images/site/arrow-keys.png?8df7c05c2a0ae3d7949990bf12122236) center bottom no-repeat;
    position: absolute;
    bottom: 10px;
}

#message {
    width: 100%;
    height: 100%;
    background: transparent url(/images/site/game-over-bg.png?b964418795e163c0071b5b8b5f5eb99e);
    position: relative;
    display: none;
    overflow: hidden;
}

#message>div {
    margin-top: 134px;
    padding: 5px 0 15px;
    background: #564E47;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

#message>div p {
    font-size: 16px;
}

#game-wrap img {
    vertical-align: top;
}

#controls {
    width: 100%;
    height: 155px;
    position: absolute;
    bottom: 5px;
}

#controls a {
    width: 80px;
    height: 80px;
    border-radius: 80px;
    background: transparent url(/images/site/nav-button.png?43b4a29ecebb414d3f1d4a0e1c336f9f) center center no-repeat;
    color: #B14426;
    font-size: 16px;
    line-height: 32px;
    text-indent: -200px;
    text-align: center;
    position: absolute;
    display: block;
    overflow: hidden;
}

#controls a[data-x="0"] {
    left: -80px;
}

#controls a[data-x="1"] {
    right: -80px;
}

#controls a[data-y="0"] {
    bottom: 0;
}

#controls a[data-y="1"] {
    top: 0;
}


/* Mobile devices */

.game-body.is-mobile {}

.game-body.is-mobile .more-info a.source-code {
    padding: 0 90px 0 0;
    background-position: right top !important;
}

.game-body.is-mobile #game-wrap .more-info .how-to-play {
    display: none;
}

.game-body.is-mobile .more-info a.restart-game {
    float: right;
}

.game-body:not(.is-mobile) #controls,
.game-body:not(.is-mobile) .more-info a.restart-game {
    display: none;
}

.game-item .sub-title {
    font-weight: 600;
    font-size: .875em;
    margin-bottom: 60px;
}

.game-item .title {
    font-weight: 800;
    font-size: 1.813em;
    color: #0e4f42;
}

.game-item .description {
    font-weight: 400;
    font-size: .813em;
    color: #7a7a7c;
    margin-bottom: 40px;
}

.game-item .number {
    font-weight: 800;
    font-size: 9.375em;
    color: #0e4f42;
    line-height: 1em;
    margin-bottom: 30px;
}

@media only screen and (max-width: 1024px) {
    #game-wrap .more-info {
        width: 100%;
        height: auto;
        top: auto;
        right: 0;
        bottom: -80px;
    }
    #game-wrap .more-info a.source-code,
    #game-wrap .more-info .how-to-play {
        width: auto;
    }
    #game-wrap .more-info a.source-code {
        float: left;
    }
    #game-wrap .more-info .how-to-play {
        float: right;
        position: relative;
    }
}

@media only screen and (max-width: 768px) {
    #game-wrap .more-info a.source-code {
        padding: 0 90px 0 0;
        background-position: right top;
    }
    #game-wrap .more-info {
        bottom: -40px;
    }
    #game-wrap .more-info .how-to-play {
        display: none;
    }
    #controls a[data-x="0"] {
        left: 20px;
    }
    #controls a[data-x="1"] {
        right: 20px;
    }
    .text-min-order.visibble-s {
        display: none!important;
    }
    .store-links.os-text-center {
        text-align: center!important;
    }
}

@media screen and (max-width: 812px) and (min-width: 412px) and (orientation: landscape) {
    .game-page main {
        margin-top: 0;
    }
    .game-page header {
        display: none;
    }
    .game-page .game-body .modal-info {
        display: none;
    }
}

.card-sm-items::-webkit-scrollbar-track {
    background: linear-gradient(to right, var(--scroll-track-color) 0, var(--scroll-track-color) 30%, var(--scroll-color) 60%, var(--body-bg-color) 61%, var(--body-bg-color) 100%)
}

.card-sm-items::-webkit-scrollbar {
    width: 4px
}

.card-sm-items::-webkit-scrollbar-thumb {
    background-color: var(--scroll-color);
    border-radius: 4px
}

.card-sm-items::-webkit-scrollbar-track {
    background: linear-gradient(to right, var(--scroll-track-color) 0, var(--scroll-track-color) 35%, var(--scroll-color) 55%, var(--body-bg-color) 61%, var(--body-bg-color) 100%)
}

.card-sm-items::-webkit-scrollbar-thumb {
    background-color: var(--scroll-color);
    border-radius: 5px
}

:root {
    --body-bg-color: #f5faf5;
    --scroll-color: #c1c1c4;
    --scroll--hover-color: #f5faf5;
    --scroll-track-color: rgba(255, 255, 255, 0)
}

.card-sm-items {
    overflow-y: scroll;
    overflow-x: hidden;
    scrollbar-width: thin;
    margin: 0 10px;
}

.shake {
    -webkit-animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
            animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
    transform: translate3d(0, 0, 0);
}

@keyframes shake {
    10%,
    90% {
        transform: translate3d(-1px, 0, 0);
    }
    20%,
    80% {
        transform: translate3d(2px, 0, 0);
    }
    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0);
    }
    40%,
    60% {
        transform: translate3d(4px, 0, 0);
    }
}/*
 * CKEditor 5 (v27.0.0) content styles.
 * Generated on Wed, 24 Mar 2021 08:00:59 GMT.
 * For more information, check out https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/content-styles.html
 */

:root {
    --ck-color-mention-background: hsla(341, 100%, 30%, 0.1);
    --ck-color-mention-text: hsl(341, 100%, 30%);
    --ck-highlight-marker-blue: hsl(201, 97%, 72%);
    --ck-highlight-marker-green: hsl(120, 93%, 68%);
    --ck-highlight-marker-pink: hsl(345, 96%, 73%);
    --ck-highlight-marker-yellow: hsl(60, 97%, 73%);
    --ck-highlight-pen-green: hsl(112, 100%, 27%);
    --ck-highlight-pen-red: hsl(0, 85%, 49%);
    --ck-image-style-spacing: 1.5em;
    --ck-todo-list-checkmark-size: 16px;
}

/* ckeditor5-font/theme/fontsize.css */
.ck-content .text-tiny {
    font-size: .7em;
}
/* ckeditor5-font/theme/fontsize.css */
.ck-content .text-small {
    font-size: .85em;
}
/* ckeditor5-font/theme/fontsize.css */
.ck-content .text-big {
    font-size: 1.4em;
}
/* ckeditor5-font/theme/fontsize.css */
.ck-content .text-huge {
    font-size: 1.8em;
}
/* ckeditor5-code-block/theme/codeblock.css */
.ck-content pre {
    padding: 1em;
    color: hsl(0, 0%, 20.8%);
    background: hsla(0, 0%, 78%, 0.3);
    border: 1px solid hsl(0, 0%, 77%);
    border-radius: 2px;
    text-align: left;
    direction: ltr;
    -moz-tab-size: 4;
      -o-tab-size: 4;
         tab-size: 4;
    white-space: pre-wrap;
    font-style: normal;
    min-width: 200px;
}
/* ckeditor5-code-block/theme/codeblock.css */
.ck-content pre code {
    background: unset;
    padding: 0;
    border-radius: 0;
}
/* ckeditor5-horizontal-line/theme/horizontalline.css */
.ck-content hr {
    margin: 15px 0;
    height: 4px;
    background: hsl(0, 0%, 87%);
    border: 0;
}
/* ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-yellow {
    background-color: var(--ck-highlight-marker-yellow);
}
/* ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-green {
    background-color: var(--ck-highlight-marker-green);
}
/* ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-pink {
    background-color: var(--ck-highlight-marker-pink);
}
/* ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-blue {
    background-color: var(--ck-highlight-marker-blue);
}
/* ckeditor5-highlight/theme/highlight.css */
.ck-content .pen-red {
    color: var(--ck-highlight-pen-red);
    background-color: transparent;
}
/* ckeditor5-highlight/theme/highlight.css */
.ck-content .pen-green {
    color: var(--ck-highlight-pen-green);
    background-color: transparent;
}
/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-side {
    float: right;
    margin-left: var(--ck-image-style-spacing);
    max-width: 50%;
}
/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-left {
    float: left;
    margin-right: var(--ck-image-style-spacing);
}
/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-center {
    margin-left: auto;
    margin-right: auto;
}
/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-right {
    float: right;
    margin-left: var(--ck-image-style-spacing);
}
/* ckeditor5-image/theme/imagecaption.css */
.ck-content .image > figcaption {
    display: table-caption;
    caption-side: bottom;
    word-break: break-word;
    color: hsl(0, 0%, 20%);
    background-color: hsl(0, 0%, 97%);
    padding: .6em;
    font-size: .75em;
    outline-offset: -1px;
}
/* ckeditor5-image/theme/image.css */
.ck-content .image {
    display: table;
    clear: both;
    text-align: center;
    margin: 1em auto;
}
/* ckeditor5-image/theme/image.css */
.ck-content .image img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    min-width: 50px;
}
/* ckeditor5-image/theme/imageresize.css */
.ck-content .image.image_resized {
    max-width: 100%;
    display: block;
    box-sizing: border-box;
}
/* ckeditor5-image/theme/imageresize.css */
.ck-content .image.image_resized img {
    width: 100%;
}
/* ckeditor5-image/theme/imageresize.css */
.ck-content .image.image_resized > figcaption {
    display: block;
}
/* ckeditor5-language/theme/language.css */
.ck-content span[lang] {
    font-style: italic;
}
/* ckeditor5-block-quote/theme/blockquote.css */
.ck-content blockquote {
    overflow: hidden;
    padding-right: 1.5em;
    padding-left: 1.5em;
    margin-left: 0;
    margin-right: 0;
    font-style: italic;
    border-left: solid 5px hsl(0, 0%, 80%);
}
/* ckeditor5-block-quote/theme/blockquote.css */
.ck-content[dir="rtl"] blockquote {
    border-left: 0;
    border-right: solid 5px hsl(0, 0%, 80%);
}
/* ckeditor5-basic-styles/theme/code.css */
.ck-content code {
    background-color: hsla(0, 0%, 78%, 0.3);
    padding: .15em;
    border-radius: 2px;
}
/* ckeditor5-table/theme/table.css */
.ck-content .table {
    margin: 1em auto;
    display: table;
}
/* ckeditor5-table/theme/table.css */
.ck-content .table table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    height: 100%;
    border: 1px double hsl(0, 0%, 70%);
}
/* ckeditor5-table/theme/table.css */
.ck-content .table table td,
.ck-content .table table th {
    min-width: 2em;
    padding: .4em;
    border: 1px solid hsl(0, 0%, 75%);
}
/* ckeditor5-table/theme/table.css */
.ck-content .table table th {
    font-weight: bold;
    background: hsla(0, 0%, 0%, 5%);
}
/* ckeditor5-table/theme/table.css */
.ck-content[dir="rtl"] .table th {
    text-align: right;
}
/* ckeditor5-table/theme/table.css */
.ck-content[dir="ltr"] .table th {
    text-align: left;
}
/* ckeditor5-page-break/theme/pagebreak.css */
.ck-content .page-break {
    position: relative;
    clear: both;
    padding: 5px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* ckeditor5-page-break/theme/pagebreak.css */
.ck-content .page-break::after {
    content: '';
    position: absolute;
    border-bottom: 2px dashed hsl(0, 0%, 77%);
    width: 100%;
}
/* ckeditor5-page-break/theme/pagebreak.css */
.ck-content .page-break__label {
    position: relative;
    z-index: 1;
    padding: .3em .6em;
    display: block;
    text-transform: uppercase;
    border: 1px solid hsl(0, 0%, 77%);
    border-radius: 2px;
    font-family: Helvetica, Arial, Tahoma, Verdana, Sans-Serif;
    font-size: 0.75em;
    font-weight: bold;
    color: hsl(0, 0%, 20%);
    background: hsl(0, 0%, 100%);
    box-shadow: 2px 2px 1px hsla(0, 0%, 0%, 0.15);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* ckeditor5-media-embed/theme/mediaembed.css */
.ck-content .media {
    clear: both;
    margin: 1em 0;
    display: block;
    min-width: 15em;
}
/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list {
    list-style: none;
}
/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list li {
    margin-bottom: 5px;
}
/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list li .todo-list {
    margin-top: 5px;
}
/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label > input {
    -webkit-appearance: none;
    display: inline-block;
    position: relative;
    width: var(--ck-todo-list-checkmark-size);
    height: var(--ck-todo-list-checkmark-size);
    vertical-align: middle;
    border: 0;
    left: -25px;
    margin-right: -15px;
    right: 0;
    margin-left: 0;
}
/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label > input::before {
    display: block;
    position: absolute;
    box-sizing: border-box;
    content: '';
    width: 100%;
    height: 100%;
    border: 1px solid hsl(0, 0%, 20%);
    border-radius: 2px;
    transition: 250ms ease-in-out box-shadow, 250ms ease-in-out background, 250ms ease-in-out border;
}
/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label > input::after {
    display: block;
    position: absolute;
    box-sizing: content-box;
    pointer-events: none;
    content: '';
    left: calc( var(--ck-todo-list-checkmark-size) / 3 );
    top: calc( var(--ck-todo-list-checkmark-size) / 5.3 );
    width: calc( var(--ck-todo-list-checkmark-size) / 5.3 );
    height: calc( var(--ck-todo-list-checkmark-size) / 2.6 );
    border-style: solid;
    border-color: transparent;
    border-width: 0 calc( var(--ck-todo-list-checkmark-size) / 8 ) calc( var(--ck-todo-list-checkmark-size) / 8 ) 0;
    transform: rotate(45deg);
}
/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label > input[checked]::before {
    background: hsl(126, 64%, 41%);
    border-color: hsl(126, 64%, 41%);
}
/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label > input[checked]::after {
    border-color: hsl(0, 0%, 100%);
}
/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label .todo-list__label__description {
    vertical-align: middle;
}
/* ckeditor5-html-embed/theme/htmlembed.css */
.ck-content .raw-html-embed {
    margin: 1em auto;
    min-width: 15em;
    font-style: normal;
}
/* ckeditor5-mention/theme/mention.css */
.ck-content .mention {
    background: var(--ck-color-mention-background);
    color: var(--ck-color-mention-text);
}
@media print {
    /* ckeditor5-page-break/theme/pagebreak.css */
    .ck-content .page-break {
        padding: 0;
    }
    /* ckeditor5-page-break/theme/pagebreak.css */
    .ck-content .page-break::after {
        display: none;
    }
}
.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  box-sizing: border-box;
  touch-action: manipulation;
  background: #fff;
  box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
}

.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}

.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}

.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}

.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}

.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  box-shadow: none !important;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}

.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}

.flatpickr-calendar:before,
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  left: 22px;
}

.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px;
}

.flatpickr-calendar.arrowCenter:before,
.flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%;
}

.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}

.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}

.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}

.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}

.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}

.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}

.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}

.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}

.flatpickr-calendar:focus {
  outline: 0;
}

.flatpickr-calendar.hasTime {
    width: 98px;
}

.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}

.flatpickr-months {
  display: flex;
}

.flatpickr-months .flatpickr-month {
  background: transparent;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  flex: 1;
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
}

.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}

.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  /*
        /*rtl:begin:ignore*/
  /*
        */
  left: 0;
  /*
        /*rtl:end:ignore*/
  /*
        */
}

/*
      /*rtl:begin:ignore*/

/*
      /*rtl:end:ignore*/

.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  /*
        /*rtl:begin:ignore*/
  /*
        */
  right: 0;
  /*
        /*rtl:end:ignore*/
  /*
        */
}

/*
      /*rtl:begin:ignore*/

/*
      /*rtl:end:ignore*/

.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9;
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}

.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  transition: fill 0.1s;
  fill: inherit;
}

.numInputWrapper {
  position: relative;
  height: auto;
}

.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}

.numInputWrapper input {
  width: 100%;
}

.numInputWrapper input::-ms-clear {
  display: none;
}

.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57, 57, 57, 0.15);
  box-sizing: border-box;
}

.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1);
}

.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2);
}

.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}

.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}

.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57, 57, 57, 0.6);
  top: 26%;
}

.numInputWrapper span.arrowDown {
  top: 50%;
}

.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57, 57, 57, 0.6);
  top: 40%;
}

.numInputWrapper span svg {
  width: inherit;
  height: auto;
}

.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 0.5);
}

.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05);
}

.numInputWrapper:hover span {
  opacity: 1;
}

.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  transform: translate3d(0px, 0px, 0px);
}

.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}

.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0;
  display: inline-block;
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0, 0, 0, 0.9);
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0, 0, 0, 0.9);
}

.flatpickr-current-month input.cur-year {
  background: transparent;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0, 0, 0, 0.5);
  background: transparent;
  pointer-events: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0;
}

.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: flex;
  align-items: center;
  height: 28px;
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: flex;
  flex: 1;
}

span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0, 0, 0, 0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  flex: 1;
  font-weight: bolder;
}

.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}

.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  width: 307.875px;
}

.flatpickr-days:focus {
  outline: 0;
}

.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  box-sizing: border-box;
  display: inline-block;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  justify-content: space-around;
  transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}

.dayContainer + .dayContainer {
  box-shadow: -1px 0 0 #e6e6e6;
}

.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  justify-content: center;
  text-align: center;
}

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}

.flatpickr-day.today {
  border-color: #959ea9;
}

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #569ff7;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}

.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}

.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  box-shadow: -10px 0 0 #569ff7;
}

.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}

.flatpickr-day.inRange {
  border-radius: 0;
  box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(57, 57, 57, 0.1);
}

.flatpickr-day.week.selected {
  border-radius: 0;
  box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}

.flatpickr-day.hidden {
  visibility: hidden;
}

.rangeMode .flatpickr-day {
  margin-top: 1px;
}

.flatpickr-weekwrapper {
  float: left;
}

.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  box-shadow: 1px 0 0 #e6e6e6;
}

.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}

.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  cursor: default;
  border: none;
}

.flatpickr-innerContainer {
  display: block;
  display: flex;
  box-sizing: border-box;
  overflow: hidden;
}

.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  box-sizing: border-box;
}

.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
}

.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}

.flatpickr-time .numInputWrapper {
  flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}

.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}

.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}

.flatpickr-time input {
  background: transparent;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #393939;
  font-size: 14px;
  position: relative;
  box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}

.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}

.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}

.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  align-self: center;
}

.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}

.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #eee;
}

.flatpickr-input[readonly] {
  cursor: pointer;
}

@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fpFadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.swal2-modal .swal2-actions button {
  margin: 2px 0;
}

.swal2-title.color {
  color: #f4784e;
}

.swal2-content p small {
  font-size: 0.75em;
  color: #7a7a7c;
  line-height: 1.58;
}

.img-transform {
  transform: rotate(90deg);
}

.confirm-button-class {
  color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 50px !important;
  bottom: -30px;
  position: relative;
}

.swal2-popup.swal2-toast {
  flex-direction: row;
  align-items: center;
  width: auto;
  padding: 0.625em;
  overflow-y: hidden;
  background: #fff;
  box-shadow: 0 0 0.625em #d9d9d9;
  border-radius: 12px 12px 0 0;
}

.swal2-popup.swal2-toast .swal2-header {
  flex-direction: row;
  padding: 0;
}

.swal2-popup.swal2-toast .swal2-title {
  flex-grow: 1;
  justify-content: flex-start;
  margin: 0 0.6em;
  font-size: 1em;
}

.swal2-popup.swal2-toast .swal2-footer {
  margin: 0.5em 0 0;
  padding: 0.5em 0 0;
  font-size: 0.8em;
}

.swal2-popup.swal2-toast .swal2-close {
  position: static;
  width: 0.8em;
  height: 0.8em;
  line-height: 0.8;
}

.swal2-popup.swal2-toast .swal2-content {
  justify-content: flex-start;
  padding: 0 0 5px 0;
  width: 100%;
}

.swal2-popup.swal2-toast .swal2-icon {
  width: 2em;
  min-width: 2em;
  height: 2em;
  margin: 0;
}

.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
  display: flex;
  align-items: center;
  font-size: 1.8em;
  font-weight: bold;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
    font-size: 0.25em;
  }
}

.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
  width: 2em;
  height: 2em;
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
  top: 0.875em;
  width: 1.375em;
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
  left: 0.3125em;
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
  right: 0.3125em;
}

.swal2-popup.swal2-toast .swal2-actions {
  flex-basis: auto !important;
  width: auto;
  height: auto;
  margin: 0 0.3125em;
}

.swal2-popup.swal2-toast .swal2-styled {
  margin: 0 0.3125em;
  padding: 0.3125em 0.625em;
  font-size: 1em;
}

.swal2-popup.swal2-toast .swal2-styled:focus {
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(50, 100, 150, 0.4);
}

.swal2-popup.swal2-toast .swal2-success {
  border-color: #a5dc86;
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
  position: absolute;
  width: 1.6em;
  height: 3em;
  transform: rotate(45deg);
  border-radius: 50%;
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
  top: -0.8em;
  left: -0.5em;
  transform: rotate(-45deg);
  transform-origin: 2em 2em;
  border-radius: 4em 0 0 4em;
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
  top: -0.25em;
  left: 0.9375em;
  transform-origin: 0 1.5em;
  border-radius: 0 4em 4em 0;
}

.swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
  width: 2em;
  height: 2em;
}

.swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
  top: 0;
  left: 0.4375em;
  width: 0.4375em;
  height: 2.6875em;
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
  height: 0.3125em;
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
  top: 1.125em;
  left: 0.1875em;
  width: 0.75em;
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
  top: 0.9375em;
  right: 0.1875em;
  width: 1.375em;
}

.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {
  -webkit-animation: swal2-toast-animate-success-line-tip 0.75s;
          animation: swal2-toast-animate-success-line-tip 0.75s;
}

.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
  -webkit-animation: swal2-toast-animate-success-line-long 0.75s;
          animation: swal2-toast-animate-success-line-long 0.75s;
}

.swal2-popup.swal2-toast.swal2-show {
  -webkit-animation: swal2-toast-show 0.5s;
          animation: swal2-toast-show 0.5s;
}

.swal2-popup.swal2-toast.swal2-hide {
  -webkit-animation: swal2-toast-hide 0.1s forwards;
          animation: swal2-toast-hide 0.1s forwards;
}

.swal2-container {
  display: flex;
  position: fixed;
  z-index: 1060;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0.625em;
  overflow-x: hidden;
  transition: background-color 0.1s;
  -webkit-overflow-scrolling: touch;
}

.swal2-container.swal2-backdrop-show,
.swal2-container.swal2-noanimation {
  background: rgba(0, 0, 0, 0.4);
}

.swal2-container.swal2-backdrop-hide {
  background: transparent !important;
}

.swal2-container.swal2-top {
  align-items: flex-start;
}

.swal2-container.swal2-top-start,
.swal2-container.swal2-top-left {
  align-items: flex-start;
  justify-content: flex-start;
}

.swal2-container.swal2-top-end,
.swal2-container.swal2-top-right {
  align-items: flex-start;
  justify-content: flex-end;
}

.swal2-container.swal2-center {
  align-items: center;
}

.swal2-container.swal2-center-start,
.swal2-container.swal2-center-left {
  align-items: center;
  justify-content: flex-start;
}

.swal2-container.swal2-center-end,
.swal2-container.swal2-center-right {
  align-items: center;
  justify-content: flex-end;
}

.swal2-container.swal2-bottom {
  align-items: flex-end;
}

.swal2-container.swal2-bottom-start,
.swal2-container.swal2-bottom-left {
  align-items: flex-end;
  justify-content: flex-start;
}

.swal2-container.swal2-bottom-end,
.swal2-container.swal2-bottom-right {
  align-items: flex-end;
  justify-content: flex-end;
}

.swal2-container.swal2-bottom > :first-child,
.swal2-container.swal2-bottom-start > :first-child,
.swal2-container.swal2-bottom-left > :first-child,
.swal2-container.swal2-bottom-end > :first-child,
.swal2-container.swal2-bottom-right > :first-child {
  margin-top: auto;
}

.swal2-container.swal2-grow-fullscreen > .swal2-modal {
  display: flex !important;
  flex: 1;
  align-self: stretch;
  justify-content: center;
}

.swal2-container.swal2-grow-row > .swal2-modal {
  display: flex !important;
  flex: 1;
  align-content: center;
  justify-content: center;
}

.swal2-container.swal2-grow-column {
  flex: 1;
  flex-direction: column;
}

.swal2-container.swal2-grow-column.swal2-top,
.swal2-container.swal2-grow-column.swal2-center,
.swal2-container.swal2-grow-column.swal2-bottom {
  align-items: center;
}

.swal2-container.swal2-grow-column.swal2-top-start,
.swal2-container.swal2-grow-column.swal2-center-start,
.swal2-container.swal2-grow-column.swal2-bottom-start,
.swal2-container.swal2-grow-column.swal2-top-left,
.swal2-container.swal2-grow-column.swal2-center-left,
.swal2-container.swal2-grow-column.swal2-bottom-left {
  align-items: flex-start;
}

.swal2-container.swal2-grow-column.swal2-top-end,
.swal2-container.swal2-grow-column.swal2-center-end,
.swal2-container.swal2-grow-column.swal2-bottom-end,
.swal2-container.swal2-grow-column.swal2-top-right,
.swal2-container.swal2-grow-column.swal2-center-right,
.swal2-container.swal2-grow-column.swal2-bottom-right {
  align-items: flex-end;
}

.swal2-container.swal2-grow-column > .swal2-modal {
  display: flex !important;
  flex: 1;
  align-content: center;
  justify-content: center;
}

.swal2-container.swal2-no-transition {
  transition: none !important;
}

.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen) > .swal2-modal {
  margin: auto;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .swal2-container .swal2-modal {
    margin: 0 !important;
  }
}

.swal2-popup {
  display: none;
  position: relative;
  box-sizing: border-box;
  flex-direction: column;
  justify-content: center;
    width: 450px;
  max-width: 100%;
  padding: 1.25em;
  border: none;
  border-radius: 12px;
  background: #242C2C;
  /*font-family: inherit;*/
  /*font-size: 1rem;*/
}

.swal2-popup:focus {
  outline: none;
}

.swal2-popup.swal2-loading {
  overflow-y: hidden;
}

.swal2-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 1.8em;
}

/*.swal2-title {*/
/*  position: relative;*/
/*  max-width: 100%;*/
/*  margin: 0 0 0.4em;*/
/*  padding: 0;*/
/*  color: #595959;*/
/*  font-size: 1.875em;*/
/*  font-weight: 600;*/
/*  text-align: center;*/
/*  text-transform: none;*/
/*  word-wrap: break-word;*/
/*}*/

.swal2-actions {
  z-index: 1;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 1.25em auto 0;
}

.swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
  opacity: 0.4;
}

.swal2-actions:not(.swal2-loading) .swal2-styled:hover {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}

.swal2-actions:not(.swal2-loading) .swal2-styled:active {
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}

.swal2-actions.swal2-loading .swal2-styled.swal2-confirm {
  box-sizing: border-box;
  width: 2.5em;
  height: 2.5em;
  margin: 0.46875em;
  padding: 0;
  -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
          animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
  border: 0.25em solid transparent;
  border-radius: 100%;
  border-color: transparent;
  background-color: transparent !important;
  color: transparent !important;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.swal2-actions.swal2-loading .swal2-styled.swal2-cancel {
  margin-right: 30px;
  margin-left: 30px;
}

.swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-left: 5px;
  -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
          animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
  border: 3px solid #999999;
  border-radius: 50%;
  border-right-color: transparent;
  box-shadow: 1px 1px 1px #fff;
}

.swal2-styled {
  margin: 0.3125em;
  padding: 0.625em 2em;
  box-shadow: none;
  font-weight: 500;
}

.swal2-styled:not([disabled]) {
  cursor: pointer;
}

/*.swal2-styled.swal2-confirm {*/
/*  border: 0;*/
/*  border-radius: 0.25em;*/
/*  background: initial;*/
/*  background-color: #3085d6;*/
/*  color: #fff;*/
/*  font-size: 1.0625em;*/
/*}*/

.swal2-styled.swal2-cancel {
  border: 0;
  border-radius: 0.25em;
  background: initial;
  background-color: #aaa;
  color: #fff;
  font-size: 1.0625em;
}

.swal2-styled:focus {
  outline: none;
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(50, 100, 150, 0.4);
}

.swal2-styled::-moz-focus-inner {
  border: 0;
}

.swal2-footer {
  justify-content: center;
  margin: 1.25em 0 0;
  padding: 1em 0 0;
  border-top: 1px solid #eee;
  color: #545454;
  font-size: 1em;
}

.swal2-timer-progress-bar-container {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 5px;
  overflow: hidden;
}

.swal2-popup.swal2-toast .swal2-timer-progress-bar-container {
    background-color: #D7D7D7;
}

.swal2-timer-progress-bar {
  width: 100%;
  height: 5px;
  background-color: #F4784D;
}

.swal2-image {
  max-width: 100%;
  margin: 1.25em auto;
}

/*.swal2-close {*/
/*  position: absolute;*/
/*  z-index: 2;*/
/*  top: 0;*/
/*  right: 0;*/
/*  align-items: center;*/
/*  justify-content: center;*/
/*  width: 1.2em;*/
/*  height: 1.2em;*/
/*  padding: 0;*/
/*  overflow: hidden;*/
/*  transition: color 0.1s ease-out;*/
/*  border: none;*/
/*  border-radius: 0;*/
/*  background: transparent;*/
/*  color: #cccccc;*/
/*  font-family: serif;*/
/*  font-size: 2.5em;*/
/*  line-height: 1.2;*/
/*  cursor: pointer;*/
/*}*/

/*.swal2-close:hover {*/
/*  transform: none;*/
/*  background: transparent;*/
/*  color: #f27474;*/
/*}*/

/*.swal2-close::-moz-focus-inner {*/
/*  border: 0;*/
/*}*/

.swal2-toast .swal2-content {
    color: #242C2C;
}

.swal2-content {
  z-index: 1;
  justify-content: center;
  margin: 0;
  /*padding: 0 1.6em;*/
  color: #fff;
  /*font-size: 1.125em;*/
  font-weight: normal;
  line-height: normal;
  text-align: center;
  word-wrap: break-word;
}

.swal2-content .swal2-text {
    font-size: 1.75em;
    font-weight: bold;
    color: #fff;
    line-height: 1.25em;
    padding-bottom: 5px;
}

.swal2-input,
.swal2-file,
.swal2-textarea,
.swal2-select,
.swal2-radio,
.swal2-checkbox {
  margin: 1em auto;
}

.swal2-input,
.swal2-file,
.swal2-textarea {
  box-sizing: border-box;
  width: 100%;
  transition: border-color 0.3s, box-shadow 0.3s;
  border: 1px solid #d9d9d9;
  border-radius: 0.1875em;
  background: inherit;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06);
  color: inherit;
  font-size: 1.125em;
}

.swal2-input.swal2-inputerror,
.swal2-file.swal2-inputerror,
.swal2-textarea.swal2-inputerror {
  border-color: #f27474 !important;
  box-shadow: 0 0 2px #f27474 !important;
}

.swal2-input:focus,
.swal2-file:focus,
.swal2-textarea:focus {
  border: 1px solid #b4dbed;
  outline: none;
  box-shadow: 0 0 3px #c4e6f5;
}

.swal2-input::-moz-placeholder, .swal2-file::-moz-placeholder, .swal2-textarea::-moz-placeholder {
  color: #cccccc;
}

.swal2-input:-ms-input-placeholder, .swal2-file:-ms-input-placeholder, .swal2-textarea:-ms-input-placeholder {
  color: #cccccc;
}

.swal2-input::placeholder,
.swal2-file::placeholder,
.swal2-textarea::placeholder {
  color: #cccccc;
}

.swal2-range {
  margin: 1em auto;
  background: #fff;
}

.swal2-range input {
  width: 80%;
}

.swal2-range output {
  width: 20%;
  color: inherit;
  font-weight: 600;
  text-align: center;
}

.swal2-range input,
.swal2-range output {
  height: 2.625em;
  padding: 0;
  font-size: 1.125em;
  line-height: 2.625em;
}

.swal2-input {
  height: 2.625em;
  padding: 0 0.75em;
}

.swal2-input[type=number] {
  max-width: 10em;
}

.swal2-file {
  background: inherit;
  font-size: 1.125em;
}

.swal2-textarea {
  height: 6.75em;
  padding: 0.75em;
}

.swal2-select {
  min-width: 50%;
  max-width: 100%;
  padding: 0.375em 0.625em;
  background: inherit;
  color: inherit;
  font-size: 1.125em;
}

.swal2-radio,
.swal2-checkbox {
  align-items: center;
  justify-content: center;
  background: #fff;
  color: inherit;
}

.swal2-radio label,
.swal2-checkbox label {
  margin: 0 0.6em;
  font-size: 1.125em;
}

.swal2-radio input,
.swal2-checkbox input {
  margin: 0 0.4em;
}

.swal2-validation-message {
  display: none;
  align-items: center;
  justify-content: center;
  padding: 0.625em;
  overflow: hidden;
  background: #f0f0f0;
  color: #666666;
  font-size: 1em;
  font-weight: 300;
}

.swal2-validation-message::before {
  content: "!";
  display: inline-block;
  width: 1.5em;
  min-width: 1.5em;
  height: 1.5em;
  margin: 0 0.625em;
  border-radius: 50%;
  background-color: #f27474;
  color: #fff;
  font-weight: 600;
  line-height: 1.5em;
  text-align: center;
}

.swal2-icon {
  position: relative;
  box-sizing: content-box;
  justify-content: center;
  width: 5em;
  height: 5em;
  margin: 1.25em auto 1.875em;
  border: 0.25em solid transparent;
  border-radius: 50%;
  font-family: inherit;
  line-height: 5em;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.swal2-icon .swal2-icon-content {
  display: flex;
  align-items: center;
  font-size: 3.75em;
}

.swal2-icon.swal2-error {
  border-color: #f27474;
  color: #f27474;
}

.swal2-icon.swal2-error .swal2-x-mark {
  position: relative;
  flex-grow: 1;
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
  display: block;
  position: absolute;
  top: 2.3125em;
  width: 2.9375em;
  height: 0.3125em;
  border-radius: 0.125em;
  background-color: #f27474;
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
  left: 1.0625em;
  transform: rotate(45deg);
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
  right: 1em;
  transform: rotate(-45deg);
}

.swal2-icon.swal2-error.swal2-icon-show {
  -webkit-animation: swal2-animate-error-icon 0.5s;
          animation: swal2-animate-error-icon 0.5s;
}

.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark {
  -webkit-animation: swal2-animate-error-x-mark 0.5s;
          animation: swal2-animate-error-x-mark 0.5s;
}

.swal2-icon.swal2-warning {
  border-color: #facea8;
  color: #f8bb86;
}

.swal2-icon.swal2-info {
  border-color: #9de0f6;
  color: #3fc3ee;
}

.swal2-icon.swal2-question {
  border-color: #c9dae1;
  color: #87adbd;
}

.swal2-icon.swal2-success {
  border-color: #a5dc86;
  color: #a5dc86;
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line] {
  position: absolute;
  width: 3.75em;
  height: 7.5em;
  transform: rotate(45deg);
  border-radius: 50%;
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
  top: -0.4375em;
  left: -2.0635em;
  transform: rotate(-45deg);
  transform-origin: 3.75em 3.75em;
  border-radius: 7.5em 0 0 7.5em;
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
  top: -0.6875em;
  left: 1.875em;
  transform: rotate(-45deg);
  transform-origin: 0 3.75em;
  border-radius: 0 7.5em 7.5em 0;
}

.swal2-icon.swal2-success .swal2-success-ring {
  position: absolute;
  z-index: 2;
  top: -0.25em;
  left: -0.25em;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  border: 0.25em solid rgba(165, 220, 134, 0.3);
  border-radius: 50%;
}

.swal2-icon.swal2-success .swal2-success-fix {
  position: absolute;
  z-index: 1;
  top: 0.5em;
  left: 1.625em;
  width: 0.4375em;
  height: 5.625em;
  transform: rotate(-45deg);
}

.swal2-icon.swal2-success [class^=swal2-success-line] {
  display: block;
  position: absolute;
  z-index: 2;
  height: 0.3125em;
  border-radius: 0.125em;
  background-color: #a5dc86;
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
  top: 2.875em;
  left: 0.8125em;
  width: 1.5625em;
  transform: rotate(45deg);
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
  top: 2.375em;
  right: 0.5em;
  width: 2.9375em;
  transform: rotate(-45deg);
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip {
  -webkit-animation: swal2-animate-success-line-tip 0.75s;
          animation: swal2-animate-success-line-tip 0.75s;
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long {
  -webkit-animation: swal2-animate-success-line-long 0.75s;
          animation: swal2-animate-success-line-long 0.75s;
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right {
  -webkit-animation: swal2-rotate-success-circular-line 4.25s ease-in;
          animation: swal2-rotate-success-circular-line 4.25s ease-in;
}

.swal2-progress-steps {
  align-items: center;
  margin: 0 0 1.25em;
  padding: 0;
  background: inherit;
  font-weight: 600;
}

.swal2-progress-steps li {
  display: inline-block;
  position: relative;
}

.swal2-progress-steps .swal2-progress-step {
  z-index: 20;
  width: 2em;
  height: 2em;
  border-radius: 2em;
  background: #3085d6;
  color: #fff;
  line-height: 2em;
  text-align: center;
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
  background: #3085d6;
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {
  background: #add8e6;
  color: #fff;
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
  background: #add8e6;
}

.swal2-progress-steps .swal2-progress-step-line {
  z-index: 10;
  width: 2.5em;
  height: 0.4em;
  margin: 0 -1px;
  background: #3085d6;
}

[class^=swal2] {
  -webkit-tap-highlight-color: transparent;
}

.swal2-show {
  -webkit-animation: swal2-show 0.3s;
          animation: swal2-show 0.3s;
}

.swal2-hide {
  -webkit-animation: swal2-hide 0.15s forwards;
          animation: swal2-hide 0.15s forwards;
}

.swal2-noanimation {
  transition: none;
}

.swal2-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

.swal2-rtl .swal2-close {
  right: auto;
  left: 0;
}

.swal2-rtl .swal2-timer-progress-bar {
  right: 0;
  left: auto;
}

@supports (-ms-accelerator: true) {
  .swal2-range input {
    width: 100% !important;
  }

  .swal2-range output {
    display: none;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .swal2-range input {
    width: 100% !important;
  }

  .swal2-range output {
    display: none;
  }
}

@-moz-document url-prefix()  {
  .swal2-close:focus {
    outline: 2px solid rgba(50, 100, 150, 0.4);
  }
}

@-webkit-keyframes swal2-toast-show {
  0% {
    transform: translateY(-0.625em) rotateZ(2deg);
  }

  33% {
    transform: translateY(0) rotateZ(-2deg);
  }

  66% {
    transform: translateY(0.3125em) rotateZ(2deg);
  }

  100% {
    transform: translateY(0) rotateZ(0deg);
  }
}

@keyframes swal2-toast-show {
  0% {
    transform: translateY(-0.625em) rotateZ(2deg);
  }

  33% {
    transform: translateY(0) rotateZ(-2deg);
  }

  66% {
    transform: translateY(0.3125em) rotateZ(2deg);
  }

  100% {
    transform: translateY(0) rotateZ(0deg);
  }
}

@-webkit-keyframes swal2-toast-hide {
  100% {
    transform: rotateZ(1deg);
    opacity: 0;
  }
}

@keyframes swal2-toast-hide {
  100% {
    transform: rotateZ(1deg);
    opacity: 0;
  }
}

@-webkit-keyframes swal2-toast-animate-success-line-tip {
  0% {
    top: 0.5625em;
    left: 0.0625em;
    width: 0;
  }

  54% {
    top: 0.125em;
    left: 0.125em;
    width: 0;
  }

  70% {
    top: 0.625em;
    left: -0.25em;
    width: 1.625em;
  }

  84% {
    top: 1.0625em;
    left: 0.75em;
    width: 0.5em;
  }

  100% {
    top: 1.125em;
    left: 0.1875em;
    width: 0.75em;
  }
}

@keyframes swal2-toast-animate-success-line-tip {
  0% {
    top: 0.5625em;
    left: 0.0625em;
    width: 0;
  }

  54% {
    top: 0.125em;
    left: 0.125em;
    width: 0;
  }

  70% {
    top: 0.625em;
    left: -0.25em;
    width: 1.625em;
  }

  84% {
    top: 1.0625em;
    left: 0.75em;
    width: 0.5em;
  }

  100% {
    top: 1.125em;
    left: 0.1875em;
    width: 0.75em;
  }
}

@-webkit-keyframes swal2-toast-animate-success-line-long {
  0% {
    top: 1.625em;
    right: 1.375em;
    width: 0;
  }

  65% {
    top: 1.25em;
    right: 0.9375em;
    width: 0;
  }

  84% {
    top: 0.9375em;
    right: 0;
    width: 1.125em;
  }

  100% {
    top: 0.9375em;
    right: 0.1875em;
    width: 1.375em;
  }
}

@keyframes swal2-toast-animate-success-line-long {
  0% {
    top: 1.625em;
    right: 1.375em;
    width: 0;
  }

  65% {
    top: 1.25em;
    right: 0.9375em;
    width: 0;
  }

  84% {
    top: 0.9375em;
    right: 0;
    width: 1.125em;
  }

  100% {
    top: 0.9375em;
    right: 0.1875em;
    width: 1.375em;
  }
}

@-webkit-keyframes swal2-show {
  0% {
    transform: scale(0.7);
  }

  45% {
    transform: scale(1.05);
  }

  80% {
    transform: scale(0.95);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes swal2-show {
  0% {
    transform: scale(0.7);
  }

  45% {
    transform: scale(1.05);
  }

  80% {
    transform: scale(0.95);
  }

  100% {
    transform: scale(1);
  }
}

@-webkit-keyframes swal2-hide {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  100% {
    transform: scale(0.5);
    opacity: 0;
  }
}

@keyframes swal2-hide {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  100% {
    transform: scale(0.5);
    opacity: 0;
  }
}

@-webkit-keyframes swal2-animate-success-line-tip {
  0% {
    top: 1.1875em;
    left: 0.0625em;
    width: 0;
  }

  54% {
    top: 1.0625em;
    left: 0.125em;
    width: 0;
  }

  70% {
    top: 2.1875em;
    left: -0.375em;
    width: 3.125em;
  }

  84% {
    top: 3em;
    left: 1.3125em;
    width: 1.0625em;
  }

  100% {
    top: 2.8125em;
    left: 0.8125em;
    width: 1.5625em;
  }
}

@keyframes swal2-animate-success-line-tip {
  0% {
    top: 1.1875em;
    left: 0.0625em;
    width: 0;
  }

  54% {
    top: 1.0625em;
    left: 0.125em;
    width: 0;
  }

  70% {
    top: 2.1875em;
    left: -0.375em;
    width: 3.125em;
  }

  84% {
    top: 3em;
    left: 1.3125em;
    width: 1.0625em;
  }

  100% {
    top: 2.8125em;
    left: 0.8125em;
    width: 1.5625em;
  }
}

@-webkit-keyframes swal2-animate-success-line-long {
  0% {
    top: 3.375em;
    right: 2.875em;
    width: 0;
  }

  65% {
    top: 3.375em;
    right: 2.875em;
    width: 0;
  }

  84% {
    top: 2.1875em;
    right: 0;
    width: 3.4375em;
  }

  100% {
    top: 2.375em;
    right: 0.5em;
    width: 2.9375em;
  }
}

@keyframes swal2-animate-success-line-long {
  0% {
    top: 3.375em;
    right: 2.875em;
    width: 0;
  }

  65% {
    top: 3.375em;
    right: 2.875em;
    width: 0;
  }

  84% {
    top: 2.1875em;
    right: 0;
    width: 3.4375em;
  }

  100% {
    top: 2.375em;
    right: 0.5em;
    width: 2.9375em;
  }
}

@-webkit-keyframes swal2-rotate-success-circular-line {
  0% {
    transform: rotate(-45deg);
  }

  5% {
    transform: rotate(-45deg);
  }

  12% {
    transform: rotate(-405deg);
  }

  100% {
    transform: rotate(-405deg);
  }
}

@keyframes swal2-rotate-success-circular-line {
  0% {
    transform: rotate(-45deg);
  }

  5% {
    transform: rotate(-45deg);
  }

  12% {
    transform: rotate(-405deg);
  }

  100% {
    transform: rotate(-405deg);
  }
}

@-webkit-keyframes swal2-animate-error-x-mark {
  0% {
    margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0;
  }

  50% {
    margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0;
  }

  80% {
    margin-top: -0.375em;
    transform: scale(1.15);
  }

  100% {
    margin-top: 0;
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes swal2-animate-error-x-mark {
  0% {
    margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0;
  }

  50% {
    margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0;
  }

  80% {
    margin-top: -0.375em;
    transform: scale(1.15);
  }

  100% {
    margin-top: 0;
    transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes swal2-animate-error-icon {
  0% {
    transform: rotateX(100deg);
    opacity: 0;
  }

  100% {
    transform: rotateX(0deg);
    opacity: 1;
  }
}

@keyframes swal2-animate-error-icon {
  0% {
    transform: rotateX(100deg);
    opacity: 0;
  }

  100% {
    transform: rotateX(0deg);
    opacity: 1;
  }
}

@-webkit-keyframes swal2-rotate-loading {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes swal2-rotate-loading {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
  overflow: hidden;
}

body.swal2-height-auto {
  height: auto !important;
}

body.swal2-no-backdrop .swal2-container {
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  max-width: calc(100% - 0.625em * 2);
  background-color: transparent !important;
}

body.swal2-no-backdrop .swal2-container > .swal2-modal {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

body.swal2-no-backdrop .swal2-container.swal2-top {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

body.swal2-no-backdrop .swal2-container.swal2-top-start,
body.swal2-no-backdrop .swal2-container.swal2-top-left {
  top: 0;
  left: 0;
}

body.swal2-no-backdrop .swal2-container.swal2-top-end,
body.swal2-no-backdrop .swal2-container.swal2-top-right {
  top: 0;
  right: 0;
}

body.swal2-no-backdrop .swal2-container.swal2-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

body.swal2-no-backdrop .swal2-container.swal2-center-start,
body.swal2-no-backdrop .swal2-container.swal2-center-left {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

body.swal2-no-backdrop .swal2-container.swal2-center-end,
body.swal2-no-backdrop .swal2-container.swal2-center-right {
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

body.swal2-no-backdrop .swal2-container.swal2-bottom {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

body.swal2-no-backdrop .swal2-container.swal2-bottom-start,
body.swal2-no-backdrop .swal2-container.swal2-bottom-left {
  bottom: 0;
  left: 0;
}

body.swal2-no-backdrop .swal2-container.swal2-bottom-end,
body.swal2-no-backdrop .swal2-container.swal2-bottom-right {
  right: 0;
  bottom: 0;
}

@media print {
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    overflow-y: scroll !important;
  }

  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > [aria-hidden=true] {
    display: none;
  }

  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
    position: static !important;
  }
}

body.swal2-toast-shown .swal2-container {
  background-color: transparent;
}

/*body.swal2-toast-shown:before {*/
/*    display: block;*/
/*    content: "";*/
/*    position: fixed;*/
/*    left: 0;*/
/*    top: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    background: #242C2C80;*/
/*    z-index: 1050;*/
/*}*/

body.swal2-toast-shown .swal2-container.swal2-top {
  top: 0;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translateX(-50%);
}

body.swal2-toast-shown .swal2-container.swal2-top-end,
body.swal2-toast-shown .swal2-container.swal2-top-right {
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
}

body.swal2-toast-shown .swal2-container.swal2-top-start,
body.swal2-toast-shown .swal2-container.swal2-top-left {
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
}

body.swal2-toast-shown .swal2-container.swal2-center-start,
body.swal2-toast-shown .swal2-container.swal2-center-left {
  top: 50%;
  right: auto;
  bottom: auto;
  left: 0;
  transform: translateY(-50%);
}

body.swal2-toast-shown .swal2-container.swal2-center {
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translate(-50%, -50%);
}

body.swal2-toast-shown .swal2-container.swal2-center-end,
body.swal2-toast-shown .swal2-container.swal2-center-right {
  top: 50%;
  right: 0;
  bottom: auto;
  left: auto;
  transform: translateY(-50%);
}

body.swal2-toast-shown .swal2-container.swal2-bottom-start,
body.swal2-toast-shown .swal2-container.swal2-bottom-left {
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
}

body.swal2-toast-shown .swal2-container.swal2-bottom {
  top: auto;
  right: auto;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

body.swal2-toast-shown .swal2-container.swal2-bottom-end,
body.swal2-toast-shown .swal2-container.swal2-bottom-right {
  top: auto;
  right: 0;
  bottom: 0;
  left: auto;
}

body.swal2-toast-column .swal2-toast {
  flex-direction: column;
  align-items: stretch;
}

body.swal2-toast-column .swal2-toast .swal2-actions {
  flex: 1;
  align-self: stretch;
  height: 2.2em;
  margin-top: 0.3125em;
}

body.swal2-toast-column .swal2-toast .swal2-loading {
  justify-content: center;
}

body.swal2-toast-column .swal2-toast .swal2-input {
  height: 2em;
  margin: 0.3125em auto;
  font-size: 1em;
}

body.swal2-toast-column .swal2-toast .swal2-validation-message {
  font-size: 1em;
}

.autocomplete-w1 {
  position: absolute;
  top: 0px;
  left: 0px;
  margin: 6px 0 0 6px;
}

.autocomplete {
  border: 1px solid #999;
  background: #FFF;
  cursor: default;
  text-align: left;
  max-height: 350px;
  overflow: auto;
  margin: -6px 6px 6px -6px;
}

.autocomplete .selected {
  background: #F0F0F0;
}

.autocomplete div {
  padding: 2px 5px;
  white-space: nowrap;
  overflow: hidden;
}

.autocomplete strong {
  font-weight: normal;
  color: #3399FF;
}

figure.table {
  margin: 0;
}

figure.table > table {
  width: 100%;
}

.main-block-style {
  display: flex;
  flex-wrap: wrap;
}

.main-block-style figure.image {
  width: 50% !important;
}

.main-block-style figure.image img {
  width: 100%;
}

.counter.count.os-text-center {
  width: 15px;
  font-size: 0.688em;
  color: #7a7a7c;
  border-radius: 0;
  border: 0;
  cursor: default;
}

#game-wrap:before {
  content: url(/images/site/basket-p-0-1.png?0805a74fb4d6453f9ff6d9b8ddd8d39f) url(/images/site/basket-p-1-1.png?f80d6f19262b13e1db5067277cb2b96a) url(/images/site/basket-p-0-0.png?5a19745cc7a1602454970cfaa95db24a) url(/images/site/basket-p-1-0.png?2d7ce71e250667d1859146bf05e183f8);
  /* partial fallback */
  background-image: url(/images/site/basket-p-0-1.png?0805a74fb4d6453f9ff6d9b8ddd8d39f);
  visibility: hidden;
  position: absolute;
  left: -999em;
}

#img-basket-load-1 {
  background: url(/images/site/basket-p-0-1.png?0805a74fb4d6453f9ff6d9b8ddd8d39f) no-repeat;
  visibility: hidden;
  position: absolute;
  left: -999em;
}

#img-basket-load-2 {
  background: url(/images/site/basket-p-1-1.png?f80d6f19262b13e1db5067277cb2b96a) no-repeat;
  visibility: hidden;
  position: absolute;
  left: -999em;
}

#img-basket-load-3 {
  background: url(/images/site/basket-p-0-0.png?5a19745cc7a1602454970cfaa95db24a) no-repeat;
  visibility: hidden;
  position: absolute;
  left: -999em;
}

#img-basket-load-4 {
  background: url(/images/site/basket-p-1-0.png?2d7ce71e250667d1859146bf05e183f8) no-repeat;
  visibility: hidden;
  position: absolute;
  left: -999em;
}

/*
 * Egg
 */

#game-wrap .egg {
  width: 40px;
  height: 40px;
}

/* Egg bottom-left */

#game-wrap[data-egg-0="1"] .egg.e-0 {
  top: 101px;
}

#game-wrap[data-egg-0="2"] .egg.e-0 {
  top: 113px;
}

#game-wrap[data-egg-0="3"] .egg.e-0 {
  top: 124px;
}

#game-wrap[data-egg-0="4"] .egg.e-0 {
  top: 138px;
}

#game-wrap[data-egg-0="5"] .egg.e-0 {
  top: 156px;
}

/* Egg top-left */

#game-wrap[data-egg-1="1"] .egg.e-1 {
  top: 38px;
}

#game-wrap[data-egg-1="2"] .egg.e-1 {
  top: 53px;
}

#game-wrap[data-egg-1="3"] .egg.e-1 {
  top: 61px;
}

#game-wrap[data-egg-1="4"] .egg.e-1 {
  top: 74px;
}

#game-wrap[data-egg-1="5"] .egg.e-1 {
  top: 95px;
}

/* Egg top-right */

#game-wrap[data-egg-2="1"] .egg.e-2 {
  top: 38px;
}

#game-wrap[data-egg-2="2"] .egg.e-2 {
  top: 49px;
}

#game-wrap[data-egg-2="3"] .egg.e-2 {
  top: 65px;
}

#game-wrap[data-egg-2="4"] .egg.e-2 {
  top: 70px;
}

#game-wrap[data-egg-2="5"] .egg.e-2 {
  top: 95px;
}

/* Egg bottom-right */

#game-wrap[data-egg-3="1"] .egg.e-3 {
  top: 101px;
}

#game-wrap[data-egg-3="2"] .egg.e-3 {
  top: 110px;
}

#game-wrap[data-egg-3="3"] .egg.e-3 {
  top: 127px;
}

#game-wrap[data-egg-3="4"] .egg.e-3 {
  top: 134px;
}

#game-wrap[data-egg-3="5"] .egg.e-3 {
  top: 156px;
}

#game-wrap #score {
  position: absolute;
  top: 16px;
  left: 430px;
}

#game-wrap #score ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
}

#game-wrap #score ul > li {
  /* width: 10px; */
  height: 47px;
  margin: 0 0 0 -2px;
  display: inline-block;
  vertical-align: top;
  font-size: 33px;
}

#game-wrap #score ul > li span {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
}

#controls a[data-x="0"] {
  left: 20px;
}

#controls a[data-x="1"] {
  right: 20px;
}

#game-wrap {
  -webkit-touch-callout: none !important;
}

#game-wrap a {
  -webkit-user-select: none !important;
}

.rolls {
  text-align: center;
}

#jvlabelWrap,
.__jivoMobileButton {
  display: none !important;
}

.d-none {
  display: none;
}

@media only screen and (max-width: 639px) {
    .swal2-content .swal2-text {
        font-size: 1.25em;
    }

}